@raystack/apsara 0.16.0 → 0.16.2

package/dist/index.js

@@ -3298,7 +3298,7 @@ const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad
 
 var styles$w = {"label":"label-module_label__hM2lk","label-small":"label-module_label-small__se5gE","label-medium":"label-module_label-medium__Z4Tcb","label-large":"label-module_label-large__ba4Jb"};
 
-const label$2 = cva(styles$w.label, {
+const label$1 = cva(styles$w.label, {
     variants: {
         size: {
             small: styles$w["label-small"],
@@ -3311,7 +3311,7 @@ const label$2 = cva(styles$w.label, {
     },
 });
 function Label({ children, className, size, ...props }) {
-    return (jsxRuntimeExports$1.jsx("label", { className: label$2({ size, className }), ...props, children: children }));
+    return (jsxRuntimeExports$1.jsx("label", { className: label$1({ size, className }), ...props, children: children }));
 }
 
 var styles$v = {"checkbox":"checkbox-module_checkbox__QdlAc","checkbox-sm":"checkbox-module_checkbox-sm__tVhlX","checkbox-md":"checkbox-module_checkbox-md__G04e5","indicator":"checkbox-module_indicator__oGvoN"};
@@ -9649,7 +9649,7 @@ const $d08ef79370b62062$export$b04be29aa201d4f5 = $d08ef79370b62062$export$76e48
 const $d08ef79370b62062$export$6d08773d2e66f8f2 = $d08ef79370b62062$export$ed97964d1871885d;
 const $d08ef79370b62062$export$1ff3c3f08ae963c0 = $d08ef79370b62062$export$da160178fd3bc7e9;
 
-var styles$q = {"content":"dropdown-menu-module_content__-LWeL","menuitem":"dropdown-menu-module_menuitem__IuV4n","label":"dropdown-menu-module_label__2h-4H","separator":"dropdown-menu-module_separator__0-EoW","menugroup":"dropdown-menu-module_menugroup__AmbLX"};
+var styles$q = {"content":"dropdown-menu-module_content__-LWeL","menuitem":"dropdown-menu-module_menuitem__IuV4n","label":"dropdown-menu-module_label__2h-4H","separator":"dropdown-menu-module_separator__0-EoW"};
 
 const content$2 = cva(styles$q.content);
 const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (jsxRuntimeExports$1.jsx($d08ef79370b62062$export$602eac185826482c, { children: jsxRuntimeExports$1.jsx($d08ef79370b62062$export$7c6e2c02157bb7d2, { ref: ref, sideOffset: sideOffset, className: content$2({ className }), ...props }) })));
@@ -9657,8 +9657,8 @@ DropdownMenuContent.displayName = $d08ef79370b62062$export$7c6e2c02157bb7d2.disp
 const menuitem$1 = cva(styles$q.menuitem);
 const DropdownMenuItem = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports$1.jsx($d08ef79370b62062$export$6d08773d2e66f8f2, { ref: ref, className: menuitem$1({ className }), ...props })));
 DropdownMenuItem.displayName = $d08ef79370b62062$export$6d08773d2e66f8f2.displayName;
-const label$1 = cva(styles$q.label);
-const DropdownMenuLabel = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports$1.jsx($d08ef79370b62062$export$b04be29aa201d4f5, { ref: ref, className: label$1({ className }), ...props })));
+const label = cva(styles$q.label);
+const DropdownMenuLabel = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports$1.jsx($d08ef79370b62062$export$b04be29aa201d4f5, { ref: ref, className: label({ className }), ...props })));
 DropdownMenuLabel.displayName = $d08ef79370b62062$export$b04be29aa201d4f5.displayName;
 const separator$2 = cva(styles$q.separator);
 const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports$1.jsx($d08ef79370b62062$export$1ff3c3f08ae963c0, { ref: ref, className: separator$2({ className }), ...props })));
@@ -19692,18 +19692,6 @@ const $cc7e05a45900e73f$export$ee25a334c55de1f4 = /*#__PURE__*/ forwardRef((prop
         ref: forwardedRef
     })));
 });
