@sustaina/shared-ui 1.7.0 → 1.7.2

package/dist/index.d.mts

@@ -302,18 +302,9 @@ type UsePreventPageLeaveOptions = {
 };
 declare const usePreventPageLeave: ({ isPrevening }: UsePreventPageLeaveOptions) => void;
 
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "cancel" | "destructive" | "secondary" | "ghost" | "defaultSelect" | "defaultOutline" | null | undefined;
-    size?: "default" | "option" | "icon" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
-    active?: boolean | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, active, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-    active?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
 type Column = {
     id: string;
+    label?: string;
 };
 type GridPayload<TColumn extends {
     id: string;
@@ -335,10 +326,46 @@ type GridSettingsModalProps = {
     currentColumns: Column[];
     limit?: number;
     onClose: () => void;
-    onSaveColumns?: (payload: GridPayload) => void;
+    onSaveColumns?: (payload: GridPayload, currentColumns: Column[]) => void;
 };
 declare const GridSettingsModal: ({ isOpen, headerClassname, descriptionClassname, addButtonClassname, saveButtonClassname, availableColumns, currentColumns, limit, onClose, onSaveColumns }: GridSettingsModalProps) => react_jsx_runtime.JSX.Element;
 
+type KeyOrString<T> = keyof T | (string & {});
+type TanstackTableInstance = {
+    getAllColumns(): any[];
+    getVisibleLeafColumns(): any[];
+};
+type UseGridSettingsStoreActions = {
+    setAvailableColumns: (cols: Column[]) => void;
+    setCurrentColumns: (cols: Column[]) => void;
+    setPayload: (payload: GridPayload) => void;
+    reset: () => void;
+    extractColumns: (table: TanstackTableInstance) => {
+        availableColumns: Column[];
+        currentColumns: Column[];
+    };
+    syncColumnsState: <TData = RowData$1>(table: Table$1<TData>, options?: {
+        excludeColumns: KeyOrString<TData>[];
+        labelMap?: Partial<Record<KeyOrString<TData>, string>>;
+    }) => void;
+};
+type UseGridSettingsStoreState = {
+    availableColumns: Column[];
+    currentColumns: Column[];
+    payload: GridPayload;
+};
+declare const useGridSettingsStore: zustand.UseBoundStore<zustand.StoreApi<UseGridSettingsStoreState & UseGridSettingsStoreActions>>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "cancel" | "destructive" | "secondary" | "ghost" | "defaultSelect" | "defaultOutline" | null | undefined;
+    size?: "default" | "option" | "icon" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, active, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    active?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
 type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
     [K in Keys]: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
 }[Keys];
@@ -453,39 +480,6 @@ declare function stripNullishObject<T extends Record<string, any>>(value: Partia
  */
 declare function cn(...args: ClassValue[]): string;
 
-type TanstackTableInstance$1 = {
-    getAllColumns(): any[];
-};
-declare function getColumnIdFromTable<T extends TanstackTableInstance$1>(table: T): {
-    availableColumns: {
-        id: any;
-    }[];
-    currentColumns: {
-        id: any;
-    }[];
-};
-
-type TanstackTableInstance = {
-    getAllColumns(): any[];
-    getVisibleLeafColumns(): any[];
-};
-type UseGridSettingsStoreActions = {
-    setAvailableColumns: (cols: Column[]) => void;
-    setCurrentColumns: (cols: Column[]) => void;
-    setPayload: (payload: GridPayload) => void;
-    reset: () => void;
-    extractColumns: (table: TanstackTableInstance) => {
-        availableColumns: Column[];
-        currentColumns: Column[];
-    };
-};
-type UseGridSettingsStoreState = {
-    availableColumns: Column[];
-    currentColumns: Column[];
-    payload: GridPayload;
-};
-declare const useGridSettingsStore: zustand.UseBoundStore<zustand.StoreApi<UseGridSettingsStoreState & UseGridSettingsStoreActions>>;
-
 type UseHoverResult = {
     ref: React__default.RefCallback<HTMLElement>;
     hovering: boolean;
@@ -537,4 +531,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type ScrollInfo, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };
+export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type ScrollInfo, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };

