@juv/codego-react-ui 3.3.3 → 3.3.6

package/dist/index.cjs

@@ -124,6 +124,8 @@ __export(index_exports, {
   TreeView: () => TreeView,
   Widget: () => Widget,
   Wizard: () => Wizard,
+  api: () => api,
+  createStore: () => createStore,
   useServerBulletin: () => useServerBulletin,
   useServerDataGrid: () => useServerDataGrid,
   useServerTable: () => useServerTable,
@@ -940,7 +942,7 @@ var Input = React3.forwardRef(
             id: inputId,
             placeholder: placeholder ?? (inputType === "date" ? "MM/DD/YYYY" : inputType === "dateTime" ? "MM/DD/YYYY HH:mm" : inputType === "time" ? "HH:mm" : void 0),
             className: cn(
-              "flex h-10 w-full rounded-xl border border-slate-900/30 bg-background/50 backdrop-blur-sm px-3 py-5 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-colors hover:bg-background/80  dark:border-white/30 dark:bg-gray-400/5 dark:hover:bg-gray-400/50 dark:focus:bg-gray-400/20",
+              "flex h-10 w-full rounded-xl border bg-background/50 backdrop-blur-sm px-3 py-5 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-colors hover:bg-background/80  dark:bg-gray-400/5 dark:hover:bg-gray-400/25 dark:focus:bg-gray-400/20",
               hasLeftAddon && "pl-10",
               (hasRightAddon || hasReveal) && "pr-10",
               (readOnly || isDateType) && "bg-muted cursor-pointer",
@@ -3183,7 +3185,7 @@ function Combobox({
         "aria-required": required,
         "aria-invalid": !!error,
         className: cn(
-          "flex w-full items-center justify-between gap-2 rounded-xl border border-border bg-background px-3 py-2 text-sm transition-colors   dark:border-white/30 dark:bg-gray-400/5 dark:hover:bg-gray-400/50 dark:focus:bg-gray-400/20",
+          "flex w-full items-center justify-between gap-2 rounded-xl border-2 border-border bg-background px-3 py-2 text-sm transition-colors dark:bg-gray-400/5 dark:hover:bg-gray-400/25 dark:focus:bg-gray-400/20",
           "hover:border-primary/40 focus:outline-none focus:ring-2 focus:ring-ring",
           open && "border-primary ring-2 ring-ring",
           disabled && "opacity-50 cursor-not-allowed pointer-events-none",
@@ -4726,7 +4728,7 @@ function TagInput({
       "div",
       {
         className: cn(
-          "flex flex-wrap gap-1.5 min-h-10 w-full rounded-xl border border-border bg-background px-3 py-2 text-sm transition-colors   dark:border-white/30 dark:bg-gray-400/5 dark:focus:bg-gray-100/10",
+          "flex flex-wrap gap-1.5 min-h-10 w-full rounded-xl border-2 border-border bg-background px-3 py-2 text-sm transition-colors dark:bg-gray-400/5 dark:focus:bg-gray-100/40",
           "focus-within:ring-2 focus-within:ring-ring focus-within:border-primary",
           disabled && "opacity-50 cursor-not-allowed pointer-events-none",
           error && "border-destructive focus-within:ring-destructive",
@@ -4832,7 +4834,7 @@ function OtpInput({
           "aria-required": required,
           "aria-invalid": !!(error || invalid),
           className: cn(
-            "h-12 w-10 rounded-xl border text-center text-lg font-semibold bg-background transition-all outline-none   dark:border-white/30 dark:bg-gray-400/5 dark:hover:bg-gray-400/50 dark:focus:bg-gray-400/20",
+            "h-12 w-10 rounded-xl border-2 border-border text-center text-lg font-semibold bg-background transition-all outline-none dark:bg-gray-400/5 dark:hover:bg-gray-400/25 dark:focus:bg-gray-400/20",
             "focus:ring-2 focus:ring-ring focus:border-primary",
             invalid ? "border-danger focus:ring-danger" : "border-border",
             disabled && "opacity-50 cursor-not-allowed",
@@ -4950,9 +4952,9 @@ function DateRangePicker({
         disabled,
         onClick: () => open ? setOpen(false) : openPicker(),
         className: cn(
-          "flex w-full items-center gap-2 rounded-xl border border-border bg-background px-3 py-2 text-sm transition-colors",
+          "flex w-full items-center gap-2 rounded-xl border-2 border-border bg-background px-3 py-2 text-sm transition-colors",
           "hover:border-primary/40 focus:outline-none focus:ring-2 focus:ring-ring",
-          "dark:border-white/30 dark:bg-gray-400/5",
+          "dark:bg-gray-400/5",
           open && "border-primary ring-2 ring-ring",
           disabled && "opacity-50 cursor-not-allowed pointer-events-none",
           !range2.from && "text-muted-foreground"
@@ -6013,7 +6015,7 @@ var Textarea = React26.forwardRef(
       onBlur?.(e);
     };
     const grammarly = disableGrammarly ? { "data-gramm": "false", "data-gramm_editor": "false", "data-enable-grammarly": "false" } : {};
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative w-full", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative  w-full", children: [
       label && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "block text-sm font-medium text-foreground mb-2", children: [
         label,
         required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-destructive ml-1", children: "*" })
@@ -6035,7 +6037,7 @@ var Textarea = React26.forwardRef(
           "aria-required": required,
           "aria-invalid": !!error,
           className: cn(
-            "w-full rounded-xl border border-slate-900/30 bg-background/50 backdrop-blur-sm px-4 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-colors hover:bg-background/80   dark:border-white/30 dark:bg-gray-400/5 dark:hover:bg-gray-400/50 dark:focus:bg-gray-400/20",
+            "w-full rounded-xl border-2 border-border bg-background/50 backdrop-blur-sm px-4 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 transition-colors hover:bg-background/80   dark:bg-gray-400/5 dark:hover:bg-gray-400/25 dark:focus:bg-gray-400/20",
             readOnly && "cursor-default bg-muted/40 focus-visible:ring-0",
             autosize && "resize-none overflow-hidden",
             error && "border-destructive focus-visible:ring-destructive",
@@ -6403,7 +6405,7 @@ var import_react_dom2 = require("react-dom");
 var import_axios3 = __toESM(require("axios"), 1);
 var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
-function useServerTable({ url, params, encrypt, key, decryptPayloadLog, columnOverrides }) {
+function useServerTable({ url, params, encrypt, key, decryptPayloadLog, columnOverrides, debounce = 300, transform, manual = false, onSuccess, onError }) {
   const [data, setData] = React28.useState([]);
   const [columns, setColumns] = React28.useState([]);
   const [currentPage, setCurrentPage] = React28.useState(1);
@@ -6411,17 +6413,22 @@ function useServerTable({ url, params, encrypt, key, decryptPayloadLog, columnOv
   const [loading, setLoading] = React28.useState(false);
   const [error, setError] = React28.useState(null);
   const [tick, setTick] = React28.useState(0);
+  const [searchValue, setSearchValue] = React28.useState("");
+  const debounceTimer = React28.useRef(void 0);
   React28.useEffect(() => {
+    if (manual && tick === 0) return;
     let cancelled = false;
     setLoading(true);
     setError(null);
     import_axios3.default.get(url, {
-      params: { ...params, page: currentPage }
+      params: { ...params, page: currentPage, search: searchValue }
     }).then(({ data: res }) => {
       if (cancelled) return;
       const payload = encrypt ? decryptLaravelPayload(res, key) : res;
       if (encrypt && decryptPayloadLog) console.log("[useServerTable] decrypted payload:", payload);
-      setData(payload.data);
+      const transformed = transform ? transform(payload) : payload.data;
+      setData(transformed);
+      onSuccess?.(transformed);
       const rawTotal = payload.total;
       const rawPerPage = payload.per_page;
       const rawLastPage = payload.last_page;
@@ -6437,9 +6444,9 @@ function useServerTable({ url, params, encrypt, key, decryptPayloadLog, columnOv
         links: payload.links ?? []
       };
       setPagination(pg);
-      if (payload.data.length > 0) {
+      if (transformed.length > 0) {
         setColumns(
-          Object.keys(payload.data[0]).map((k) => {
+          Object.keys(transformed[0]).map((k) => {
             const columnKey = k;
             return {
               key: columnKey,
@@ -6451,14 +6458,24 @@ function useServerTable({ url, params, encrypt, key, decryptPayloadLog, columnOv
       }
     }).catch((err) => {
       if (cancelled) return;
-      setError(err?.response?.data?.message ?? err.message ?? "Request failed");
+      const errorMsg = err?.response?.data?.message ?? err.message ?? "Request failed";
+      setError(errorMsg);
+      onError?.(new Error(errorMsg));
     }).finally(() => {
       if (!cancelled) setLoading(false);
     });
     return () => {
       cancelled = true;
     };
-  }, [url, currentPage, tick, JSON.stringify(params), encrypt, decryptPayloadLog, JSON.stringify(columnOverrides)]);
+  }, [url, currentPage, tick, JSON.stringify(params), encrypt, decryptPayloadLog, JSON.stringify(columnOverrides), searchValue]);
+  const handleSearchChange = (value) => {
+    setSearchValue(value);
+    setCurrentPage(1);
+    if (debounceTimer.current) clearTimeout(debounceTimer.current);
+    debounceTimer.current = setTimeout(() => {
+      setTick((t) => t + 1);
+    }, debounce);
+  };
   return {
     data,
     columns,
@@ -6468,7 +6485,9 @@ function useServerTable({ url, params, encrypt, key, decryptPayloadLog, columnOv
     loading,
     error,
     goToPage: (page) => setCurrentPage(page),
-    reload: () => setTick((t) => t + 1)
+    reload: () => setTick((t) => t + 1),
+    searchValue,
+    onSearchChange: handleSearchChange
   };
 }
 var MODAL_WIDTH = {
@@ -12800,6 +12819,113 @@ function Wizard({
     className
   ), children: panel });
 }
+
+// src/lib/codego/axiosInstance.ts
+var import_axios5 = __toESM(require("axios"), 1);
+var axiosInstance = import_axios5.default.create({
+  baseURL: "/",
+  timeout: 1e4,
+  headers: {
+    "Content-Type": "application/json",
+    Accept: "application/json"
+  }
+});
+
+// src/lib/codego/request.ts
+var request = async (config) => {
+  try {
+    const response = await axiosInstance(config);
+    return response.data;
+  } catch (error) {
+    throw error.response?.data || error;
+  }
+};
+
+// src/lib/codego/interceptors.ts
+var toastFn = null;
+var setupInterceptors = () => {
+  axiosInstance.interceptors.request.use(
+    (config) => {
+      const token = localStorage.getItem("token");
+      if (token && !config.skipAuth) {
+        config.headers.Authorization = `Bearer ${token}`;
+      }
+      return config;
+    },
+    (error) => Promise.reject(error)
+  );
+  axiosInstance.interceptors.response.use(
+    (response) => {
+      const config = response.config;
+      if (config.onSuccessNotification && toastFn) {
+        toastFn.toast({
+          variant: "success",
+          title: config.successNotifTitle || "Success",
+          description: config.successNotifContent || "Operation completed successfully"
+        });
+      }
+      return response;
+    },
+    (error) => {
+      const config = error.config;
+      if (config?.onErrorNotification && toastFn) {
+        toastFn.toast({
+          variant: "error",
+          title: config.errorNotifTitle || "Error",
+          description: config.errorNotifContent || error.response?.data?.message || "Something went wrong"
+        });
+      }
+      if (error.response?.status === 401) {
+        console.warn("Unauthorized - redirect login");
+      }
+      return Promise.reject(error);
+    }
+  );
+};
+
+// src/lib/codego/index.ts
+setupInterceptors();
+var api = {
+  get: (url, config) => request({ method: "GET", url, ...config }),
+  post: (url, data, config) => request({ method: "POST", url, data, ...config }),
+  put: (url, data, config) => request({ method: "PUT", url, data, ...config }),
+  patch: (url, data, config) => request({ method: "PATCH", url, data, ...config }),
+  delete: (url, config) => request({ method: "DELETE", url, ...config })
+};
+
+// src/core/storage/store.ts
+var import_zustand = require("zustand");
+var import_middleware = require("zustand/middleware");
+function createStore(initialValue, sessionName, expireInterval) {
+  if (expireInterval) {
+    const expireKey = `${sessionName}_expires`;
+    const now = Date.now();
+    const storedExpire = localStorage.getItem(expireKey);
+    if (storedExpire && now > parseInt(storedExpire)) {
+      localStorage.removeItem(sessionName);
+      localStorage.removeItem(expireKey);
+    }
+    localStorage.setItem(expireKey, (now + expireInterval).toString());
+  }
+  const store = (0, import_zustand.create)()(
+    (0, import_middleware.persist)(
+      (set) => ({
+        ...initialValue,
+        set: (val) => set((prev) => ({ ...prev, ...val }))
+      }),
+      {
+        name: sessionName,
+        storage: (0, import_middleware.createJSONStorage)(() => localStorage)
+      }
+    )
+  );
+  const getStore = () => {
+    const state = store.getState();
+    const { set, ...rest } = state;
+    return JSON.stringify(rest);
+  };
+  return { store, getStore };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -12897,6 +13023,8 @@ function Wizard({
   TreeView,
   Widget,
   Wizard,
+  api,
+  createStore,
   useServerBulletin,
   useServerDataGrid,
   useServerTable,

package/dist/index.d.cts

@@ -1,6 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import React__default from 'react';
+import { AxiosRequestConfig } from 'axios';
+import { UseBoundStore, StoreApi } from 'zustand';
 
 type AuthView = "login" | "register" | "resetPassword";
 interface AuthField {
@@ -248,6 +250,16 @@ interface UseServerTableOptions {
      * Example: { status: { type: "badge" }, enabled: { type: "toggle", onChange: (item, v) => patch(item.id, v) } }
      */
     columnOverrides?: Record<string, Partial<Column<any>>>;
+    /** Debounce delay for search in milliseconds. Default 300ms */
+    debounce?: number;
+    /** Transform API response to T[]. Default: (res) => res.data */
+    transform?: (response: any) => any[];
+    /** If true, hook won't fetch automatically. Call reload() manually */
+    manual?: boolean;
+    /** Called after successful data fetch */
+    onSuccess?: (data: any[]) => void;
+    /** Called on fetch error */
+    onError?: (error: Error) => void;
 }
 /**
  * Return type from the useServerTable hook
@@ -264,6 +276,8 @@ interface UseServerTableReturn<T> {
     error: string | null;
     goToPage: (page: number) => void;
     reload: () => void;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
 }
 /**
  * Server-side pagination prop passed to the Table component
@@ -290,7 +304,7 @@ interface ServerPaginationProp {
  * })
  * ```
  */
-declare function useServerTable<T extends Record<string, any>>({ url, params, encrypt, key, decryptPayloadLog, columnOverrides }: UseServerTableOptions): UseServerTableReturn<T>;
+declare function useServerTable<T extends Record<string, any>>({ url, params, encrypt, key, decryptPayloadLog, columnOverrides, debounce, transform, manual, onSuccess, onError }: UseServerTableOptions): UseServerTableReturn<T>;
 /**
  * Available field types for action forms (edit/view modals)
  * @type {ActionFieldType}
@@ -331,6 +345,8 @@ interface ActionField {
     rowSpan?: number;
     /** Custom render — overrides built-in field renderer */
     render?: (value: any, onChange: (v: any) => void) => React.ReactNode;
+    /** Hide this field from view/edit forms */
+    hidden?: boolean;
 }
 /**
  * Configuration for customizing the appearance of action buttons (View/Edit/Delete)
@@ -415,6 +431,21 @@ interface DefaultActionsConfig<T> {
     onSuccess?: (action: "edit" | "delete", item: T) => void;
     /** Show a toast or notification banner on successful edit/delete */
     onSuccessNotif?: ActionSuccessNotif;
+    /** Delete confirmation dialog config */
+    deleteConfirm?: {
+        title: string;
+        message: string;
+    };
+    /** Role/permission-based visibility for actions */
+    permissions?: (item: T) => {
+        view?: boolean;
+        edit?: boolean;
+        delete?: boolean;
+    };
+    /** Hook called before edit — return false to cancel */
+    beforeEdit?: (item: T) => Promise<boolean>;
+    /** Hook called before delete — return false to cancel */
+    beforeDelete?: (item: T) => Promise<boolean>;
     /** Customize the View button appearance */
     viewButton?: ActionButtonConfig;
     /** Customize the Edit button appearance */
@@ -500,6 +531,20 @@ interface Column<T> {
     sortable?: boolean;
     /** Called when a cell value changes (select, toggle, color, checkbox) */
     onChange?: (item: T, value: any) => void;
+    /** Column width in px or CSS string */
+    width?: number | string;
+    /** Text alignment: left, center, right */
+    align?: "left" | "center" | "right";
+    /** Enable column-level filtering */
+    filterable?: boolean;
+    /** Filter type: text, select, date, range */
+    filterType?: "text" | "select" | "date" | "range";
+    /** Hide this column */
+    hidden?: boolean;
+    /** Tooltip text generator */
+    tooltip?: (item: T) => string;
+    /** Allow copying cell content */
+    copyable?: boolean;
 }
 /**
  * Props for the Table component
@@ -509,6 +554,37 @@ interface Column<T> {
 interface TableProps<T> {
     data: T[];
     columns: Column<T>[];
+    loading?: boolean;
+    emptyState?: React.ReactNode;
+    error?: string | null;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    page?: number;
+    onPageChange?: (page: number) => void;
+    sort?: {
+        key: string;
+        direction: "asc" | "desc";
+    }[];
+    onSortChange?: (sort: {
+        key: string;
+        direction: "asc" | "desc";
+    }[]) => void;
+    onRowClick?: (item: T) => void;
+    onRowDoubleClick?: (item: T) => void;
+    rowClassName?: (item: T) => string;
+    expandable?: boolean;
+    renderExpanded?: (item: T) => React.ReactNode;
+    columnVisibility?: Record<string, boolean>;
+    onColumnVisibilityChange?: (visibility: Record<string, boolean>) => void;
+    exportable?: boolean;
+    onExport?: (type: "csv" | "excel" | "pdf") => void;
+    virtualized?: boolean;
+    draggable?: boolean;
+    onRowReorder?: (data: T[]) => void;
+    keyboardNavigation?: boolean;
+    theme?: "light" | "dark" | "auto";
+    meta?: Record<string, any>;
+    actions?: Record<string, (item: T) => void>;
     searchable?: boolean;
     searchPlaceholder?: string;
     pagination?: boolean;
@@ -2300,4 +2376,46 @@ interface WizardProps {
 }
 declare function Wizard({ steps, step: controlledStep, defaultStep, onStepChange, onFinish, onClose, layout, variant, size, isOpen, showClose, unchange, title, description, hideHeader, footer, renderActions, backLabel, nextLabel, finishLabel, cancelLabel, showCancel, showBackOnFirst, loading, clickableSteps, className, contentClassName, }: WizardProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, type ActionField, type ActionFieldType, type AuthField, type AuthVariant, type AuthView, Authentication, type AuthenticationProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BulletinAction, BulletinBoard, type BulletinBoardProps, type BulletinColumns, type BulletinEditField, type BulletinItem, type BulletinLayout, BulletinPreview, type BulletinPreviewProps, type BulletinPriority, type BulletinServerPaginationProp, type BulletinVariant, Button, type ButtonProps, COLOR_PALETTE, Calendar, CalendarDateRangePicker, type CalendarDateRangePickerProps, type CalendarDateRangeVariant, type CalendarEvent, type CalendarProps, type CalendarView, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartDataPoint, ChartWidget, type ChartWidgetProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, type ClusterVariant, ColorPicker, type ColorPickerProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandItem, CommandPalette, type CommandPaletteProps, ComposableWidget, type ComposableWidgetProps, type ConfirmVariant, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataGrid, type DataGridColumn, type DataGridProps, DatePickerPopup, type DateRange, DateRangePicker, type DateRangePickerProps, type DefaultActionsConfig, DocsLayout, Drawer, type DrawerProps, type DrawerSide, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, EVENT_COLORS, type FileTypeValidation, FileUpload, type FileUploadProps, type FlexAlign, type FlexDirection, type FlexGap, FlexItem, type FlexItemProps, type FlexJustify, FlexLayout, type FlexLayoutProps, type FlexWrap, type FlyToOptions, type FormField, type FormFieldType, type GridAlign, type GridCols, type GridGap, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GroupNavigation, type GroupNavigationProps, type ImageEditorMode, type ImageEditorOptions, Input, type InputProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, Label, LeafletMap, type LeafletMapProps, LeftSidebar, type LeftSidebarProps, type MapLibreClusterVariant, MapLibreMap, type MapLibreMarker, type MapLibreProps, type MapLibreRoute, type MapLibreRouteType, type MapLibreStyle, type MapMarker, type MapRoute, type MarkerColor, type MetricItem, MetricRow, type MetricRowProps, Modal, ModalConfirmation, type ModalConfirmationProps, type ModalProps, ModalUnchange, type ModalUnchangeProps, ModalWithForms, type ModalWithFormsProps, type NavGroup, type NavItem, Navigation, type NavigationProps, NotificationBanner, type NotificationBannerProps, type NotificationItem, NotificationPanel, type NotificationPanelProps, type NotificationVariant, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Panel, type PanelProps, PanelSettings, type PanelSettingsProps, type PanelSettingsTab, PanelSidebarGroup, PanelSidebarItem, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, type PropRow, PropsTable, RadioGroup, type RadioGroupProps, type RadioOption, type RadioSize, type RadioVariant, RangeSlider, type RangeSliderProps, Repeater, type RepeaterProps, ResizablePanels, type ResizablePanelsProps, RichTextEditor, type RichTextEditorProps, RightSidebar, type RightSidebarProps, type RouteType, ScrollArea, type ScrollAreaProps, Section, SectionBlock, type SectionProps, type SectionVariant, Select, type SelectOption, type SelectProps, type SemanticColor, type ServerDataGridProp, type ServerPagination, type ServerPaginationLink, type ServerPaginationProp, type ServerTableResponse, Skeleton, Slider, type SliderProps, type SortDir, StatCard, type StatCardProps, type StatTrend, StatsWidget, type StatsWidgetProps, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, type TabSize, type TabVariant, Table, TableOfContents, type TableProps, TableWidget, type TableWidgetProps, Tabs, type TabsProps, TagInput, type TagInputProps, Textarea, type TextareaProps, type ThemeColors, ThemeProvider, type ThemeSettings, Timeline, type TimelineItem, type TimelineProps, type TimelineVariant, type ToastItem, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, type TocItem, TocProvider, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, type TreeNode, TreeView, type TreeViewProps, type TrendDir, type UseServerBulletinOptions, type UseServerBulletinReturn, type UseServerDataGridOptions, type UseServerDataGridReturn, type UseServerTableOptions, type UseServerTableReturn, Widget, type WidgetProps, Wizard, type WizardActionProps, type WizardLayout, type WizardProps, type WizardSize, type WizardStep, type WizardVariant, useServerBulletin, useServerDataGrid, useServerTable, useTheme, useToast, useToc };
+interface NotificationConfig {
+    /** Show success notification */
+    onSuccessNotification?: boolean;
+    /** Success notification title */
+    successNotifTitle?: string;
+    /** Success notification content/message */
+    successNotifContent?: string;
+    /** Show error notification */
+    onErrorNotification?: boolean;
+    /** Error notification title */
+    errorNotifTitle?: string;
+    /** Error notification content/message */
+    errorNotifContent?: string;
+}
+interface RequestConfig<T = any> extends AxiosRequestConfig, NotificationConfig {
+    data?: T;
+    skipAuth?: boolean;
+}
+
+declare const api: {
+    get: <R = any>(url: string, config?: RequestConfig) => Promise<R>;
+    post: <T = any, R = any>(url: string, data?: T, config?: RequestConfig<T>) => Promise<R>;
+    put: <T = any, R = any>(url: string, data?: T, config?: RequestConfig<T>) => Promise<R>;
+    patch: <T = any, R = any>(url: string, data?: T, config?: RequestConfig<T>) => Promise<R>;
+    delete: <R = any>(url: string, config?: RequestConfig) => Promise<R>;
+};
+
+type StoreWrapper<T extends object> = {
+    store: UseBoundStore<StoreApi<T & {
+        set: (val: Partial<T>) => void;
+    }>>;
+    getStore: () => string;
+};
+/**
+ * Create a universal Zustand store with optional auto-expire
+ *
+ * @param initialValue - Initial state object
+ * @param sessionName - Key for localStorage persistence
+ * @param expireInterval - Optional expiration in milliseconds
+ */
+declare function createStore<T extends object>(initialValue: T, sessionName: string, expireInterval?: number): StoreWrapper<T>;
+
+export { Accordion, type AccordionItem, type AccordionProps, type AccordionVariant, type ActionField, type ActionFieldType, type AuthField, type AuthVariant, type AuthView, Authentication, type AuthenticationProps, AvatarStack, type AvatarStackProps, Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BulletinAction, BulletinBoard, type BulletinBoardProps, type BulletinColumns, type BulletinEditField, type BulletinItem, type BulletinLayout, BulletinPreview, type BulletinPreviewProps, type BulletinPriority, type BulletinServerPaginationProp, type BulletinVariant, Button, type ButtonProps, COLOR_PALETTE, Calendar, CalendarDateRangePicker, type CalendarDateRangePickerProps, type CalendarDateRangeVariant, type CalendarEvent, type CalendarProps, type CalendarView, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ChartDataPoint, ChartWidget, type ChartWidgetProps, Checkbox, type CheckboxProps, CircularProgress, type CircularProgressProps, type ClusterVariant, ColorPicker, type ColorPickerProps, type Column, Combobox, type ComboboxOption, type ComboboxProps, type CommandItem, CommandPalette, type CommandPaletteProps, ComposableWidget, type ComposableWidgetProps, type ConfirmVariant, ContextMenu, type ContextMenuItem, type ContextMenuProps, DataGrid, type DataGridColumn, type DataGridProps, DatePickerPopup, type DateRange, DateRangePicker, type DateRangePickerProps, type DefaultActionsConfig, DocsLayout, Drawer, type DrawerProps, type DrawerSide, Dropdown, DropdownItem, DropdownLabel, type DropdownProps, DropdownSeparator, EVENT_COLORS, type FileTypeValidation, FileUpload, type FileUploadProps, type FlexAlign, type FlexDirection, type FlexGap, FlexItem, type FlexItemProps, type FlexJustify, FlexLayout, type FlexLayoutProps, type FlexWrap, type FlyToOptions, type FormField, type FormFieldType, type GridAlign, type GridCols, type GridGap, GridItem, type GridItemProps, GridLayout, type GridLayoutProps, GroupNavigation, type GroupNavigationProps, type ImageEditorMode, type ImageEditorOptions, Input, type InputProps, KanbanBoard, type KanbanBoardProps, type KanbanCard, type KanbanColumn, Label, LeafletMap, type LeafletMapProps, LeftSidebar, type LeftSidebarProps, type MapLibreClusterVariant, MapLibreMap, type MapLibreMarker, type MapLibreProps, type MapLibreRoute, type MapLibreRouteType, type MapLibreStyle, type MapMarker, type MapRoute, type MarkerColor, type MetricItem, MetricRow, type MetricRowProps, Modal, ModalConfirmation, type ModalConfirmationProps, type ModalProps, ModalUnchange, type ModalUnchangeProps, ModalWithForms, type ModalWithFormsProps, type NavGroup, type NavItem, Navigation, type NavigationProps, NotificationBanner, type NotificationBannerProps, type NotificationItem, NotificationPanel, type NotificationPanelProps, type NotificationVariant, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Panel, type PanelProps, PanelSettings, type PanelSettingsProps, type PanelSettingsTab, PanelSidebarGroup, PanelSidebarItem, Popover, type PopoverPlacement, type PopoverProps, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, type PropRow, PropsTable, RadioGroup, type RadioGroupProps, type RadioOption, type RadioSize, type RadioVariant, RangeSlider, type RangeSliderProps, Repeater, type RepeaterProps, type RequestConfig, ResizablePanels, type ResizablePanelsProps, RichTextEditor, type RichTextEditorProps, RightSidebar, type RightSidebarProps, type RouteType, ScrollArea, type ScrollAreaProps, Section, SectionBlock, type SectionProps, type SectionVariant, Select, type SelectOption, type SelectProps, type SemanticColor, type ServerDataGridProp, type ServerPagination, type ServerPaginationLink, type ServerPaginationProp, type ServerTableResponse, Skeleton, Slider, type SliderProps, type SortDir, StatCard, type StatCardProps, type StatTrend, StatsWidget, type StatsWidgetProps, type Step, type StepStatus, Stepper, type StepperProps, type TabItem, type TabSize, type TabVariant, Table, TableOfContents, type TableProps, TableWidget, type TableWidgetProps, Tabs, type TabsProps, TagInput, type TagInputProps, Textarea, type TextareaProps, type ThemeColors, ThemeProvider, type ThemeSettings, Timeline, type TimelineItem, type TimelineProps, type TimelineVariant, type ToastItem, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastVariant, type TocItem, TocProvider, ToggleSwitch, type ToggleSwitchProps, Tooltip, type TooltipProps, Topbar, type TopbarProps, type TreeNode, TreeView, type TreeViewProps, type TrendDir, type UseServerBulletinOptions, type UseServerBulletinReturn, type UseServerDataGridOptions, type UseServerDataGridReturn, type UseServerTableOptions, type UseServerTableReturn, Widget, type WidgetProps, Wizard, type WizardActionProps, type WizardLayout, type WizardProps, type WizardSize, type WizardStep, type WizardVariant, api, createStore, useServerBulletin, useServerDataGrid, useServerTable, useTheme, useToast, useToc };