-/* -------------------------------------------------------------------------------------------------
- * SelectLabel
- * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$LABEL_NAME = 'SelectLabel';
-const $cc7e05a45900e73f$export$f67338d29bd972f8 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeSelect: __scopeSelect , ...labelProps } = props;
-    const groupContext = $cc7e05a45900e73f$var$useSelectGroupContext($cc7e05a45900e73f$var$LABEL_NAME, __scopeSelect);
-    return /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.div, _extends({
-        id: groupContext.id
-    }, labelProps, {
-        ref: forwardedRef
-    }));
-});
 /* -------------------------------------------------------------------------------------------------
  * SelectItem
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ITEM_NAME = 'SelectItem';
@@ -19829,18 +19817,6 @@ const $cc7e05a45900e73f$export$3572fb0fb821ff49 = /*#__PURE__*/ forwardRef((prop
         ref: composedRefs
     })), itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? /*#__PURE__*/ createPortal(itemTextProps.children, context.valueNode) : null);
 });
-/* -------------------------------------------------------------------------------------------------
- * SelectItemIndicator
- * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$ITEM_INDICATOR_NAME = 'SelectItemIndicator';
-const $cc7e05a45900e73f$export$6b9198de19accfe6 = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
-    const { __scopeSelect: __scopeSelect , ...itemIndicatorProps } = props;
-    const itemContext = $cc7e05a45900e73f$var$useSelectItemContext($cc7e05a45900e73f$var$ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /*#__PURE__*/ createElement($8927f6f2acc4f386$export$250ffa63cdc0d034$1.span, _extends({
-        "aria-hidden": true
-    }, itemIndicatorProps, {
-        ref: forwardedRef
-    })) : null;
-});
 /* -------------------------------------------------------------------------------------------------
  * SelectScrollDownButton
  * -----------------------------------------------------------------------------------------------*/ const $cc7e05a45900e73f$var$SCROLL_DOWN_BUTTON_NAME = 'SelectScrollDownButton';
@@ -20051,28 +20027,64 @@ const $cc7e05a45900e73f$export$602eac185826482c = $cc7e05a45900e73f$export$b2af6
 const $cc7e05a45900e73f$export$7c6e2c02157bb7d2 = $cc7e05a45900e73f$export$c973a4b3cb86a03d;
 const $cc7e05a45900e73f$export$d5c6c08dc2d3ca7 = $cc7e05a45900e73f$export$9ed6e7b40248d36d;
 const $cc7e05a45900e73f$export$eb2fcfdbd7ba97d4 = $cc7e05a45900e73f$export$ee25a334c55de1f4;
-const $cc7e05a45900e73f$export$b04be29aa201d4f5 = $cc7e05a45900e73f$export$f67338d29bd972f8;
 const $cc7e05a45900e73f$export$6d08773d2e66f8f2 = $cc7e05a45900e73f$export$13ef48a934230896;
 const $cc7e05a45900e73f$export$d6e5bf9c43ea9319 = $cc7e05a45900e73f$export$3572fb0fb821ff49;
-const $cc7e05a45900e73f$export$c3468e2714d175fa = $cc7e05a45900e73f$export$6b9198de19accfe6;
 const $cc7e05a45900e73f$export$bf1aedc3039c8d63 = $cc7e05a45900e73f$export$ff951e476c12189;
 const $cc7e05a45900e73f$export$1ff3c3f08ae963c0 = $cc7e05a45900e73f$export$eba4b1df07cb1d3;
 