package/dist/index.d.ts

@@ -302,18 +302,9 @@ type UsePreventPageLeaveOptions = {
 };
 declare const usePreventPageLeave: ({ isPrevening }: UsePreventPageLeaveOptions) => void;
 
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "cancel" | "destructive" | "secondary" | "ghost" | "defaultSelect" | "defaultOutline" | null | undefined;
-    size?: "default" | "option" | "icon" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
-    active?: boolean | null | undefined;
-} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, active, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-    active?: boolean;
-}): react_jsx_runtime.JSX.Element;
-
 type Column = {
     id: string;
+    label?: string;
 };
 type GridPayload<TColumn extends {
     id: string;
@@ -335,10 +326,46 @@ type GridSettingsModalProps = {
     currentColumns: Column[];
     limit?: number;
     onClose: () => void;
-    onSaveColumns?: (payload: GridPayload) => void;
+    onSaveColumns?: (payload: GridPayload, currentColumns: Column[]) => void;
 };
 declare const GridSettingsModal: ({ isOpen, headerClassname, descriptionClassname, addButtonClassname, saveButtonClassname, availableColumns, currentColumns, limit, onClose, onSaveColumns }: GridSettingsModalProps) => react_jsx_runtime.JSX.Element;
 
+type KeyOrString<T> = keyof T | (string & {});
+type TanstackTableInstance = {
+    getAllColumns(): any[];
+    getVisibleLeafColumns(): any[];
+};
+type UseGridSettingsStoreActions = {
+    setAvailableColumns: (cols: Column[]) => void;
+    setCurrentColumns: (cols: Column[]) => void;
+    setPayload: (payload: GridPayload) => void;
+    reset: () => void;
+    extractColumns: (table: TanstackTableInstance) => {
+        availableColumns: Column[];
+        currentColumns: Column[];
+    };
+    syncColumnsState: <TData = RowData$1>(table: Table$1<TData>, options?: {
+        excludeColumns: KeyOrString<TData>[];
+        labelMap?: Partial<Record<KeyOrString<TData>, string>>;
+    }) => void;
+};
+type UseGridSettingsStoreState = {
+    availableColumns: Column[];
+    currentColumns: Column[];
+    payload: GridPayload;
+};
+declare const useGridSettingsStore: zustand.UseBoundStore<zustand.StoreApi<UseGridSettingsStoreState & UseGridSettingsStoreActions>>;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "outline" | "cancel" | "destructive" | "secondary" | "ghost" | "defaultSelect" | "defaultOutline" | null | undefined;
+    size?: "default" | "option" | "icon" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
+    active?: boolean | null | undefined;
+} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, active, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    active?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
 type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
     [K in Keys]: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
 }[Keys];
