ptechcore_ui 1.0.57 → 1.0.60

package/dist/index.cjs

@@ -127,6 +127,7 @@ __export(index_exports, {
   WorkSpace: () => WorkSpace_default,
   WorkSpaceRoutes: () => WorkSpaceRoutes,
   WorkspaceServices: () => WorkspaceServices,
+  defaultTheme: () => defaultTheme,
   fileManagerApi: () => fileManagerApi,
   findFolderById: () => findFolderById2,
   formatCurrency: () => formatCurrency,
@@ -139,13 +140,17 @@ __export(index_exports, {
   getFileIcon: () => getFileIcon,
   getFileIconColor: () => getFileIconColor,
   getMimeTypeFromExtension: () => getMimeTypeFromExtension,
+  getThemeCSSVariables: () => getThemeCSSVariables,
   isImageFile: () => isImageFile,
   numberToWords: () => numberToWords,
+  themes: () => themes,
   useAlert: () => useAlert,
   useFileManager: () => useFileManager,
   useFileManagerApi: () => useFileManagerApi,
+  usePermissions: () => usePermissions,
   useRootFileManagerApi: () => useRootFileManagerApi,
   useSession: () => useSession,
+  useTheme: () => useTheme,
   useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
@@ -188,23 +193,35 @@ var Buttons_default = PrimaryButton;
 // src/components/common/Modals.tsx
 var import_react_dom = require("react-dom");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Modal = ({ title, description, width = "max-w-md", minContentHeight, open, onClose, children }) => {
+var Modal = ({
+  title,
+  description,
+  sideactions,
+  width = "max-w-md",
+  minContentHeight,
+  open,
+  onClose,
+  children
+}) => {
   if (!open) return null;
   const modalContent = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 w-full ${width}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-between items-start mb-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-between items-start mb-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "text-xl font-semibold text-[var(--color-text-primary)] flex items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: title }) }),
         description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "button",
-        {
-          onClick: onClose,
-          className: "text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] text-xl transition-colors",
-          "aria-label": "Close modal",
-          children: "\u2715"
-        }
-      )
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-end space-x-2", children: [
+        sideactions && sideactions,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "button",
+          {
+            onClick: onClose,
+            className: "text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] text-xl transition-colors",
+            "aria-label": "Close modal",
+            children: "\u2715"
+          }
+        )
+      ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       "div",
@@ -3687,11 +3704,21 @@ var import_jsx_runtime12 = require("react/jsx-runtime");
 var variantStyles = {
   filled: {
     active: "bg-[var(--color-primary)] text-white shadow-md",
-    inactive: "text-gray-600 hover:bg-gray-100"
+    inactive: "text-gray-600 hover:bg-gray-100",
+    base: "rounded-lg",
+    badge: "bg-red-500 text-white"
   },
   outline: {
     active: "bg-blue-100 text-blue-700",
-    inactive: "text-gray-500 hover:text-gray-700 hover:bg-gray-100"
+    inactive: "text-gray-500 hover:text-gray-700 hover:bg-gray-100",
+    base: "rounded-lg",
+    badge: "bg-red-500 text-white"
+  },
+  underline: {
+    active: "border-[var(--color-primary)] text-[var(--color-primary)] bg-[var(--color-primary)]/5",
+    inactive: "border-transparent text-gray-500 hover:text-gray-700 hover:bg-gray-100",
+    base: "border-b-2",
+    badge: "bg-[var(--color-primary)] text-white"
   }
 };
 var Tabs = ({ tabs, activeTab, onChange, variant = "filled", className = "" }) => {
@@ -3702,11 +3729,11 @@ var Tabs = ({ tabs, activeTab, onChange, variant = "filled", className = "" }) =
       "button",
       {
         onClick: () => onChange(tab.id),
-        className: `flex items-center space-x-2 px-4 py-2 text-sm font-medium rounded-lg transition-all whitespace-nowrap ${activeTab === tab.id ? styles.active : styles.inactive}`,
+        className: `flex items-center space-x-2 px-4 py-2 text-sm font-semibold transition-all whitespace-nowrap ${styles.base} ${activeTab === tab.id ? styles.active : styles.inactive}`,
         children: [
           Icon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, { className: "w-4 h-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: tab.label }),
-          tab.badge !== void 0 && tab.badge !== 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ml-1 px-1.5 py-0.5 text-xs bg-red-500 text-white rounded-full", children: tab.badge })
+          tab.badge !== void 0 && tab.badge !== 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: `ml-1 px-1.5 py-0.5 text-xs rounded-full ${styles.badge}`, children: tab.badge })
         ]
       },
       tab.id
@@ -8960,7 +8987,7 @@ var FormVendor = ({
               label: "Raison sociale",
               name: "legal_name",
               value: formData.legal_name || "",
-              placeholder: "Nom l\\u00e9gal de l'entit\\u00e9",
+              placeholder: "Nom l\xE9gal de l'entit\xE9",
               required: true,
               error: errors.legal_name,
               onChange: handleInputChange
@@ -8980,10 +9007,10 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               TextInput,
               {
-                label: "Num\\u00e9ro d'identification fiscale (NCC)",
+                label: "Num\xE9ro d'identification fiscale (NCC)",
                 name: "tax_account",
                 value: formData.tax_account || "",
-                placeholder: "Num\\u00e9ro d'identification fiscale",
+                placeholder: "Num\xE9ro d'identification fiscale",
                 onChange: handleInputChange
               }
             ),
@@ -8993,7 +9020,7 @@ var FormVendor = ({
                 label: "RCCM",
                 name: "rccm",
                 value: formData.rccm || "",
-                placeholder: "Registre du Commerce et du Cr\\u00e9dit Mobilier",
+                placeholder: "Registre du Commerce et du Cr\xE9dit Mobilier",
                 onChange: handleInputChange
               }
             ),
@@ -9010,17 +9037,17 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               TextInput,
               {
-                label: "R\\u00e9gime fiscal",
+                label: "R\xE9gime fiscal",
                 name: "tax_regime",
                 value: formData.tax_regime || "",
-                placeholder: "R\\u00e9gime fiscal",
+                placeholder: "R\xE9gime fiscal",
                 onChange: handleInputChange
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               TextInput,
               {
-                label: "Ann\\u00e9e de fondation",
+                label: "Ann\xE9e de fondation",
                 name: "year_founded",
                 value: formData.year_founded || "",
                 placeholder: "2020",
@@ -9030,7 +9057,7 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               TextInput,
               {
-                label: "Secteur d'activit\\u00e9",
+                label: "Secteur d'activit\xE9",
                 name: "activity_sector",
                 value: formData.activity_sector || "",
                 placeholder: "Informatique, Commerce, etc.",
@@ -9048,7 +9075,7 @@ var FormVendor = ({
                 onChange: handleTextareaChange,
                 rows: 3,
                 className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
-                placeholder: "Description de l'activit\\u00e9 de l'entit\\u00e9"
+                placeholder: "Description de l'activit\xE9 de l'entit\xE9"
               }
             )
           ] })
@@ -9059,7 +9086,7 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               InputField,
               {
-                label: "T\\u00e9l\\u00e9phone",
+                label: "T\xE9l\xE9phone",
                 name: "phone",
                 type: "tel",
                 value: formData.phone || "",
@@ -9112,7 +9139,7 @@ var FormVendor = ({
                 onChange: handleTextareaChange,
                 rows: 3,
                 className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
-                placeholder: "Adresse compl\\u00e8te de l'entit\\u00e9"
+                placeholder: "Adresse compl\\u00e8te de l'entit\xE9"
               }
             )
           ] })
@@ -9122,20 +9149,20 @@ var FormVendor = ({
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             TextInput,
             {
-              label: "Nom du repr\\u00e9sentant l\\u00e9gal",
+              label: "Nom du repr\xE9sentant l\xE9gal",
               name: "legal_representative_name",
               value: formData.legal_representative_name || "",
-              placeholder: "Nom et pr\\u00e9nom du repr\\u00e9sentant",
+              placeholder: "Nom et pr\xE9nom du repr\xE9sentant",
               onChange: handleInputChange
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             TextInput,
             {
-              label: "Fonction du repr\\u00e9sentant",
+              label: "Fonction du repr\xE9sentant",
               name: "legal_representative_fonction",
               value: formData.legal_representative_fonction || "",
-              placeholder: "Directeur G\\u00e9n\\u00e9ral, G\\u00e9rant, etc.",
+              placeholder: "Directeur G\xE9n\xE9ral, G\xE9rant, etc.",
               onChange: handleInputChange
             }
           ),
@@ -9143,7 +9170,7 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               InputField,
               {
-                label: "T\\u00e9l\\u00e9phone du repr\\u00e9sentant",
+                label: "T\xE9l\xE9phone du repr\xE9sentant",
                 name: "legal_representative_phone",
                 type: "tel",
                 value: formData.legal_representative_phone || "",
@@ -9154,7 +9181,7 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               InputField,
               {
-                label: "Email du repr\\u00e9sentant",
+                label: "Email du repr\xE9sentant",
                 name: "legal_representative_email",
                 type: "email",
                 value: formData.legal_representative_email || "",
@@ -9165,7 +9192,7 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               TextInput,
               {
-                label: "Type de document d'identit\\u00e9",
+                label: "Type de document d'identit\xE9",
                 name: "legal_representative_id_document",
                 value: formData.legal_representative_id_document || "",
                 placeholder: "CNI, Passeport, etc.",
@@ -9175,16 +9202,16 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               TextInput,
               {
-                label: "Num\\u00e9ro de document d'identit\\u00e9",
+                label: "Num\xE9ro de document d'identit\xE9",
                 name: "legal_representative_id_number",
                 value: formData.legal_representative_id_number || "",
-                placeholder: "Num\\u00e9ro du document",
+                placeholder: "Num\xE9ro du document",
                 onChange: handleInputChange
               }
             )
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse du repr\\u00e9sentant" }),
+            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse du repr\xE9sentant" }),
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               "textarea",
               {
@@ -9193,7 +9220,7 @@ var FormVendor = ({
                 onChange: handleTextareaChange,
                 rows: 3,
                 className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
-                placeholder: "Adresse du repr\\u00e9sentant l\\u00e9gal"
+                placeholder: "Adresse du repr\xE9sentant l\xE9gal"
               }
             )
           ] })
@@ -9266,7 +9293,7 @@ var FormVendor = ({
                 label: "RIB",
                 name: "rib",
                 value: formData.rib || "",
-                placeholder: "Relev\\u00e9 d'Identit\\u00e9 Bancaire",
+                placeholder: "Relev\xE9 d'Identit\xE9 Bancaire",
                 onChange: handleInputChange
               }
             ),
@@ -9307,7 +9334,7 @@ var FormVendor = ({
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
               InputField,
               {
-                label: "T\\u00e9l\\u00e9phone de la banque",
+                label: "T\xE9l\xE9phone de la banque",
                 name: "bank_phone",
                 type: "tel",
                 value: formData.bank_phone || "",
@@ -21559,6 +21586,7 @@ var WorkSpaceRoutes = ({ module_name = "Rewise", module_id = "core", module_desc
   WorkSpace,
   WorkSpaceRoutes,
   WorkspaceServices,
+  defaultTheme,
   fileManagerApi,
   findFolderById,
   formatCurrency,
@@ -21571,12 +21599,16 @@ var WorkSpaceRoutes = ({ module_name = "Rewise", module_id = "core", module_desc
   getFileIcon,
   getFileIconColor,
   getMimeTypeFromExtension,
+  getThemeCSSVariables,
   isImageFile,
   numberToWords,
+  themes,
   useAlert,
   useFileManager,
   useFileManagerApi,
+  usePermissions,
   useRootFileManagerApi,
   useSession,
+  useTheme,
   useToast
 });

package/dist/index.d.cts

@@ -14,6 +14,7 @@ declare const SecondaryButton: React$1.FC<PrimaryButtonProps>;
 interface ModalProps {
     title: string;
     description?: string;
+    sideactions?: React$1.ReactNode;
     width?: string;
     minContentHeight?: string;
     open: boolean;
@@ -280,6 +281,120 @@ declare const SessionProvider: ({ children }: {
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
+interface ThemeColors {
+    primary: string;
+    primaryHover: string;
+    primaryLight: string;
+    secondary: string;
+    accent: string;
+    background: string;
+    surface: string;
+    surfaceHover: string;
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+    };
+    border: string;
+    borderLight: string;
+    success: string;
+    successLight: string;
+    error: string;
+    errorLight: string;
+    warning: string;
+    warningLight: string;
+    info: string;
+    infoLight: string;
+    sidebar: {
+        bg: string;
+        bgHover: string;
+        text: string;
+        textHover: string;
+        border: string;
+        active: string;
+        activeBg: string;
+    };
+    card: {
+        bg: string;
+        border: string;
+        shadow: string;
+    };
+}
+interface Theme {
+    name: string;
+    description: string;
+    colors: ThemeColors;
+    shadows: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    transitions: {
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    borderRadius: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}
+declare const themes: {
+    elegant: Theme;
+    fintech: Theme;
+    minimalist: Theme;
+    neutralOdyssey: Theme;
+};
+declare const defaultTheme: Theme;
+declare const getThemeCSSVariables: (theme: Theme) => {
+    '--color-primary': string;
+    '--color-primary-hover': string;
+    '--color-primary-light': string;
+    '--color-secondary': string;
+    '--color-accent': string;
+    '--color-background': string;
+    '--color-surface': string;
+    '--color-surface-hover': string;
+    '--color-text-primary': string;
+    '--color-text-secondary': string;
+    '--color-text-tertiary': string;
+    '--color-text-inverse': string;
+    '--color-border': string;
+    '--color-border-light': string;
+    '--color-success': string;
+    '--color-success-light': string;
+    '--color-error': string;
+    '--color-error-light': string;
+    '--color-warning': string;
+    '--color-warning-light': string;
+    '--color-info': string;
+    '--color-info-light': string;
+    '--shadow-sm': string;
+    '--shadow-md': string;
+    '--shadow-lg': string;
+    '--shadow-xl': string;
+    '--transition-fast': string;
+    '--transition-normal': string;
+    '--transition-slow': string;
+    '--radius-sm': string;
+    '--radius-md': string;
+    '--radius-lg': string;
+    '--radius-xl': string;
+    '--radius-full': string;
+};
+type ThemeType = 'elegant' | 'fintech' | 'minimalist' | 'neutralOdyssey';
+interface ThemeContextValue {
+    theme: Theme;
+    themeType: ThemeType;
+    setTheme: (type: ThemeType) => void;
+}
+
+declare const useTheme: () => ThemeContextValue;
 interface ThemeProviderProps {
     children: React$1.ReactNode;
 }
@@ -755,7 +870,7 @@ interface TabsProps {
     tabs: Tab[];
     activeTab: string;
     onChange: (tabId: string) => void;
-    variant?: 'filled' | 'outline';
+    variant?: 'filled' | 'outline' | 'underline';
     className?: string;
 }
 declare const Tabs: React$1.FC<TabsProps>;
@@ -901,6 +1016,14 @@ declare const AlertProvider: React$1.FC<{
 }>;
 declare const useAlert: () => AlertContextType;
 
+declare const usePermissions: () => {
+    hasPermission: (permissionCode: string) => boolean;
+    hasAnyPermission: (permissionCodes: string[]) => boolean;
+    hasAllPermissions: (permissionCodes: string[]) => boolean;
+    isSuperuser: boolean;
+    permissions: string[];
+};
+
 interface SearchableSelectOption {
     value: string | number;
     label: string;
@@ -2144,4 +2267,4 @@ declare const WorkSpaceRoutes: React.FC<{
     module_description: string;
 }>;
 
-export { ACCOUNT_TYPE_LABELS, type Account, type AccountListResponse, AccountServices, type AccountType, AccountingWorkspace, AssetsDashboard as ActifsPage, Alert, AlertProvider, ApprovalAnswerModal, ApprovalAnswerPage, ApprovalPreviewAnswer, ApprovalServices, ApprovalWorkflow, AttachmentUploader, type AttachmentUploaderProps, AuthServices, BALANCE_TYPE_LABELS, type BackendFile, type BackendFolder, Badge, type BalanceType, Breadcrumb, BudgetPage, CHOICES, CardBody, CardHeader, TeamChat as ChatEquipePage, type Client, type ClientListResponse, ClientServices, type ConfirmOptions, ContextMenu, type ContextMenuAction, type ContextMenuPosition, CountrySelector, CrmWorkspace, DataTable, DateInput, DocumentFooter, DocumentHeader, EntityFileManager, type EntityFileManagerProps, type EntityType, FDrawer, FROM_MODULE_CHOICES, FacilityWorkspace, FetchApi, FileCard, FileGrid, FileInput, type FileItem, FileList, FileManager, type FileManagerContextValue, type FileManagerProps, FileManagerProvider, type FileManagerTexts, FolderTree, ForeignCurrencySelector, FormClient, FormVendor, type FromModule, HRConnectPage, InfoBox, InputField, InvoiceTypeSelector, LegalFormSelector, MeetingHubPage, type MenuItem, MinimalVendorForm, Modal, ModernCard, type ModuleConfig, type ModuleType, NumberInput, PRINT_GREEN, Pages, PaymentMethodSelector, type PendingTask, TeamCalendar as PlanningPage, PrimaryButton, PrintPreview, type PrintPreviewProps, PrintableDocument, type PrintableDocumentProps, type ProcurementWorkspaceStats, PurchaseRequestsPage, PurchaseWorkspace, type RecentActivity, RewiseBasicCard, RewiseCard, RewiseLayout, RootFileManager, SYSCOHADA_CLASSES, SearchableSelect, type SearchableSelectOption, SecondaryButton, SelectAccount, SelectClient, SelectCostCenter, SelectDepartment, SelectInput, SelectUnit, SelectUser, SelectVendor, SessionProvider, SignatureSection, StatCard, TEMPLATE_FNE_CHOICES, type Tab, Tabs, type TabsProps, TaskPilot, TaxSelector, type TemplateFNE, TemplateFNESelector, TextInput, ThemeProvider, ToastContainer, ToastProvider, Toolbar, TotalsSection, type Unit, UnitServices, type UseFileManagerApiReturn, type User, UserServices, type Vendor, type VendorListResponse, VendorServices, type ViewMode, WorkSpace, WorkSpaceRoutes, WorkspaceServices, fileManagerApi, findFolderById, formatCurrency, formatDate, formatDateFR, formatDateTime, formatFileSize, getAllFolders, getFileExtension, getFileIcon, getFileIconColor, getMimeTypeFromExtension, isImageFile, numberToWords, useAlert, useFileManager, useFileManagerApi, useRootFileManagerApi, useSession, useToast };
+export { ACCOUNT_TYPE_LABELS, type Account, type AccountListResponse, AccountServices, type AccountType, AccountingWorkspace, AssetsDashboard as ActifsPage, Alert, AlertProvider, ApprovalAnswerModal, ApprovalAnswerPage, ApprovalPreviewAnswer, ApprovalServices, ApprovalWorkflow, AttachmentUploader, type AttachmentUploaderProps, AuthServices, BALANCE_TYPE_LABELS, type BackendFile, type BackendFolder, Badge, type BalanceType, Breadcrumb, BudgetPage, CHOICES, CardBody, CardHeader, TeamChat as ChatEquipePage, type Client, type ClientListResponse, ClientServices, type ConfirmOptions, ContextMenu, type ContextMenuAction, type ContextMenuPosition, CountrySelector, CrmWorkspace, DataTable, DateInput, DocumentFooter, DocumentHeader, EntityFileManager, type EntityFileManagerProps, type EntityType, FDrawer, FROM_MODULE_CHOICES, FacilityWorkspace, FetchApi, FileCard, FileGrid, FileInput, type FileItem, FileList, FileManager, type FileManagerContextValue, type FileManagerProps, FileManagerProvider, type FileManagerTexts, FolderTree, ForeignCurrencySelector, FormClient, FormVendor, type FromModule, HRConnectPage, InfoBox, InputField, InvoiceTypeSelector, LegalFormSelector, MeetingHubPage, type MenuItem, MinimalVendorForm, Modal, ModernCard, type ModuleConfig, type ModuleType, NumberInput, PRINT_GREEN, Pages, PaymentMethodSelector, type PendingTask, TeamCalendar as PlanningPage, PrimaryButton, PrintPreview, type PrintPreviewProps, PrintableDocument, type PrintableDocumentProps, type ProcurementWorkspaceStats, PurchaseRequestsPage, PurchaseWorkspace, type RecentActivity, RewiseBasicCard, RewiseCard, RewiseLayout, RootFileManager, SYSCOHADA_CLASSES, SearchableSelect, type SearchableSelectOption, SecondaryButton, SelectAccount, SelectClient, SelectCostCenter, SelectDepartment, SelectInput, SelectUnit, SelectUser, SelectVendor, SessionProvider, SignatureSection, StatCard, TEMPLATE_FNE_CHOICES, type Tab, Tabs, type TabsProps, TaskPilot, TaxSelector, type TemplateFNE, TemplateFNESelector, TextInput, type Theme, type ThemeColors, type ThemeContextValue, ThemeProvider, type ThemeType, ToastContainer, ToastProvider, Toolbar, TotalsSection, type Unit, UnitServices, type UseFileManagerApiReturn, type User, UserServices, type Vendor, type VendorListResponse, VendorServices, type ViewMode, WorkSpace, WorkSpaceRoutes, WorkspaceServices, defaultTheme, fileManagerApi, findFolderById, formatCurrency, formatDate, formatDateFR, formatDateTime, formatFileSize, getAllFolders, getFileExtension, getFileIcon, getFileIconColor, getMimeTypeFromExtension, getThemeCSSVariables, isImageFile, numberToWords, themes, useAlert, useFileManager, useFileManagerApi, usePermissions, useRootFileManagerApi, useSession, useTheme, useToast };

package/dist/index.d.ts

@@ -14,6 +14,7 @@ declare const SecondaryButton: React$1.FC<PrimaryButtonProps>;
 interface ModalProps {
     title: string;
     description?: string;
+    sideactions?: React$1.ReactNode;
     width?: string;
     minContentHeight?: string;
     open: boolean;
@@ -280,6 +281,120 @@ declare const SessionProvider: ({ children }: {
     children: ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
+interface ThemeColors {
+    primary: string;
+    primaryHover: string;
+    primaryLight: string;
+    secondary: string;
+    accent: string;
+    background: string;
+    surface: string;
+    surfaceHover: string;
+    text: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        inverse: string;
+    };
+    border: string;
+    borderLight: string;
+    success: string;
+    successLight: string;
+    error: string;
+    errorLight: string;
+    warning: string;
+    warningLight: string;
+    info: string;
+    infoLight: string;
+    sidebar: {
+        bg: string;
+        bgHover: string;
+        text: string;
+        textHover: string;
+        border: string;
+        active: string;
+        activeBg: string;
+    };
+    card: {
+        bg: string;
+        border: string;
+        shadow: string;
+    };
+}
+interface Theme {
+    name: string;
+    description: string;
+    colors: ThemeColors;
+    shadows: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    transitions: {
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    borderRadius: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+    };
+}
+declare const themes: {
+    elegant: Theme;
+    fintech: Theme;
+    minimalist: Theme;
+    neutralOdyssey: Theme;
+};
+declare const defaultTheme: Theme;
+declare const getThemeCSSVariables: (theme: Theme) => {
+    '--color-primary': string;
+    '--color-primary-hover': string;
+    '--color-primary-light': string;
+    '--color-secondary': string;
+    '--color-accent': string;
+    '--color-background': string;
+    '--color-surface': string;
+    '--color-surface-hover': string;
+    '--color-text-primary': string;
+    '--color-text-secondary': string;
+    '--color-text-tertiary': string;
+    '--color-text-inverse': string;
+    '--color-border': string;
+    '--color-border-light': string;
+    '--color-success': string;
+    '--color-success-light': string;
+    '--color-error': string;
+    '--color-error-light': string;
+    '--color-warning': string;
+    '--color-warning-light': string;
+    '--color-info': string;
+    '--color-info-light': string;
+    '--shadow-sm': string;
+    '--shadow-md': string;
+    '--shadow-lg': string;
+    '--shadow-xl': string;
+    '--transition-fast': string;
+    '--transition-normal': string;
+    '--transition-slow': string;
+    '--radius-sm': string;
+    '--radius-md': string;
+    '--radius-lg': string;
+    '--radius-xl': string;
+    '--radius-full': string;
+};
+type ThemeType = 'elegant' | 'fintech' | 'minimalist' | 'neutralOdyssey';
+interface ThemeContextValue {
+    theme: Theme;
+    themeType: ThemeType;
+    setTheme: (type: ThemeType) => void;
+}
+
+declare const useTheme: () => ThemeContextValue;
 interface ThemeProviderProps {
     children: React$1.ReactNode;
 }
@@ -755,7 +870,7 @@ interface TabsProps {
     tabs: Tab[];
     activeTab: string;
     onChange: (tabId: string) => void;
-    variant?: 'filled' | 'outline';
+    variant?: 'filled' | 'outline' | 'underline';
     className?: string;
 }
 declare const Tabs: React$1.FC<TabsProps>;
@@ -901,6 +1016,14 @@ declare const AlertProvider: React$1.FC<{
 }>;
 declare const useAlert: () => AlertContextType;
 
+declare const usePermissions: () => {
+    hasPermission: (permissionCode: string) => boolean;
+    hasAnyPermission: (permissionCodes: string[]) => boolean;
+    hasAllPermissions: (permissionCodes: string[]) => boolean;
+    isSuperuser: boolean;
+    permissions: string[];
+};
+
 interface SearchableSelectOption {
     value: string | number;
     label: string;
@@ -2144,4 +2267,4 @@ declare const WorkSpaceRoutes: React.FC<{
     module_description: string;
 }>;
 
-export { ACCOUNT_TYPE_LABELS, type Account, type AccountListResponse, AccountServices, type AccountType, AccountingWorkspace, AssetsDashboard as ActifsPage, Alert, AlertProvider, ApprovalAnswerModal, ApprovalAnswerPage, ApprovalPreviewAnswer, ApprovalServices, ApprovalWorkflow, AttachmentUploader, type AttachmentUploaderProps, AuthServices, BALANCE_TYPE_LABELS, type BackendFile, type BackendFolder, Badge, type BalanceType, Breadcrumb, BudgetPage, CHOICES, CardBody, CardHeader, TeamChat as ChatEquipePage, type Client, type ClientListResponse, ClientServices, type ConfirmOptions, ContextMenu, type ContextMenuAction, type ContextMenuPosition, CountrySelector, CrmWorkspace, DataTable, DateInput, DocumentFooter, DocumentHeader, EntityFileManager, type EntityFileManagerProps, type EntityType, FDrawer, FROM_MODULE_CHOICES, FacilityWorkspace, FetchApi, FileCard, FileGrid, FileInput, type FileItem, FileList, FileManager, type FileManagerContextValue, type FileManagerProps, FileManagerProvider, type FileManagerTexts, FolderTree, ForeignCurrencySelector, FormClient, FormVendor, type FromModule, HRConnectPage, InfoBox, InputField, InvoiceTypeSelector, LegalFormSelector, MeetingHubPage, type MenuItem, MinimalVendorForm, Modal, ModernCard, type ModuleConfig, type ModuleType, NumberInput, PRINT_GREEN, Pages, PaymentMethodSelector, type PendingTask, TeamCalendar as PlanningPage, PrimaryButton, PrintPreview, type PrintPreviewProps, PrintableDocument, type PrintableDocumentProps, type ProcurementWorkspaceStats, PurchaseRequestsPage, PurchaseWorkspace, type RecentActivity, RewiseBasicCard, RewiseCard, RewiseLayout, RootFileManager, SYSCOHADA_CLASSES, SearchableSelect, type SearchableSelectOption, SecondaryButton, SelectAccount, SelectClient, SelectCostCenter, SelectDepartment, SelectInput, SelectUnit, SelectUser, SelectVendor, SessionProvider, SignatureSection, StatCard, TEMPLATE_FNE_CHOICES, type Tab, Tabs, type TabsProps, TaskPilot, TaxSelector, type TemplateFNE, TemplateFNESelector, TextInput, ThemeProvider, ToastContainer, ToastProvider, Toolbar, TotalsSection, type Unit, UnitServices, type UseFileManagerApiReturn, type User, UserServices, type Vendor, type VendorListResponse, VendorServices, type ViewMode, WorkSpace, WorkSpaceRoutes, WorkspaceServices, fileManagerApi, findFolderById, formatCurrency, formatDate, formatDateFR, formatDateTime, formatFileSize, getAllFolders, getFileExtension, getFileIcon, getFileIconColor, getMimeTypeFromExtension, isImageFile, numberToWords, useAlert, useFileManager, useFileManagerApi, useRootFileManagerApi, useSession, useToast };
+export { ACCOUNT_TYPE_LABELS, type Account, type AccountListResponse, AccountServices, type AccountType, AccountingWorkspace, AssetsDashboard as ActifsPage, Alert, AlertProvider, ApprovalAnswerModal, ApprovalAnswerPage, ApprovalPreviewAnswer, ApprovalServices, ApprovalWorkflow, AttachmentUploader, type AttachmentUploaderProps, AuthServices, BALANCE_TYPE_LABELS, type BackendFile, type BackendFolder, Badge, type BalanceType, Breadcrumb, BudgetPage, CHOICES, CardBody, CardHeader, TeamChat as ChatEquipePage, type Client, type ClientListResponse, ClientServices, type ConfirmOptions, ContextMenu, type ContextMenuAction, type ContextMenuPosition, CountrySelector, CrmWorkspace, DataTable, DateInput, DocumentFooter, DocumentHeader, EntityFileManager, type EntityFileManagerProps, type EntityType, FDrawer, FROM_MODULE_CHOICES, FacilityWorkspace, FetchApi, FileCard, FileGrid, FileInput, type FileItem, FileList, FileManager, type FileManagerContextValue, type FileManagerProps, FileManagerProvider, type FileManagerTexts, FolderTree, ForeignCurrencySelector, FormClient, FormVendor, type FromModule, HRConnectPage, InfoBox, InputField, InvoiceTypeSelector, LegalFormSelector, MeetingHubPage, type MenuItem, MinimalVendorForm, Modal, ModernCard, type ModuleConfig, type ModuleType, NumberInput, PRINT_GREEN, Pages, PaymentMethodSelector, type PendingTask, TeamCalendar as PlanningPage, PrimaryButton, PrintPreview, type PrintPreviewProps, PrintableDocument, type PrintableDocumentProps, type ProcurementWorkspaceStats, PurchaseRequestsPage, PurchaseWorkspace, type RecentActivity, RewiseBasicCard, RewiseCard, RewiseLayout, RootFileManager, SYSCOHADA_CLASSES, SearchableSelect, type SearchableSelectOption, SecondaryButton, SelectAccount, SelectClient, SelectCostCenter, SelectDepartment, SelectInput, SelectUnit, SelectUser, SelectVendor, SessionProvider, SignatureSection, StatCard, TEMPLATE_FNE_CHOICES, type Tab, Tabs, type TabsProps, TaskPilot, TaxSelector, type TemplateFNE, TemplateFNESelector, TextInput, type Theme, type ThemeColors, type ThemeContextValue, ThemeProvider, type ThemeType, ToastContainer, ToastProvider, Toolbar, TotalsSection, type Unit, UnitServices, type UseFileManagerApiReturn, type User, UserServices, type Vendor, type VendorListResponse, VendorServices, type ViewMode, WorkSpace, WorkSpaceRoutes, WorkspaceServices, defaultTheme, fileManagerApi, findFolderById, formatCurrency, formatDate, formatDateFR, formatDateTime, formatFileSize, getAllFolders, getFileExtension, getFileIcon, getFileIconColor, getMimeTypeFromExtension, getThemeCSSVariables, isImageFile, numberToWords, themes, useAlert, useFileManager, useFileManagerApi, usePermissions, useRootFileManagerApi, useSession, useTheme, useToast };

package/dist/index.js

@@ -36,23 +36,35 @@ var Buttons_default = PrimaryButton;
 // src/components/common/Modals.tsx
 import { createPortal } from "react-dom";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Modal = ({ title, description, width = "max-w-md", minContentHeight, open, onClose, children }) => {
+var Modal = ({
+  title,
+  description,
+  sideactions,
+  width = "max-w-md",
+  minContentHeight,
+  open,
+  onClose,
+  children
+}) => {
   if (!open) return null;
   const modalContent = /* @__PURE__ */ jsx2("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999]", children: /* @__PURE__ */ jsxs("div", { className: `bg-[var(--color-surface)] rounded-lg p-6 mx-4 w-full ${width}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-2", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx2("h3", { className: "text-xl font-semibold text-[var(--color-text-primary)] flex items-center space-x-2", children: /* @__PURE__ */ jsx2("span", { children: title }) }),
         description && /* @__PURE__ */ jsx2("p", { className: "text-sm text-[var(--color-text-secondary)] mt-1", children: description })
       ] }),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          onClick: onClose,
-          className: "text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] text-xl transition-colors",
-          "aria-label": "Close modal",
-          children: "\u2715"
-        }
-      )
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-end space-x-2", children: [
+        sideactions && sideactions,
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            onClick: onClose,
+            className: "text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] text-xl transition-colors",
+            "aria-label": "Close modal",
+            children: "\u2715"
+          }
+        )
+      ] })
     ] }),
     /* @__PURE__ */ jsx2(
       "div",
@@ -3563,11 +3575,21 @@ import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var variantStyles = {
   filled: {
     active: "bg-[var(--color-primary)] text-white shadow-md",
-    inactive: "text-gray-600 hover:bg-gray-100"
+    inactive: "text-gray-600 hover:bg-gray-100",
+    base: "rounded-lg",
+    badge: "bg-red-500 text-white"
   },
   outline: {
     active: "bg-blue-100 text-blue-700",
-    inactive: "text-gray-500 hover:text-gray-700 hover:bg-gray-100"
+    inactive: "text-gray-500 hover:text-gray-700 hover:bg-gray-100",
+    base: "rounded-lg",
+    badge: "bg-red-500 text-white"
+  },
+  underline: {
+    active: "border-[var(--color-primary)] text-[var(--color-primary)] bg-[var(--color-primary)]/5",
+    inactive: "border-transparent text-gray-500 hover:text-gray-700 hover:bg-gray-100",
+    base: "border-b-2",
+    badge: "bg-[var(--color-primary)] text-white"
   }
 };
 var Tabs = ({ tabs, activeTab, onChange, variant = "filled", className = "" }) => {
@@ -3578,11 +3600,11 @@ var Tabs = ({ tabs, activeTab, onChange, variant = "filled", className = "" }) =
       "button",
       {
         onClick: () => onChange(tab.id),
-        className: `flex items-center space-x-2 px-4 py-2 text-sm font-medium rounded-lg transition-all whitespace-nowrap ${activeTab === tab.id ? styles.active : styles.inactive}`,
+        className: `flex items-center space-x-2 px-4 py-2 text-sm font-semibold transition-all whitespace-nowrap ${styles.base} ${activeTab === tab.id ? styles.active : styles.inactive}`,
         children: [
           Icon && /* @__PURE__ */ jsx12(Icon, { className: "w-4 h-4" }),
           /* @__PURE__ */ jsx12("span", { children: tab.label }),
-          tab.badge !== void 0 && tab.badge !== 0 && /* @__PURE__ */ jsx12("span", { className: "ml-1 px-1.5 py-0.5 text-xs bg-red-500 text-white rounded-full", children: tab.badge })
+          tab.badge !== void 0 && tab.badge !== 0 && /* @__PURE__ */ jsx12("span", { className: `ml-1 px-1.5 py-0.5 text-xs rounded-full ${styles.badge}`, children: tab.badge })
         ]
       },
       tab.id
@@ -8877,7 +8899,7 @@ var FormVendor = ({
               label: "Raison sociale",
               name: "legal_name",
               value: formData.legal_name || "",
-              placeholder: "Nom l\\u00e9gal de l'entit\\u00e9",
+              placeholder: "Nom l\xE9gal de l'entit\xE9",
               required: true,
               error: errors.legal_name,
               onChange: handleInputChange
@@ -8897,10 +8919,10 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               TextInput,
               {
-                label: "Num\\u00e9ro d'identification fiscale (NCC)",
+                label: "Num\xE9ro d'identification fiscale (NCC)",
                 name: "tax_account",
                 value: formData.tax_account || "",
-                placeholder: "Num\\u00e9ro d'identification fiscale",
+                placeholder: "Num\xE9ro d'identification fiscale",
                 onChange: handleInputChange
               }
             ),
@@ -8910,7 +8932,7 @@ var FormVendor = ({
                 label: "RCCM",
                 name: "rccm",
                 value: formData.rccm || "",
-                placeholder: "Registre du Commerce et du Cr\\u00e9dit Mobilier",
+                placeholder: "Registre du Commerce et du Cr\xE9dit Mobilier",
                 onChange: handleInputChange
               }
             ),
@@ -8927,17 +8949,17 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               TextInput,
               {
-                label: "R\\u00e9gime fiscal",
+                label: "R\xE9gime fiscal",
                 name: "tax_regime",
                 value: formData.tax_regime || "",
-                placeholder: "R\\u00e9gime fiscal",
+                placeholder: "R\xE9gime fiscal",
                 onChange: handleInputChange
               }
             ),
             /* @__PURE__ */ jsx29(
               TextInput,
               {
-                label: "Ann\\u00e9e de fondation",
+                label: "Ann\xE9e de fondation",
                 name: "year_founded",
                 value: formData.year_founded || "",
                 placeholder: "2020",
@@ -8947,7 +8969,7 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               TextInput,
               {
-                label: "Secteur d'activit\\u00e9",
+                label: "Secteur d'activit\xE9",
                 name: "activity_sector",
                 value: formData.activity_sector || "",
                 placeholder: "Informatique, Commerce, etc.",
@@ -8965,7 +8987,7 @@ var FormVendor = ({
                 onChange: handleTextareaChange,
                 rows: 3,
                 className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
-                placeholder: "Description de l'activit\\u00e9 de l'entit\\u00e9"
+                placeholder: "Description de l'activit\xE9 de l'entit\xE9"
               }
             )
           ] })
@@ -8976,7 +8998,7 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               InputField,
               {
-                label: "T\\u00e9l\\u00e9phone",
+                label: "T\xE9l\xE9phone",
                 name: "phone",
                 type: "tel",
                 value: formData.phone || "",
@@ -9029,7 +9051,7 @@ var FormVendor = ({
                 onChange: handleTextareaChange,
                 rows: 3,
                 className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
-                placeholder: "Adresse compl\\u00e8te de l'entit\\u00e9"
+                placeholder: "Adresse compl\\u00e8te de l'entit\xE9"
               }
             )
           ] })
@@ -9039,20 +9061,20 @@ var FormVendor = ({
           /* @__PURE__ */ jsx29(
             TextInput,
             {
-              label: "Nom du repr\\u00e9sentant l\\u00e9gal",
+              label: "Nom du repr\xE9sentant l\xE9gal",
               name: "legal_representative_name",
               value: formData.legal_representative_name || "",
-              placeholder: "Nom et pr\\u00e9nom du repr\\u00e9sentant",
+              placeholder: "Nom et pr\xE9nom du repr\xE9sentant",
               onChange: handleInputChange
             }
           ),
           /* @__PURE__ */ jsx29(
             TextInput,
             {
-              label: "Fonction du repr\\u00e9sentant",
+              label: "Fonction du repr\xE9sentant",
               name: "legal_representative_fonction",
               value: formData.legal_representative_fonction || "",
-              placeholder: "Directeur G\\u00e9n\\u00e9ral, G\\u00e9rant, etc.",
+              placeholder: "Directeur G\xE9n\xE9ral, G\xE9rant, etc.",
               onChange: handleInputChange
             }
           ),
@@ -9060,7 +9082,7 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               InputField,
               {
-                label: "T\\u00e9l\\u00e9phone du repr\\u00e9sentant",
+                label: "T\xE9l\xE9phone du repr\xE9sentant",
                 name: "legal_representative_phone",
                 type: "tel",
                 value: formData.legal_representative_phone || "",
@@ -9071,7 +9093,7 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               InputField,
               {
-                label: "Email du repr\\u00e9sentant",
+                label: "Email du repr\xE9sentant",
                 name: "legal_representative_email",
                 type: "email",
                 value: formData.legal_representative_email || "",
@@ -9082,7 +9104,7 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               TextInput,
               {
-                label: "Type de document d'identit\\u00e9",
+                label: "Type de document d'identit\xE9",
                 name: "legal_representative_id_document",
                 value: formData.legal_representative_id_document || "",
                 placeholder: "CNI, Passeport, etc.",
@@ -9092,16 +9114,16 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               TextInput,
               {
-                label: "Num\\u00e9ro de document d'identit\\u00e9",
+                label: "Num\xE9ro de document d'identit\xE9",
                 name: "legal_representative_id_number",
                 value: formData.legal_representative_id_number || "",
-                placeholder: "Num\\u00e9ro du document",
+                placeholder: "Num\xE9ro du document",
                 onChange: handleInputChange
               }
             )
           ] }),
           /* @__PURE__ */ jsxs24("div", { children: [
-            /* @__PURE__ */ jsx29("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse du repr\\u00e9sentant" }),
+            /* @__PURE__ */ jsx29("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Adresse du repr\xE9sentant" }),
             /* @__PURE__ */ jsx29(
               "textarea",
               {
@@ -9110,7 +9132,7 @@ var FormVendor = ({
                 onChange: handleTextareaChange,
                 rows: 3,
                 className: "w-full px-4 py-3 border border-gray-200 rounded-lg focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent placeholder-gray-400",
-                placeholder: "Adresse du repr\\u00e9sentant l\\u00e9gal"
+                placeholder: "Adresse du repr\xE9sentant l\xE9gal"
               }
             )
           ] })
@@ -9183,7 +9205,7 @@ var FormVendor = ({
                 label: "RIB",
                 name: "rib",
                 value: formData.rib || "",
-                placeholder: "Relev\\u00e9 d'Identit\\u00e9 Bancaire",
+                placeholder: "Relev\xE9 d'Identit\xE9 Bancaire",
                 onChange: handleInputChange
               }
             ),
@@ -9224,7 +9246,7 @@ var FormVendor = ({
             /* @__PURE__ */ jsx29(
               InputField,
               {
-                label: "T\\u00e9l\\u00e9phone de la banque",
+                label: "T\xE9l\xE9phone de la banque",
                 name: "bank_phone",
                 type: "tel",
                 value: formData.bank_phone || "",
@@ -21699,6 +21721,7 @@ export {
   WorkSpace_default as WorkSpace,
   WorkSpaceRoutes,
   WorkspaceServices,
+  defaultTheme,
   fileManagerApi,
   findFolderById2 as findFolderById,
   formatCurrency,
@@ -21711,12 +21734,16 @@ export {
   getFileIcon,
   getFileIconColor,
   getMimeTypeFromExtension,
+  getThemeCSSVariables,
   isImageFile,
   numberToWords,
+  themes,
   useAlert,
   useFileManager,
   useFileManagerApi,
+  usePermissions,
   useRootFileManagerApi,
   useSession,
+  useTheme,
   useToast
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ptechcore_ui",
-  "version": "1.0.57",
+  "version": "1.0.60",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",