-var styles$e = {"content":"select-module_content__X0QJ-","menuitem":"select-module_menuitem__DfVEU","menuitemIndicatorWapper":"select-module_menuitemIndicatorWapper__TZDvz","label":"select-module_label__4I1Se","separator":"select-module_separator__2UBNd","menugroup":"select-module_menugroup__zJbzr","trigger":"select-module_trigger__1tSaG","triggerIcon":"select-module_triggerIcon__iaoZ3"};
+var styles$e = {"text":"text-module_text__1E39C","text-1":"text-module_text-1__ZIYnD","text-2":"text-module_text-2__vhka2","text-3":"text-module_text-3__WhApV","text-4":"text-module_text-4__I4KCY","text-5":"text-module_text-5__5i6jy","text-6":"text-module_text-6__vn534","text-7":"text-module_text-7__5stey","text-8":"text-module_text-8__J--5n","text-9":"text-module_text-9__guv-W","text-10":"text-module_text-10__OdU-l","text-weight-bold":"text-module_text-weight-bold__248bx","text-weight-bolder":"text-module_text-weight-bolder__x-gH2","text-weight-normal":"text-module_text-weight-normal__N6rMZ","text-weight-lighter":"text-module_text-weight-lighter__PtdzT","text-weight-100":"text-module_text-weight-100__170iy","text-weight-200":"text-module_text-weight-200__iG1l4","text-weight-300":"text-module_text-weight-300__Z8-xh","text-weight-400":"text-module_text-weight-400__y4aiw","text-weight-500":"text-module_text-weight-500__El9dq","text-weight-600":"text-module_text-weight-600__yMGME","text-weight-700":"text-module_text-weight-700__EYo9-","text-weight-800":"text-module_text-weight-800__N7b82","text-weight-900":"text-module_text-weight-900__vs7L8"};
+
+const text$1 = cva(styles$e.text, {
+    variants: {
+        size: {
+            1: styles$e["text-1"],
+            2: styles$e["text-2"],
+            3: styles$e["text-3"],
+            4: styles$e["text-4"],
+            5: styles$e["text-5"],
+            6: styles$e["text-6"],
+            7: styles$e["text-7"],
+            8: styles$e["text-8"],
+            9: styles$e["text-9"],
+            10: styles$e["text-10"],
+        },
+        weight: {
+            bold: styles$e["text-weight-bold"],
+            bolder: styles$e["text-weight-bolder"],
+            normal: styles$e["text-weight-normal"],
+            lighter: styles$e["text-weight-lighter"],
+            100: styles$e["text-weight-100"],
+            200: styles$e["text-weight-200"],
+            300: styles$e["text-weight-300"],
+            400: styles$e["text-weight-400"],
+            500: styles$e["text-weight-500"],
+            600: styles$e["text-weight-600"],
+            700: styles$e["text-weight-700"],
+            800: styles$e["text-weight-800"],
+            900: styles$e["text-weight-900"],
+        },
+    },
+    defaultVariants: {
+        size: 2,
+        weight: 400,
+    },
+});
+function Text({ children, className, size, weight, ...props }) {
+    return (jsxRuntimeExports$1.jsx("span", { className: text$1({ size, className, weight }), ...props, children: children }));
+}
+
+var styles$d = {"content":"select-module_content__X0QJ-","menuitem":"select-module_menuitem__DfVEU","separator":"select-module_separator__2UBNd","menugroup":"select-module_menugroup__zJbzr","trigger":"select-module_trigger__1tSaG","triggerIcon":"select-module_triggerIcon__iaoZ3"};
 
-const trigger$1 = cva(styles$e.trigger);
-const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports$1.jsxs($cc7e05a45900e73f$export$41fb9f06171c75f4, { ref: ref, className: trigger$1({ className }), ...props, children: [children, jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$f04a61298a47a40f, { asChild: true, children: jsxRuntimeExports$1.jsx(ChevronDownIcon, { className: styles$e.triggerIcon }) })] })));
+const trigger$1 = cva(styles$d.trigger);
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports$1.jsxs($cc7e05a45900e73f$export$41fb9f06171c75f4, { ref: ref, className: trigger$1({ className }), ...props, children: [children, jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$f04a61298a47a40f, { asChild: true, children: jsxRuntimeExports$1.jsx(ChevronDownIcon, { className: styles$d.triggerIcon }) })] })));
 SelectTrigger.displayName = $cc7e05a45900e73f$export$41fb9f06171c75f4.displayName;
-const content$1 = cva(styles$e.content);
+const content$1 = cva(styles$d.content);
 const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => (jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$602eac185826482c, { children: jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$7c6e2c02157bb7d2, { ref: ref, className: content$1({ className }), position: position, ...props, children: children }) })));
 SelectContent.displayName = $cc7e05a45900e73f$export$7c6e2c02157bb7d2.displayName;