@@ -453,39 +480,6 @@ declare function stripNullishObject<T extends Record<string, any>>(value: Partia
  */
 declare function cn(...args: ClassValue[]): string;
 
-type TanstackTableInstance$1 = {
-    getAllColumns(): any[];
-};
-declare function getColumnIdFromTable<T extends TanstackTableInstance$1>(table: T): {
-    availableColumns: {
-        id: any;
-    }[];
-    currentColumns: {
-        id: any;
-    }[];
-};
-
-type TanstackTableInstance = {
-    getAllColumns(): any[];
-    getVisibleLeafColumns(): any[];
-};
-type UseGridSettingsStoreActions = {
-    setAvailableColumns: (cols: Column[]) => void;
-    setCurrentColumns: (cols: Column[]) => void;
-    setPayload: (payload: GridPayload) => void;
-    reset: () => void;
-    extractColumns: (table: TanstackTableInstance) => {
-        availableColumns: Column[];
-        currentColumns: Column[];
-    };
-};
-type UseGridSettingsStoreState = {
-    availableColumns: Column[];
-    currentColumns: Column[];
-    payload: GridPayload;
-};
-declare const useGridSettingsStore: zustand.UseBoundStore<zustand.StoreApi<UseGridSettingsStoreState & UseGridSettingsStoreActions>>;
-
 type UseHoverResult = {
     ref: React__default.RefCallback<HTMLElement>;
     hovering: boolean;
@@ -537,4 +531,4 @@ type UseTruncatedOptions<T> = {
 type UseTruncatedResult = boolean;
 declare const useTruncated: <T extends HTMLElement = any>({ elementRef, onChange, resizeDetectDelay }: UseTruncatedOptions<T>) => UseTruncatedResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type ScrollInfo, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };
+export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type ScrollInfo, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, type UseTruncatedOptions, type UseTruncatedResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, debounce, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize, useTruncated };

package/dist/index.js

@@ -5,11 +5,10 @@ var reactHookForm = require('react-hook-form');
 var jsxRuntime = require('react/jsx-runtime');
 var clsx3 = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var zustand = require('zustand');
 var reactTable = require('@tanstack/react-table');
 var lucideReact = require('lucide-react');
+var zustand = require('zustand');
 var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
 var LabelPrimitive2 = require('@radix-ui/react-label');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var sortable = require('@dnd-kit/sortable');
@@ -18,6 +17,7 @@ var SelectPrimitive = require('@radix-ui/react-select');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var core = require('@dnd-kit/core');
 var modifiers = require('@dnd-kit/modifiers');
+var classVarianceAuthority = require('class-variance-authority');
 var zod = require('zod');
 var reactDom = require('react-dom');
 var PopoverPrimitive = require('@radix-ui/react-popover');
@@ -181,38 +181,6 @@ function stripNullishObject(value) {
     return {};
   }
 }
-
-// src/utils/getColumnIdFromTable.ts
-function getColumnIdFromTable(table) {
-  const allColumns = table.getAllColumns();
-  const availableColumns = allColumns.map((col) => ({ id: col.id }));
-  const currentColumns = allColumns.filter((col) => col.getIsVisible()).map((col) => ({ id: col.id }));
-  return { availableColumns, currentColumns };
-}
-var useGridSettingsStore = zustand.create(
-  (set) => ({
-    availableColumns: [],
-    currentColumns: [],
-    payload: {
-      ordering: [],
-      visibility: {},
-      pinning: { left: [] }
-    },
-    setAvailableColumns: (cols) => set({ availableColumns: cols }),
-    setCurrentColumns: (cols) => set({ currentColumns: cols }),
-    setPayload: (payload) => set({ payload }),
-    reset: () => set({
-      availableColumns: [],
-      currentColumns: [],
-      payload: { ordering: [], visibility: {}, pinning: { left: [] } }
-    }),
-    extractColumns: (table) => {
-      const availableColumns = table.getAllColumns().map((col) => ({ id: col.id }));
-      const currentColumns = table.getVisibleLeafColumns().map((col) => ({ id: col.id }));
-      return { availableColumns, currentColumns };
-    }
-  })
-);
 function TextInput({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("input", { type: "text", className: cn("input", className), ...props });
 }
@@ -1127,61 +1095,6 @@ var usePreventPageLeave = ({ isPrevening }) => {
   }, [isPrevening, setPreventing]);
 };
 var usePreventPageLeave_default = usePreventPageLeave;
