npm - @optilogic/core - Versions diffs - 1.0.0-beta.7 → 1.0.0-beta.9 - Mend

@optilogic/core 1.0.0-beta.7 → 1.0.0-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.cjs +734 -289
package/dist/index.cjs.map +1 -1
package/dist/index.d.cts +109 -5
package/dist/index.d.ts +109 -5
package/dist/index.js +683 -239
package/dist/index.js.map +1 -1
package/package.json +1 -1
package/src/components/data-table.tsx +735 -0
package/src/index.ts +7 -0

package/dist/index.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React34 = require('react');
+var React20 = require('react');
 var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -42,7 +42,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
-var React34__namespace = /*#__PURE__*/_interopNamespace(React34);
+var React20__namespace = /*#__PURE__*/_interopNamespace(React20);
 var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
 var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
@@ -86,7 +86,7 @@ var buttonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Button = React34__namespace.forwardRef(
+var Button = React20__namespace.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? reactSlot.Slot : "button";
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -100,7 +100,7 @@ var Button = React34__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Input = React34__namespace.forwardRef(
+var Input = React20__namespace.forwardRef(
   ({ className, type, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "input",
@@ -120,7 +120,7 @@ Input.displayName = "Input";
 var labelVariants = classVarianceAuthority.cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -129,7 +129,7 @@ var Label = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var Textarea = React34__namespace.forwardRef(
+var Textarea = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
@@ -168,7 +168,7 @@ var badgeVariants = classVarianceAuthority.cva(
 function Badge({ className, variant, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
-var Checkbox = React34__namespace.forwardRef(({ className, showBorder = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React20__namespace.forwardRef(({ className, showBorder = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -212,7 +212,7 @@ var Checkbox = React34__namespace.forwardRef(({ className, showBorder = true, ..
   }
 ));
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var Switch = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitive__namespace.Root,
   {
     className: cn(
@@ -248,7 +248,7 @@ var Switch = React34__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Switch.displayName = SwitchPrimitive__namespace.Root.displayName;
-var Progress = React34__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React20__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -267,7 +267,7 @@ var Progress = React34__namespace.forwardRef(({ className, value, ...props }, re
   }
 ));
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var Separator = React34__namespace.forwardRef(
+var Separator = React20__namespace.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     SeparatorPrimitive__namespace.Root,
     {
@@ -296,7 +296,7 @@ function Skeleton({ className, ...props }) {
 var Select = SelectPrimitive__namespace.Root;
 var SelectGroup = SelectPrimitive__namespace.Group;
 var SelectValue = SelectPrimitive__namespace.Value;
-var SelectTrigger = React34__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -312,7 +312,7 @@ var SelectTrigger = React34__namespace.forwardRef(({ className, children, ...pro
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -325,7 +325,7 @@ var SelectScrollUpButton = React34__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -338,7 +338,7 @@ var SelectScrollDownButton = React34__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React34__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React20__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Content,
   {
     ref,
@@ -366,7 +366,7 @@ var SelectContent = React34__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -375,7 +375,7 @@ var SelectLabel = React34__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React34__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -391,7 +391,7 @@ var SelectItem = React34__namespace.forwardRef(({ className, children, ...props
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -401,7 +401,7 @@ var SelectSeparator = React34__namespace.forwardRef(({ className, ...props }, re
 ));
 SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -415,7 +415,7 @@ var TabsList = React34__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
@@ -442,7 +442,7 @@ var TabsTrigger = React34__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Content,
   {
     ref,
@@ -525,7 +525,7 @@ var accordionContentInnerVariants = classVarianceAuthority.cva("pb-4 pt-0", {
   }
 });
 var Accordion = AccordionPrimitive__namespace.Root;
-var AccordionItem = React34__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = React20__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -535,7 +535,7 @@ var AccordionItem = React34__namespace.forwardRef(({ className, variant, ...prop
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React34__namespace.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = React20__namespace.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
   AccordionPrimitive__namespace.Trigger,
   {
     ref,
@@ -548,7 +548,7 @@ var AccordionTrigger = React34__namespace.forwardRef(({ className, children, var
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React34__namespace.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = React20__namespace.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Content,
   {
     ref,
@@ -562,7 +562,7 @@ var TooltipProvider = TooltipPrimitive__namespace.Provider;
 var TooltipRoot = TooltipPrimitive__namespace.Root;
 var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
 var TooltipPortal = TooltipPrimitive__namespace.Portal;
-var TooltipContent = React34__namespace.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React20__namespace.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Content,
   {
     ref,
@@ -591,7 +591,7 @@ var TooltipContent = React34__namespace.forwardRef(({ className, sideOffset = 6,
   }
 ) }));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-var TooltipArrow = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipArrow = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TooltipPrimitive__namespace.Arrow,
   {
     ref,
@@ -630,7 +630,7 @@ function Tooltip({
 var Popover = PopoverPrimitive__namespace.Root;
 var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
 var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-var PopoverContent = React34__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React20__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   PopoverPrimitive__namespace.Content,
   {
     ref,
@@ -656,7 +656,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive__namespace.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive__namespace.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive__namespace.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive__namespace.RadioGroup;
-var DropdownMenuSubTrigger = React34__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React20__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -675,7 +675,7 @@ var DropdownMenuSubTrigger = React34__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -692,7 +692,7 @@ var DropdownMenuSubContent = React34__namespace.forwardRef(({ className, ...prop
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React34__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React20__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Content,
   {
     ref,
@@ -710,7 +710,7 @@ var DropdownMenuContent = React34__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React34__namespace.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React20__namespace.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -726,7 +726,7 @@ var DropdownMenuItem = React34__namespace.forwardRef(({ className, inset, destru
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React34__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React20__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -745,7 +745,7 @@ var DropdownMenuCheckboxItem = React34__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React34__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React20__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -763,7 +763,7 @@ var DropdownMenuRadioItem = React34__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React34__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React20__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -776,7 +776,7 @@ var DropdownMenuLabel = React34__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Separator,
   {
     ref,
@@ -801,7 +801,7 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 var AlertDialog = AlertDialogPrimitive__namespace.Root;
 var AlertDialogTrigger = AlertDialogPrimitive__namespace.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive__namespace.Portal;
-var AlertDialogOverlay = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -815,7 +815,7 @@ var AlertDialogOverlay = React34__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
   /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
   /* @__PURE__ */ jsxRuntime.jsx(
     AlertDialogPrimitive__namespace.Content,
@@ -858,7 +858,7 @@ var AlertDialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -867,7 +867,7 @@ var AlertDialogTitle = React34__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -876,7 +876,7 @@ var AlertDialogDescription = React34__namespace.forwardRef(({ className, ...prop
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -885,7 +885,7 @@ var AlertDialogAction = React34__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -948,7 +948,7 @@ var cardVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Card = React34__namespace.forwardRef(
+var Card = React20__namespace.forwardRef(
   ({
     className,
     size,
@@ -962,7 +962,7 @@ var Card = React34__namespace.forwardRef(
     ...props
   }, ref) => {
     const isInteractive = interactive || asButton || !!onClick;
-    const handleKeyDown = React34__namespace.useCallback(
+    const handleKeyDown = React20__namespace.useCallback(
       (e) => {
         if (isInteractive && (e.key === "Enter" || e.key === " ")) {
           e.preventDefault();
@@ -994,7 +994,7 @@ var Card = React34__namespace.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React34__namespace.forwardRef(
+var CardHeader = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1005,7 +1005,7 @@ var CardHeader = React34__namespace.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React34__namespace.forwardRef(
+var CardTitle = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1016,7 +1016,7 @@ var CardTitle = React34__namespace.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React34__namespace.forwardRef(
+var CardDescription = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1027,11 +1027,11 @@ var CardDescription = React34__namespace.forwardRef(
   )
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React34__namespace.forwardRef(
+var CardContent = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React34__namespace.forwardRef(
+var CardFooter = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1068,17 +1068,17 @@ var cardImageVariants = classVarianceAuthority.cva("w-full object-cover", {
     position: "top"
   }
 });
-var CardImage = React34__namespace.forwardRef(
+var CardImage = React20__namespace.forwardRef(
   ({ className, aspectRatio, position, fallback, alt, src, onError, ...props }, ref) => {
-    const [hasError, setHasError] = React34__namespace.useState(false);
-    const handleError = React34__namespace.useCallback(
+    const [hasError, setHasError] = React20__namespace.useState(false);
+    const handleError = React20__namespace.useCallback(
       (e) => {
         setHasError(true);
         onError?.(e);
       },
       [onError]
     );
-    React34__namespace.useEffect(() => {
+    React20__namespace.useEffect(() => {
       setHasError(false);
     }, [src]);
     if (hasError && fallback) {
@@ -1149,7 +1149,7 @@ var cardActionsVariants = classVarianceAuthority.cva(
     }
   }
 );
-var CardActions = React34__namespace.forwardRef(
+var CardActions = React20__namespace.forwardRef(
   ({ className, showOn, position, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1161,7 +1161,7 @@ var CardActions = React34__namespace.forwardRef(
   )
 );
 CardActions.displayName = "CardActions";
-var SelectableCard = React34__namespace.forwardRef(
+var SelectableCard = React20__namespace.forwardRef(
   ({
     className,
     selected: controlledSelected,
@@ -1175,10 +1175,10 @@ var SelectableCard = React34__namespace.forwardRef(
     hover = "border",
     ...props
   }, ref) => {
-    const [uncontrolledSelected, setUncontrolledSelected] = React34__namespace.useState(defaultSelected);
+    const [uncontrolledSelected, setUncontrolledSelected] = React20__namespace.useState(defaultSelected);
     const isControlled = controlledSelected !== void 0;
     const isSelected = isControlled ? controlledSelected : uncontrolledSelected;
-    const handleClick = React34__namespace.useCallback(
+    const handleClick = React20__namespace.useCallback(
       (e) => {
         if (disabled) return;
         const newSelected = !isSelected;
@@ -1190,7 +1190,7 @@ var SelectableCard = React34__namespace.forwardRef(
       },
       [disabled, isSelected, isControlled, onSelectedChange, onClick]
     );
-    const handleCheckboxChange = React34__namespace.useCallback(
+    const handleCheckboxChange = React20__namespace.useCallback(
       (checked) => {
         if (disabled) return;
         const newSelected = checked === true;
@@ -1290,7 +1290,7 @@ var cardGridVariants = classVarianceAuthority.cva("grid", {
     gap: "md"
   }
 });
-var CardGrid = React34__namespace.forwardRef(
+var CardGrid = React20__namespace.forwardRef(
   ({ className, columns, gap, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1325,7 +1325,7 @@ var cardListVariants = classVarianceAuthority.cva("flex flex-col", {
     divided: false
   }
 });
-var CardList = React34__namespace.forwardRef(
+var CardList = React20__namespace.forwardRef(
   ({ className, gap, divided, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1406,7 +1406,7 @@ var boardVariants = classVarianceAuthority.cva("text-card-foreground", {
     hover: "none"
   }
 });
-var Board = React34__namespace.forwardRef(
+var Board = React20__namespace.forwardRef(
   ({
     className,
     elevation,
@@ -1442,7 +1442,7 @@ var Board = React34__namespace.forwardRef(
   }
 );
 Board.displayName = "Board";
-var BoardHeader = React34__namespace.forwardRef(
+var BoardHeader = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1453,11 +1453,11 @@ var BoardHeader = React34__namespace.forwardRef(
   )
 );
 BoardHeader.displayName = "BoardHeader";
-var BoardContent = React34__namespace.forwardRef(
+var BoardContent = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-4", className), ...props })
 );
 BoardContent.displayName = "BoardContent";
-var Table = React34__namespace.forwardRef(
+var Table = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
     "table",
     {
@@ -1468,11 +1468,11 @@ var Table = React34__namespace.forwardRef(
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = React34__namespace.forwardRef(
+var TableHeader = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React34__namespace.forwardRef(
+var TableBody = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tbody",
     {
@@ -1483,7 +1483,7 @@ var TableBody = React34__namespace.forwardRef(
   )
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React34__namespace.forwardRef(
+var TableFooter = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tfoot",
     {
@@ -1497,7 +1497,7 @@ var TableFooter = React34__namespace.forwardRef(
   )
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React34__namespace.forwardRef(
+var TableRow = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
     {
@@ -1511,7 +1511,7 @@ var TableRow = React34__namespace.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React34__namespace.forwardRef(
+var TableHead = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "th",
     {
@@ -1525,7 +1525,7 @@ var TableHead = React34__namespace.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React34__namespace.forwardRef(
+var TableCell = React20__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
@@ -1539,7 +1539,7 @@ var TableCell = React34__namespace.forwardRef(
   )
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React20__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -1548,6 +1548,518 @@ var TableCaption = React34__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableCaption.displayName = "TableCaption";
+var loadingSpinnerVariants = classVarianceAuthority.cva("rounded-full animate-spin border-current", {
+  variants: {
+    /**
+     * Size of the spinner
+     */
+    size: {
+      sm: "w-4 h-4 border-2",
+      default: "w-8 h-8 border-2",
+      lg: "w-12 h-12 border-[3px]",
+      xl: "w-16 h-16 border-4"
+    },
+    /**
+     * Visual variant
+     */
+    variant: {
+      /** Primary color spinner (default) */
+      default: "border-primary/20 border-t-primary",
+      /** Accent color spinner */
+      accent: "border-accent/20 border-t-accent",
+      /** Muted/subtle spinner */
+      muted: "border-muted-foreground/20 border-t-muted-foreground",
+      /** Inherits current text color */
+      inherit: "border-current/20 border-t-current"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  }
+});
+var LoadingSpinner = React20__namespace.forwardRef(
+  ({ className, size, variant, label, showDots = false, ...props }, ref) => {
+    const [dots, setDots] = React20__namespace.useState("");
+    React20__namespace.useEffect(() => {
+      if (!showDots || !label) return;
+      const interval = setInterval(() => {
+        setDots((prev) => prev.length >= 3 ? "" : prev + ".");
+      }, 500);
+      return () => clearInterval(interval);
+    }, [showDots, label]);
+    if (label) {
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref,
+          className: cn("flex flex-col items-center gap-3", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: loadingSpinnerVariants({ size, variant }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+              label,
+              showDots && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-4", children: dots })
+            ] })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(loadingSpinnerVariants({ size, variant }), className),
+        ...props
+      }
+    );
+  }
+);
+LoadingSpinner.displayName = "LoadingSpinner";
+function getCellRawValue(row, col) {
+  if (col.accessor) return col.accessor(row);
+  return row[col.key];
+}
+function defaultSearch(row, query, columns) {
+  const lowerQuery = query.toLowerCase();
+  return columns.some((col) => {
+    const val = getCellRawValue(row, col);
+    if (val == null) return false;
+    return String(val).toLowerCase().includes(lowerQuery);
+  });
+}
+function defaultSortComparator(a, b, col, direction) {
+  if (col.sortFn) {
+    const result = col.sortFn(a, b);
+    return direction === "asc" ? result : -result;
+  }
+  const aVal = getCellRawValue(a, col);
+  const bVal = getCellRawValue(b, col);
+  const aStr = aVal == null ? "" : String(aVal);
+  const bStr = bVal == null ? "" : String(bVal);
+  const aNum = Number(aStr);
+  const bNum = Number(bStr);
+  if (!isNaN(aNum) && !isNaN(bNum) && aStr !== "" && bStr !== "") {
+    return direction === "asc" ? aNum - bNum : bNum - aNum;
+  }
+  const cmp = aStr.localeCompare(bStr);
+  return direction === "asc" ? cmp : -cmp;
+}
+function DataTable({
+  data,
+  columns,
+  getRowKey,
+  // Sorting
+  defaultSort,
+  sort: controlledSort,
+  onSortChange,
+  // Search
+  searchable = false,
+  searchPlaceholder = "Search...",
+  searchValue: controlledSearchValue,
+  onSearchChange,
+  searchFn,
+  // Pagination
+  pageSize: defaultPageSize,
+  pageSizeOptions = [10, 15, 25, 50, 100],
+  currentPage: controlledPage,
+  onPageChange,
+  onPageSizeChange,
+  // Selection
+  selectable,
+  selectedRows: controlledSelectedRows,
+  onSelectedRowsChange,
+  // Row interaction
+  onRowClick,
+  rowClassName,
+  // Pinned rows
+  pinnedRows = [],
+  // Slots
+  toolbar,
+  emptyState,
+  caption,
+  // Loading
+  loading = false,
+  // Styling
+  className
+}) {
+  const [internalSort, setInternalSort] = React20__namespace.useState(
+    defaultSort ?? null
+  );
+  const [internalSearchValue, setInternalSearchValue] = React20__namespace.useState("");
+  const [internalPage, setInternalPage] = React20__namespace.useState(0);
+  const [internalPageSize, setInternalPageSize] = React20__namespace.useState(
+    defaultPageSize ?? 10
+  );
+  const [internalSelectedRows, setInternalSelectedRows] = React20__namespace.useState([]);
+  const sort = controlledSort !== void 0 ? controlledSort : internalSort;
+  const searchQuery = controlledSearchValue !== void 0 ? controlledSearchValue : internalSearchValue;
+  const page = controlledPage !== void 0 ? controlledPage : internalPage;
+  const pageSize = defaultPageSize != null ? internalPageSize ?? defaultPageSize : void 0;
+  const selectedRowKeys = controlledSelectedRows !== void 0 ? controlledSelectedRows : internalSelectedRows;
+  const handleSortChange = React20__namespace.useCallback(
+    (next) => {
+      if (onSortChange) onSortChange(next);
+      else setInternalSort(next);
+    },
+    [onSortChange]
+  );
+  const handleSearchChange = React20__namespace.useCallback(
+    (value) => {
+      if (onSearchChange) onSearchChange(value);
+      else setInternalSearchValue(value);
+      if (onPageChange) onPageChange(0);
+      else setInternalPage(0);
+    },
+    [onSearchChange, onPageChange]
+  );
+  const handlePageChange = React20__namespace.useCallback(
+    (p) => {
+      if (onPageChange) onPageChange(p);
+      else setInternalPage(p);
+    },
+    [onPageChange]
+  );
+  const handlePageSizeChange = React20__namespace.useCallback(
+    (size) => {
+      if (onPageSizeChange) onPageSizeChange(size);
+      else setInternalPageSize(size);
+      if (onPageChange) onPageChange(0);
+      else setInternalPage(0);
+    },
+    [onPageSizeChange, onPageChange]
+  );
+  const handleSelectionChange = React20__namespace.useCallback(
+    (keys) => {
+      if (onSelectedRowsChange) onSelectedRowsChange(keys);
+      else setInternalSelectedRows(keys);
+    },
+    [onSelectedRowsChange]
+  );
+  const handleHeaderClick = React20__namespace.useCallback(
+    (colKey) => {
+      if (sort?.key === colKey) {
+        if (sort.direction === "asc") {
+          handleSortChange({ key: colKey, direction: "desc" });
+        } else {
+          handleSortChange(null);
+        }
+      } else {
+        handleSortChange({ key: colKey, direction: "asc" });
+      }
+    },
+    [sort, handleSortChange]
+  );
+  const searchedData = React20__namespace.useMemo(() => {
+    if (!searchable || !searchQuery) return data;
+    if (searchFn) return data.filter((row) => searchFn(row, searchQuery));
+    return data.filter((row) => defaultSearch(row, searchQuery, columns));
+  }, [data, searchable, searchQuery, searchFn, columns]);
+  const sortedData = React20__namespace.useMemo(() => {
+    if (!sort) return searchedData;
+    const col = columns.find((c) => c.key === sort.key);
+    if (!col) return searchedData;
+    return [...searchedData].sort(
+      (a, b) => defaultSortComparator(a, b, col, sort.direction)
+    );
+  }, [searchedData, sort, columns]);
+  const pinnedSet = React20__namespace.useMemo(() => new Set(pinnedRows), [pinnedRows]);
+  const { pinnedData, unpinnedData } = React20__namespace.useMemo(() => {
+    if (pinnedSet.size === 0) return { pinnedData: [], unpinnedData: sortedData };
+    const pinned = [];
+    const unpinned = [];
+    const dataByKey = /* @__PURE__ */ new Map();
+    data.forEach((row, i) => {
+      dataByKey.set(getRowKey(row, i), row);
+    });
+    pinnedRows.forEach((key) => {
+      const row = dataByKey.get(key);
+      if (row) pinned.push(row);
+    });
+    sortedData.forEach((row, i) => {
+      const key = getRowKey(row, i);
+      if (!pinnedSet.has(key)) unpinned.push(row);
+    });
+    return { pinnedData: pinned, unpinnedData: unpinned };
+  }, [sortedData, pinnedSet, pinnedRows, data, getRowKey]);
+  const totalUnpinned = unpinnedData.length;
+  const totalPages = pageSize ? Math.max(1, Math.ceil(totalUnpinned / pageSize)) : 1;
+  const paginatedData = React20__namespace.useMemo(() => {
+    if (!pageSize) return unpinnedData;
+    const start = page * pageSize;
+    return unpinnedData.slice(start, start + pageSize);
+  }, [unpinnedData, pageSize, page]);
+  const visibleRows = React20__namespace.useMemo(
+    () => [...pinnedData, ...paginatedData],
+    [pinnedData, paginatedData]
+  );
+  const totalItems = searchedData.length;
+  const visibleKeys = React20__namespace.useMemo(
+    () => visibleRows.map((row, i) => getRowKey(row, i)),
+    [visibleRows, getRowKey]
+  );
+  const allVisibleSelected = visibleKeys.length > 0 && visibleKeys.every((k) => selectedRowKeys.includes(k));
+  const someVisibleSelected = !allVisibleSelected && visibleKeys.some((k) => selectedRowKeys.includes(k));
+  const toggleRowSelection = React20__namespace.useCallback(
+    (key) => {
+      const isSelected = selectedRowKeys.includes(key);
+      const next = isSelected ? selectedRowKeys.filter((k) => k !== key) : [...selectedRowKeys, key];
+      handleSelectionChange(next);
+    },
+    [selectedRowKeys, handleSelectionChange]
+  );
+  const toggleAllVisible = React20__namespace.useCallback(() => {
+    if (allVisibleSelected) {
+      const visibleSet = new Set(visibleKeys);
+      handleSelectionChange(selectedRowKeys.filter((k) => !visibleSet.has(k)));
+    } else {
+      const merged = /* @__PURE__ */ new Set([...selectedRowKeys, ...visibleKeys]);
+      handleSelectionChange(Array.from(merged));
+    }
+  }, [allVisibleSelected, visibleKeys, selectedRowKeys, handleSelectionChange]);
+  const handleRowClick = React20__namespace.useCallback(
+    (row, index, key) => {
+      if (selectable === "highlight") {
+        toggleRowSelection(key);
+      }
+      onRowClick?.(row, index);
+    },
+    [selectable, toggleRowSelection, onRowClick]
+  );
+  const renderCellContent = (row, col, rowIndex) => {
+    if (col.cell) return col.cell(row, rowIndex);
+    const val = getCellRawValue(row, col);
+    if (val == null) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground italic", children: "--" });
+    return String(val);
+  };
+  const alignClass = (align) => {
+    if (align === "center") return "text-center";
+    if (align === "right") return "text-right";
+    return "text-left";
+  };
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("flex items-center justify-center py-16", className), children: /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, { label: "Loading", showDots: true }) });
+  }
+  const showSearch = searchable;
+  const showPagination = pageSize != null;
+  const showCheckboxColumn = selectable === "checkbox";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col w-full", className), children: [
+    (showSearch || toolbar) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 pb-4", children: [
+      showSearch && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 max-w-sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            type: "text",
+            placeholder: searchPlaceholder,
+            value: searchQuery,
+            onChange: (e) => handleSearchChange(e.target.value),
+            className: "pl-9"
+          }
+        )
+      ] }),
+      toolbar && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: toolbar })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+      caption && /* @__PURE__ */ jsxRuntime.jsx(TableCaption, { children: caption }),
+      /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { children: [
+        showCheckboxColumn && /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-[40px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Checkbox,
+          {
+            checked: allVisibleSelected ? true : someVisibleSelected ? "indeterminate" : false,
+            onCheckedChange: () => toggleAllVisible(),
+            "aria-label": "Select all"
+          }
+        ) }),
+        columns.map((col) => {
+          const isSorted = sort?.key === col.key;
+          const sortDir = isSorted ? sort.direction : null;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            TableHead,
+            {
+              className: cn(
+                col.width,
+                col.headerClassName,
+                alignClass(col.align),
+                col.sortable && "cursor-pointer select-none"
+              ),
+              onClick: col.sortable ? () => handleHeaderClick(col.key) : void 0,
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: cn(
+                    "flex items-center gap-1",
+                    col.align === "center" && "justify-center",
+                    col.align === "right" && "justify-end"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: col.header }),
+                    col.sortable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex ml-1", children: sortDir === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, { className: "h-3.5 w-3.5" }) : sortDir === "desc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDown, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpDown, { className: "h-3.5 w-3.5 opacity-40" }) })
+                  ]
+                }
+              )
+            },
+            col.key
+          );
+        })
+      ] }) }),
+      pinnedData.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(TableBody, { className: "bg-muted/30 border-b-2 border-border", children: pinnedData.map((row, i) => {
+        const key = getRowKey(row, i);
+        const isSelected = selectedRowKeys.includes(key);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          TableRow,
+          {
+            "data-state": isSelected ? "selected" : void 0,
+            className: cn(
+              (onRowClick || selectable === "highlight") && "cursor-pointer",
+              rowClassName?.(row, i)
+            ),
+            onClick: () => handleRowClick(row, i, key),
+            children: [
+              showCheckboxColumn && /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-[40px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  checked: isSelected,
+                  onCheckedChange: () => toggleRowSelection(key),
+                  onClick: (e) => e.stopPropagation(),
+                  "aria-label": "Select row"
+                }
+              ) }),
+              columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+                TableCell,
+                {
+                  className: cn(alignClass(col.align), col.className),
+                  children: renderCellContent(row, col, i)
+                },
+                col.key
+              ))
+            ]
+          },
+          key
+        );
+      }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: paginatedData.length === 0 && pinnedData.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        TableCell,
+        {
+          colSpan: columns.length + (showCheckboxColumn ? 1 : 0),
+          className: "h-24 text-center",
+          children: emptyState ?? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "No results." })
+        }
+      ) }) : paginatedData.map((row, i) => {
+        const globalIndex = pageSize ? page * pageSize + i : i;
+        const key = getRowKey(row, globalIndex);
+        const isSelected = selectedRowKeys.includes(key);
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          TableRow,
+          {
+            "data-state": isSelected ? "selected" : void 0,
+            className: cn(
+              (onRowClick || selectable === "highlight") && "cursor-pointer",
+              rowClassName?.(row, globalIndex)
+            ),
+            onClick: () => handleRowClick(row, globalIndex, key),
+            children: [
+              showCheckboxColumn && /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "w-[40px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  checked: isSelected,
+                  onCheckedChange: () => toggleRowSelection(key),
+                  onClick: (e) => e.stopPropagation(),
+                  "aria-label": "Select row"
+                }
+              ) }),
+              columns.map((col) => /* @__PURE__ */ jsxRuntime.jsx(
+                TableCell,
+                {
+                  className: cn(alignClass(col.align), col.className),
+                  children: renderCellContent(row, col, globalIndex)
+                },
+                col.key
+              ))
+            ]
+          },
+          key
+        );
+      }) })
+    ] }),
+    showPagination && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pt-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Rows per page" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Select,
+          {
+            value: String(pageSize),
+            onValueChange: (val) => handlePageSizeChange(Number(val)),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: String(pageSize) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: pageSizeOptions.map((opt) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: String(opt), children: opt }, opt)) })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+          "Page ",
+          page + 1,
+          " of ",
+          totalPages,
+          ` (${totalItems} total)`
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => handlePageChange(0),
+              disabled: page === 0,
+              "aria-label": "First page",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => handlePageChange(page - 1),
+              disabled: page === 0,
+              "aria-label": "Previous page",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => handlePageChange(page + 1),
+              disabled: page >= totalPages - 1,
+              "aria-label": "Next page",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-8 w-8",
+              onClick: () => handlePageChange(totalPages - 1),
+              disabled: page >= totalPages - 1,
+              "aria-label": "Last page",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRight, { className: "h-4 w-4" })
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+DataTable.displayName = "DataTable";
 function Modal({
   isOpen,
   onClose,
@@ -1558,7 +2070,7 @@ function Modal({
   zIndex = 50,
   className
 }) {
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!isOpen) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
@@ -1568,7 +2080,7 @@ function Modal({
     window.addEventListener("keydown", handleEscape);
     return () => window.removeEventListener("keydown", handleEscape);
   }, [isOpen, onClose]);
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -1683,12 +2195,12 @@ function ConfirmationModal({
   ] }) });
 }
 function useConfirmation() {
-  const [state, setState] = React34__namespace.useState({
+  const [state, setState] = React20__namespace.useState({
     open: false,
     title: "",
     description: ""
   });
-  const confirm = React34__namespace.useCallback(
+  const confirm = React20__namespace.useCallback(
     (options) => {
       return new Promise((resolve) => {
         setState({
@@ -1700,15 +2212,15 @@ function useConfirmation() {
     },
     []
   );
-  const handleConfirm = React34__namespace.useCallback(() => {
+  const handleConfirm = React20__namespace.useCallback(() => {
     state.resolve?.(true);
     setState((prev) => ({ ...prev, open: false }));
   }, [state.resolve]);
-  const handleCancel = React34__namespace.useCallback(() => {
+  const handleCancel = React20__namespace.useCallback(() => {
     state.resolve?.(false);
     setState((prev) => ({ ...prev, open: false }));
   }, [state.resolve]);
-  const handleOpenChange = React34__namespace.useCallback(
+  const handleOpenChange = React20__namespace.useCallback(
     (open) => {
       if (!open) {
         state.resolve?.(false);
@@ -1744,11 +2256,11 @@ function ResizeHandle({
   ariaLabel,
   className
 }) {
-  const [isDragging, setIsDragging] = React34__namespace.useState(false);
-  const [isFocused, setIsFocused] = React34__namespace.useState(false);
-  const startXRef = React34__namespace.useRef(0);
-  const handleRef = React34__namespace.useRef(null);
-  const handleMouseDown = React34__namespace.useCallback(
+  const [isDragging, setIsDragging] = React20__namespace.useState(false);
+  const [isFocused, setIsFocused] = React20__namespace.useState(false);
+  const startXRef = React20__namespace.useRef(0);
+  const handleRef = React20__namespace.useRef(null);
+  const handleMouseDown = React20__namespace.useCallback(
     (e) => {
       if (!resizable) return;
       e.preventDefault();
@@ -1759,7 +2271,7 @@ function ResizeHandle({
     },
     [resizable, onDragStart]
   );
-  const handleMouseMove = React34__namespace.useCallback(
+  const handleMouseMove = React20__namespace.useCallback(
     (e) => {
       if (!isDragging) return;
       const deltaX = e.clientX - startXRef.current;
@@ -1768,13 +2280,13 @@ function ResizeHandle({
     },
     [isDragging, onDrag]
   );
-  const handleMouseUp = React34__namespace.useCallback(() => {
+  const handleMouseUp = React20__namespace.useCallback(() => {
     if (!isDragging) return;
     setIsDragging(false);
     document.body.style.userSelect = "";
     onDragEnd?.();
   }, [isDragging, onDragEnd]);
-  const handleKeyDown = React34__namespace.useCallback(
+  const handleKeyDown = React20__namespace.useCallback(
     (e) => {
       if (!resizable || !onKeyboardResize) return;
       let direction = null;
@@ -1793,7 +2305,7 @@ function ResizeHandle({
     },
     [resizable, onKeyboardResize, orientation]
   );
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -1863,12 +2375,12 @@ function ResizablePanel({
   className,
   dataAttributes = {}
 }) {
-  const panelRef = React34__namespace.useRef(null);
-  const [isDragging, setIsDragging] = React34__namespace.useState(false);
-  const [localWidth, setLocalWidth] = React34__namespace.useState(null);
-  const [localOuterWidth, setLocalOuterWidth] = React34__namespace.useState(null);
+  const panelRef = React20__namespace.useRef(null);
+  const [isDragging, setIsDragging] = React20__namespace.useState(false);
+  const [localWidth, setLocalWidth] = React20__namespace.useState(null);
+  const [localOuterWidth, setLocalOuterWidth] = React20__namespace.useState(null);
   const currentWidthVW = isExpanded ? (isDragging && localWidth !== null ? localWidth : expandedWidthVW) || collapsedSizeVW : collapsedSizeVW;
-  const clampWidth = React34__namespace.useCallback(
+  const clampWidth = React20__namespace.useCallback(
     (width) => {
       let effectiveMinWidth = minWidthVW;
       let effectiveMaxWidth = maxWidthVW;
@@ -1881,11 +2393,11 @@ function ResizablePanel({
     },
     [minWidthVW, maxWidthVW, orientation, leftWidthVW, isOverlay]
   );
-  const handleDragStart = React34__namespace.useCallback(() => {
+  const handleDragStart = React20__namespace.useCallback(() => {
     setIsDragging(true);
     setLocalWidth(currentWidthVW);
   }, [currentWidthVW]);
-  const handleDrag = React34__namespace.useCallback(
+  const handleDrag = React20__namespace.useCallback(
     (deltaX) => {
       if (!isExpanded || isOverlay) return;
       const viewportWidth = window.innerWidth;
@@ -1904,14 +2416,14 @@ function ResizablePanel({
       clampWidth
     ]
   );
-  const handleDragEnd = React34__namespace.useCallback(() => {
+  const handleDragEnd = React20__namespace.useCallback(() => {
     if (localWidth !== null && onResize) {
       onResize(localWidth);
     }
     setIsDragging(false);
     setLocalWidth(null);
   }, [localWidth, onResize]);
-  const handleKeyboardResize = React34__namespace.useCallback(
+  const handleKeyboardResize = React20__namespace.useCallback(
     (direction) => {
       if (!isExpanded || isOverlay || !onResize) return;
       const step = 1;
@@ -1920,13 +2432,13 @@ function ResizablePanel({
     },
     [isExpanded, isOverlay, onResize, currentWidthVW, clampWidth]
   );
-  const handleOverlayDragStart = React34__namespace.useCallback(() => {
+  const handleOverlayDragStart = React20__namespace.useCallback(() => {
     if (outerWidthVW) {
       setIsDragging(true);
       setLocalOuterWidth(outerWidthVW);
     }
   }, [outerWidthVW]);
-  const handleOverlayDrag = React34__namespace.useCallback(
+  const handleOverlayDrag = React20__namespace.useCallback(
     (deltaX) => {
       if (!isOverlay) return;
       const viewportWidth = window.innerWidth;
@@ -1937,14 +2449,14 @@ function ResizablePanel({
     },
     [isOverlay, localOuterWidth, outerWidthVW]
   );
-  const handleOverlayDragEnd = React34__namespace.useCallback(() => {
+  const handleOverlayDragEnd = React20__namespace.useCallback(() => {
     if (localOuterWidth !== null && onResizeOverlay) {
       onResizeOverlay(localOuterWidth);
     }
     setIsDragging(false);
     setLocalOuterWidth(null);
   }, [localOuterWidth, onResizeOverlay]);
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (isOverlay && panelRef.current) {
       const focusableElement = panelRef.current.querySelector(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -1952,7 +2464,7 @@ function ResizablePanel({
       focusableElement?.focus();
     }
   }, [isOverlay]);
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!isOverlay) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
@@ -2138,74 +2650,6 @@ function Chip({
     }
   );
 }
-var loadingSpinnerVariants = classVarianceAuthority.cva("rounded-full animate-spin border-current", {
-  variants: {
-    /**
-     * Size of the spinner
-     */
-    size: {
-      sm: "w-4 h-4 border-2",
-      default: "w-8 h-8 border-2",
-      lg: "w-12 h-12 border-[3px]",
-      xl: "w-16 h-16 border-4"
-    },
-    /**
-     * Visual variant
-     */
-    variant: {
-      /** Primary color spinner (default) */
-      default: "border-primary/20 border-t-primary",
-      /** Accent color spinner */
-      accent: "border-accent/20 border-t-accent",
-      /** Muted/subtle spinner */
-      muted: "border-muted-foreground/20 border-t-muted-foreground",
-      /** Inherits current text color */
-      inherit: "border-current/20 border-t-current"
-    }
-  },
-  defaultVariants: {
-    size: "default",
-    variant: "default"
-  }
-});
-var LoadingSpinner = React34__namespace.forwardRef(
-  ({ className, size, variant, label, showDots = false, ...props }, ref) => {
-    const [dots, setDots] = React34__namespace.useState("");
-    React34__namespace.useEffect(() => {
-      if (!showDots || !label) return;
-      const interval = setInterval(() => {
-        setDots((prev) => prev.length >= 3 ? "" : prev + ".");
-      }, 500);
-      return () => clearInterval(interval);
-    }, [showDots, label]);
-    if (label) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          ref,
-          className: cn("flex flex-col items-center gap-3", className),
-          ...props,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: loadingSpinnerVariants({ size, variant }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-muted-foreground", children: [
-              label,
-              showDots && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-block w-4", children: dots })
-            ] })
-          ]
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn(loadingSpinnerVariants({ size, variant }), className),
-        ...props
-      }
-    );
-  }
-);
-LoadingSpinner.displayName = "LoadingSpinner";
 function Toaster({
   position = "top-right",
   expand = false,
@@ -2268,12 +2712,12 @@ function Calendar({
   const endMonth = props.endMonth ?? props.toDate;
   const fromYear = startMonth?.getFullYear();
   const toYear = endMonth?.getFullYear();
-  const years = React34__namespace.useMemo(() => getYearRange(fromYear, toYear), [fromYear, toYear]);
-  const [internalMonth, setInternalMonth] = React34__namespace.useState(
+  const years = React20__namespace.useMemo(() => getYearRange(fromYear, toYear), [fromYear, toYear]);
+  const [internalMonth, setInternalMonth] = React20__namespace.useState(
     defaultMonth ?? /* @__PURE__ */ new Date()
   );
   const displayedMonth = controlledMonth ?? internalMonth;
-  const handleMonthChange = React34__namespace.useCallback(
+  const handleMonthChange = React20__namespace.useCallback(
     (newMonth) => {
       if (controlledMonth === void 0) {
         setInternalMonth(newMonth);
@@ -2404,8 +2848,8 @@ function DatePicker({
   matchTriggerWidth = false,
   onOpenChange
 }) {
-  const [open, setOpen] = React34__namespace.useState(false);
-  const [internalValue, setInternalValue] = React34__namespace.useState(
+  const [open, setOpen] = React20__namespace.useState(false);
+  const [internalValue, setInternalValue] = React20__namespace.useState(
     defaultValue
   );
   const isControlled = value !== void 0;
@@ -2507,15 +2951,15 @@ function DatePickerInput({
   onOpenChange,
   size = "default"
 }) {
-  const [open, setOpen] = React34__namespace.useState(false);
-  const [internalValue, setInternalValue] = React34__namespace.useState(
+  const [open, setOpen] = React20__namespace.useState(false);
+  const [internalValue, setInternalValue] = React20__namespace.useState(
     defaultValue
   );
-  const [inputValue, setInputValue] = React34__namespace.useState("");
-  const inputRef = React34__namespace.useRef(null);
+  const [inputValue, setInputValue] = React20__namespace.useState("");
+  const inputRef = React20__namespace.useRef(null);
   const isControlled = value !== void 0;
   const selectedDate = isControlled ? value : internalValue;
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (selectedDate) {
       setInputValue(dateFns.format(selectedDate, dateFormat));
     } else {
@@ -2676,11 +3120,11 @@ function FilterPopover({
   onFilterChange
 }) {
   const filterType = column.filterType || "text";
-  const [operator, setOperator] = React34__namespace.useState(
+  const [operator, setOperator] = React20__namespace.useState(
     filter?.operator || getDefaultOperator(filterType)
   );
-  const [value, setValue] = React34__namespace.useState(filter?.value ?? "");
-  const [valueTo, setValueTo] = React34__namespace.useState(filter?.valueTo ?? "");
+  const [value, setValue] = React20__namespace.useState(filter?.value ?? "");
+  const [valueTo, setValueTo] = React20__namespace.useState(filter?.valueTo ?? "");
   function getDefaultOperator(type) {
     switch (type) {
       case "text":
@@ -2823,7 +3267,7 @@ function FilterPopover({
     ] })
   ] });
   const renderDateFilter = () => {
-    const dateValue = React34__namespace.useMemo(() => {
+    const dateValue = React20__namespace.useMemo(() => {
       if (!value) return void 0;
       if (value instanceof Date) return value;
       if (typeof value === "string") {
@@ -2832,7 +3276,7 @@ function FilterPopover({
       }
       return void 0;
     }, [value]);
-    const dateToValue = React34__namespace.useMemo(() => {
+    const dateToValue = React20__namespace.useMemo(() => {
       if (!valueTo) return void 0;
       if (valueTo instanceof Date) return valueTo;
       if (typeof valueTo === "string") {
@@ -2967,7 +3411,7 @@ function HeaderCell({
   onResizeDoubleClick,
   isResizing
 }) {
-  const [filterOpen, setFilterOpen] = React34__namespace.useState(false);
+  const [filterOpen, setFilterOpen] = React20__namespace.useState(false);
   const isSorted = sorting?.field === column.key;
   const isFiltered = !!filter;
   const isSortable = column.sortable && onSort;
@@ -3125,15 +3569,15 @@ function CellEditor({
   className
 }) {
   const editorType = column.editorType || "text";
-  const [internalValue, setInternalValue] = React34__namespace.useState(value);
-  const [validationError, setValidationError] = React34__namespace.useState(
+  const [internalValue, setInternalValue] = React20__namespace.useState(value);
+  const [validationError, setValidationError] = React20__namespace.useState(
     null
   );
-  const inputRef = React34__namespace.useRef(null);
-  const selectRef = React34__namespace.useRef(null);
+  const inputRef = React20__namespace.useRef(null);
+  const selectRef = React20__namespace.useRef(null);
   const currentValue = onChange ? value : internalValue;
   const setValue = onChange || setInternalValue;
-  const validate = React34__namespace.useCallback(
+  const validate = React20__namespace.useCallback(
     (val) => {
       if (!column.validator) return true;
       const result = column.validator(val, row);
@@ -3181,7 +3625,7 @@ function CellEditor({
     }
     handleCommit();
   };
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     const timer = setTimeout(() => {
       if (editorType === "select") {
         selectRef.current?.focus();
@@ -3228,7 +3672,7 @@ function CellEditor({
     }
   );
   const renderDateEditor = () => {
-    const dateValue = React34__namespace.useMemo(() => {
+    const dateValue = React20__namespace.useMemo(() => {
       if (!currentValue) return void 0;
       if (currentValue instanceof Date) return currentValue;
       if (typeof currentValue === "string") {
@@ -3416,7 +3860,7 @@ function useDataGridState(options) {
     data,
     getCellValue: getCellValue2
   } = options;
-  const isControlled = React34.useMemo(
+  const isControlled = React20.useMemo(
     () => ({
       sorting: controlledSorting !== void 0,
       filters: controlledFilters !== void 0,
@@ -3430,15 +3874,15 @@ function useDataGridState(options) {
       controlledFocusedCell
     ]
   );
-  const [internalSorting, setInternalSorting] = React34.useState(defaultSorting);
-  const [internalFilters, setInternalFilters] = React34.useState(defaultFilters);
-  const [internalColumnWidths, setInternalColumnWidths] = React34.useState(defaultColumnWidths);
-  const [internalFocusedCell, setInternalFocusedCell] = React34.useState(null);
-  const [editingCell, setEditingCell] = React34.useState(null);
+  const [internalSorting, setInternalSorting] = React20.useState(defaultSorting);
+  const [internalFilters, setInternalFilters] = React20.useState(defaultFilters);
+  const [internalColumnWidths, setInternalColumnWidths] = React20.useState(defaultColumnWidths);
+  const [internalFocusedCell, setInternalFocusedCell] = React20.useState(null);
+  const [editingCell, setEditingCell] = React20.useState(null);
   const sorting = isControlled.sorting ? controlledSorting : internalSorting;
   const filters = isControlled.filters ? controlledFilters : internalFilters;
   const focusedCell = isControlled.focusedCell ? controlledFocusedCell : internalFocusedCell;
-  const columnWidths = React34.useMemo(() => {
+  const columnWidths = React20.useMemo(() => {
     const controlled = isControlled.columnWidths ? controlledColumnWidths : internalColumnWidths;
     const result = {};
     for (const column of columns) {
@@ -3446,8 +3890,8 @@ function useDataGridState(options) {
     }
     return result;
   }, [isControlled.columnWidths, controlledColumnWidths, internalColumnWidths, columns]);
-  const prevStateRef = React34.useRef(null);
-  const state = React34.useMemo(
+  const prevStateRef = React20.useRef(null);
+  const state = React20.useMemo(
     () => ({
       sorting,
       filters,
@@ -3457,7 +3901,7 @@ function useDataGridState(options) {
     }),
     [sorting, filters, columnWidths, focusedCell, editingCell]
   );
-  React34.useEffect(() => {
+  React20.useEffect(() => {
     if (onStateChange) {
       const currentState = {
         sorting,
@@ -3472,7 +3916,7 @@ function useDataGridState(options) {
       }
     }
   }, [sorting, filters, columnWidths, focusedCell, editingCell, onStateChange]);
-  const setSorting = React34.useCallback(
+  const setSorting = React20.useCallback(
     (newSorting) => {
       if (isControlled.sorting) {
         onSortChange?.(newSorting);
@@ -3483,7 +3927,7 @@ function useDataGridState(options) {
     },
     [isControlled.sorting, onSortChange]
   );
-  const toggleSort = React34.useCallback(
+  const toggleSort = React20.useCallback(
     (columnKey) => {
       const currentSort = sorting.find((s) => s.field === columnKey);
       let newSorting;
@@ -3498,7 +3942,7 @@ function useDataGridState(options) {
     },
     [sorting, setSorting]
   );
-  const setFilters = React34.useCallback(
+  const setFilters = React20.useCallback(
     (newFilters) => {
       if (isControlled.filters) {
         onFilterChange?.(newFilters);
@@ -3509,7 +3953,7 @@ function useDataGridState(options) {
     },
     [isControlled.filters, onFilterChange]
   );
-  const setFilter = React34.useCallback(
+  const setFilter = React20.useCallback(
     (filter, columnKey) => {
       const newFilters = filters.filter((f) => f.columnKey !== columnKey);
       if (filter) {
@@ -3519,10 +3963,10 @@ function useDataGridState(options) {
     },
     [filters, setFilters]
   );
-  const clearFilters = React34.useCallback(() => {
+  const clearFilters = React20.useCallback(() => {
     setFilters([]);
   }, [setFilters]);
-  const setColumnWidth = React34.useCallback(
+  const setColumnWidth = React20.useCallback(
     (columnKey, width) => {
       if (isControlled.columnWidths) {
         onColumnResize?.(columnKey, width);
@@ -3536,7 +3980,7 @@ function useDataGridState(options) {
     },
     [isControlled.columnWidths, onColumnResize]
   );
-  const setFocusedCell = React34.useCallback(
+  const setFocusedCell = React20.useCallback(
     (cell) => {
       if (isControlled.focusedCell) {
         onFocusedCellChange?.(cell);
@@ -3547,7 +3991,7 @@ function useDataGridState(options) {
     },
     [isControlled.focusedCell, onFocusedCellChange]
   );
-  const startEditing = React34.useCallback(
+  const startEditing = React20.useCallback(
     (rowIndex, columnKey) => {
       if (onCellEditStart) {
         const allowed = onCellEditStart(rowIndex, columnKey);
@@ -3568,10 +4012,10 @@ function useDataGridState(options) {
     },
     [columns, data, getCellValue2, onCellEditStart, setFocusedCell]
   );
-  const updateEditingValue = React34.useCallback((value) => {
+  const updateEditingValue = React20.useCallback((value) => {
     setEditingCell((prev) => prev ? { ...prev, value } : null);
   }, []);
-  const commitEdit = React34.useCallback((valueOverride) => {
+  const commitEdit = React20.useCallback((valueOverride) => {
     if (!editingCell) return;
     const { rowIndex, columnKey, originalValue } = editingCell;
     const value = valueOverride !== void 0 ? valueOverride : editingCell.value;
@@ -3588,7 +4032,7 @@ function useDataGridState(options) {
     }
     setEditingCell(null);
   }, [editingCell, columns, data, onCellEdit]);
-  const cancelEdit = React34.useCallback(() => {
+  const cancelEdit = React20.useCallback(() => {
     if (editingCell) {
       onCellEditCancel?.(editingCell.rowIndex, editingCell.columnKey);
     }
@@ -3630,22 +4074,22 @@ function useKeyboardNavigation(options) {
     onScrollToRow,
     onScrollToColumn
   } = options;
-  const containerRef = React34.useRef(null);
+  const containerRef = React20.useRef(null);
   const visibleColumns = getVisibleColumns(columns);
-  const getColumnIndex = React34.useCallback(
+  const getColumnIndex = React20.useCallback(
     (columnKey) => {
       return visibleColumns.findIndex((col) => col.key === columnKey);
     },
     [visibleColumns]
   );
-  const getColumnKey = React34.useCallback(
+  const getColumnKey = React20.useCallback(
     (index) => {
       const column = visibleColumns[index];
       return column ? column.key : null;
     },
     [visibleColumns]
   );
-  const navigateToCell = React34.useCallback(
+  const navigateToCell = React20.useCallback(
     (rowIndex, columnKey) => {
       const clampedRow = Math.max(0, Math.min(rowIndex, rowCount - 1));
       onFocusedCellChange({ rowIndex: clampedRow, columnKey });
@@ -3654,7 +4098,7 @@ function useKeyboardNavigation(options) {
     },
     [rowCount, onFocusedCellChange, onScrollToRow, onScrollToColumn]
   );
-  const moveFocus = React34.useCallback(
+  const moveFocus = React20.useCallback(
     (rowDelta, colDelta) => {
       if (!focusedCell || visibleColumns.length === 0 || rowCount === 0) return;
       const currentColIndex = getColumnIndex(focusedCell.columnKey);
@@ -3694,35 +4138,35 @@ function useKeyboardNavigation(options) {
       navigateToCell
     ]
   );
-  const jumpToRowStart = React34.useCallback(() => {
+  const jumpToRowStart = React20.useCallback(() => {
     if (!focusedCell || visibleColumns.length === 0) return;
     const firstColumnKey = getColumnKey(0);
     if (firstColumnKey) {
       navigateToCell(focusedCell.rowIndex, firstColumnKey);
     }
   }, [focusedCell, visibleColumns.length, getColumnKey, navigateToCell]);
-  const jumpToRowEnd = React34.useCallback(() => {
+  const jumpToRowEnd = React20.useCallback(() => {
     if (!focusedCell || visibleColumns.length === 0) return;
     const lastColumnKey = getColumnKey(visibleColumns.length - 1);
     if (lastColumnKey) {
       navigateToCell(focusedCell.rowIndex, lastColumnKey);
     }
   }, [focusedCell, visibleColumns.length, getColumnKey, navigateToCell]);
-  const jumpToGridStart = React34.useCallback(() => {
+  const jumpToGridStart = React20.useCallback(() => {
     if (visibleColumns.length === 0 || rowCount === 0) return;
     const firstColumnKey = getColumnKey(0);
     if (firstColumnKey) {
       navigateToCell(0, firstColumnKey);
     }
   }, [visibleColumns.length, rowCount, getColumnKey, navigateToCell]);
-  const jumpToGridEnd = React34.useCallback(() => {
+  const jumpToGridEnd = React20.useCallback(() => {
     if (visibleColumns.length === 0 || rowCount === 0) return;
     const lastColumnKey = getColumnKey(visibleColumns.length - 1);
     if (lastColumnKey) {
       navigateToCell(rowCount - 1, lastColumnKey);
     }
   }, [visibleColumns.length, rowCount, getColumnKey, navigateToCell]);
-  const handleKeyDown = React34.useCallback(
+  const handleKeyDown = React20.useCallback(
     (event) => {
       if (!enabled) return;
       const { key, ctrlKey, metaKey, shiftKey } = event;
@@ -3825,7 +4269,7 @@ function useKeyboardNavigation(options) {
       onFocusedCellChange
     ]
   );
-  const focusContainer = React34.useCallback(() => {
+  const focusContainer = React20.useCallback(() => {
     containerRef.current?.focus();
   }, []);
   return {
@@ -3846,18 +4290,18 @@ function useColumnResize(options) {
     onResizeStart,
     onResizeEnd
   } = options;
-  const [isDragging, setIsDragging] = React34.useState(false);
-  const startXRef = React34.useRef(0);
-  const startWidthRef = React34.useRef(0);
+  const [isDragging, setIsDragging] = React20.useState(false);
+  const startXRef = React20.useRef(0);
+  const startWidthRef = React20.useRef(0);
   const minWidth = column.minWidth ?? DEFAULT_MIN_WIDTH;
   const maxWidth = column.maxWidth ?? DEFAULT_MAX_WIDTH;
-  const clampWidth = React34.useCallback(
+  const clampWidth = React20.useCallback(
     (width) => {
       return Math.max(minWidth, Math.min(maxWidth, width));
     },
     [minWidth, maxWidth]
   );
-  const handleMouseDown = React34.useCallback(
+  const handleMouseDown = React20.useCallback(
     (event) => {
       if (!enabled) return;
       event.preventDefault();
@@ -3871,7 +4315,7 @@ function useColumnResize(options) {
     },
     [enabled, currentWidth, onResizeStart]
   );
-  const handleMouseMove = React34.useCallback(
+  const handleMouseMove = React20.useCallback(
     (event) => {
       if (!isDragging) return;
       const deltaX = event.clientX - startXRef.current;
@@ -3880,7 +4324,7 @@ function useColumnResize(options) {
     },
     [isDragging, clampWidth, onResize]
   );
-  const handleMouseUp = React34.useCallback(() => {
+  const handleMouseUp = React20.useCallback(() => {
     if (!isDragging) return;
     setIsDragging(false);
     document.body.style.userSelect = "";
@@ -3888,7 +4332,7 @@ function useColumnResize(options) {
     const finalWidth = clampWidth(currentWidth);
     onResizeEnd?.(finalWidth);
   }, [isDragging, currentWidth, clampWidth, onResizeEnd]);
-  const handleDoubleClick = React34.useCallback(
+  const handleDoubleClick = React20.useCallback(
     (event) => {
       if (!enabled) return;
       event.preventDefault();
@@ -3900,7 +4344,7 @@ function useColumnResize(options) {
     },
     [enabled, column.width, clampWidth, onResize, onResizeEnd]
   );
-  React34.useEffect(() => {
+  React20.useEffect(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -3910,7 +4354,7 @@ function useColumnResize(options) {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  React34.useEffect(() => {
+  React20.useEffect(() => {
     return () => {
       if (isDragging) {
         document.body.style.userSelect = "";
@@ -3942,16 +4386,16 @@ function useColumnResizeManager(options) {
     onColumnResizeStart,
     onColumnResizeEnd
   } = options;
-  const [resizingColumn, setResizingColumn] = React34.useState(null);
-  const startXRef = React34.useRef(0);
-  const startWidthRef = React34.useRef(0);
-  const getColumn = React34.useCallback(
+  const [resizingColumn, setResizingColumn] = React20.useState(null);
+  const startXRef = React20.useRef(0);
+  const startWidthRef = React20.useRef(0);
+  const getColumn = React20.useCallback(
     (columnKey) => {
       return columns.find((c) => c.key === columnKey);
     },
     [columns]
   );
-  const clampWidth = React34.useCallback(
+  const clampWidth = React20.useCallback(
     (columnKey, width) => {
       const column = getColumn(columnKey);
       const minWidth = column?.minWidth ?? DEFAULT_MIN_WIDTH;
@@ -3960,7 +4404,7 @@ function useColumnResizeManager(options) {
     },
     [getColumn]
   );
-  const handleMouseMove = React34.useCallback(
+  const handleMouseMove = React20.useCallback(
     (event) => {
       if (!resizingColumn) return;
       const deltaX = event.clientX - startXRef.current;
@@ -3972,7 +4416,7 @@ function useColumnResizeManager(options) {
     },
     [resizingColumn, clampWidth, onColumnResize]
   );
-  const handleMouseUp = React34.useCallback(() => {
+  const handleMouseUp = React20.useCallback(() => {
     if (!resizingColumn) return;
     const finalWidth = columnWidths[resizingColumn] ?? 200;
     setResizingColumn(null);
@@ -3980,7 +4424,7 @@ function useColumnResizeManager(options) {
     document.body.style.cursor = "";
     onColumnResizeEnd?.(resizingColumn, finalWidth);
   }, [resizingColumn, columnWidths, onColumnResizeEnd]);
-  React34.useEffect(() => {
+  React20.useEffect(() => {
     if (resizingColumn) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -3990,7 +4434,7 @@ function useColumnResizeManager(options) {
       };
     }
   }, [resizingColumn, handleMouseMove, handleMouseUp]);
-  const getResizeProps = React34.useCallback(
+  const getResizeProps = React20.useCallback(
     (columnKey) => {
       const column = getColumn(columnKey);
       const isResizable = resizableColumns && column?.resizable !== false;
@@ -4276,15 +4720,15 @@ function DataGrid({
   hasMore = false,
   loadingMore = false
 }) {
-  const parentRef = React34__namespace.useRef(null);
-  const headerRef = React34__namespace.useRef(null);
-  const [headerHeight, setHeaderHeight] = React34__namespace.useState(40);
-  const [hoveredCell, setHoveredCell] = React34__namespace.useState(null);
-  const visibleColumns = React34__namespace.useMemo(
+  const parentRef = React20__namespace.useRef(null);
+  const headerRef = React20__namespace.useRef(null);
+  const [headerHeight, setHeaderHeight] = React20__namespace.useState(40);
+  const [hoveredCell, setHoveredCell] = React20__namespace.useState(null);
+  const visibleColumns = React20__namespace.useMemo(
     () => columns.filter((col) => !col.hidden),
     [columns]
   );
-  const getCellValue2 = React34__namespace.useCallback(
+  const getCellValue2 = React20__namespace.useCallback(
     (row, column) => {
       if (column.accessor) {
         return column.accessor(row);
@@ -4313,7 +4757,7 @@ function DataGrid({
     data,
     getCellValue: getCellValue2
   });
-  const processedData = React34__namespace.useMemo(() => {
+  const processedData = React20__namespace.useMemo(() => {
     let result = data;
     if (enableInternalFiltering && !isControlled.filters && state.filters.length > 0) {
       result = applyFilters(result, state.filters, visibleColumns);
@@ -4341,7 +4785,7 @@ function DataGrid({
     onColumnResizeEnd
   });
   const shouldVirtualize = virtualized ?? processedData.length > 100;
-  React34__namespace.useLayoutEffect(() => {
+  React20__namespace.useLayoutEffect(() => {
     if (headerRef.current && shouldVirtualize) {
       setHeaderHeight(headerRef.current.offsetHeight);
     }
@@ -4353,13 +4797,13 @@ function DataGrid({
     overscan: DEFAULT_OVERSCAN,
     enabled: shouldVirtualize
   });
-  const tableWidth = React34__namespace.useMemo(() => {
+  const tableWidth = React20__namespace.useMemo(() => {
     return visibleColumns.reduce((acc, col) => {
       const width = state.columnWidths[col.key] || col.width || estimateColumnWidth(col);
       return acc + width;
     }, 0);
   }, [visibleColumns, state.columnWidths]);
-  const visibleRowCount = React34__namespace.useMemo(() => {
+  const visibleRowCount = React20__namespace.useMemo(() => {
     if (!parentRef.current) return 10;
     return Math.floor(parentRef.current.clientHeight / DEFAULT_ROW_HEIGHT);
   }, []);
@@ -4378,7 +4822,7 @@ function DataGrid({
       rowVirtualizer.scrollToIndex(rowIndex, { align: "auto" });
     }
   });
-  const handleBlur = React34__namespace.useCallback(
+  const handleBlur = React20__namespace.useCallback(
     (event) => {
       const target = event.target;
       const relatedTarget = event.relatedTarget;
@@ -4436,7 +4880,7 @@ function DataGrid({
     },
     [state.editingCell, actions]
   );
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!infiniteScroll || !hasMore || loadingMore || !parentRef.current) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -4880,7 +5324,7 @@ function DataGrid({
   );
 }
 function PaginationFooter({ pagination }) {
-  const [goToPage, setGoToPage] = React34__namespace.useState("");
+  const [goToPage, setGoToPage] = React20__namespace.useState("");
   const handleGoToPage = () => {
     const page = parseInt(goToPage, 10);
     if (!isNaN(page) && page >= 1 && page <= pagination.totalPages) {
@@ -4998,21 +5442,21 @@ function Autocomplete({
   className,
   clearable = false
 }) {
-  const [open, setOpen] = React34__namespace.useState(false);
-  const [search, setSearch] = React34__namespace.useState("");
-  const inputRef = React34__namespace.useRef(null);
-  const selectedOption = React34__namespace.useMemo(
+  const [open, setOpen] = React20__namespace.useState(false);
+  const [search, setSearch] = React20__namespace.useState("");
+  const inputRef = React20__namespace.useRef(null);
+  const selectedOption = React20__namespace.useMemo(
     () => options.find((opt) => opt.value === value),
     [options, value]
   );
-  const filteredOptions = React34__namespace.useMemo(() => {
+  const filteredOptions = React20__namespace.useMemo(() => {
     if (!search.trim()) return options;
     const searchLower = search.toLowerCase();
     return options.filter(
       (opt) => opt.label.toLowerCase().includes(searchLower) || opt.description?.toLowerCase().includes(searchLower)
     );
   }, [options, search]);
-  const groupedOptions = React34__namespace.useMemo(() => {
+  const groupedOptions = React20__namespace.useMemo(() => {
     const groups = {};
     const ungrouped = [];
     filteredOptions.forEach((opt) => {
@@ -5026,7 +5470,7 @@ function Autocomplete({
     return { groups, ungrouped };
   }, [filteredOptions]);
   const hasGroups = Object.keys(groupedOptions.groups).length > 0;
-  const handleSelect = React34__namespace.useCallback(
+  const handleSelect = React20__namespace.useCallback(
     (optionValue) => {
       onChange?.(optionValue);
       setOpen(false);
@@ -5034,7 +5478,7 @@ function Autocomplete({
     },
     [onChange]
   );
-  const handleClear = React34__namespace.useCallback(
+  const handleClear = React20__namespace.useCallback(
     (e) => {
       e.stopPropagation();
       onChange?.(void 0);
@@ -5042,7 +5486,7 @@ function Autocomplete({
     },
     [onChange]
   );
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (open) {
       const timeout = setTimeout(() => {
         inputRef.current?.focus();
@@ -5052,7 +5496,7 @@ function Autocomplete({
       setSearch("");
     }
   }, [open]);
-  const handleKeyDown = React34__namespace.useCallback((e) => {
+  const handleKeyDown = React20__namespace.useCallback((e) => {
     if (e.key === "Escape") {
       setOpen(false);
     }
@@ -5228,7 +5672,7 @@ var iconButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var IconButton = React34__namespace.forwardRef(
+var IconButton = React20__namespace.forwardRef(
   ({ className, variant, size, isActive = false, icon, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -5252,7 +5696,7 @@ var IconButton = React34__namespace.forwardRef(
 );
 IconButton.displayName = "IconButton";
 function CopyButton({ content, className, size = "md" }) {
-  const [copied, setCopied] = React34__namespace.useState(false);
+  const [copied, setCopied] = React20__namespace.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(content);
@@ -6025,11 +6469,11 @@ function ThemePicker({
   align = "end",
   side = "bottom"
 }) {
-  const [open, setOpen] = React34__namespace.useState(false);
-  const [selectedTheme, setSelectedTheme] = React34__namespace.useState(
+  const [open, setOpen] = React20__namespace.useState(false);
+  const [selectedTheme, setSelectedTheme] = React20__namespace.useState(
     value || themes[0]
   );
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (value) {
       setSelectedTheme(value);
     }
@@ -6139,19 +6583,19 @@ function getSafePosition(x, y, menuWidth, menuHeight) {
   return { x: safeX, y: safeY };
 }
 function MenuItem({ item, onClose, depth = 0 }) {
-  const [isSubmenuOpen, setIsSubmenuOpen] = React34__namespace.useState(false);
-  const [submenuPosition, setSubmenuPosition] = React34__namespace.useState(null);
-  const itemRef = React34__namespace.useRef(null);
-  const hoverTimeoutRef = React34__namespace.useRef(null);
+  const [isSubmenuOpen, setIsSubmenuOpen] = React20__namespace.useState(false);
+  const [submenuPosition, setSubmenuPosition] = React20__namespace.useState(null);
+  const itemRef = React20__namespace.useRef(null);
+  const hoverTimeoutRef = React20__namespace.useRef(null);
   const hasSubmenu = item.submenu && item.submenu.length > 0;
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     return () => {
       if (hoverTimeoutRef.current) {
         clearTimeout(hoverTimeoutRef.current);
       }
     };
   }, []);
-  const handleMouseEnter = React34__namespace.useCallback(() => {
+  const handleMouseEnter = React20__namespace.useCallback(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
     }
@@ -6171,22 +6615,22 @@ function MenuItem({ item, onClose, depth = 0 }) {
       setIsSubmenuOpen(true);
     }
   }, [hasSubmenu, item.submenu?.length]);
-  const handleMouseLeave = React34__namespace.useCallback(() => {
+  const handleMouseLeave = React20__namespace.useCallback(() => {
     hoverTimeoutRef.current = setTimeout(() => {
       setIsSubmenuOpen(false);
     }, 100);
   }, []);
-  const handleSubmenuMouseEnter = React34__namespace.useCallback(() => {
+  const handleSubmenuMouseEnter = React20__namespace.useCallback(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
     }
   }, []);
-  const handleSubmenuMouseLeave = React34__namespace.useCallback(() => {
+  const handleSubmenuMouseLeave = React20__namespace.useCallback(() => {
     hoverTimeoutRef.current = setTimeout(() => {
       setIsSubmenuOpen(false);
     }, 100);
   }, []);
-  const handleClick = React34__namespace.useCallback(() => {
+  const handleClick = React20__namespace.useCallback(() => {
     if (item.disabled) return;
     if (!hasSubmenu && item.action) {
       item.action();
@@ -6266,12 +6710,12 @@ function ContextMenu({
   anchorEl,
   className
 }) {
-  const menuRef = React34__namespace.useRef(null);
-  const [menuPosition, setMenuPosition] = React34__namespace.useState({
+  const menuRef = React20__namespace.useRef(null);
+  const [menuPosition, setMenuPosition] = React20__namespace.useState({
     x: 0,
     y: 0
   });
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!isOpen) return;
     let x = position.x;
     let y = position.y;
@@ -6290,7 +6734,7 @@ function ContextMenu({
       }
     });
   }, [isOpen, position, anchorEl]);
-  React34__namespace.useEffect(() => {
+  React20__namespace.useEffect(() => {
     if (!isOpen) return;
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
@@ -6334,16 +6778,16 @@ function ContextMenu({
   );
 }
 function useContextMenu() {
-  const [isOpen, setIsOpen] = React34__namespace.useState(false);
-  const [position, setPosition] = React34__namespace.useState({ x: 0, y: 0 });
-  const [targetItem, setTargetItem] = React34__namespace.useState(null);
-  const menuRef = React34__namespace.useRef(null);
-  const openMenu = React34__namespace.useCallback((x, y, item) => {
+  const [isOpen, setIsOpen] = React20__namespace.useState(false);
+  const [position, setPosition] = React20__namespace.useState({ x: 0, y: 0 });
+  const [targetItem, setTargetItem] = React20__namespace.useState(null);
+  const menuRef = React20__namespace.useRef(null);
+  const openMenu = React20__namespace.useCallback((x, y, item) => {
     setPosition({ x, y });
     setTargetItem(item);
     setIsOpen(true);
   }, []);
-  const closeMenu = React34__namespace.useCallback(() => {
+  const closeMenu = React20__namespace.useCallback(() => {
     setIsOpen(false);
     setTargetItem(null);
   }, []);
@@ -6399,6 +6843,7 @@ exports.ContextMenu = ContextMenu;
 exports.CopyButton = CopyButton;
 exports.DARK_ELEGANT_THEME = DARK_ELEGANT_THEME;
 exports.DataGrid = DataGrid;
+exports.DataTable = DataTable;
 exports.DatePicker = DatePicker;
 exports.DatePickerInput = DatePickerInput;
 exports.DropdownMenu = DropdownMenu;