@optilogic/core 1.0.0-beta.3 → 1.0.0-beta.6

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
-var React33 = require('react');
+var React34 = 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 React33__namespace = /*#__PURE__*/_interopNamespace(React33);
+var React34__namespace = /*#__PURE__*/_interopNamespace(React34);
 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 = React33__namespace.forwardRef(
+var Button = React34__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 = React33__namespace.forwardRef(
   }
 );
 Button.displayName = "Button";
-var Input = React33__namespace.forwardRef(
+var Input = React34__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 = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Label = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   LabelPrimitive__namespace.Root,
   {
     ref,
@@ -129,7 +129,7 @@ var Label = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var Textarea = React33__namespace.forwardRef(
+var Textarea = React34__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 = React33__namespace.forwardRef(({ className, showBorder = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Checkbox = React34__namespace.forwardRef(({ className, showBorder = true, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   CheckboxPrimitive__namespace.Root,
   {
     ref,
@@ -212,7 +212,7 @@ var Checkbox = React33__namespace.forwardRef(({ className, showBorder = true, ..
   }
 ));
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var Switch = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Switch = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SwitchPrimitive__namespace.Root,
   {
     className: cn(
@@ -248,7 +248,7 @@ var Switch = React33__namespace.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 Switch.displayName = SwitchPrimitive__namespace.Root.displayName;
-var Progress = React33__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var Progress = React34__namespace.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   ProgressPrimitive__namespace.Root,
   {
     ref,
@@ -267,7 +267,7 @@ var Progress = React33__namespace.forwardRef(({ className, value, ...props }, re
   }
 ));
 Progress.displayName = ProgressPrimitive__namespace.Root.displayName;
-var Separator = React33__namespace.forwardRef(
+var Separator = React34__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 = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectTrigger = React34__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Trigger,
   {
     ref,
@@ -312,7 +312,7 @@ var SelectTrigger = React33__namespace.forwardRef(({ className, children, ...pro
   }
 ));
 SelectTrigger.displayName = SelectPrimitive__namespace.Trigger.displayName;
-var SelectScrollUpButton = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollUpButton = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollUpButton,
   {
     ref,
@@ -325,7 +325,7 @@ var SelectScrollUpButton = React33__namespace.forwardRef(({ className, ...props
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive__namespace.ScrollUpButton.displayName;
-var SelectScrollDownButton = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectScrollDownButton = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.ScrollDownButton,
   {
     ref,
@@ -338,7 +338,7 @@ var SelectScrollDownButton = React33__namespace.forwardRef(({ className, ...prop
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive__namespace.ScrollDownButton.displayName;
-var SelectContent = React33__namespace.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(SelectPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectContent = React34__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 = React33__namespace.forwardRef(({ className, children, positi
   }
 ) }));
 SelectContent.displayName = SelectPrimitive__namespace.Content.displayName;
-var SelectLabel = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectLabel = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Label,
   {
     ref,
@@ -375,7 +375,7 @@ var SelectLabel = React33__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectLabel.displayName = SelectPrimitive__namespace.Label.displayName;
-var SelectItem = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var SelectItem = React34__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   SelectPrimitive__namespace.Item,
   {
     ref,
@@ -391,7 +391,7 @@ var SelectItem = React33__namespace.forwardRef(({ className, children, ...props
   }
 ));
 SelectItem.displayName = SelectPrimitive__namespace.Item.displayName;
-var SelectSeparator = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var SelectSeparator = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   SelectPrimitive__namespace.Separator,
   {
     ref,
@@ -401,7 +401,7 @@ var SelectSeparator = React33__namespace.forwardRef(({ className, ...props }, re
 ));
 SelectSeparator.displayName = SelectPrimitive__namespace.Separator.displayName;
 var Tabs = TabsPrimitive__namespace.Root;
-var TabsList = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsList = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.List,
   {
     ref,
@@ -415,7 +415,7 @@ var TabsList = React33__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 TabsList.displayName = TabsPrimitive__namespace.List.displayName;
-var TabsTrigger = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsTrigger = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   TabsPrimitive__namespace.Trigger,
   {
     ref,
@@ -442,7 +442,7 @@ var TabsTrigger = React33__namespace.forwardRef(({ className, ...props }, ref) =
   }
 ));
 TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
-var TabsContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TabsContent = React34__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 = React33__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionItem = React34__namespace.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AccordionPrimitive__namespace.Item,
   {
     ref,
@@ -535,7 +535,7 @@ var AccordionItem = React33__namespace.forwardRef(({ className, variant, ...prop
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React33__namespace.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(AccordionPrimitive__namespace.Header, { className: "flex", children: /* @__PURE__ */ jsxRuntime.jsxs(
+var AccordionTrigger = React34__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 = React33__namespace.forwardRef(({ className, children, var
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive__namespace.Trigger.displayName;
-var AccordionContent = React33__namespace.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AccordionContent = React34__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 = React33__namespace.forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipContent = React34__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 = React33__namespace.forwardRef(({ className, sideOffset = 6,
   }
 ) }));
 TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-var TooltipArrow = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TooltipArrow = React34__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 = React33__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var PopoverContent = React34__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 = React33__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuSubTrigger = React34__namespace.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.SubTrigger,
   {
     ref,
@@ -675,7 +675,7 @@ var DropdownMenuSubTrigger = React33__namespace.forwardRef(({ className, inset,
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive__namespace.SubTrigger.displayName;
-var DropdownMenuSubContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSubContent = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.SubContent,
   {
     ref,
@@ -692,7 +692,7 @@ var DropdownMenuSubContent = React33__namespace.forwardRef(({ className, ...prop
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive__namespace.SubContent.displayName;
-var DropdownMenuContent = React33__namespace.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuContent = React34__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 = React33__namespace.forwardRef(({ className, sideOffset
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive__namespace.Content.displayName;
-var DropdownMenuItem = React33__namespace.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuItem = React34__namespace.forwardRef(({ className, inset, destructive, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Item,
   {
     ref,
@@ -726,7 +726,7 @@ var DropdownMenuItem = React33__namespace.forwardRef(({ className, inset, destru
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;
-var DropdownMenuCheckboxItem = React33__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuCheckboxItem = React34__namespace.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.CheckboxItem,
   {
     ref,
@@ -745,7 +745,7 @@ var DropdownMenuCheckboxItem = React33__namespace.forwardRef(({ className, child
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive__namespace.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React33__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+var DropdownMenuRadioItem = React34__namespace.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
   DropdownMenuPrimitive__namespace.RadioItem,
   {
     ref,
@@ -763,7 +763,7 @@ var DropdownMenuRadioItem = React33__namespace.forwardRef(({ className, children
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive__namespace.RadioItem.displayName;
-var DropdownMenuLabel = React33__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuLabel = React34__namespace.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   DropdownMenuPrimitive__namespace.Label,
   {
     ref,
@@ -776,7 +776,7 @@ var DropdownMenuLabel = React33__namespace.forwardRef(({ className, inset, ...pr
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive__namespace.Label.displayName;
-var DropdownMenuSeparator = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var DropdownMenuSeparator = React34__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 = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogOverlay = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Overlay,
   {
     className: cn(
@@ -815,7 +815,7 @@ var AlertDialogOverlay = React33__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive__namespace.Overlay.displayName;
-var AlertDialogContent = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(AlertDialogPortal, { children: [
+var AlertDialogContent = React34__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 = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogTitle = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Title,
   {
     ref,
@@ -867,7 +867,7 @@ var AlertDialogTitle = React33__namespace.forwardRef(({ className, ...props }, r
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive__namespace.Title.displayName;
-var AlertDialogDescription = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogDescription = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Description,
   {
     ref,
@@ -876,7 +876,7 @@ var AlertDialogDescription = React33__namespace.forwardRef(({ className, ...prop
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive__namespace.Description.displayName;
-var AlertDialogAction = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogAction = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Action,
   {
     ref,
@@ -885,7 +885,7 @@ var AlertDialogAction = React33__namespace.forwardRef(({ className, ...props },
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive__namespace.Action.displayName;
-var AlertDialogCancel = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var AlertDialogCancel = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   AlertDialogPrimitive__namespace.Cancel,
   {
     ref,
@@ -948,7 +948,7 @@ var cardVariants = classVarianceAuthority.cva(
     }
   }
 );
-var Card = React33__namespace.forwardRef(
+var Card = React34__namespace.forwardRef(
   ({
     className,
     size,
@@ -962,7 +962,7 @@ var Card = React33__namespace.forwardRef(
     ...props
   }, ref) => {
     const isInteractive = interactive || asButton || !!onClick;
-    const handleKeyDown = React33__namespace.useCallback(
+    const handleKeyDown = React34__namespace.useCallback(
       (e) => {
         if (isInteractive && (e.key === "Enter" || e.key === " ")) {
           e.preventDefault();
@@ -994,7 +994,7 @@ var Card = React33__namespace.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardHeader = React33__namespace.forwardRef(
+var CardHeader = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1005,7 +1005,7 @@ var CardHeader = React33__namespace.forwardRef(
   )
 );
 CardHeader.displayName = "CardHeader";
-var CardTitle = React33__namespace.forwardRef(
+var CardTitle = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1016,7 +1016,7 @@ var CardTitle = React33__namespace.forwardRef(
   )
 );
 CardTitle.displayName = "CardTitle";
-var CardDescription = React33__namespace.forwardRef(
+var CardDescription = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1027,11 +1027,11 @@ var CardDescription = React33__namespace.forwardRef(
   )
 );
 CardDescription.displayName = "CardDescription";
-var CardContent = React33__namespace.forwardRef(
+var CardContent = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
 );
 CardContent.displayName = "CardContent";
-var CardFooter = React33__namespace.forwardRef(
+var CardFooter = React34__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 = React33__namespace.forwardRef(
+var CardImage = React34__namespace.forwardRef(
   ({ className, aspectRatio, position, fallback, alt, src, onError, ...props }, ref) => {
-    const [hasError, setHasError] = React33__namespace.useState(false);
-    const handleError = React33__namespace.useCallback(
+    const [hasError, setHasError] = React34__namespace.useState(false);
+    const handleError = React34__namespace.useCallback(
       (e) => {
         setHasError(true);
         onError?.(e);
       },
       [onError]
     );
-    React33__namespace.useEffect(() => {
+    React34__namespace.useEffect(() => {
       setHasError(false);
     }, [src]);
     if (hasError && fallback) {
@@ -1149,7 +1149,7 @@ var cardActionsVariants = classVarianceAuthority.cva(
     }
   }
 );
-var CardActions = React33__namespace.forwardRef(
+var CardActions = React34__namespace.forwardRef(
   ({ className, showOn, position, variant, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1161,7 +1161,7 @@ var CardActions = React33__namespace.forwardRef(
   )
 );
 CardActions.displayName = "CardActions";
-var SelectableCard = React33__namespace.forwardRef(
+var SelectableCard = React34__namespace.forwardRef(
   ({
     className,
     selected: controlledSelected,
@@ -1175,10 +1175,10 @@ var SelectableCard = React33__namespace.forwardRef(
     hover = "border",
     ...props
   }, ref) => {
-    const [uncontrolledSelected, setUncontrolledSelected] = React33__namespace.useState(defaultSelected);
+    const [uncontrolledSelected, setUncontrolledSelected] = React34__namespace.useState(defaultSelected);
     const isControlled = controlledSelected !== void 0;
     const isSelected = isControlled ? controlledSelected : uncontrolledSelected;
-    const handleClick = React33__namespace.useCallback(
+    const handleClick = React34__namespace.useCallback(
       (e) => {
         if (disabled) return;
         const newSelected = !isSelected;
@@ -1190,7 +1190,7 @@ var SelectableCard = React33__namespace.forwardRef(
       },
       [disabled, isSelected, isControlled, onSelectedChange, onClick]
     );
-    const handleCheckboxChange = React33__namespace.useCallback(
+    const handleCheckboxChange = React34__namespace.useCallback(
       (checked) => {
         if (disabled) return;
         const newSelected = checked === true;
@@ -1290,7 +1290,7 @@ var cardGridVariants = classVarianceAuthority.cva("grid", {
     gap: "md"
   }
 });
-var CardGrid = React33__namespace.forwardRef(
+var CardGrid = React34__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 = React33__namespace.forwardRef(
+var CardList = React34__namespace.forwardRef(
   ({ className, gap, divided, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
@@ -1336,7 +1336,128 @@ var CardList = React33__namespace.forwardRef(
   )
 );
 CardList.displayName = "CardList";
-var Table = React33__namespace.forwardRef(
+var boardVariants = classVarianceAuthority.cva("text-card-foreground", {
+  variants: {
+    /**
+     * Elevation (shadow depth) - similar to MUI Paper
+     */
+    elevation: {
+      none: "",
+      sm: "shadow-sm",
+      md: "shadow",
+      lg: "shadow-lg",
+      xl: "shadow-xl"
+    },
+    /**
+     * Border style
+     */
+    border: {
+      none: "",
+      default: "border",
+      muted: "border border-muted"
+    },
+    /**
+     * Padding size
+     */
+    padding: {
+      none: "",
+      sm: "p-2",
+      md: "p-4",
+      lg: "p-6",
+      xl: "p-8"
+    },
+    /**
+     * Border radius
+     */
+    radius: {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      full: "rounded-full"
+    },
+    /**
+     * Background color
+     */
+    background: {
+      default: "bg-card",
+      muted: "bg-muted",
+      transparent: "bg-transparent"
+    },
+    /**
+     * Hover effect styles
+     */
+    hover: {
+      none: "",
+      border: "transition-colors duration-200 hover:border-accent",
+      elevate: "transition-shadow duration-200 hover:shadow-lg",
+      "border-success": "transition-colors duration-200 hover:border-success",
+      "border-warning": "transition-colors duration-200 hover:border-warning",
+      "border-destructive": "transition-colors duration-200 hover:border-destructive"
+    }
+  },
+  defaultVariants: {
+    elevation: "none",
+    border: "default",
+    padding: "none",
+    radius: "lg",
+    background: "default",
+    hover: "none"
+  }
+});
+var Board = React34__namespace.forwardRef(
+  ({
+    className,
+    elevation,
+    border,
+    padding,
+    radius,
+    background,
+    hover,
+    hoverBorderClass,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          boardVariants({
+            elevation,
+            border,
+            padding,
+            radius,
+            background,
+            hover
+          }),
+          // Custom hover border color overrides variant if provided
+          hoverBorderClass && "transition-colors duration-200",
+          hoverBorderClass,
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Board.displayName = "Board";
+var BoardHeader = React34__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center p-4 border-b", className),
+      ...props
+    }
+  )
+);
+BoardHeader.displayName = "BoardHeader";
+var BoardContent = React34__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-4", className), ...props })
+);
+BoardContent.displayName = "BoardContent";
+var Table = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
     "table",
     {
@@ -1347,11 +1468,11 @@ var Table = React33__namespace.forwardRef(
   ) })
 );
 Table.displayName = "Table";
-var TableHeader = React33__namespace.forwardRef(
+var TableHeader = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props })
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = React33__namespace.forwardRef(
+var TableBody = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tbody",
     {
@@ -1362,7 +1483,7 @@ var TableBody = React33__namespace.forwardRef(
   )
 );
 TableBody.displayName = "TableBody";
-var TableFooter = React33__namespace.forwardRef(
+var TableFooter = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tfoot",
     {
@@ -1376,7 +1497,7 @@ var TableFooter = React33__namespace.forwardRef(
   )
 );
 TableFooter.displayName = "TableFooter";
-var TableRow = React33__namespace.forwardRef(
+var TableRow = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "tr",
     {
@@ -1390,7 +1511,7 @@ var TableRow = React33__namespace.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React33__namespace.forwardRef(
+var TableHead = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "th",
     {
@@ -1404,7 +1525,7 @@ var TableHead = React33__namespace.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React33__namespace.forwardRef(
+var TableCell = React34__namespace.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "td",
     {
@@ -1418,7 +1539,7 @@ var TableCell = React33__namespace.forwardRef(
   )
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React33__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+var TableCaption = React34__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
   "caption",
   {
     ref,
@@ -1437,7 +1558,7 @@ function Modal({
   zIndex = 50,
   className
 }) {
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (!isOpen) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
@@ -1447,7 +1568,7 @@ function Modal({
     window.addEventListener("keydown", handleEscape);
     return () => window.removeEventListener("keydown", handleEscape);
   }, [isOpen, onClose]);
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (isOpen) {
       document.body.style.overflow = "hidden";
     } else {
@@ -1562,12 +1683,12 @@ function ConfirmationModal({
   ] }) });
 }
 function useConfirmation() {
-  const [state, setState] = React33__namespace.useState({
+  const [state, setState] = React34__namespace.useState({
     open: false,
     title: "",
     description: ""
   });
-  const confirm = React33__namespace.useCallback(
+  const confirm = React34__namespace.useCallback(
     (options) => {
       return new Promise((resolve) => {
         setState({
@@ -1579,15 +1700,15 @@ function useConfirmation() {
     },
     []
   );
-  const handleConfirm = React33__namespace.useCallback(() => {
+  const handleConfirm = React34__namespace.useCallback(() => {
     state.resolve?.(true);
     setState((prev) => ({ ...prev, open: false }));
   }, [state.resolve]);
-  const handleCancel = React33__namespace.useCallback(() => {
+  const handleCancel = React34__namespace.useCallback(() => {
     state.resolve?.(false);
     setState((prev) => ({ ...prev, open: false }));
   }, [state.resolve]);
-  const handleOpenChange = React33__namespace.useCallback(
+  const handleOpenChange = React34__namespace.useCallback(
     (open) => {
       if (!open) {
         state.resolve?.(false);
@@ -1623,11 +1744,11 @@ function ResizeHandle({
   ariaLabel,
   className
 }) {
-  const [isDragging, setIsDragging] = React33__namespace.useState(false);
-  const [isFocused, setIsFocused] = React33__namespace.useState(false);
-  const startXRef = React33__namespace.useRef(0);
-  const handleRef = React33__namespace.useRef(null);
-  const handleMouseDown = React33__namespace.useCallback(
+  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(
     (e) => {
       if (!resizable) return;
       e.preventDefault();
@@ -1638,7 +1759,7 @@ function ResizeHandle({
     },
     [resizable, onDragStart]
   );
-  const handleMouseMove = React33__namespace.useCallback(
+  const handleMouseMove = React34__namespace.useCallback(
     (e) => {
       if (!isDragging) return;
       const deltaX = e.clientX - startXRef.current;
@@ -1647,13 +1768,13 @@ function ResizeHandle({
     },
     [isDragging, onDrag]
   );
-  const handleMouseUp = React33__namespace.useCallback(() => {
+  const handleMouseUp = React34__namespace.useCallback(() => {
     if (!isDragging) return;
     setIsDragging(false);
     document.body.style.userSelect = "";
     onDragEnd?.();
   }, [isDragging, onDragEnd]);
-  const handleKeyDown = React33__namespace.useCallback(
+  const handleKeyDown = React34__namespace.useCallback(
     (e) => {
       if (!resizable || !onKeyboardResize) return;
       let direction = null;
@@ -1672,7 +1793,7 @@ function ResizeHandle({
     },
     [resizable, onKeyboardResize, orientation]
   );
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -1742,12 +1863,12 @@ function ResizablePanel({
   className,
   dataAttributes = {}
 }) {
-  const panelRef = React33__namespace.useRef(null);
-  const [isDragging, setIsDragging] = React33__namespace.useState(false);
-  const [localWidth, setLocalWidth] = React33__namespace.useState(null);
-  const [localOuterWidth, setLocalOuterWidth] = React33__namespace.useState(null);
+  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 currentWidthVW = isExpanded ? (isDragging && localWidth !== null ? localWidth : expandedWidthVW) || collapsedSizeVW : collapsedSizeVW;
-  const clampWidth = React33__namespace.useCallback(
+  const clampWidth = React34__namespace.useCallback(
     (width) => {
       let effectiveMinWidth = minWidthVW;
       let effectiveMaxWidth = maxWidthVW;
@@ -1760,11 +1881,11 @@ function ResizablePanel({
     },
     [minWidthVW, maxWidthVW, orientation, leftWidthVW, isOverlay]
   );
-  const handleDragStart = React33__namespace.useCallback(() => {
+  const handleDragStart = React34__namespace.useCallback(() => {
     setIsDragging(true);
     setLocalWidth(currentWidthVW);
   }, [currentWidthVW]);
-  const handleDrag = React33__namespace.useCallback(
+  const handleDrag = React34__namespace.useCallback(
     (deltaX) => {
       if (!isExpanded || isOverlay) return;
       const viewportWidth = window.innerWidth;
@@ -1783,14 +1904,14 @@ function ResizablePanel({
       clampWidth
     ]
   );
-  const handleDragEnd = React33__namespace.useCallback(() => {
+  const handleDragEnd = React34__namespace.useCallback(() => {
     if (localWidth !== null && onResize) {
       onResize(localWidth);
     }
     setIsDragging(false);
     setLocalWidth(null);
   }, [localWidth, onResize]);
-  const handleKeyboardResize = React33__namespace.useCallback(
+  const handleKeyboardResize = React34__namespace.useCallback(
     (direction) => {
       if (!isExpanded || isOverlay || !onResize) return;
       const step = 1;
@@ -1799,13 +1920,13 @@ function ResizablePanel({
     },
     [isExpanded, isOverlay, onResize, currentWidthVW, clampWidth]
   );
-  const handleOverlayDragStart = React33__namespace.useCallback(() => {
+  const handleOverlayDragStart = React34__namespace.useCallback(() => {
     if (outerWidthVW) {
       setIsDragging(true);
       setLocalOuterWidth(outerWidthVW);
     }
   }, [outerWidthVW]);
-  const handleOverlayDrag = React33__namespace.useCallback(
+  const handleOverlayDrag = React34__namespace.useCallback(
     (deltaX) => {
       if (!isOverlay) return;
       const viewportWidth = window.innerWidth;
@@ -1816,14 +1937,14 @@ function ResizablePanel({
     },
     [isOverlay, localOuterWidth, outerWidthVW]
   );
-  const handleOverlayDragEnd = React33__namespace.useCallback(() => {
+  const handleOverlayDragEnd = React34__namespace.useCallback(() => {
     if (localOuterWidth !== null && onResizeOverlay) {
       onResizeOverlay(localOuterWidth);
     }
     setIsDragging(false);
     setLocalOuterWidth(null);
   }, [localOuterWidth, onResizeOverlay]);
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (isOverlay && panelRef.current) {
       const focusableElement = panelRef.current.querySelector(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -1831,7 +1952,7 @@ function ResizablePanel({
       focusableElement?.focus();
     }
   }, [isOverlay]);
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (!isOverlay) return;
     const handleEscape = (e) => {
       if (e.key === "Escape") {
@@ -2047,10 +2168,10 @@ var loadingSpinnerVariants = classVarianceAuthority.cva("rounded-full animate-sp
     variant: "default"
   }
 });
-var LoadingSpinner = React33__namespace.forwardRef(
+var LoadingSpinner = React34__namespace.forwardRef(
   ({ className, size, variant, label, showDots = false, ...props }, ref) => {
-    const [dots, setDots] = React33__namespace.useState("");
-    React33__namespace.useEffect(() => {
+    const [dots, setDots] = React34__namespace.useState("");
+    React34__namespace.useEffect(() => {
       if (!showDots || !label) return;
       const interval = setInterval(() => {
         setDots((prev) => prev.length >= 3 ? "" : prev + ".");
@@ -2147,12 +2268,12 @@ function Calendar({
   const endMonth = props.endMonth ?? props.toDate;
   const fromYear = startMonth?.getFullYear();
   const toYear = endMonth?.getFullYear();
-  const years = React33__namespace.useMemo(() => getYearRange(fromYear, toYear), [fromYear, toYear]);
-  const [internalMonth, setInternalMonth] = React33__namespace.useState(
+  const years = React34__namespace.useMemo(() => getYearRange(fromYear, toYear), [fromYear, toYear]);
+  const [internalMonth, setInternalMonth] = React34__namespace.useState(
     defaultMonth ?? /* @__PURE__ */ new Date()
   );
   const displayedMonth = controlledMonth ?? internalMonth;
-  const handleMonthChange = React33__namespace.useCallback(
+  const handleMonthChange = React34__namespace.useCallback(
     (newMonth) => {
       if (controlledMonth === void 0) {
         setInternalMonth(newMonth);
@@ -2283,8 +2404,8 @@ function DatePicker({
   matchTriggerWidth = false,
   onOpenChange
 }) {
-  const [open, setOpen] = React33__namespace.useState(false);
-  const [internalValue, setInternalValue] = React33__namespace.useState(
+  const [open, setOpen] = React34__namespace.useState(false);
+  const [internalValue, setInternalValue] = React34__namespace.useState(
     defaultValue
   );
   const isControlled = value !== void 0;
@@ -2386,15 +2507,15 @@ function DatePickerInput({
   onOpenChange,
   size = "default"
 }) {
-  const [open, setOpen] = React33__namespace.useState(false);
-  const [internalValue, setInternalValue] = React33__namespace.useState(
+  const [open, setOpen] = React34__namespace.useState(false);
+  const [internalValue, setInternalValue] = React34__namespace.useState(
     defaultValue
   );
-  const [inputValue, setInputValue] = React33__namespace.useState("");
-  const inputRef = React33__namespace.useRef(null);
+  const [inputValue, setInputValue] = React34__namespace.useState("");
+  const inputRef = React34__namespace.useRef(null);
   const isControlled = value !== void 0;
   const selectedDate = isControlled ? value : internalValue;
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (selectedDate) {
       setInputValue(dateFns.format(selectedDate, dateFormat));
     } else {
@@ -2555,11 +2676,11 @@ function FilterPopover({
   onFilterChange
 }) {
   const filterType = column.filterType || "text";
-  const [operator, setOperator] = React33__namespace.useState(
+  const [operator, setOperator] = React34__namespace.useState(
     filter?.operator || getDefaultOperator(filterType)
   );
-  const [value, setValue] = React33__namespace.useState(filter?.value ?? "");
-  const [valueTo, setValueTo] = React33__namespace.useState(filter?.valueTo ?? "");
+  const [value, setValue] = React34__namespace.useState(filter?.value ?? "");
+  const [valueTo, setValueTo] = React34__namespace.useState(filter?.valueTo ?? "");
   function getDefaultOperator(type) {
     switch (type) {
       case "text":
@@ -2702,7 +2823,7 @@ function FilterPopover({
     ] })
   ] });
   const renderDateFilter = () => {
-    const dateValue = React33__namespace.useMemo(() => {
+    const dateValue = React34__namespace.useMemo(() => {
       if (!value) return void 0;
       if (value instanceof Date) return value;
       if (typeof value === "string") {
@@ -2711,7 +2832,7 @@ function FilterPopover({
       }
       return void 0;
     }, [value]);
-    const dateToValue = React33__namespace.useMemo(() => {
+    const dateToValue = React34__namespace.useMemo(() => {
       if (!valueTo) return void 0;
       if (valueTo instanceof Date) return valueTo;
       if (typeof valueTo === "string") {
@@ -2846,7 +2967,7 @@ function HeaderCell({
   onResizeDoubleClick,
   isResizing
 }) {
-  const [filterOpen, setFilterOpen] = React33__namespace.useState(false);
+  const [filterOpen, setFilterOpen] = React34__namespace.useState(false);
   const isSorted = sorting?.field === column.key;
   const isFiltered = !!filter;
   const isSortable = column.sortable && onSort;
@@ -3004,15 +3125,15 @@ function CellEditor({
   className
 }) {
   const editorType = column.editorType || "text";
-  const [internalValue, setInternalValue] = React33__namespace.useState(value);
-  const [validationError, setValidationError] = React33__namespace.useState(
+  const [internalValue, setInternalValue] = React34__namespace.useState(value);
+  const [validationError, setValidationError] = React34__namespace.useState(
     null
   );
-  const inputRef = React33__namespace.useRef(null);
-  const selectRef = React33__namespace.useRef(null);
+  const inputRef = React34__namespace.useRef(null);
+  const selectRef = React34__namespace.useRef(null);
   const currentValue = onChange ? value : internalValue;
   const setValue = onChange || setInternalValue;
-  const validate = React33__namespace.useCallback(
+  const validate = React34__namespace.useCallback(
     (val) => {
       if (!column.validator) return true;
       const result = column.validator(val, row);
@@ -3060,7 +3181,7 @@ function CellEditor({
     }
     handleCommit();
   };
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     const timer = setTimeout(() => {
       if (editorType === "select") {
         selectRef.current?.focus();
@@ -3107,7 +3228,7 @@ function CellEditor({
     }
   );
   const renderDateEditor = () => {
-    const dateValue = React33__namespace.useMemo(() => {
+    const dateValue = React34__namespace.useMemo(() => {
       if (!currentValue) return void 0;
       if (currentValue instanceof Date) return currentValue;
       if (typeof currentValue === "string") {
@@ -3295,7 +3416,7 @@ function useDataGridState(options) {
     data,
     getCellValue: getCellValue2
   } = options;
-  const isControlled = React33.useMemo(
+  const isControlled = React34.useMemo(
     () => ({
       sorting: controlledSorting !== void 0,
       filters: controlledFilters !== void 0,
@@ -3309,15 +3430,15 @@ function useDataGridState(options) {
       controlledFocusedCell
     ]
   );
-  const [internalSorting, setInternalSorting] = React33.useState(defaultSorting);
-  const [internalFilters, setInternalFilters] = React33.useState(defaultFilters);
-  const [internalColumnWidths, setInternalColumnWidths] = React33.useState(defaultColumnWidths);
-  const [internalFocusedCell, setInternalFocusedCell] = React33.useState(null);
-  const [editingCell, setEditingCell] = React33.useState(null);
+  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 sorting = isControlled.sorting ? controlledSorting : internalSorting;
   const filters = isControlled.filters ? controlledFilters : internalFilters;
   const focusedCell = isControlled.focusedCell ? controlledFocusedCell : internalFocusedCell;
-  const columnWidths = React33.useMemo(() => {
+  const columnWidths = React34.useMemo(() => {
     const controlled = isControlled.columnWidths ? controlledColumnWidths : internalColumnWidths;
     const result = {};
     for (const column of columns) {
@@ -3325,8 +3446,8 @@ function useDataGridState(options) {
     }
     return result;
   }, [isControlled.columnWidths, controlledColumnWidths, internalColumnWidths, columns]);
-  const prevStateRef = React33.useRef(null);
-  const state = React33.useMemo(
+  const prevStateRef = React34.useRef(null);
+  const state = React34.useMemo(
     () => ({
       sorting,
       filters,
@@ -3336,7 +3457,7 @@ function useDataGridState(options) {
     }),
     [sorting, filters, columnWidths, focusedCell, editingCell]
   );
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (onStateChange) {
       const currentState = {
         sorting,
@@ -3351,7 +3472,7 @@ function useDataGridState(options) {
       }
     }
   }, [sorting, filters, columnWidths, focusedCell, editingCell, onStateChange]);
-  const setSorting = React33.useCallback(
+  const setSorting = React34.useCallback(
     (newSorting) => {
       if (isControlled.sorting) {
         onSortChange?.(newSorting);
@@ -3362,7 +3483,7 @@ function useDataGridState(options) {
     },
     [isControlled.sorting, onSortChange]
   );
-  const toggleSort = React33.useCallback(
+  const toggleSort = React34.useCallback(
     (columnKey) => {
       const currentSort = sorting.find((s) => s.field === columnKey);
       let newSorting;
@@ -3377,7 +3498,7 @@ function useDataGridState(options) {
     },
     [sorting, setSorting]
   );
-  const setFilters = React33.useCallback(
+  const setFilters = React34.useCallback(
     (newFilters) => {
       if (isControlled.filters) {
         onFilterChange?.(newFilters);
@@ -3388,7 +3509,7 @@ function useDataGridState(options) {
     },
     [isControlled.filters, onFilterChange]
   );
-  const setFilter = React33.useCallback(
+  const setFilter = React34.useCallback(
     (filter, columnKey) => {
       const newFilters = filters.filter((f) => f.columnKey !== columnKey);
       if (filter) {
@@ -3398,10 +3519,10 @@ function useDataGridState(options) {
     },
     [filters, setFilters]
   );
-  const clearFilters = React33.useCallback(() => {
+  const clearFilters = React34.useCallback(() => {
     setFilters([]);
   }, [setFilters]);
-  const setColumnWidth = React33.useCallback(
+  const setColumnWidth = React34.useCallback(
     (columnKey, width) => {
       if (isControlled.columnWidths) {
         onColumnResize?.(columnKey, width);
@@ -3415,7 +3536,7 @@ function useDataGridState(options) {
     },
     [isControlled.columnWidths, onColumnResize]
   );
-  const setFocusedCell = React33.useCallback(
+  const setFocusedCell = React34.useCallback(
     (cell) => {
       if (isControlled.focusedCell) {
         onFocusedCellChange?.(cell);
@@ -3426,7 +3547,7 @@ function useDataGridState(options) {
     },
     [isControlled.focusedCell, onFocusedCellChange]
   );
-  const startEditing = React33.useCallback(
+  const startEditing = React34.useCallback(
     (rowIndex, columnKey) => {
       if (onCellEditStart) {
         const allowed = onCellEditStart(rowIndex, columnKey);
@@ -3447,10 +3568,10 @@ function useDataGridState(options) {
     },
     [columns, data, getCellValue2, onCellEditStart, setFocusedCell]
   );
-  const updateEditingValue = React33.useCallback((value) => {
+  const updateEditingValue = React34.useCallback((value) => {
     setEditingCell((prev) => prev ? { ...prev, value } : null);
   }, []);
-  const commitEdit = React33.useCallback((valueOverride) => {
+  const commitEdit = React34.useCallback((valueOverride) => {
     if (!editingCell) return;
     const { rowIndex, columnKey, originalValue } = editingCell;
     const value = valueOverride !== void 0 ? valueOverride : editingCell.value;
@@ -3467,7 +3588,7 @@ function useDataGridState(options) {
     }
     setEditingCell(null);
   }, [editingCell, columns, data, onCellEdit]);
-  const cancelEdit = React33.useCallback(() => {
+  const cancelEdit = React34.useCallback(() => {
     if (editingCell) {
       onCellEditCancel?.(editingCell.rowIndex, editingCell.columnKey);
     }
@@ -3509,22 +3630,22 @@ function useKeyboardNavigation(options) {
     onScrollToRow,
     onScrollToColumn
   } = options;
-  const containerRef = React33.useRef(null);
+  const containerRef = React34.useRef(null);
   const visibleColumns = getVisibleColumns(columns);
-  const getColumnIndex = React33.useCallback(
+  const getColumnIndex = React34.useCallback(
     (columnKey) => {
       return visibleColumns.findIndex((col) => col.key === columnKey);
     },
     [visibleColumns]
   );
-  const getColumnKey = React33.useCallback(
+  const getColumnKey = React34.useCallback(
     (index) => {
       const column = visibleColumns[index];
       return column ? column.key : null;
     },
     [visibleColumns]
   );
-  const navigateToCell = React33.useCallback(
+  const navigateToCell = React34.useCallback(
     (rowIndex, columnKey) => {
       const clampedRow = Math.max(0, Math.min(rowIndex, rowCount - 1));
       onFocusedCellChange({ rowIndex: clampedRow, columnKey });
@@ -3533,7 +3654,7 @@ function useKeyboardNavigation(options) {
     },
     [rowCount, onFocusedCellChange, onScrollToRow, onScrollToColumn]
   );
-  const moveFocus = React33.useCallback(
+  const moveFocus = React34.useCallback(
     (rowDelta, colDelta) => {
       if (!focusedCell || visibleColumns.length === 0 || rowCount === 0) return;
       const currentColIndex = getColumnIndex(focusedCell.columnKey);
@@ -3573,35 +3694,35 @@ function useKeyboardNavigation(options) {
       navigateToCell
     ]
   );
-  const jumpToRowStart = React33.useCallback(() => {
+  const jumpToRowStart = React34.useCallback(() => {
     if (!focusedCell || visibleColumns.length === 0) return;
     const firstColumnKey = getColumnKey(0);
     if (firstColumnKey) {
       navigateToCell(focusedCell.rowIndex, firstColumnKey);
     }
   }, [focusedCell, visibleColumns.length, getColumnKey, navigateToCell]);
-  const jumpToRowEnd = React33.useCallback(() => {
+  const jumpToRowEnd = React34.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 = React33.useCallback(() => {
+  const jumpToGridStart = React34.useCallback(() => {
     if (visibleColumns.length === 0 || rowCount === 0) return;
     const firstColumnKey = getColumnKey(0);
     if (firstColumnKey) {
       navigateToCell(0, firstColumnKey);
     }
   }, [visibleColumns.length, rowCount, getColumnKey, navigateToCell]);
-  const jumpToGridEnd = React33.useCallback(() => {
+  const jumpToGridEnd = React34.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 = React33.useCallback(
+  const handleKeyDown = React34.useCallback(
     (event) => {
       if (!enabled) return;
       const { key, ctrlKey, metaKey, shiftKey } = event;
@@ -3704,7 +3825,7 @@ function useKeyboardNavigation(options) {
       onFocusedCellChange
     ]
   );
-  const focusContainer = React33.useCallback(() => {
+  const focusContainer = React34.useCallback(() => {
     containerRef.current?.focus();
   }, []);
   return {
@@ -3725,18 +3846,18 @@ function useColumnResize(options) {
     onResizeStart,
     onResizeEnd
   } = options;
-  const [isDragging, setIsDragging] = React33.useState(false);
-  const startXRef = React33.useRef(0);
-  const startWidthRef = React33.useRef(0);
+  const [isDragging, setIsDragging] = React34.useState(false);
+  const startXRef = React34.useRef(0);
+  const startWidthRef = React34.useRef(0);
   const minWidth = column.minWidth ?? DEFAULT_MIN_WIDTH;
   const maxWidth = column.maxWidth ?? DEFAULT_MAX_WIDTH;
-  const clampWidth = React33.useCallback(
+  const clampWidth = React34.useCallback(
     (width) => {
       return Math.max(minWidth, Math.min(maxWidth, width));
     },
     [minWidth, maxWidth]
   );
-  const handleMouseDown = React33.useCallback(
+  const handleMouseDown = React34.useCallback(
     (event) => {
       if (!enabled) return;
       event.preventDefault();
@@ -3750,7 +3871,7 @@ function useColumnResize(options) {
     },
     [enabled, currentWidth, onResizeStart]
   );
-  const handleMouseMove = React33.useCallback(
+  const handleMouseMove = React34.useCallback(
     (event) => {
       if (!isDragging) return;
       const deltaX = event.clientX - startXRef.current;
@@ -3759,7 +3880,7 @@ function useColumnResize(options) {
     },
     [isDragging, clampWidth, onResize]
   );
-  const handleMouseUp = React33.useCallback(() => {
+  const handleMouseUp = React34.useCallback(() => {
     if (!isDragging) return;
     setIsDragging(false);
     document.body.style.userSelect = "";
@@ -3767,7 +3888,7 @@ function useColumnResize(options) {
     const finalWidth = clampWidth(currentWidth);
     onResizeEnd?.(finalWidth);
   }, [isDragging, currentWidth, clampWidth, onResizeEnd]);
-  const handleDoubleClick = React33.useCallback(
+  const handleDoubleClick = React34.useCallback(
     (event) => {
       if (!enabled) return;
       event.preventDefault();
@@ -3779,7 +3900,7 @@ function useColumnResize(options) {
     },
     [enabled, column.width, clampWidth, onResize, onResizeEnd]
   );
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (isDragging) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -3789,7 +3910,7 @@ function useColumnResize(options) {
       };
     }
   }, [isDragging, handleMouseMove, handleMouseUp]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     return () => {
       if (isDragging) {
         document.body.style.userSelect = "";
@@ -3821,16 +3942,16 @@ function useColumnResizeManager(options) {
     onColumnResizeStart,
     onColumnResizeEnd
   } = options;
-  const [resizingColumn, setResizingColumn] = React33.useState(null);
-  const startXRef = React33.useRef(0);
-  const startWidthRef = React33.useRef(0);
-  const getColumn = React33.useCallback(
+  const [resizingColumn, setResizingColumn] = React34.useState(null);
+  const startXRef = React34.useRef(0);
+  const startWidthRef = React34.useRef(0);
+  const getColumn = React34.useCallback(
     (columnKey) => {
       return columns.find((c) => c.key === columnKey);
     },
     [columns]
   );
-  const clampWidth = React33.useCallback(
+  const clampWidth = React34.useCallback(
     (columnKey, width) => {
       const column = getColumn(columnKey);
       const minWidth = column?.minWidth ?? DEFAULT_MIN_WIDTH;
@@ -3839,7 +3960,7 @@ function useColumnResizeManager(options) {
     },
     [getColumn]
   );
-  const handleMouseMove = React33.useCallback(
+  const handleMouseMove = React34.useCallback(
     (event) => {
       if (!resizingColumn) return;
       const deltaX = event.clientX - startXRef.current;
@@ -3851,7 +3972,7 @@ function useColumnResizeManager(options) {
     },
     [resizingColumn, clampWidth, onColumnResize]
   );
-  const handleMouseUp = React33.useCallback(() => {
+  const handleMouseUp = React34.useCallback(() => {
     if (!resizingColumn) return;
     const finalWidth = columnWidths[resizingColumn] ?? 200;
     setResizingColumn(null);
@@ -3859,7 +3980,7 @@ function useColumnResizeManager(options) {
     document.body.style.cursor = "";
     onColumnResizeEnd?.(resizingColumn, finalWidth);
   }, [resizingColumn, columnWidths, onColumnResizeEnd]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (resizingColumn) {
       window.addEventListener("mousemove", handleMouseMove);
       window.addEventListener("mouseup", handleMouseUp);
@@ -3869,7 +3990,7 @@ function useColumnResizeManager(options) {
       };
     }
   }, [resizingColumn, handleMouseMove, handleMouseUp]);
-  const getResizeProps = React33.useCallback(
+  const getResizeProps = React34.useCallback(
     (columnKey) => {
       const column = getColumn(columnKey);
       const isResizable = resizableColumns && column?.resizable !== false;
@@ -4155,15 +4276,15 @@ function DataGrid({
   hasMore = false,
   loadingMore = false
 }) {
-  const parentRef = React33__namespace.useRef(null);
-  const headerRef = React33__namespace.useRef(null);
-  const [headerHeight, setHeaderHeight] = React33__namespace.useState(40);
-  const [hoveredCell, setHoveredCell] = React33__namespace.useState(null);
-  const visibleColumns = React33__namespace.useMemo(
+  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(
     () => columns.filter((col) => !col.hidden),
     [columns]
   );
-  const getCellValue2 = React33__namespace.useCallback(
+  const getCellValue2 = React34__namespace.useCallback(
     (row, column) => {
       if (column.accessor) {
         return column.accessor(row);
@@ -4192,7 +4313,7 @@ function DataGrid({
     data,
     getCellValue: getCellValue2
   });
-  const processedData = React33__namespace.useMemo(() => {
+  const processedData = React34__namespace.useMemo(() => {
     let result = data;
     if (enableInternalFiltering && !isControlled.filters && state.filters.length > 0) {
       result = applyFilters(result, state.filters, visibleColumns);
@@ -4220,7 +4341,7 @@ function DataGrid({
     onColumnResizeEnd
   });
   const shouldVirtualize = virtualized ?? processedData.length > 100;
-  React33__namespace.useLayoutEffect(() => {
+  React34__namespace.useLayoutEffect(() => {
     if (headerRef.current && shouldVirtualize) {
       setHeaderHeight(headerRef.current.offsetHeight);
     }
@@ -4232,13 +4353,13 @@ function DataGrid({
     overscan: DEFAULT_OVERSCAN,
     enabled: shouldVirtualize
   });
-  const tableWidth = React33__namespace.useMemo(() => {
+  const tableWidth = React34__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 = React33__namespace.useMemo(() => {
+  const visibleRowCount = React34__namespace.useMemo(() => {
     if (!parentRef.current) return 10;
     return Math.floor(parentRef.current.clientHeight / DEFAULT_ROW_HEIGHT);
   }, []);
@@ -4257,7 +4378,7 @@ function DataGrid({
       rowVirtualizer.scrollToIndex(rowIndex, { align: "auto" });
     }
   });
-  const handleBlur = React33__namespace.useCallback(
+  const handleBlur = React34__namespace.useCallback(
     (event) => {
       const target = event.target;
       const relatedTarget = event.relatedTarget;
@@ -4315,7 +4436,7 @@ function DataGrid({
     },
     [state.editingCell, actions]
   );
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (!infiniteScroll || !hasMore || loadingMore || !parentRef.current) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -4759,7 +4880,7 @@ function DataGrid({
   );
 }
 function PaginationFooter({ pagination }) {
-  const [goToPage, setGoToPage] = React33__namespace.useState("");
+  const [goToPage, setGoToPage] = React34__namespace.useState("");
   const handleGoToPage = () => {
     const page = parseInt(goToPage, 10);
     if (!isNaN(page) && page >= 1 && page <= pagination.totalPages) {
@@ -4877,21 +4998,21 @@ function Autocomplete({
   className,
   clearable = false
 }) {
-  const [open, setOpen] = React33__namespace.useState(false);
-  const [search, setSearch] = React33__namespace.useState("");
-  const inputRef = React33__namespace.useRef(null);
-  const selectedOption = React33__namespace.useMemo(
+  const [open, setOpen] = React34__namespace.useState(false);
+  const [search, setSearch] = React34__namespace.useState("");
+  const inputRef = React34__namespace.useRef(null);
+  const selectedOption = React34__namespace.useMemo(
     () => options.find((opt) => opt.value === value),
     [options, value]
   );
-  const filteredOptions = React33__namespace.useMemo(() => {
+  const filteredOptions = React34__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 = React33__namespace.useMemo(() => {
+  const groupedOptions = React34__namespace.useMemo(() => {
     const groups = {};
     const ungrouped = [];
     filteredOptions.forEach((opt) => {
@@ -4905,7 +5026,7 @@ function Autocomplete({
     return { groups, ungrouped };
   }, [filteredOptions]);
   const hasGroups = Object.keys(groupedOptions.groups).length > 0;
-  const handleSelect = React33__namespace.useCallback(
+  const handleSelect = React34__namespace.useCallback(
     (optionValue) => {
       onChange?.(optionValue);
       setOpen(false);
@@ -4913,7 +5034,7 @@ function Autocomplete({
     },
     [onChange]
   );
-  const handleClear = React33__namespace.useCallback(
+  const handleClear = React34__namespace.useCallback(
     (e) => {
       e.stopPropagation();
       onChange?.(void 0);
@@ -4921,7 +5042,7 @@ function Autocomplete({
     },
     [onChange]
   );
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (open) {
       const timeout = setTimeout(() => {
         inputRef.current?.focus();
@@ -4931,7 +5052,7 @@ function Autocomplete({
       setSearch("");
     }
   }, [open]);
-  const handleKeyDown = React33__namespace.useCallback((e) => {
+  const handleKeyDown = React34__namespace.useCallback((e) => {
     if (e.key === "Escape") {
       setOpen(false);
     }
@@ -5107,7 +5228,7 @@ var iconButtonVariants = classVarianceAuthority.cva(
     }
   }
 );
-var IconButton = React33__namespace.forwardRef(
+var IconButton = React34__namespace.forwardRef(
   ({ className, variant, size, isActive = false, icon, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -5131,7 +5252,7 @@ var IconButton = React33__namespace.forwardRef(
 );
 IconButton.displayName = "IconButton";
 function CopyButton({ content, className, size = "md" }) {
-  const [copied, setCopied] = React33__namespace.useState(false);
+  const [copied, setCopied] = React34__namespace.useState(false);
   const handleCopy = async () => {
     try {
       await navigator.clipboard.writeText(content);
@@ -5904,11 +6025,11 @@ function ThemePicker({
   align = "end",
   side = "bottom"
 }) {
-  const [open, setOpen] = React33__namespace.useState(false);
-  const [selectedTheme, setSelectedTheme] = React33__namespace.useState(
+  const [open, setOpen] = React34__namespace.useState(false);
+  const [selectedTheme, setSelectedTheme] = React34__namespace.useState(
     value || themes[0]
   );
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (value) {
       setSelectedTheme(value);
     }
@@ -6018,19 +6139,19 @@ function getSafePosition(x, y, menuWidth, menuHeight) {
   return { x: safeX, y: safeY };
 }
 function MenuItem({ item, onClose, depth = 0 }) {
-  const [isSubmenuOpen, setIsSubmenuOpen] = React33__namespace.useState(false);
-  const [submenuPosition, setSubmenuPosition] = React33__namespace.useState(null);
-  const itemRef = React33__namespace.useRef(null);
-  const hoverTimeoutRef = React33__namespace.useRef(null);
+  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 hasSubmenu = item.submenu && item.submenu.length > 0;
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     return () => {
       if (hoverTimeoutRef.current) {
         clearTimeout(hoverTimeoutRef.current);
       }
     };
   }, []);
-  const handleMouseEnter = React33__namespace.useCallback(() => {
+  const handleMouseEnter = React34__namespace.useCallback(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
     }
@@ -6050,22 +6171,22 @@ function MenuItem({ item, onClose, depth = 0 }) {
       setIsSubmenuOpen(true);
     }
   }, [hasSubmenu, item.submenu?.length]);
-  const handleMouseLeave = React33__namespace.useCallback(() => {
+  const handleMouseLeave = React34__namespace.useCallback(() => {
     hoverTimeoutRef.current = setTimeout(() => {
       setIsSubmenuOpen(false);
     }, 100);
   }, []);
-  const handleSubmenuMouseEnter = React33__namespace.useCallback(() => {
+  const handleSubmenuMouseEnter = React34__namespace.useCallback(() => {
     if (hoverTimeoutRef.current) {
       clearTimeout(hoverTimeoutRef.current);
     }
   }, []);
-  const handleSubmenuMouseLeave = React33__namespace.useCallback(() => {
+  const handleSubmenuMouseLeave = React34__namespace.useCallback(() => {
     hoverTimeoutRef.current = setTimeout(() => {
       setIsSubmenuOpen(false);
     }, 100);
   }, []);
-  const handleClick = React33__namespace.useCallback(() => {
+  const handleClick = React34__namespace.useCallback(() => {
     if (item.disabled) return;
     if (!hasSubmenu && item.action) {
       item.action();
@@ -6145,12 +6266,12 @@ function ContextMenu({
   anchorEl,
   className
 }) {
-  const menuRef = React33__namespace.useRef(null);
-  const [menuPosition, setMenuPosition] = React33__namespace.useState({
+  const menuRef = React34__namespace.useRef(null);
+  const [menuPosition, setMenuPosition] = React34__namespace.useState({
     x: 0,
     y: 0
   });
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (!isOpen) return;
     let x = position.x;
     let y = position.y;
@@ -6169,7 +6290,7 @@ function ContextMenu({
       }
     });
   }, [isOpen, position, anchorEl]);
-  React33__namespace.useEffect(() => {
+  React34__namespace.useEffect(() => {
     if (!isOpen) return;
     const handleClickOutside = (e) => {
       if (menuRef.current && !menuRef.current.contains(e.target)) {
@@ -6213,16 +6334,16 @@ function ContextMenu({
   );
 }
 function useContextMenu() {
-  const [isOpen, setIsOpen] = React33__namespace.useState(false);
-  const [position, setPosition] = React33__namespace.useState({ x: 0, y: 0 });
-  const [targetItem, setTargetItem] = React33__namespace.useState(null);
-  const menuRef = React33__namespace.useRef(null);
-  const openMenu = React33__namespace.useCallback((x, y, item) => {
+  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) => {
     setPosition({ x, y });
     setTargetItem(item);
     setIsOpen(true);
   }, []);
-  const closeMenu = React33__namespace.useCallback(() => {
+  const closeMenu = React34__namespace.useCallback(() => {
     setIsOpen(false);
     setTargetItem(null);
   }, []);
@@ -6254,6 +6375,9 @@ exports.AlertDialogTitle = AlertDialogTitle;
 exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.Autocomplete = Autocomplete;
 exports.Badge = Badge;
+exports.Board = Board;
+exports.BoardContent = BoardContent;
+exports.BoardHeader = BoardHeader;
 exports.Button = Button;
 exports.CYBERPUNK_THEME = CYBERPUNK_THEME;
 exports.Calendar = Calendar;
@@ -6362,6 +6486,7 @@ exports.applySorting = applySorting;
 exports.applyTheme = applyTheme;
 exports.areThemesEqual = areThemesEqual;
 exports.badgeVariants = badgeVariants;
+exports.boardVariants = boardVariants;
 exports.buttonVariants = buttonVariants;
 exports.cardActionsVariants = cardActionsVariants;
 exports.cardGridVariants = cardGridVariants;