From c0d36a8c33c35803ed41771dbf7c352aea428436 Mon Sep 17 00:00:00 2001
From: Paul Valerie GOMA <paulgoma07@gmail.com>
Date: Thu, 31 Jul 2025 03:24:38 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=20Style=20component=20added?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/index.ts | 106 ++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 100 insertions(+), 6 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index f30c360..7d8c103 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,27 +1,121 @@
+/**
+ * Visua Design System Vue Component Library
+ *
+ * This file serves as the entry point for the library, exporting components, utilities,
+ * and styles that make up the Visua Vue ecosystem.
+ *
+ * @module visua-vue
+ */
+
+//////////////////////////
+// Component Exports //
+//////////////////////////
+
+/**
+ * Accordion components
+ */
 export { default as VAccordion } from './components/accordion/VAccordion.vue';
 export { default as VAccordionChild } from './components/accordion/VAccordionChild.vue';
+
+/**
+ * Alert and notification components
+ */
 export { default as VAlert } from './components/alert/VAlert.vue';
 export { default as VBadge } from './components/badge/VBadge.vue';
+export { default as VMessage } from './components/message/VMessage.vue';
+
+/**
+ * Button and link components
+ */
 export { default as VButton } from './components/button/VButton.vue';
 export { default as VButtonGroup } from './components/button/VButtonGroup.vue';
 export { default as VLink } from './components/button/VLink.vue';
+
+/**
+ * Form input and control components
+ */
 export { default as VCheckbox } from './components/checkbox/VCheckbox.vue';
-export { default as VDivider } from './components/divider/VDivider.vue';
+export { default as VInput } from './components/input/VInput.vue';
+export { default as VSelect } from './components/select/VSelect.vue';
 export { default as VFile } from './components/file/VFile.vue';
 export { default as VFileUpload } from './components/file/VFileUpload.vue';
 export { default as VLabelErrorProxy } from './components/file/VLabelErrorProxy.vue';
-export { default as VGroup } from './components/group/VGroup.vue';
 export { default as VHint } from './components/hint/VHint.vue';
-export { default as VInput } from './components/input/VInput.vue';
 export { default as VLabel } from './components/label/VLabel.vue';
+
+/**
+ * Layout and grouping components
+ */
+export { default as VDivider } from './components/divider/VDivider.vue';
+export { default as VGroup } from './components/group/VGroup.vue';
+export { default as VScrollPanel } from './components/scrollpanel/VScrollPanel.vue';
+
+/**
+ * Navigation and menu components
+ */
 export { default as VMenuBar } from './components/menu/VMenuBar.vue';
-export { default as VMessage } from './components/message/VMessage.vue';
+
+/**
+ * Modal and overlay components
+ */
 export { default as VModal } from './components/modal/VModal.vue';
 export { default as VConfirmModal } from './components/modal/VConfirmModal.vue';
+
+/**
+ * Visual feedback components
+ */
 export { default as VProgressBar } from './components/progressbar/VProgressBar.vue';
-export { default as VScrollPanel } from './components/scrollpanel/VScrollPanel.vue';
-export { default as VSelect } from './components/select/VSelect.vue';
 export { default as VDataTable } from './components/table/VDataTable.vue';
 
+//////////////////////////////////////
+// Composables & Interfaces     //
+//////////////////////////////////////
+
+/**
+ * Composable functions (hooks)
+ */
 export * from './components/composable/index.js';
+
+/**
+ * Custom TypeScript interfaces
+ */
 export * from './components/interface/index.js';
+
+//////////////////////
+// Global Styles //
+//////////////////////
+
+/**
+ * Global and layout styles
+ */
+import './assets/style/global.css';
+import './assets/style/primevue-configuration.css';
+
+/**
+ * PrimeVue component-specific style overrides
+ */
+import './assets/style/primevue-style/accordion.css';
+import './assets/style/primevue-style/button.css';
+import './assets/style/primevue-style/checkbox.css';
+import './assets/style/primevue-style/confirmdialog.css';
+import './assets/style/primevue-style/datatable.css';
+import './assets/style/primevue-style/dialog.css';
+import './assets/style/primevue-style/divider.css';
+import './assets/style/primevue-style/fileupload.css';
+import './assets/style/primevue-style/form.css';
+import './assets/style/primevue-style/iconfield.css';
+import './assets/style/primevue-style/input.css';
+import './assets/style/primevue-style/list.css';
+import './assets/style/primevue-style/menubar.css';
+import './assets/style/primevue-style/message.css';
+import './assets/style/primevue-style/navigation.css';
+import './assets/style/primevue-style/overlay.css';
+import './assets/style/primevue-style/paginator.css';
+import './assets/style/primevue-style/password.css';
+import './assets/style/primevue-style/progressbar.css';
+import './assets/style/primevue-style/scrollpanel.css';
+import './assets/style/primevue-style/select.css';
+import './assets/style/primevue-style/tag.css';
+import './assets/style/primevue-style/textarea.css';
+import './assets/style/primevue-style/toast.css';
+import './assets/style/primevue-style/various.css';