-var buttonVariants = classVarianceAuthority.cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",
-  {
-    variants: {
-      variant: {
-        default: "bg-sus-primary-1 text-primary-foreground shadow-xs hover:bg-sus-primary/90",
-        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-        cancel: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        defaultSelect: "bg-primary text-primary-foreground shadow-xs hover:bg-sus-primary/90 py-2",
-        defaultOutline: "border bg-background py-2 shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50"
-      },
-      size: {
-        default: "h-9 px-4  has-[>svg]:px-3",
-        option: "py-5 h-9 px-4  has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-xs": "size-5",
-        "icon-sm": "size-[22px]",
-        "icon-md": "size-7",
-        "icon-lg": "size-10"
-      },
-      active: {
-        true: "bg-sus-primary-1 text-white",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant,
-  size,
-  active,
-  asChild = false,
-  ...props
-}) {
-  const Comp = asChild ? reactSlot.Slot : "button";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Comp,
-    {
-      "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, className, active })),
-      ...props
-    }
-  );
-}
 var s = (e2, s2, o3) => {
   if (e2 && "reportValidity" in e2) {
     const r2 = reactHookForm.get(o3, s2);
@@ -1580,10 +1493,13 @@ function SortableRow({
     id: value,
     disabled: name == "columns.0.id"
   });
-  const style = {
-    transform: utilities.CSS.Transform.toString(transform),
-    transition
-  };
+  const style = React4__namespace.useMemo(
+    () => ({
+      transform: utilities.CSS.Transform.toString(transform),
+      transition
+    }),
+    [transform, transition]
+  );
   const capitalize = (str) => str.charAt(0).toUpperCase() + str.slice(1);
   const currentFormColumns = reactHookForm.useWatch({ control, name: "columns" });
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setNodeRef, style, className: "flex items-center rounded-md bg-white", children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -1592,7 +1508,7 @@ function SortableRow({
       control,
       name,
       render: ({ field }) => {
-        const options = availableColumns.filter((col) => col.id === field.value || !currentFormColumns?.some((c) => c.id === col.id)).map((col) => ({ id: col.id, label: capitalize(col.id) }));
+        const options = availableColumns.filter((col) => col.id === field.value || !currentFormColumns?.some((c) => c.id === col.id)).map((col) => ({ id: col.id, label: col?.label ? col.label : capitalize(col.id) }));
         return /* @__PURE__ */ jsxRuntime.jsxs(FormItem2, { className: "flex-1", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -1669,7 +1585,7 @@ function SortableRow({
     }
   ) });
 }
-var buttonVariants2 = classVarianceAuthority.cva(
+var buttonVariants = classVarianceAuthority.cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",
   {
     variants: {
@@ -1703,7 +1619,7 @@ var buttonVariants2 = classVarianceAuthority.cva(
     }
   }
 );
-function Button2({
+function Button({
   className,
   variant,
   size,
@@ -1716,13 +1632,14 @@ function Button2({
     Comp,
     {
       "data-slot": "button",
-      className: cn(buttonVariants2({ variant, size, className, active })),
+      className: cn(buttonVariants({ variant, size, className, active })),
       ...props
     }
   );
 }
 var ColumnSchema = zod.z.object({
-  id: zod.z.string().nonempty("This field is required")
+  id: zod.z.string().nonempty("This field is required"),
+  label: zod.z.string().optional()
 });
 var GridSettingsSchema = zod.z.object({
   columns: zod.z.array(ColumnSchema).min(1, "At least one column is required")
@@ -1771,7 +1688,7 @@ var GridSettingsModal = ({
     );
     const pinning = { left: [data.columns[0].id] };
     if (onSaveColumns) {
-      onSaveColumns({ ordering, visibility, pinning });
+      onSaveColumns({ ordering, visibility, pinning }, data.columns);
     }
   };
   const sensors = core.useSensors(core.useSensor(core.PointerSensor, { activationConstraint: { distance: 5 } }));
@@ -1856,7 +1773,7 @@ var GridSettingsModal = ({
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-6", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Button2,
+          Button,
           {
             type: "button",
             className: cn("bg-[#41875C99] text-white w-full rounded-t-lg", addButtonClassname),
@@ -1871,7 +1788,7 @@ var GridSettingsModal = ({
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(DialogFooter, { className: "w-full px-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between w-full py-4 border-t-1 border-[#B9B9B9]", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          Button2,
+          Button,
           {
             type: "button",
             variant: "outline",
@@ -1881,7 +1798,7 @@ var GridSettingsModal = ({
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          Button2,
+          Button,
           {
             type: "submit",
             className: cn("w-18 bg-[#379A2A] text-white", saveButtonClassname),
@@ -1893,6 +1810,99 @@ var GridSettingsModal = ({
   ] }) }) });
 };
 var GridSettingsModal_default = GridSettingsModal;
+var useGridSettingsStore = zustand.create(
+  (set, get) => ({
+    availableColumns: [],
+    currentColumns: [],
+    payload: {
+      ordering: [],
+      visibility: {},
+      pinning: { left: [] }
+    },
+    setAvailableColumns: (cols) => set({ availableColumns: cols }),
+    setCurrentColumns: (cols) => set({ currentColumns: cols }),
+    setPayload: (payload) => set({ payload }),
+    reset: () => set({
+      availableColumns: [],
+      currentColumns: [],
+      payload: { ordering: [], visibility: {}, pinning: { left: [] } }
+    }),
+    extractColumns: (table) => {
+      const availableColumns = table.getAllColumns().map((col) => ({ id: col.id }));
+      const currentColumns = table.getVisibleLeafColumns().map((col) => ({ id: col.id }));
+      return { availableColumns, currentColumns };
+    },
+    syncColumnsState: (table, options) => {
+      const { availableColumns, currentColumns } = get().extractColumns(table);
+      const { excludeColumns = [], labelMap = {} } = options || {};
+      const filteredExcludeColumnFn = (column) => !excludeColumns.includes(column.id);
+      const mapLabel = (col) => ({
+        id: col.id,
+        label: labelMap?.[col.id] ?? col.label ?? col.id
+      });
+      set({
+        availableColumns: availableColumns.filter(filteredExcludeColumnFn).map(mapLabel),
+        currentColumns: currentColumns.filter(filteredExcludeColumnFn).map(mapLabel)
+      });
+    }
+  })
+);
+var useGridSettingsStore_default = useGridSettingsStore;
+var buttonVariants2 = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-sus-primary-1 text-primary-foreground shadow-xs hover:bg-sus-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+        cancel: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        defaultSelect: "bg-primary text-primary-foreground shadow-xs hover:bg-sus-primary/90 py-2",
+        defaultOutline: "border bg-background py-2 shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50"
+      },
+      size: {
+        default: "h-9 px-4  has-[>svg]:px-3",
+        option: "py-5 h-9 px-4  has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-5",
+        "icon-sm": "size-[22px]",
+        "icon-md": "size-7",
+        "icon-lg": "size-10"
+      },
+      active: {
+        true: "bg-sus-primary-1 text-white",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button2({
+  className,
+  variant,
+  size,
+  active,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants2({ variant, size, className, active })),
+      ...props
+    }
+  );
+}
 var InfoIcon = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -2067,7 +2077,7 @@ var Navbar = ({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
           mainButtonText && /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            Button2,
             {
               disabled: mainButtonDisable,
               className: cn("bg-sus-secondary-1 hover:bg-sus-secondary-hover", mainButtonClassName),
@@ -2077,7 +2087,7 @@ var Navbar = ({
             }
           ),
           subButtonText && /* @__PURE__ */ jsxRuntime.jsx(
-            Button,
+            Button2,
             {
               disabled: subButtonDisable,
               className: cn("bg-sus-primary-2 hover:bg-sus-primary-2-hover", subButtonClassName),
@@ -5297,7 +5307,7 @@ function variantClass(variant) {
 }
 
 exports.AdvanceSearch = AdvanceSearch_default;
-exports.Button = Button;
+exports.Button = Button2;
 exports.DataTable = DataTable_default;
 exports.DialogAlert = DialogAlert;
 exports.FormErrorMessage = FormErrorMessage;
@@ -5313,18 +5323,17 @@ exports.NumberInput = NumberInput;
 exports.PreventPageLeave = PreventPageLeave_default;
 exports.TextInput = TextInput;
 exports.booleanToSelectValue = booleanToSelectValue;
-exports.buttonVariants = buttonVariants;
+exports.buttonVariants = buttonVariants2;
 exports.cn = cn;
 exports.compareAlphanumeric = compareAlphanumeric;
 exports.debounce = debounce;
-exports.getColumnIdFromTable = getColumnIdFromTable;
 exports.isDefined = isDefined;
 exports.isEmptyObject = isEmptyObject;
 exports.renderContentSlot = renderContentSlot;
 exports.selectValueToBoolean = selectValueToBoolean;
 exports.stripNullishObject = stripNullishObject;
 exports.useFormField = useFormField;
-exports.useGridSettingsStore = useGridSettingsStore;
+exports.useGridSettingsStore = useGridSettingsStore_default;
 exports.useHover = useHover_default;
 exports.useIntersectionObserver = useIntersectionObserver_default;
 exports.useMediaQuery = useMediaQuery_default;