-const label = cva(styles$e.label);
-const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$b04be29aa201d4f5, { ref: ref, className: label({ className }), ...props })));
-SelectLabel.displayName = $cc7e05a45900e73f$export$b04be29aa201d4f5.displayName;
-const menuitem = cva(styles$e.menuitem);
-const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports$1.jsxs($cc7e05a45900e73f$export$6d08773d2e66f8f2, { ref: ref, className: menuitem({ className }), ...props, children: [jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$d6e5bf9c43ea9319, { children: children }), jsxRuntimeExports$1.jsx("span", { className: styles$e.menuitemIndicatorWapper, children: jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$c3468e2714d175fa, { children: jsxRuntimeExports$1.jsx(CheckIcon, { style: { width: "16px", height: "16px" } }) }) })] })));
+const menuitem = cva(styles$d.menuitem);
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$6d08773d2e66f8f2, { ref: ref, className: menuitem({ className }), ...props, children: jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$d6e5bf9c43ea9319, { children: jsxRuntimeExports$1.jsx(Text, { children: children }) }) })));
 SelectItem.displayName = $cc7e05a45900e73f$export$6d08773d2e66f8f2.displayName;
-const separator$1 = cva(styles$e.separator);
+const separator$1 = cva(styles$d.separator);
 const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports$1.jsx($cc7e05a45900e73f$export$1ff3c3f08ae963c0, { ref: ref, className: separator$1({ className }), ...props })));
 SelectSeparator.displayName = $cc7e05a45900e73f$export$1ff3c3f08ae963c0.displayName;
 const Select = Object.assign($cc7e05a45900e73f$export$be92b6f5f03c0fe9, {
@@ -20083,7 +20095,6 @@ const Select = Object.assign($cc7e05a45900e73f$export$be92b6f5f03c0fe9, {
     Viewport: $cc7e05a45900e73f$export$d5c6c08dc2d3ca7,
     Trigger: SelectTrigger,
     Content: SelectContent,
-    Label: SelectLabel,
     Item: SelectItem,
     Separator: SelectSeparator,
 });
@@ -20130,14 +20141,14 @@ function $89eedd556c436f6a$var$isValidOrientation(orientation) {
 }
 const $89eedd556c436f6a$export$be92b6f5f03c0fe9 = $89eedd556c436f6a$export$1ff3c3f08ae963c0;
 
-var styles$d = {"separator":"separator-module_separator__uHK4y","separator-small":"separator-module_separator-small__-IkL9","separator-half":"separator-module_separator-half__IdLEw","separator-full":"separator-module_separator-full__hFgYp"};
+var styles$c = {"separator":"separator-module_separator__uHK4y","separator-small":"separator-module_separator-small__-IkL9","separator-half":"separator-module_separator-half__IdLEw","separator-full":"separator-module_separator-full__hFgYp"};
 
-const separator = cva(styles$d.separator, {
+const separator = cva(styles$c.separator, {
     variants: {
         size: {
-            small: styles$d["separator-half"],
-            half: styles$d["separator-half"],
-            full: styles$d["separator-full"],
+            small: styles$c["separator-half"],
+            half: styles$c["separator-half"],
+            full: styles$c["separator-full"],
         },
     },
     defaultVariants: {
@@ -20148,15 +20159,15 @@ function Separator({ children, size, className, ...props }) {
     return (jsxRuntimeExports$1.jsx($89eedd556c436f6a$export$be92b6f5f03c0fe9, { decorative: true, className: separator({ size, className }), ...props }));
 }
 
-var styles$c = {"sheetContent":"sheet-module_sheetContent__51SVy","fadeIn":"sheet-module_fadeIn__CNcbj","fadeOut":"sheet-module_fadeOut__xODyX","sheetContent-top":"sheet-module_sheetContent-top__wdxh2","sheetContent-bottom":"sheet-module_sheetContent-bottom__y1sD3","sheetContent-right":"sheet-module_sheetContent-right__Qt-b0","sheetContent-left":"sheet-module_sheetContent-left__lC4Kn","overlay":"sheet-module_overlay__30Ve-","close":"sheet-module_close__g6uoQ"};
+var styles$b = {"sheetContent":"sheet-module_sheetContent__51SVy","fadeIn":"sheet-module_fadeIn__CNcbj","fadeOut":"sheet-module_fadeOut__xODyX","sheetContent-top":"sheet-module_sheetContent-top__wdxh2","sheetContent-bottom":"sheet-module_sheetContent-bottom__y1sD3","sheetContent-right":"sheet-module_sheetContent-right__Qt-b0","sheetContent-left":"sheet-module_sheetContent-left__lC4Kn","overlay":"sheet-module_overlay__30Ve-","close":"sheet-module_close__g6uoQ"};
 
-const sheetContent = cva(styles$c.sheetContent, {
+const sheetContent = cva(styles$b.sheetContent, {
     variants: {
         side: {
-            top: styles$c["sheetContent-top"],
-            bottom: styles$c["sheetContent-bottom"],
-            left: styles$c["sheetContent-left"],
-            right: styles$c["sheetContent-right"],
+            top: styles$b["sheetContent-top"],
+            bottom: styles$b["sheetContent-bottom"],
+            left: styles$b["sheetContent-left"],
+            right: styles$b["sheetContent-right"],
         },
     },
     defaultVariants: {
@@ -20166,10 +20177,10 @@ const sheetContent = cva(styles$c.sheetContent, {
 const SheetContent = forwardRef(({ className, children, close, side, ...props }, forwardedRef) => {
     return (jsxRuntimeExports$1.jsxs($5d3850c4d0b4e6c7$export$602eac185826482c, { children: [jsxRuntimeExports$1.jsx(Overlay, {}), jsxRuntimeExports$1.jsxs($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, { ...props, ref: forwardedRef, className: sheetContent({ side, className }), children: [children, close && (jsxRuntimeExports$1.jsx(CloseButton, { children: jsxRuntimeExports$1.jsx(Cross1Icon, {}) }))] })] }));
 });
-const overlay = cva(styles$c.overlay);
+const overlay = cva(styles$b.overlay);
 const Overlay = forwardRef(({ className, ...props }, ref) => (jsxRuntimeExports$1.jsx($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { ref: ref, className: overlay({ className }), ...props })));
 Overlay.displayName = $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff.displayName;
-const close = cva(styles$c.close);
+const close = cva(styles$b.close);
 function CloseButton({ children, className, ...props }) {
     return (jsxRuntimeExports$1.jsx($5d3850c4d0b4e6c7$export$f39c2d165cd861fe, { className: close({ className }), ...props, children: children }));
 }
@@ -20184,47 +20195,6 @@ const Sheet = Object.assign(RootSheet, {
     Description: $5d3850c4d0b4e6c7$export$393edc798c47379d,
 });
 
-var styles$b = {"text":"text-module_text__1E39C","text-1":"text-module_text-1__ZIYnD","text-2":"text-module_text-2__vhka2","text-3":"text-module_text-3__WhApV","text-4":"text-module_text-4__I4KCY","text-5":"text-module_text-5__5i6jy","text-6":"text-module_text-6__vn534","text-7":"text-module_text-7__5stey","text-8":"text-module_text-8__J--5n","text-9":"text-module_text-9__guv-W","text-10":"text-module_text-10__OdU-l","text-weight-bold":"text-module_text-weight-bold__248bx","text-weight-bolder":"text-module_text-weight-bolder__x-gH2","text-weight-normal":"text-module_text-weight-normal__N6rMZ","text-weight-lighter":"text-module_text-weight-lighter__PtdzT","text-weight-100":"text-module_text-weight-100__170iy","text-weight-200":"text-module_text-weight-200__iG1l4","text-weight-300":"text-module_text-weight-300__Z8-xh","text-weight-400":"text-module_text-weight-400__y4aiw","text-weight-500":"text-module_text-weight-500__El9dq","text-weight-600":"text-module_text-weight-600__yMGME","text-weight-700":"text-module_text-weight-700__EYo9-","text-weight-800":"text-module_text-weight-800__N7b82","text-weight-900":"text-module_text-weight-900__vs7L8"};
-
-const text$1 = cva(styles$b.text, {
-    variants: {
-        size: {
-            1: styles$b["text-1"],
-            2: styles$b["text-2"],
-            3: styles$b["text-3"],
-            4: styles$b["text-4"],
-            5: styles$b["text-5"],
-            6: styles$b["text-6"],
-            7: styles$b["text-7"],
-            8: styles$b["text-8"],
-            9: styles$b["text-9"],
-            10: styles$b["text-10"],
-        },
-        weight: {
-            bold: styles$b["text-weight-bold"],
-            bolder: styles$b["text-weight-bolder"],
-            normal: styles$b["text-weight-normal"],
-            lighter: styles$b["text-weight-lighter"],
-            100: styles$b["text-weight-100"],
-            200: styles$b["text-weight-200"],
-            300: styles$b["text-weight-300"],
-            400: styles$b["text-weight-400"],
-            500: styles$b["text-weight-500"],
-            600: styles$b["text-weight-600"],
-            700: styles$b["text-weight-700"],
-            800: styles$b["text-weight-800"],
-            900: styles$b["text-weight-900"],
-        },
-    },
-    defaultVariants: {
-        size: 2,
-        weight: 400,
-    },
-});
-function Text({ children, className, size, weight, ...props }) {
-    return (jsxRuntimeExports$1.jsx("span", { className: text$1({ size, className, weight }), ...props, children: children }));
-}
-
 var styles$a = {"sidebar":"sidebar-module_sidebar__NXH3O","logo":"sidebar-module_logo__RaK-j","navigations":"sidebar-module_navigations__z5B4k","navigationgroup":"sidebar-module_navigationgroup__bBDHs","navigationgroupheading":"sidebar-module_navigationgroupheading__MkRud","navigationgroupcontent":"sidebar-module_navigationgroupcontent__q70dL","cell":"sidebar-module_cell__NHLSi","active":"sidebar-module_active__lfMUF","disabled":"sidebar-module_disabled__nYLU3","cellText":"sidebar-module_cellText__JV292","footer":"sidebar-module_footer__wLl-f"};
 
 const SidebarRoot = ({ children, ...props }) => {
@@ -31735,14 +31705,14 @@ function DataTableClearFilter({ children, ...props }) {
 }
 
 function DataTableFilterOptions({ children, ...props }) {
-    const { table, filteredColumns, addFilterColumn } = useTable();
+    const { table, filteredColumns, addFilterColumn, isLoading } = useTable();
     const availableColumns = table
         .getAllColumns()
         .filter((column) => typeof column.accessorFn !== "undefined" &&
         column.getCanHide() &&
         column.getCanFilter())
         .filter((column) => !filteredColumns.includes(column.id));
-    return (jsxRuntimeExports$1.jsxs(DropdownMenu, { children: [jsxRuntimeExports$1.jsx(DropdownMenu.Trigger, { asChild: true, children: jsxRuntimeExports$1.jsx(Button$1, { variant: "ghost", ...props, children: children || (jsxRuntimeExports$1.jsxs(Flex, { gap: "small", align: "center", justify: "center", children: [jsxRuntimeExports$1.jsx(PlusIcon, { width: 12, height: "12" }), " Filter"] })) }) }), availableColumns.length ? (jsxRuntimeExports$1.jsxs(DropdownMenu.Content, { align: "end", className: "w-[150px]", children: [jsxRuntimeExports$1.jsx(DropdownMenu.Label, { children: "Filter column" }), jsxRuntimeExports$1.jsx(DropdownMenu.Separator, {}), availableColumns.map((column) => {
+    return (jsxRuntimeExports$1.jsxs(DropdownMenu, { children: [jsxRuntimeExports$1.jsx(DropdownMenu.Trigger, { asChild: true, disabled: isLoading, children: jsxRuntimeExports$1.jsx(Button$1, { variant: "ghost", ...props, children: children || (jsxRuntimeExports$1.jsxs(Flex, { gap: "small", align: "center", justify: "center", children: [jsxRuntimeExports$1.jsx(PlusIcon, { width: 12, height: "12" }), " Filter"] })) }) }), availableColumns.length ? (jsxRuntimeExports$1.jsxs(DropdownMenu.Content, { align: "end", className: "w-[150px]", children: [jsxRuntimeExports$1.jsx(DropdownMenu.Label, { children: "Filter column" }), jsxRuntimeExports$1.jsx(DropdownMenu.Separator, {}), availableColumns.map((column) => {
                         const columnHeader = column?.columnDef?.header;
                         const columnName = (typeof columnHeader === "string" && columnHeader) || column.id;
                         return (jsxRuntimeExports$1.jsx(DropdownMenu.Item, { onSelect: () => addFilterColumn(column.id), children: columnName }, column.id));
@@ -32207,7 +32177,7 @@ function Skeleton({ count = 1, wrapper: Wrapper, className: customClassName, con
         : elements));
 }
 
-function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoading = false, ShouldShowHeader = true, initialState, loaderRow = 5, onRowClick, ...props }) {
+function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoading = false, ShouldShowHeader = true, initialState, loaderRow = 5, onRowClick, onStateChange = () => { }, ...props }) {
     const [tableCustomFilter, setTableCustomFilter] = useState({});
     const convertedChildren = Children.toArray(children);
     const header = convertedChildren.find((child) => child.type === DataTableToolbar) || null;
@@ -32230,6 +32200,11 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoa
             : col.cell;
         return col;
     });
+    useEffect(() => {
+        if (onStateChange) {
+            onStateChange(tableState);
+        }
+    }, [tableState]);
     const updateColumnCustomFilter = (id, filterFn) => {
         setTableCustomFilter((old) => ({ ...old, [id]: filterFn }));
     };
@@ -32267,6 +32242,7 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoa
                 onChange: () => ({}),
                 tableCustomFilter,
                 updateColumnCustomFilter,
+                isLoading,
             }, children: [jsxRuntimeExports$1.jsxs(Flex, { direction: "column", className: styles$4.datatable, children: [header, jsxRuntimeExports$1.jsxs(Flex, { className: styles$4.tableContainer, style: parentStyle, children: [jsxRuntimeExports$1.jsxs(Table, { ...props, style: tableStyle, children: [jsxRuntimeExports$1.jsx(Table.Header, { children: ShouldShowHeader
                                                 ? table.getHeaderGroups().map((headerGroup) => (jsxRuntimeExports$1.jsx(Table.Row, { children: headerGroup.headers.map((header, index) => {
                                                         return (jsxRuntimeExports$1.jsx(Table.Head, { style: {
@@ -32281,7 +32257,9 @@ function DataTableRoot({ columns, data, emptyState, children, parentStyle, isLoa
                                                                         }[header.column.getIsSorted()] ?? jsxRuntimeExports$1.jsx(CaretSortIcon, {})
                                                                         : null] }) }, `${header.id}_${index}`));
                                                     }) }, headerGroup.id)))
-                                                : null }), jsxRuntimeExports$1.jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsxRuntimeExports$1.jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", onClick: () => onRowClick?.(row.original), className: `${styles$4.tRow} ${onRowClick ? styles$4.tRowClick : ""}`, children: row.getVisibleCells().map((cell, index) => (jsxRuntimeExports$1.jsx(Table.Cell, { style: {
+                                                : null }), jsxRuntimeExports$1.jsx(Table.Body, { children: table.getRowModel().rows?.length ? (table.getRowModel().rows.map((row) => (jsxRuntimeExports$1.jsx(Table.Row, { "data-state": row.getIsSelected() && "selected", onClick: () => onRowClick?.(row.original), className: isLoading
+                                                    ? ""
+                                                    : `${styles$4.tRow} ${onRowClick ? styles$4.tRowClick : ""}`, children: row.getVisibleCells().map((cell, index) => (jsxRuntimeExports$1.jsx(Table.Cell, { style: {
                                                         ...(cell.column.columnDef?.meta?.style ?? {}),
                                                     }, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, `${cell.id}_${index}`))) }, row.id)))) : (jsxRuntimeExports$1.jsx(Table.Row, { children: jsxRuntimeExports$1.jsx(Table.Cell, { colSpan: columns.length, children: emptyState || "No results." }) })) })] }), detail] })] }), footer] }) }));
 }