auxalia-ui-kit 1.4.9 → 1.5.0

package/dist/index.cjs

@@ -29,13 +29,30 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Alert: () => Alert,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
   AuxaliaTokens: () => AuxaliaTokens,
+  Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
+  AvatarImage: () => AvatarImage,
+  Badge: () => Badge,
   Button: () => Button,
   Card: () => Card,
   CollapsibleContent: () => CollapsibleContent,
   CollapsibleRoot: () => CollapsibleRoot,
   CollapsibleTrigger: () => CollapsibleTrigger,
   ControlledTable: () => ControlledTable_default,
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
   DropdownMenu: () => DropdownMenu,
   DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
   DropdownMenuContent: () => DropdownMenuContent,
@@ -84,6 +101,11 @@ __export(index_exports, {
   SelectSeparator: () => SelectSeparator2,
   SelectTrigger: () => SelectTrigger2,
   SelectValue: () => SelectValue2,
+  Skeleton: () => Skeleton,
+  SkeletonAvatar: () => SkeletonAvatar,
+  SkeletonCard: () => SkeletonCard,
+  SkeletonText: () => SkeletonText,
+  Switch: () => Switch,
   Tabs: () => Tabs,
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
@@ -93,15 +115,15 @@ __export(index_exports, {
   TooltipContent: () => TooltipContent,
   TooltipProvider: () => TooltipProvider,
   TooltipTrigger: () => TooltipTrigger,
+  badgeVariants: () => badgeVariants,
   buttonVariants: () => buttonVariants,
   cn: () => cn,
   tailwindPreset: () => tailwind_preset_default
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/components/Button.tsx
+// src/components/Alert.tsx
 var React = __toESM(require("react"), 1);
-var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
 
 // src/lib/utils.ts
@@ -111,8 +133,139 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// src/components/Button.tsx
+// src/components/Alert.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority.cva)(
+  "relative w-full rounded-lg border p-4 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg+div]:pl-7",
+  {
+    variants: {
+      variant: {
+        default: "bg-surface text-content border-border dark:bg-surface/50",
+        primary: "bg-primary/5 text-content border-primary/20 dark:bg-primary/10 dark:border-primary/25 [&>svg]:text-primary",
+        destructive: "bg-destructive/5 text-content border-destructive/20 dark:bg-destructive/10 dark:border-destructive/25 [&>svg]:text-destructive",
+        success: "bg-auxalia-green-50 text-content border-auxalia-green-200 dark:bg-auxalia-green-500/10 dark:border-auxalia-green-500/25 [&>svg]:text-auxalia-green-600 dark:[&>svg]:text-auxalia-green-400",
+        warning: "bg-yellow-50 text-content border-yellow-200 dark:bg-yellow-500/10 dark:border-yellow-500/25 [&>svg]:text-yellow-600 dark:[&>svg]:text-yellow-400",
+        info: "bg-accent/5 text-content border-accent/20 dark:bg-accent/10 dark:border-accent/25 [&>svg]:text-accent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+var Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    role: "alert",
+    className: cn(alertVariants({ variant }), className),
+    ...props
+  }
+));
+Alert.displayName = "Alert";
+var AlertTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "h5",
+  {
+    ref,
+    className: cn("mb-1 font-medium leading-none tracking-tight", className),
+    ...props
+  }
+));
+AlertTitle.displayName = "AlertTitle";
+var AlertDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  "div",
+  {
+    ref,
+    className: cn("text-sm leading-relaxed text-dim", className),
+    ...props
+  }
+));
+AlertDescription.displayName = "AlertDescription";
+
+// src/components/Avatar.tsx
+var React2 = __toESM(require("react"), 1);
+var import_radix_ui = require("radix-ui");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var avatarVariants = (0, import_class_variance_authority2.cva)(
+  "relative flex shrink-0 overflow-hidden rounded-full",
+  {
+    variants: {
+      size: {
+        sm: "size-8 text-xs",
+        md: "size-10 text-sm",
+        lg: "size-12 text-base",
+        xl: "size-16 text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Avatar = React2.forwardRef(({ className, size: size4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  import_radix_ui.Avatar.Root,
+  {
+    ref,
+    className: cn(avatarVariants({ size: size4 }), className),
+    ...props
+  }
+));
+Avatar.displayName = import_radix_ui.Avatar.Root.displayName;
+var AvatarImage = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  import_radix_ui.Avatar.Image,
+  {
+    ref,
+    className: cn("aspect-square h-full w-full object-cover", className),
+    ...props
+  }
+));
+AvatarImage.displayName = import_radix_ui.Avatar.Image.displayName;
+var AvatarFallback = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  import_radix_ui.Avatar.Fallback,
+  {
+    ref,
+    className: cn(
+      "flex h-full w-full items-center justify-center rounded-full font-medium",
+      "bg-primary/15 text-primary dark:bg-primary/20",
+      className
+    ),
+    ...props
+  }
+));
+AvatarFallback.displayName = import_radix_ui.Avatar.Fallback.displayName;
+
+// src/components/Badge.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority3.cva)(
+  "inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary/10 text-primary border-primary/20 dark:bg-primary/15 dark:border-primary/25",
+        secondary: "bg-secondary/10 text-secondary border-secondary/20 dark:bg-secondary/15 dark:border-secondary/25",
+        accent: "bg-accent/10 text-accent border-accent/20 dark:bg-accent/15 dark:border-accent/25",
+        destructive: "bg-destructive/10 text-destructive border-destructive/20 dark:bg-destructive/15 dark:border-destructive/25",
+        success: "bg-auxalia-green-50 text-auxalia-green-700 border-auxalia-green-200 dark:bg-auxalia-green-500/15 dark:text-auxalia-green-400 dark:border-auxalia-green-500/25",
+        outline: "bg-transparent text-content border-border dark:border-white/15",
+        solid: "bg-primary text-primary-foreground border-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/components/Button.tsx
+var React3 = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var compoundVariants = [
   // FILLED - Using Auxalia Brand Colors
   {
@@ -194,7 +347,7 @@ var compoundVariants = [
     class: "text-accent underline hover:text-opacity-80"
   }
 ];
-var buttonVariants = (0, import_class_variance_authority.cva)(
+var buttonVariants = (0, import_class_variance_authority4.cva)(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed",
   {
     variants: {
@@ -226,10 +379,10 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button = React.forwardRef(
+var Button = React3.forwardRef(
   ({ className, variant, size: size4, color, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       Comp,
       {
         ref,
@@ -242,32 +395,209 @@ var Button = React.forwardRef(
 Button.displayName = "Button";
 
 // src/components/Collapsible.tsx
-var import_radix_ui = require("radix-ui");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_radix_ui2 = require("radix-ui");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function CollapsibleRoot({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_radix_ui.Collapsible.Root, { "data-slot": "collapsible", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_radix_ui2.Collapsible.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_radix_ui.Collapsible.Trigger, { "data-slot": "collapsible-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_radix_ui2.Collapsible.Trigger, { "data-slot": "collapsible-trigger", ...props });
 }
 function CollapsibleContent({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_radix_ui.Collapsible.Content, { className: "bg-red dark:bg-amber-50", "data-slot": "collapsible-content", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_radix_ui2.Collapsible.Content, { "data-slot": "collapsible-content", ...props });
+}
+
+// src/components/Dialog.tsx
+var React4 = __toESM(require("react"), 1);
+var import_radix_ui3 = require("radix-ui");
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Dialog = import_radix_ui3.Dialog.Root;
+var DialogTrigger = import_radix_ui3.Dialog.Trigger;
+var DialogPortal = import_radix_ui3.Dialog.Portal;
+var DialogClose = import_radix_ui3.Dialog.Close;
+var DialogOverlay = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  import_radix_ui3.Dialog.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/50 dark:bg-black/70",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out",
+      "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = import_radix_ui3.Dialog.Overlay.displayName;
+var DialogContent = React4.forwardRef(({ className, children, showClose = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_radix_ui3.Dialog.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2",
+        "bg-card text-content rounded-xl border border-border shadow-xl",
+        "p-6 outline-none",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
+        "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showClose && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogClose, { className: "absolute right-4 top-4 rounded-md p-1 text-dim opacity-70 hover:opacity-100 hover:bg-surface transition-all focus:outline-none focus:ring-2 focus:ring-primary/30", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.X, { className: "size-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = import_radix_ui3.Dialog.Content.displayName;
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("flex flex-col gap-1.5 mb-4", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    "div",
+    {
+      className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end mt-6", className),
+      ...props
+    }
+  );
+}
+var DialogTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  import_radix_ui3.Dialog.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold leading-tight text-content", className),
+    ...props
+  }
+));
+DialogTitle.displayName = import_radix_ui3.Dialog.Title.displayName;
+var DialogDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  import_radix_ui3.Dialog.Description,
+  {
+    ref,
+    className: cn("text-sm text-dim", className),
+    ...props
+  }
+));
+DialogDescription.displayName = import_radix_ui3.Dialog.Description.displayName;
+
+// src/components/Skeleton.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      className: cn(
+        "animate-pulse rounded-md bg-surface dark:bg-white/8",
+        className
+      ),
+      ...props
+    }
+  );
 }
+function SkeletonText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn("space-y-2", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { className: "h-4 w-full" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { className: "h-4 w-4/5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { className: "h-4 w-3/5" })
+  ] });
+}
+function SkeletonAvatar({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { className: cn("size-10 rounded-full", className), ...props });
+}
+function SkeletonCard({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: cn("rounded-lg border border-border p-4 space-y-3", className), ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SkeletonAvatar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { className: "h-4 w-1/3" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { className: "h-3 w-1/2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { className: "h-4 w-full" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Skeleton, { className: "h-4 w-4/5" })
+  ] });
+}
+
+// src/components/Switch.tsx
+var React5 = __toESM(require("react"), 1);
+var import_radix_ui4 = require("radix-ui");
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var switchVariants = (0, import_class_variance_authority5.cva)(
+  [
+    "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent",
+    "transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "data-[state=unchecked]:bg-border dark:data-[state=unchecked]:bg-white/15"
+  ],
+  {
+    variants: {
+      color: {
+        primary: "data-[state=checked]:bg-primary focus-visible:ring-primary/30",
+        secondary: "data-[state=checked]:bg-secondary focus-visible:ring-secondary/30",
+        accent: "data-[state=checked]:bg-accent focus-visible:ring-accent/30",
+        destructive: "data-[state=checked]:bg-destructive focus-visible:ring-destructive/30"
+      },
+      size: {
+        sm: "h-5 w-9",
+        md: "h-6 w-11",
+        lg: "h-7 w-[52px]"
+      }
+    },
+    defaultVariants: {
+      color: "primary",
+      size: "md"
+    }
+  }
+);
+var thumbVariants = (0, import_class_variance_authority5.cva)(
+  "pointer-events-none block rounded-full bg-white shadow-sm transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "size-4 data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0",
+        md: "size-5 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
+        lg: "size-6 data-[state=checked]:translate-x-[26px] data-[state=unchecked]:translate-x-0"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Switch = React5.forwardRef(({ className, color, size: size4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  import_radix_ui4.Switch.Root,
+  {
+    ref,
+    className: cn(switchVariants({ color, size: size4 }), className),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_radix_ui4.Switch.Thumb, { className: cn(thumbVariants({ size: size4 })) })
+  }
+));
+Switch.displayName = import_radix_ui4.Switch.Root.displayName;
 
 // src/components/DropdownMenu/index.tsx
-var React2 = __toESM(require("react"), 1);
+var React6 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
-var import_lucide_react = require("lucide-react");
+var import_lucide_react2 = require("lucide-react");
 
 // src/components/DropdownMenu/dropdown.styles.ts
-var import_class_variance_authority2 = require("class-variance-authority");
-var dropdownMenuItemVariants = (0, import_class_variance_authority2.cva)(
+var import_class_variance_authority6 = require("class-variance-authority");
+var dropdownMenuItemVariants = (0, import_class_variance_authority6.cva)(
   "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -286,14 +616,14 @@ var dropdownMenuItemVariants = (0, import_class_variance_authority2.cva)(
 );
 
 // src/components/DropdownMenu/index.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React2.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+var DropdownMenuSubTrigger = React6.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -305,12 +635,12 @@ var DropdownMenuSubTrigger = React2.forwardRef(({ className, inset, children, ..
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.ChevronRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRight, { className: "ml-auto" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var DropdownMenuSubContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -322,7 +652,7 @@ var DropdownMenuSubContent = React2.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React2.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var DropdownMenuContent = React6.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -336,7 +666,7 @@ var DropdownMenuContent = React2.forwardRef(({ className, sideOffset = 4, ...pro
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React2.forwardRef(({ className, inset, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var DropdownMenuItem = React6.forwardRef(({ className, inset, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -345,7 +675,7 @@ var DropdownMenuItem = React2.forwardRef(({ className, inset, variant, ...props
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React2.forwardRef(({ className, children, checked, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+var DropdownMenuCheckboxItem = React6.forwardRef(({ className, children, checked, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -357,13 +687,13 @@ var DropdownMenuCheckboxItem = React2.forwardRef(({ className, children, checked
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React2.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+var DropdownMenuRadioItem = React6.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -374,13 +704,13 @@ var DropdownMenuRadioItem = React2.forwardRef(({ className, children, variant, .
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React2.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var DropdownMenuLabel = React6.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -393,7 +723,7 @@ var DropdownMenuLabel = React2.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var DropdownMenuSeparator = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -406,7 +736,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -418,12 +748,12 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // src/components/Field.tsx
 var import_react = require("react");
-var import_class_variance_authority3 = require("class-variance-authority");
+var import_class_variance_authority7 = require("class-variance-authority");
 var import_react_separator = require("@radix-ui/react-separator");
-var import_radix_ui2 = require("radix-ui");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_radix_ui5 = require("radix-ui");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -441,7 +771,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -457,7 +787,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -469,7 +799,7 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = (0, import_class_variance_authority3.cva)(
+var fieldVariants = (0, import_class_variance_authority7.cva)(
   "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
   {
     variants: {
@@ -497,7 +827,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       role: "group",
@@ -509,7 +839,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -525,8 +855,8 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_radix_ui2.Label.Root,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_radix_ui5.Label.Root,
     {
       "data-slot": "field-label",
       className: cn(
@@ -540,7 +870,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       "data-slot": "field-label",
@@ -553,7 +883,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -572,7 +902,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -583,8 +913,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_separator.Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_separator.Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "span",
           {
             className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
@@ -612,14 +942,14 @@ function FieldError({
     if (errors.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index2) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { children: error.message }, index2)
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index2) => error?.message && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { children: error.message }, index2)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       role: "alert",
@@ -633,12 +963,12 @@ function FieldError({
 
 // src/components/Labels.tsx
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"), 1);
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Label3({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -652,10 +982,10 @@ function Label3({
 }
 
 // src/components/Pagination.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "nav",
     {
       role: "navigation",
@@ -670,7 +1000,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -680,7 +1010,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -688,7 +1018,7 @@ function PaginationLink({
   size: size4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -703,7 +1033,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -711,8 +1041,8 @@ function PaginationPrevious({
       className: cn("flex flex-row items-center gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronLeftIcon, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.ChevronLeftIcon, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -721,7 +1051,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -729,8 +1059,8 @@ function PaginationNext({
       className: cn("flex flex-row items-center gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.ChevronRightIcon, {})
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.ChevronRightIcon, {})
       ]
     }
   );
@@ -739,7 +1069,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
     "span",
     {
       "aria-hidden": true,
@@ -747,28 +1077,28 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react2.MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react3.MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
 
 // src/components/Popover.tsx
-var React3 = __toESM(require("react"), 1);
+var React7 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React3.forwardRef(
+var PopoverContent = React7.forwardRef(
   ({
     className,
     align = "center",
     sideOffset = 6,
     collisionPadding = 8,
     ...props
-  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     PopoverPrimitive.Content,
     {
       ref,
@@ -797,12 +1127,12 @@ PopoverContent.displayName = "PopoverContent";
 
 // src/components/Tooltip.tsx
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -814,12 +1144,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -827,27 +1157,27 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset,
       className: cn(
-        "bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        "bg-slate-900 text-white dark:bg-slate-100 dark:text-slate-900 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TooltipPrimitive.Arrow, { className: "fill-slate-900 dark:fill-slate-100 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
 
 // src/components/Card/card.styles.ts
-var import_class_variance_authority4 = require("class-variance-authority");
-var cardVariants = (0, import_class_variance_authority4.cva)(
+var import_class_variance_authority8 = require("class-variance-authority");
+var cardVariants = (0, import_class_variance_authority8.cva)(
   `
   rounded-lg border p-4 transition-all duration-300
   `,
@@ -869,14 +1199,14 @@ var cardVariants = (0, import_class_variance_authority4.cva)(
 );
 
 // src/components/Card/index.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function Card({ variant, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(cardVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn(cardVariants({ variant }), className), ...props });
 }
 
 // src/components/Input/input.styles.ts
-var import_class_variance_authority5 = require("class-variance-authority");
-var inputVariants = (0, import_class_variance_authority5.cva)(
+var import_class_variance_authority9 = require("class-variance-authority");
+var inputVariants = (0, import_class_variance_authority9.cva)(
   `
   w-full rounded-md border transition-colors
   bg-white dark:bg-white/5
@@ -913,9 +1243,9 @@ var inputVariants = (0, import_class_variance_authority5.cva)(
 );
 
 // src/components/Input/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Input({ size: size4, variant, className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "input",
     {
       className: cn(inputVariants({ variant, size: size4 }), className),
@@ -925,10 +1255,10 @@ function Input({ size: size4, variant, className, ...props }) {
 }
 
 // src/components/Select/index.tsx
-var React34 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 
 // node_modules/@radix-ui/react-select/dist/index.mjs
-var React33 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var ReactDOM4 = __toESM(require("react-dom"), 1);
 
 // node_modules/@radix-ui/number/dist/index.mjs
@@ -951,24 +1281,24 @@ function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForD
 var import_react2 = __toESM(require("react"), 1);
 
 // node_modules/@radix-ui/react-context/dist/index.mjs
-var React4 = __toESM(require("react"), 1);
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function createContextScope(scopeName, createContextScopeDeps = []) {
   let defaultContexts = [];
   function createContext32(rootComponentName, defaultContext) {
-    const BaseContext = React4.createContext(defaultContext);
+    const BaseContext = React8.createContext(defaultContext);
     const index2 = defaultContexts.length;
     defaultContexts = [...defaultContexts, defaultContext];
     const Provider2 = (props) => {
       const { scope, children, ...context } = props;
       const Context = scope?.[scopeName]?.[index2] || BaseContext;
-      const value = React4.useMemo(() => context, Object.values(context));
-      return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Context.Provider, { value, children });
+      const value = React8.useMemo(() => context, Object.values(context));
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Context.Provider, { value, children });
     };
     Provider2.displayName = rootComponentName + "Provider";
     function useContext22(consumerName, scope) {
       const Context = scope?.[scopeName]?.[index2] || BaseContext;
-      const context = React4.useContext(Context);
+      const context = React8.useContext(Context);
       if (context) return context;
       if (defaultContext !== void 0) return defaultContext;
       throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
@@ -977,11 +1307,11 @@ function createContextScope(scopeName, createContextScopeDeps = []) {
   }
   const createScope = () => {
     const scopeContexts = defaultContexts.map((defaultContext) => {
-      return React4.createContext(defaultContext);
+      return React8.createContext(defaultContext);
     });
     return function useScope(scope) {
       const contexts = scope?.[scopeName] || scopeContexts;
-      return React4.useMemo(
+      return React8.useMemo(
         () => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
         [scope, contexts]
       );
@@ -1004,7 +1334,7 @@ function composeContextScopes(...scopes) {
         const currentScope = scopeProps[`__scope${scopeName}`];
         return { ...nextScopes2, ...currentScope };
       }, {});
-      return React4.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
+      return React8.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
     };
   };
   createScope.scopeName = baseScope.scopeName;
@@ -1012,7 +1342,7 @@ function composeContextScopes(...scopes) {
 }
 
 // node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-var React5 = __toESM(require("react"), 1);
+var React9 = __toESM(require("react"), 1);
 function setRef(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -1045,15 +1375,15 @@ function composeRefs(...refs) {
   };
 }
 function useComposedRefs(...refs) {
-  return React5.useCallback(composeRefs(...refs), refs);
+  return React9.useCallback(composeRefs(...refs), refs);
 }
 
 // node_modules/@radix-ui/react-collection/dist/index.mjs
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var import_react3 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function createCollection(name) {
   const PROVIDER_NAME = name + "CollectionProvider";
   const [createCollectionContext, createCollectionScope2] = createContextScope(PROVIDER_NAME);
@@ -1065,7 +1395,7 @@ function createCollection(name) {
     const { scope, children } = props;
     const ref = import_react2.default.useRef(null);
     const itemMap = import_react2.default.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollectionProviderImpl, { scope, itemMap, collectionRef: ref, children });
   };
   CollectionProvider.displayName = PROVIDER_NAME;
   const COLLECTION_SLOT_NAME = name + "CollectionSlot";
@@ -1075,7 +1405,7 @@ function createCollection(name) {
       const { scope, children } = props;
       const context = useCollectionContext(COLLECTION_SLOT_NAME, scope);
       const composedRefs = useComposedRefs(forwardedRef, context.collectionRef);
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollectionSlotImpl, { ref: composedRefs, children });
     }
   );
   CollectionSlot.displayName = COLLECTION_SLOT_NAME;
@@ -1092,7 +1422,7 @@ function createCollection(name) {
         context.itemMap.set(ref, { ref, ...itemData });
         return () => void context.itemMap.delete(ref);
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CollectionItemSlotImpl, { ...{ [ITEM_DATA_ATTR]: "" }, ref: composedRefs, children });
     }
   );
   CollectionItemSlot.displayName = ITEM_SLOT_NAME;
@@ -1118,22 +1448,22 @@ function createCollection(name) {
 }
 
 // node_modules/@radix-ui/react-direction/dist/index.mjs
-var React7 = __toESM(require("react"), 1);
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var DirectionContext = React7.createContext(void 0);
+var React11 = __toESM(require("react"), 1);
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var DirectionContext = React11.createContext(void 0);
 function useDirection(localDir) {
-  const globalDir = React7.useContext(DirectionContext);
+  const globalDir = React11.useContext(DirectionContext);
   return localDir || globalDir || "ltr";
 }
 
 // node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var React11 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 
 // node_modules/@radix-ui/react-primitive/dist/index.mjs
-var React8 = __toESM(require("react"), 1);
+var React12 = __toESM(require("react"), 1);
 var ReactDOM = __toESM(require("react-dom"), 1);
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var NODES = [
   "a",
   "button",
@@ -1155,13 +1485,13 @@ var NODES = [
 ];
 var Primitive = NODES.reduce((primitive, node) => {
   const Slot3 = (0, import_react_slot4.createSlot)(`Primitive.${node}`);
-  const Node2 = React8.forwardRef((props, forwardedRef) => {
+  const Node2 = React12.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
       window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
@@ -1171,20 +1501,20 @@ function dispatchDiscreteCustomEvent(target, event) {
 }
 
 // node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
-var React9 = __toESM(require("react"), 1);
+var React13 = __toESM(require("react"), 1);
 function useCallbackRef(callback) {
-  const callbackRef = React9.useRef(callback);
-  React9.useEffect(() => {
+  const callbackRef = React13.useRef(callback);
+  React13.useEffect(() => {
     callbackRef.current = callback;
   });
-  return React9.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+  return React13.useMemo(() => (...args) => callbackRef.current?.(...args), []);
 }
 
 // node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
-var React10 = __toESM(require("react"), 1);
+var React14 = __toESM(require("react"), 1);
 function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.document) {
   const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
-  React10.useEffect(() => {
+  React14.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === "Escape") {
         onEscapeKeyDown(event);
@@ -1196,18 +1526,18 @@ function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis?.docum
 }
 
 // node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var DISMISSABLE_LAYER_NAME = "DismissableLayer";
 var CONTEXT_UPDATE = "dismissableLayer.update";
 var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
 var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
 var originalBodyPointerEvents;
-var DismissableLayerContext = React11.createContext({
+var DismissableLayerContext = React15.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
 });
-var DismissableLayer = React11.forwardRef(
+var DismissableLayer = React15.forwardRef(
   (props, forwardedRef) => {
     const {
       disableOutsidePointerEvents = false,
@@ -1218,10 +1548,10 @@ var DismissableLayer = React11.forwardRef(
       onDismiss,
       ...layerProps
     } = props;
-    const context = React11.useContext(DismissableLayerContext);
-    const [node, setNode] = React11.useState(null);
+    const context = React15.useContext(DismissableLayerContext);
+    const [node, setNode] = React15.useState(null);
     const ownerDocument = node?.ownerDocument ?? globalThis?.document;
-    const [, force] = React11.useState({});
+    const [, force] = React15.useState({});
     const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
     const layers = Array.from(context.layers);
     const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
@@ -1254,7 +1584,7 @@ var DismissableLayer = React11.forwardRef(
         onDismiss();
       }
     }, ownerDocument);
-    React11.useEffect(() => {
+    React15.useEffect(() => {
       if (!node) return;
       if (disableOutsidePointerEvents) {
         if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
@@ -1271,7 +1601,7 @@ var DismissableLayer = React11.forwardRef(
         }
       };
     }, [node, ownerDocument, disableOutsidePointerEvents, context]);
-    React11.useEffect(() => {
+    React15.useEffect(() => {
       return () => {
         if (!node) return;
         context.layers.delete(node);
@@ -1279,12 +1609,12 @@ var DismissableLayer = React11.forwardRef(
         dispatchUpdate();
       };
     }, [node, context]);
-    React11.useEffect(() => {
+    React15.useEffect(() => {
       const handleUpdate = () => force({});
       document.addEventListener(CONTEXT_UPDATE, handleUpdate);
       return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       Primitive.div,
       {
         ...layerProps,
@@ -1305,11 +1635,11 @@ var DismissableLayer = React11.forwardRef(
 );
 DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
 var BRANCH_NAME = "DismissableLayerBranch";
-var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
-  const context = React11.useContext(DismissableLayerContext);
-  const ref = React11.useRef(null);
+var DismissableLayerBranch = React15.forwardRef((props, forwardedRef) => {
+  const context = React15.useContext(DismissableLayerContext);
+  const ref = React15.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, ref);
-  React11.useEffect(() => {
+  React15.useEffect(() => {
     const node = ref.current;
     if (node) {
       context.branches.add(node);
@@ -1318,15 +1648,15 @@ var DismissableLayerBranch = React11.forwardRef((props, forwardedRef) => {
       };
     }
   }, [context.branches]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Primitive.div, { ...props, ref: composedRefs });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Primitive.div, { ...props, ref: composedRefs });
 });
 DismissableLayerBranch.displayName = BRANCH_NAME;
 function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?.document) {
   const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
-  const isPointerInsideReactTreeRef = React11.useRef(false);
-  const handleClickRef = React11.useRef(() => {
+  const isPointerInsideReactTreeRef = React15.useRef(false);
+  const handleClickRef = React15.useRef(() => {
   });
-  React11.useEffect(() => {
+  React15.useEffect(() => {
     const handlePointerDown = (event) => {
       if (event.target && !isPointerInsideReactTreeRef.current) {
         let handleAndDispatchPointerDownOutsideEvent2 = function() {
@@ -1367,8 +1697,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis?
 }
 function useFocusOutside(onFocusOutside, ownerDocument = globalThis?.document) {
   const handleFocusOutside = useCallbackRef(onFocusOutside);
-  const isFocusInsideReactTreeRef = React11.useRef(false);
-  React11.useEffect(() => {
+  const isFocusInsideReactTreeRef = React15.useRef(false);
+  React15.useEffect(() => {
     const handleFocus = (event) => {
       if (event.target && !isFocusInsideReactTreeRef.current) {
         const eventDetail = { originalEvent: event };
@@ -1401,10 +1731,10 @@ function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
 }
 
 // node_modules/@radix-ui/react-focus-guards/dist/index.mjs
-var React12 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var count = 0;
 function useFocusGuards() {
-  React12.useEffect(() => {
+  React16.useEffect(() => {
     const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
     document.body.insertAdjacentElement("afterbegin", edgeGuards[0] ?? createFocusGuard());
     document.body.insertAdjacentElement("beforeend", edgeGuards[1] ?? createFocusGuard());
@@ -1429,13 +1759,13 @@ function createFocusGuard() {
 }
 
 // node_modules/@radix-ui/react-focus-scope/dist/index.mjs
-var React13 = __toESM(require("react"), 1);
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var React17 = __toESM(require("react"), 1);
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
 var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
 var EVENT_OPTIONS = { bubbles: false, cancelable: true };
 var FOCUS_SCOPE_NAME = "FocusScope";
-var FocusScope = React13.forwardRef((props, forwardedRef) => {
+var FocusScope = React17.forwardRef((props, forwardedRef) => {
   const {
     loop = false,
     trapped = false,
@@ -1443,12 +1773,12 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
     onUnmountAutoFocus: onUnmountAutoFocusProp,
     ...scopeProps
   } = props;
-  const [container, setContainer] = React13.useState(null);
+  const [container, setContainer] = React17.useState(null);
   const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
   const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
-  const lastFocusedElementRef = React13.useRef(null);
+  const lastFocusedElementRef = React17.useRef(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
-  const focusScope = React13.useRef({
+  const focusScope = React17.useRef({
     paused: false,
     pause() {
       this.paused = true;
@@ -1457,7 +1787,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
       this.paused = false;
     }
   }).current;
-  React13.useEffect(() => {
+  React17.useEffect(() => {
     if (trapped) {
       let handleFocusIn2 = function(event) {
         if (focusScope.paused || !container) return;
@@ -1493,7 +1823,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
       };
     }
   }, [trapped, container, focusScope.paused]);
-  React13.useEffect(() => {
+  React17.useEffect(() => {
     if (container) {
       focusScopesStack.add(focusScope);
       const previouslyFocusedElement = document.activeElement;
@@ -1524,7 +1854,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
       };
     }
   }, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
-  const handleKeyDown = React13.useCallback(
+  const handleKeyDown = React17.useCallback(
     (event) => {
       if (!loop && !trapped) return;
       if (focusScope.paused) return;
@@ -1549,7 +1879,7 @@ var FocusScope = React13.forwardRef((props, forwardedRef) => {
     },
     [loop, trapped, focusScope.paused]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Primitive.div, { tabIndex: -1, ...scopeProps, ref: composedRefs, onKeyDown: handleKeyDown });
 });
 FocusScope.displayName = FOCUS_SCOPE_NAME;
 function focusFirst(candidates, { select = false } = {}) {
@@ -1633,18 +1963,18 @@ function removeLinks(items) {
 }
 
 // node_modules/@radix-ui/react-id/dist/index.mjs
-var React15 = __toESM(require("react"), 1);
+var React19 = __toESM(require("react"), 1);
 
 // node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
-var React14 = __toESM(require("react"), 1);
-var useLayoutEffect2 = globalThis?.document ? React14.useLayoutEffect : () => {
+var React18 = __toESM(require("react"), 1);
+var useLayoutEffect2 = globalThis?.document ? React18.useLayoutEffect : () => {
 };
 
 // node_modules/@radix-ui/react-id/dist/index.mjs
-var useReactId = React15[" useId ".trim().toString()] || (() => void 0);
+var useReactId = React19[" useId ".trim().toString()] || (() => void 0);
 var count2 = 0;
 function useId(deterministicId) {
-  const [id, setId] = React15.useState(useReactId());
+  const [id, setId] = React19.useState(useReactId());
   useLayoutEffect2(() => {
     if (!deterministicId) setId((reactId) => reactId ?? String(count2++));
   }, [deterministicId]);
@@ -1652,7 +1982,7 @@ function useId(deterministicId) {
 }
 
 // node_modules/@radix-ui/react-popper/dist/index.mjs
-var React19 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 
 // node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
 var sides = ["top", "right", "bottom", "left"];
@@ -3272,7 +3602,7 @@ var computePosition2 = (reference, floating, options) => {
 };
 
 // node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.mjs
-var React16 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var import_react4 = require("react");
 var ReactDOM2 = __toESM(require("react-dom"), 1);
 var isClient = typeof document !== "undefined";
@@ -3338,7 +3668,7 @@ function roundByDPR(element, value) {
   return Math.round(value * dpr) / dpr;
 }
 function useLatestRef(value) {
-  const ref = React16.useRef(value);
+  const ref = React20.useRef(value);
   index(() => {
     ref.current = value;
   });
@@ -3361,7 +3691,7 @@ function useFloating(options) {
     whileElementsMounted,
     open
   } = options;
-  const [data, setData] = React16.useState({
+  const [data, setData] = React20.useState({
     x: 0,
     y: 0,
     strategy,
@@ -3369,19 +3699,19 @@ function useFloating(options) {
     middlewareData: {},
     isPositioned: false
   });
-  const [latestMiddleware, setLatestMiddleware] = React16.useState(middleware);
+  const [latestMiddleware, setLatestMiddleware] = React20.useState(middleware);
   if (!deepEqual(latestMiddleware, middleware)) {
     setLatestMiddleware(middleware);
   }
-  const [_reference, _setReference] = React16.useState(null);
-  const [_floating, _setFloating] = React16.useState(null);
-  const setReference = React16.useCallback((node) => {
+  const [_reference, _setReference] = React20.useState(null);
+  const [_floating, _setFloating] = React20.useState(null);
+  const setReference = React20.useCallback((node) => {
     if (node !== referenceRef.current) {
       referenceRef.current = node;
       _setReference(node);
     }
   }, []);
-  const setFloating = React16.useCallback((node) => {
+  const setFloating = React20.useCallback((node) => {
     if (node !== floatingRef.current) {
       floatingRef.current = node;
       _setFloating(node);
@@ -3389,14 +3719,14 @@ function useFloating(options) {
   }, []);
   const referenceEl = externalReference || _reference;
   const floatingEl = externalFloating || _floating;
-  const referenceRef = React16.useRef(null);
-  const floatingRef = React16.useRef(null);
-  const dataRef = React16.useRef(data);
+  const referenceRef = React20.useRef(null);
+  const floatingRef = React20.useRef(null);
+  const dataRef = React20.useRef(data);
   const hasWhileElementsMounted = whileElementsMounted != null;
   const whileElementsMountedRef = useLatestRef(whileElementsMounted);
   const platformRef = useLatestRef(platform2);
   const openRef = useLatestRef(open);
-  const update = React16.useCallback(() => {
+  const update = React20.useCallback(() => {
     if (!referenceRef.current || !floatingRef.current) {
       return;
     }
@@ -3434,7 +3764,7 @@ function useFloating(options) {
       }));
     }
   }, [open]);
-  const isMountedRef = React16.useRef(false);
+  const isMountedRef = React20.useRef(false);
   index(() => {
     isMountedRef.current = true;
     return () => {
@@ -3451,17 +3781,17 @@ function useFloating(options) {
       update();
     }
   }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
-  const refs = React16.useMemo(() => ({
+  const refs = React20.useMemo(() => ({
     reference: referenceRef,
     floating: floatingRef,
     setReference,
     setFloating
   }), [setReference, setFloating]);
-  const elements = React16.useMemo(() => ({
+  const elements = React20.useMemo(() => ({
     reference: referenceEl,
     floating: floatingEl
   }), [referenceEl, floatingEl]);
-  const floatingStyles = React16.useMemo(() => {
+  const floatingStyles = React20.useMemo(() => {
     const initialStyles = {
       position: strategy,
       left: 0,
@@ -3487,7 +3817,7 @@ function useFloating(options) {
       top: y
     };
   }, [strategy, transform, elements.floating, data.x, data.y]);
-  return React16.useMemo(() => ({
+  return React20.useMemo(() => ({
     ...data,
     update,
     refs,
@@ -3583,12 +3913,12 @@ var arrow3 = (options, deps) => {
 };
 
 // node_modules/@radix-ui/react-arrow/dist/index.mjs
-var React17 = __toESM(require("react"), 1);
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var React21 = __toESM(require("react"), 1);
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var NAME = "Arrow";
-var Arrow2 = React17.forwardRef((props, forwardedRef) => {
+var Arrow2 = React21.forwardRef((props, forwardedRef) => {
   const { children, width = 10, height = 5, ...arrowProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     Primitive.svg,
     {
       ...arrowProps,
@@ -3597,7 +3927,7 @@ var Arrow2 = React17.forwardRef((props, forwardedRef) => {
       height,
       viewBox: "0 0 30 10",
       preserveAspectRatio: "none",
-      children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("polygon", { points: "0,0 30,0 15,10" })
+      children: props.asChild ? children : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("polygon", { points: "0,0 30,0 15,10" })
     }
   );
 });
@@ -3605,9 +3935,9 @@ Arrow2.displayName = NAME;
 var Root5 = Arrow2;
 
 // node_modules/@radix-ui/react-use-size/dist/index.mjs
-var React18 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 function useSize(element) {
-  const [size4, setSize] = React18.useState(void 0);
+  const [size4, setSize] = React23.useState(void 0);
   useLayoutEffect2(() => {
     if (element) {
       setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -3642,38 +3972,38 @@ function useSize(element) {
 }
 
 // node_modules/@radix-ui/react-popper/dist/index.mjs
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var POPPER_NAME = "Popper";
 var [createPopperContext, createPopperScope] = createContextScope(POPPER_NAME);
 var [PopperProvider, usePopperContext] = createPopperContext(POPPER_NAME);
 var Popper = (props) => {
   const { __scopePopper, children } = props;
-  const [anchor, setAnchor] = React19.useState(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
+  const [anchor, setAnchor] = React24.useState(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PopperProvider, { scope: __scopePopper, anchor, onAnchorChange: setAnchor, children });
 };
 Popper.displayName = POPPER_NAME;
 var ANCHOR_NAME = "PopperAnchor";
-var PopperAnchor = React19.forwardRef(
+var PopperAnchor = React24.forwardRef(
   (props, forwardedRef) => {
     const { __scopePopper, virtualRef, ...anchorProps } = props;
     const context = usePopperContext(ANCHOR_NAME, __scopePopper);
-    const ref = React19.useRef(null);
+    const ref = React24.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
-    const anchorRef = React19.useRef(null);
-    React19.useEffect(() => {
+    const anchorRef = React24.useRef(null);
+    React24.useEffect(() => {
       const previousAnchor = anchorRef.current;
       anchorRef.current = virtualRef?.current || ref.current;
       if (previousAnchor !== anchorRef.current) {
         context.onAnchorChange(anchorRef.current);
       }
     });
-    return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
+    return virtualRef ? null : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Primitive.div, { ...anchorProps, ref: composedRefs });
   }
 );
 PopperAnchor.displayName = ANCHOR_NAME;
 var CONTENT_NAME = "PopperContent";
 var [PopperContentProvider, useContentContext] = createPopperContext(CONTENT_NAME);
-var PopperContent = React19.forwardRef(
+var PopperContent = React24.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopePopper,
@@ -3692,9 +4022,9 @@ var PopperContent = React19.forwardRef(
       ...contentProps
     } = props;
     const context = usePopperContext(CONTENT_NAME, __scopePopper);
-    const [content, setContent] = React19.useState(null);
+    const [content, setContent] = React24.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [arrow4, setArrow] = React19.useState(null);
+    const [arrow4, setArrow] = React24.useState(null);
     const arrowSize = useSize(arrow4);
     const arrowWidth = arrowSize?.width ?? 0;
     const arrowHeight = arrowSize?.height ?? 0;
@@ -3756,11 +4086,11 @@ var PopperContent = React19.forwardRef(
     const arrowX = middlewareData.arrow?.x;
     const arrowY = middlewareData.arrow?.y;
     const cannotCenterArrow = middlewareData.arrow?.centerOffset !== 0;
-    const [contentZIndex, setContentZIndex] = React19.useState();
+    const [contentZIndex, setContentZIndex] = React24.useState();
     useLayoutEffect2(() => {
       if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
     }, [content]);
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "div",
       {
         ref: refs.setFloating,
@@ -3784,7 +4114,7 @@ var PopperContent = React19.forwardRef(
           }
         },
         dir: props.dir,
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           PopperContentProvider,
           {
             scope: __scopePopper,
@@ -3793,7 +4123,7 @@ var PopperContent = React19.forwardRef(
             arrowX,
             arrowY,
             shouldHideArrow: cannotCenterArrow,
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               Primitive.div,
               {
                 "data-side": placedSide,
@@ -3822,7 +4152,7 @@ var OPPOSITE_SIDE = {
   bottom: "top",
   left: "right"
 };
-var PopperArrow = React19.forwardRef(function PopperArrow2(props, forwardedRef) {
+var PopperArrow = React24.forwardRef(function PopperArrow2(props, forwardedRef) {
   const { __scopePopper, ...arrowProps } = props;
   const contentContext = useContentContext(ARROW_NAME, __scopePopper);
   const baseSide = OPPOSITE_SIDE[contentContext.placedSide];
@@ -3830,7 +4160,7 @@ var PopperArrow = React19.forwardRef(function PopperArrow2(props, forwardedRef)
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
     // it reports their bounding box which is effectively the largest path inside the SVG.
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "span",
       {
         ref: contentContext.onArrowChange,
@@ -3853,7 +4183,7 @@ var PopperArrow = React19.forwardRef(function PopperArrow2(props, forwardedRef)
           }[contentContext.placedSide],
           visibility: contentContext.shouldHideArrow ? "hidden" : void 0
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           Root5,
           {
             ...arrowProps,
@@ -3914,16 +4244,16 @@ var Content4 = PopperContent;
 var Arrow3 = PopperArrow;
 
 // node_modules/@radix-ui/react-portal/dist/index.mjs
-var React20 = __toESM(require("react"), 1);
+var React25 = __toESM(require("react"), 1);
 var import_react_dom2 = __toESM(require("react-dom"), 1);
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var PORTAL_NAME = "Portal";
-var Portal4 = React20.forwardRef((props, forwardedRef) => {
+var Portal4 = React25.forwardRef((props, forwardedRef) => {
   const { container: containerProp, ...portalProps } = props;
-  const [mounted, setMounted] = React20.useState(false);
+  const [mounted, setMounted] = React25.useState(false);
   useLayoutEffect2(() => setMounted(true), []);
   const container = containerProp || mounted && globalThis?.document?.body;
-  return container ? import_react_dom2.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
+  return container ? import_react_dom2.default.createPortal(/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Primitive.div, { ...portalProps, ref: forwardedRef }), container) : null;
 });
 Portal4.displayName = PORTAL_NAME;
 
@@ -3931,9 +4261,9 @@ Portal4.displayName = PORTAL_NAME;
 var import_react_slot5 = require("@radix-ui/react-slot");
 
 // node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
-var React21 = __toESM(require("react"), 1);
-var React23 = __toESM(require("react"), 1);
-var useInsertionEffect = React21[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
+var React26 = __toESM(require("react"), 1);
+var React27 = __toESM(require("react"), 1);
+var useInsertionEffect = React26[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
 function useControllableState({
   prop,
   defaultProp,
@@ -3948,8 +4278,8 @@ function useControllableState({
   const isControlled = prop !== void 0;
   const value = isControlled ? prop : uncontrolledProp;
   if (true) {
-    const isControlledRef = React21.useRef(prop !== void 0);
-    React21.useEffect(() => {
+    const isControlledRef = React26.useRef(prop !== void 0);
+    React26.useEffect(() => {
       const wasControlled = isControlledRef.current;
       if (wasControlled !== isControlled) {
         const from = wasControlled ? "controlled" : "uncontrolled";
@@ -3961,7 +4291,7 @@ function useControllableState({
       isControlledRef.current = isControlled;
     }, [isControlled, caller]);
   }
-  const setValue = React21.useCallback(
+  const setValue = React26.useCallback(
     (nextValue) => {
       if (isControlled) {
         const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -3980,13 +4310,13 @@ function useUncontrolledState({
   defaultProp,
   onChange
 }) {
-  const [value, setValue] = React21.useState(defaultProp);
-  const prevValueRef = React21.useRef(value);
-  const onChangeRef = React21.useRef(onChange);
+  const [value, setValue] = React26.useState(defaultProp);
+  const prevValueRef = React26.useRef(value);
+  const onChangeRef = React26.useRef(onChange);
   useInsertionEffect(() => {
     onChangeRef.current = onChange;
   }, [onChange]);
-  React21.useEffect(() => {
+  React26.useEffect(() => {
     if (prevValueRef.current !== value) {
       onChangeRef.current?.(value);
       prevValueRef.current = value;
@@ -3999,10 +4329,10 @@ function isFunction(value) {
 }
 
 // node_modules/@radix-ui/react-use-previous/dist/index.mjs
-var React24 = __toESM(require("react"), 1);
+var React28 = __toESM(require("react"), 1);
 function usePrevious(value) {
-  const ref = React24.useRef({ value, previous: value });
-  return React24.useMemo(() => {
+  const ref = React28.useRef({ value, previous: value });
+  return React28.useMemo(() => {
     if (ref.current.value !== value) {
       ref.current.previous = ref.current.value;
       ref.current.value = value;
@@ -4012,8 +4342,8 @@ function usePrevious(value) {
 }
 
 // node_modules/@radix-ui/react-visually-hidden/dist/index.mjs
-var React25 = __toESM(require("react"), 1);
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var React29 = __toESM(require("react"), 1);
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var VISUALLY_HIDDEN_STYLES = Object.freeze({
   // See: https://github.com/twbs/bootstrap/blob/main/scss/mixins/_visually-hidden.scss
   position: "absolute",
@@ -4028,9 +4358,9 @@ var VISUALLY_HIDDEN_STYLES = Object.freeze({
   wordWrap: "normal"
 });
 var NAME2 = "VisuallyHidden";
-var VisuallyHidden = React25.forwardRef(
+var VisuallyHidden = React29.forwardRef(
   (props, forwardedRef) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       Primitive.span,
       {
         ...props,
@@ -4196,10 +4526,10 @@ function __spreadArray(to, from, pack) {
 }
 
 // node_modules/react-remove-scroll/dist/es2015/Combination.js
-var React32 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 
 // node_modules/react-remove-scroll/dist/es2015/UI.js
-var React28 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 
 // node_modules/react-remove-scroll-bar/dist/es2015/constants.js
 var zeroRightClassName = "right-scroll-bar-position";
@@ -4246,8 +4576,8 @@ function useCallbackRef2(initialValue, callback) {
 }
 
 // node_modules/use-callback-ref/dist/es2015/useMergeRef.js
-var React26 = __toESM(require("react"));
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React26.useLayoutEffect : React26.useEffect;
+var React30 = __toESM(require("react"));
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React30.useLayoutEffect : React30.useEffect;
 var currentValues = /* @__PURE__ */ new WeakMap();
 function useMergeRefs(refs, defaultValue) {
   var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
@@ -4364,7 +4694,7 @@ function createSidecarMedium(options) {
 }
 
 // node_modules/use-sidecar/dist/es2015/exports.js
-var React27 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var SideCar = function(_a) {
   var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
   if (!sideCar) {
@@ -4374,7 +4704,7 @@ var SideCar = function(_a) {
   if (!Target) {
     throw new Error("Sidecar medium not found");
   }
-  return React27.createElement(Target, __assign({}, rest));
+  return React31.createElement(Target, __assign({}, rest));
 };
 SideCar.isSideCarExport = true;
 function exportSidecar(medium, exported) {
@@ -4389,9 +4719,9 @@ var effectCar = createSidecarMedium();
 var nothing = function() {
   return;
 };
-var RemoveScroll = React28.forwardRef(function(props, parentRef) {
-  var ref = React28.useRef(null);
-  var _a = React28.useState({
+var RemoveScroll = React32.forwardRef(function(props, parentRef) {
+  var ref = React32.useRef(null);
+  var _a = React32.useState({
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
@@ -4400,11 +4730,11 @@ var RemoveScroll = React28.forwardRef(function(props, parentRef) {
   var SideCar2 = sideCar;
   var containerRef = useMergeRefs([ref, parentRef]);
   var containerProps = __assign(__assign({}, rest), callbacks);
-  return React28.createElement(
-    React28.Fragment,
+  return React32.createElement(
+    React32.Fragment,
     null,
-    enabled && React28.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React28.cloneElement(React28.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React28.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
+    enabled && React32.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
+    forwardProps ? React32.cloneElement(React32.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React32.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll.defaultProps = {
@@ -4418,13 +4748,13 @@ RemoveScroll.classNames = {
 };
 
 // node_modules/react-remove-scroll/dist/es2015/SideEffect.js
-var React31 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 
 // node_modules/react-remove-scroll-bar/dist/es2015/component.js
-var React30 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 
 // node_modules/react-style-singleton/dist/es2015/hook.js
-var React29 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 
 // node_modules/get-nonce/dist/es2015/index.js
 var currentNonce;
@@ -4488,7 +4818,7 @@ var stylesheetSingleton = function() {
 var styleHookSingleton = function() {
   var sheet = stylesheetSingleton();
   return function(styles, isDynamic) {
-    React29.useEffect(function() {
+    React33.useEffect(function() {
       sheet.add(styles);
       return function() {
         sheet.remove();
@@ -4562,7 +4892,7 @@ var getCurrentUseCounter = function() {
   return isFinite(counter) ? counter : 0;
 };
 var useLockAttribute = function() {
-  React30.useEffect(function() {
+  React34.useEffect(function() {
     document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
     return function() {
       var newCounter = getCurrentUseCounter() - 1;
@@ -4577,10 +4907,10 @@ var useLockAttribute = function() {
 var RemoveScrollBar = function(_a) {
   var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
   useLockAttribute();
-  var gap = React30.useMemo(function() {
+  var gap = React34.useMemo(function() {
     return getGapWidth(gapMode);
   }, [gapMode]);
-  return React30.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
+  return React34.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
 };
 
 // node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
@@ -4721,16 +5051,16 @@ var generateStyle = function(id) {
 var idCounter = 0;
 var lockStack = [];
 function RemoveScrollSideCar(props) {
-  var shouldPreventQueue = React31.useRef([]);
-  var touchStartRef = React31.useRef([0, 0]);
-  var activeAxis = React31.useRef();
-  var id = React31.useState(idCounter++)[0];
-  var Style2 = React31.useState(styleSingleton)[0];
-  var lastProps = React31.useRef(props);
-  React31.useEffect(function() {
+  var shouldPreventQueue = React35.useRef([]);
+  var touchStartRef = React35.useRef([0, 0]);
+  var activeAxis = React35.useRef();
+  var id = React35.useState(idCounter++)[0];
+  var Style2 = React35.useState(styleSingleton)[0];
+  var lastProps = React35.useRef(props);
+  React35.useEffect(function() {
     lastProps.current = props;
   }, [props]);
-  React31.useEffect(function() {
+  React35.useEffect(function() {
     if (props.inert) {
       document.body.classList.add("block-interactivity-".concat(id));
       var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
@@ -4746,7 +5076,7 @@ function RemoveScrollSideCar(props) {
     }
     return;
   }, [props.inert, props.lockRef.current, props.shards]);
-  var shouldCancelEvent = React31.useCallback(function(event, parent) {
+  var shouldCancelEvent = React35.useCallback(function(event, parent) {
     if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
       return !lastProps.current.allowPinchZoom;
     }
@@ -4788,7 +5118,7 @@ function RemoveScrollSideCar(props) {
     var cancelingAxis = activeAxis.current || currentAxis;
     return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
   }, []);
-  var shouldPrevent = React31.useCallback(function(_event) {
+  var shouldPrevent = React35.useCallback(function(_event) {
     var event = _event;
     if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
       return;
@@ -4815,7 +5145,7 @@ function RemoveScrollSideCar(props) {
       }
     }
   }, []);
-  var shouldCancel = React31.useCallback(function(name, delta, target, should) {
+  var shouldCancel = React35.useCallback(function(name, delta, target, should) {
     var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
     shouldPreventQueue.current.push(event);
     setTimeout(function() {
@@ -4824,17 +5154,17 @@ function RemoveScrollSideCar(props) {
       });
     }, 1);
   }, []);
-  var scrollTouchStart = React31.useCallback(function(event) {
+  var scrollTouchStart = React35.useCallback(function(event) {
     touchStartRef.current = getTouchXY(event);
     activeAxis.current = void 0;
   }, []);
-  var scrollWheel = React31.useCallback(function(event) {
+  var scrollWheel = React35.useCallback(function(event) {
     shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  var scrollTouchMove = React31.useCallback(function(event) {
+  var scrollTouchMove = React35.useCallback(function(event) {
     shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
   }, []);
-  React31.useEffect(function() {
+  React35.useEffect(function() {
     lockStack.push(Style2);
     props.setCallbacks({
       onScrollCapture: scrollWheel,
@@ -4854,11 +5184,11 @@ function RemoveScrollSideCar(props) {
     };
   }, []);
   var removeScrollBar = props.removeScrollBar, inert = props.inert;
-  return React31.createElement(
-    React31.Fragment,
+  return React35.createElement(
+    React35.Fragment,
     null,
-    inert ? React31.createElement(Style2, { styles: generateStyle(id) }) : null,
-    removeScrollBar ? React31.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
+    inert ? React35.createElement(Style2, { styles: generateStyle(id) }) : null,
+    removeScrollBar ? React35.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
   );
 }
 function getOutermostShadowParent(node) {
@@ -4877,14 +5207,14 @@ function getOutermostShadowParent(node) {
 var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
 
 // node_modules/react-remove-scroll/dist/es2015/Combination.js
-var ReactRemoveScroll = React32.forwardRef(function(props, ref) {
-  return React32.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
+var ReactRemoveScroll = React36.forwardRef(function(props, ref) {
+  return React36.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
 });
 ReactRemoveScroll.classNames = RemoveScroll.classNames;
 var Combination_default = ReactRemoveScroll;
 
 // node_modules/@radix-ui/react-select/dist/index.mjs
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var OPEN_KEYS = [" ", "Enter", "ArrowUp", "ArrowDown"];
 var SELECTION_KEYS = [" ", "Enter"];
 var SELECT_NAME = "Select";
@@ -4914,9 +5244,9 @@ var Select = (props) => {
     form
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  const [trigger, setTrigger] = React33.useState(null);
-  const [valueNode, setValueNode] = React33.useState(null);
-  const [valueNodeHasChildren, setValueNodeHasChildren] = React33.useState(false);
+  const [trigger, setTrigger] = React37.useState(null);
+  const [valueNode, setValueNode] = React37.useState(null);
+  const [valueNodeHasChildren, setValueNodeHasChildren] = React37.useState(false);
   const direction = useDirection(dir);
   const [open, setOpen] = useControllableState({
     prop: openProp,
@@ -4930,11 +5260,11 @@ var Select = (props) => {
     onChange: onValueChange,
     caller: SELECT_NAME
   });
-  const triggerPointerDownPosRef = React33.useRef(null);
+  const triggerPointerDownPosRef = React37.useRef(null);
   const isFormControl = trigger ? form || !!trigger.closest("form") : true;
-  const [nativeOptionsSet, setNativeOptionsSet] = React33.useState(/* @__PURE__ */ new Set());
+  const [nativeOptionsSet, setNativeOptionsSet] = React37.useState(/* @__PURE__ */ new Set());
   const nativeSelectKey = Array.from(nativeOptionsSet).map((option) => option.props.value).join(";");
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Root22, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     SelectProvider,
     {
       required,
@@ -4954,14 +5284,14 @@ var Select = (props) => {
       triggerPointerDownPosRef,
       disabled,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Collection.Provider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           SelectNativeOptionsProvider,
           {
             scope: props.__scopeSelect,
-            onNativeOptionAdd: React33.useCallback((option) => {
+            onNativeOptionAdd: React37.useCallback((option) => {
               setNativeOptionsSet((prev) => new Set(prev).add(option));
             }, []),
-            onNativeOptionRemove: React33.useCallback((option) => {
+            onNativeOptionRemove: React37.useCallback((option) => {
               setNativeOptionsSet((prev) => {
                 const optionsSet = new Set(prev);
                 optionsSet.delete(option);
@@ -4971,7 +5301,7 @@ var Select = (props) => {
             children
           }
         ) }),
-        isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        isFormControl ? /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
           SelectBubbleInput,
           {
             "aria-hidden": true,
@@ -4984,7 +5314,7 @@ var Select = (props) => {
             disabled,
             form,
             children: [
-              value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: "" }) : null,
+              value === void 0 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("option", { value: "" }) : null,
               Array.from(nativeOptionsSet)
             ]
           },
@@ -4996,7 +5326,7 @@ var Select = (props) => {
 };
 Select.displayName = SELECT_NAME;
 var TRIGGER_NAME = "SelectTrigger";
-var SelectTrigger = React33.forwardRef(
+var SelectTrigger = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, disabled = false, ...triggerProps } = props;
     const popperScope = usePopperScope(__scopeSelect);
@@ -5004,7 +5334,7 @@ var SelectTrigger = React33.forwardRef(
     const isDisabled = context.disabled || disabled;
     const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange);
     const getItems = useCollection(__scopeSelect);
-    const pointerTypeRef = React33.useRef("touch");
+    const pointerTypeRef = React37.useRef("touch");
     const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {
       const enabledItems = getItems().filter((item) => !item.disabled);
       const currentItem = enabledItems.find((item) => item.value === context.value);
@@ -5025,7 +5355,7 @@ var SelectTrigger = React33.forwardRef(
         };
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Anchor2, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Anchor2, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Primitive.button,
       {
         type: "button",
@@ -5074,7 +5404,7 @@ var SelectTrigger = React33.forwardRef(
 );
 SelectTrigger.displayName = TRIGGER_NAME;
 var VALUE_NAME = "SelectValue";
-var SelectValue = React33.forwardRef(
+var SelectValue = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
     const context = useSelectContext(VALUE_NAME, __scopeSelect);
@@ -5084,47 +5414,47 @@ var SelectValue = React33.forwardRef(
     useLayoutEffect2(() => {
       onValueNodeHasChildrenChange(hasChildren);
     }, [onValueNodeHasChildrenChange, hasChildren]);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Primitive.span,
       {
         ...valueProps,
         ref: composedRefs,
         style: { pointerEvents: "none" },
-        children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_jsx_runtime22.Fragment, { children: placeholder }) : children
+        children: shouldShowPlaceholder(context.value) ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, { children: placeholder }) : children
       }
     );
   }
 );
 SelectValue.displayName = VALUE_NAME;
 var ICON_NAME = "SelectIcon";
-var SelectIcon = React33.forwardRef(
+var SelectIcon = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, children, ...iconProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
   }
 );
 SelectIcon.displayName = ICON_NAME;
 var PORTAL_NAME2 = "SelectPortal";
 var SelectPortal = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Portal4, { asChild: true, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Portal4, { asChild: true, ...props });
 };
 SelectPortal.displayName = PORTAL_NAME2;
 var CONTENT_NAME2 = "SelectContent";
-var SelectContent = React33.forwardRef(
+var SelectContent = React37.forwardRef(
   (props, forwardedRef) => {
     const context = useSelectContext(CONTENT_NAME2, props.__scopeSelect);
-    const [fragment, setFragment] = React33.useState();
+    const [fragment, setFragment] = React37.useState();
     useLayoutEffect2(() => {
       setFragment(new DocumentFragment());
     }, []);
     if (!context.open) {
       const frag = fragment;
       return frag ? ReactDOM4.createPortal(
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { children: props.children }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectContentProvider, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Collection.Slot, { scope: props.__scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: props.children }) }) }),
         frag
       ) : null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectContentImpl, { ...props, ref: forwardedRef });
   }
 );
 SelectContent.displayName = CONTENT_NAME2;
@@ -5132,7 +5462,7 @@ var CONTENT_MARGIN = 10;
 var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME2);
 var CONTENT_IMPL_NAME = "SelectContentImpl";
 var Slot2 = (0, import_react_slot5.createSlot)("SelectContent.RemoveScroll");
-var SelectContentImpl = React33.forwardRef(
+var SelectContentImpl = React37.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSelect,
@@ -5156,21 +5486,21 @@ var SelectContentImpl = React33.forwardRef(
       ...contentProps
     } = props;
     const context = useSelectContext(CONTENT_NAME2, __scopeSelect);
-    const [content, setContent] = React33.useState(null);
-    const [viewport, setViewport] = React33.useState(null);
+    const [content, setContent] = React37.useState(null);
+    const [viewport, setViewport] = React37.useState(null);
     const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
-    const [selectedItem, setSelectedItem] = React33.useState(null);
-    const [selectedItemText, setSelectedItemText] = React33.useState(
+    const [selectedItem, setSelectedItem] = React37.useState(null);
+    const [selectedItemText, setSelectedItemText] = React37.useState(
       null
     );
     const getItems = useCollection(__scopeSelect);
-    const [isPositioned, setIsPositioned] = React33.useState(false);
-    const firstValidItemFoundRef = React33.useRef(false);
-    React33.useEffect(() => {
+    const [isPositioned, setIsPositioned] = React37.useState(false);
+    const firstValidItemFoundRef = React37.useRef(false);
+    React37.useEffect(() => {
       if (content) return hideOthers(content);
     }, [content]);
     useFocusGuards();
-    const focusFirst2 = React33.useCallback(
+    const focusFirst2 = React37.useCallback(
       (candidates) => {
         const [firstItem, ...restItems] = getItems().map((item) => item.ref.current);
         const [lastItem] = restItems.slice(-1);
@@ -5186,17 +5516,17 @@ var SelectContentImpl = React33.forwardRef(
       },
       [getItems, viewport]
     );
-    const focusSelectedItem = React33.useCallback(
+    const focusSelectedItem = React37.useCallback(
       () => focusFirst2([selectedItem, content]),
       [focusFirst2, selectedItem, content]
     );
-    React33.useEffect(() => {
+    React37.useEffect(() => {
       if (isPositioned) {
         focusSelectedItem();
       }
     }, [isPositioned, focusSelectedItem]);
     const { onOpenChange, triggerPointerDownPosRef } = context;
-    React33.useEffect(() => {
+    React37.useEffect(() => {
       if (content) {
         let pointerMoveDelta = { x: 0, y: 0 };
         const handlePointerMove = (event) => {
@@ -5226,7 +5556,7 @@ var SelectContentImpl = React33.forwardRef(
         };
       }
     }, [content, onOpenChange, triggerPointerDownPosRef]);
-    React33.useEffect(() => {
+    React37.useEffect(() => {
       const close = () => onOpenChange(false);
       window.addEventListener("blur", close);
       window.addEventListener("resize", close);
@@ -5243,7 +5573,7 @@ var SelectContentImpl = React33.forwardRef(
         setTimeout(() => nextItem.ref.current.focus());
       }
     });
-    const itemRefCallback = React33.useCallback(
+    const itemRefCallback = React37.useCallback(
       (node, value, disabled) => {
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
         const isSelectedItem = context.value !== void 0 && context.value === value;
@@ -5254,8 +5584,8 @@ var SelectContentImpl = React33.forwardRef(
       },
       [context.value]
     );
-    const handleItemLeave = React33.useCallback(() => content?.focus(), [content]);
-    const itemTextRefCallback = React33.useCallback(
+    const handleItemLeave = React37.useCallback(() => content?.focus(), [content]);
+    const itemTextRefCallback = React37.useCallback(
       (node, value, disabled) => {
         const isFirstValidItem = !firstValidItemFoundRef.current && !disabled;
         const isSelectedItem = context.value !== void 0 && context.value === value;
@@ -5278,7 +5608,7 @@ var SelectContentImpl = React33.forwardRef(
       hideWhenDetached,
       avoidCollisions
     } : {};
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       SelectContentProvider,
       {
         scope: __scopeSelect,
@@ -5294,7 +5624,7 @@ var SelectContentImpl = React33.forwardRef(
         position,
         isPositioned,
         searchRef,
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Combination_default, { as: Slot2, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           FocusScope,
           {
             asChild: true,
@@ -5306,7 +5636,7 @@ var SelectContentImpl = React33.forwardRef(
               context.trigger?.focus({ preventScroll: true });
               event.preventDefault();
             }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               DismissableLayer,
               {
                 asChild: true,
@@ -5315,7 +5645,7 @@ var SelectContentImpl = React33.forwardRef(
                 onPointerDownOutside,
                 onFocusOutside: (event) => event.preventDefault(),
                 onDismiss: () => context.onOpenChange(false),
-                children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   SelectPosition,
                   {
                     role: "listbox",
@@ -5366,18 +5696,18 @@ var SelectContentImpl = React33.forwardRef(
 );
 SelectContentImpl.displayName = CONTENT_IMPL_NAME;
 var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
-var SelectItemAlignedPosition = React33.forwardRef((props, forwardedRef) => {
+var SelectItemAlignedPosition = React37.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onPlaced, ...popperProps } = props;
   const context = useSelectContext(CONTENT_NAME2, __scopeSelect);
   const contentContext = useSelectContentContext(CONTENT_NAME2, __scopeSelect);
-  const [contentWrapper, setContentWrapper] = React33.useState(null);
-  const [content, setContent] = React33.useState(null);
+  const [contentWrapper, setContentWrapper] = React37.useState(null);
+  const [content, setContent] = React37.useState(null);
   const composedRefs = useComposedRefs(forwardedRef, (node) => setContent(node));
   const getItems = useCollection(__scopeSelect);
-  const shouldExpandOnScrollRef = React33.useRef(false);
-  const shouldRepositionRef = React33.useRef(true);
+  const shouldExpandOnScrollRef = React37.useRef(false);
+  const shouldRepositionRef = React37.useRef(true);
   const { viewport, selectedItem, selectedItemText, focusSelectedItem } = contentContext;
-  const position = React33.useCallback(() => {
+  const position = React37.useCallback(() => {
     if (context.trigger && context.valueNode && contentWrapper && content && viewport && selectedItem && selectedItemText) {
       const triggerRect = context.trigger.getBoundingClientRect();
       const contentRect = content.getBoundingClientRect();
@@ -5477,11 +5807,11 @@ var SelectItemAlignedPosition = React33.forwardRef((props, forwardedRef) => {
     onPlaced
   ]);
   useLayoutEffect2(() => position(), [position]);
-  const [contentZIndex, setContentZIndex] = React33.useState();
+  const [contentZIndex, setContentZIndex] = React37.useState();
   useLayoutEffect2(() => {
     if (content) setContentZIndex(window.getComputedStyle(content).zIndex);
   }, [content]);
-  const handleScrollButtonChange = React33.useCallback(
+  const handleScrollButtonChange = React37.useCallback(
     (node) => {
       if (node && shouldRepositionRef.current === true) {
         position();
@@ -5491,14 +5821,14 @@ var SelectItemAlignedPosition = React33.forwardRef((props, forwardedRef) => {
     },
     [position, focusSelectedItem]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SelectViewportProvider,
     {
       scope: __scopeSelect,
       contentWrapper,
       shouldExpandOnScrollRef,
       onScrollButtonChange: handleScrollButtonChange,
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "div",
         {
           ref: setContentWrapper,
@@ -5508,7 +5838,7 @@ var SelectItemAlignedPosition = React33.forwardRef((props, forwardedRef) => {
             position: "fixed",
             zIndex: contentZIndex
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             Primitive.div,
             {
               ...popperProps,
@@ -5530,7 +5860,7 @@ var SelectItemAlignedPosition = React33.forwardRef((props, forwardedRef) => {
 });
 SelectItemAlignedPosition.displayName = ITEM_ALIGNED_POSITION_NAME;
 var POPPER_POSITION_NAME = "SelectPopperPosition";
-var SelectPopperPosition = React33.forwardRef((props, forwardedRef) => {
+var SelectPopperPosition = React37.forwardRef((props, forwardedRef) => {
   const {
     __scopeSelect,
     align = "start",
@@ -5538,7 +5868,7 @@ var SelectPopperPosition = React33.forwardRef((props, forwardedRef) => {
     ...popperProps
   } = props;
   const popperScope = usePopperScope(__scopeSelect);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Content4,
     {
       ...popperScope,
@@ -5565,15 +5895,15 @@ var SelectPopperPosition = React33.forwardRef((props, forwardedRef) => {
 SelectPopperPosition.displayName = POPPER_POSITION_NAME;
 var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME2, {});
 var VIEWPORT_NAME = "SelectViewport";
-var SelectViewport = React33.forwardRef(
+var SelectViewport = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, nonce, ...viewportProps } = props;
     const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
     const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
     const composedRefs = useComposedRefs(forwardedRef, contentContext.onViewportChange);
-    const prevScrollTopRef = React33.useRef(0);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    const prevScrollTopRef = React37.useRef(0);
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -5582,7 +5912,7 @@ var SelectViewport = React33.forwardRef(
           nonce
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         Primitive.div,
         {
           "data-radix-select-viewport": "",
@@ -5634,26 +5964,26 @@ var SelectViewport = React33.forwardRef(
 SelectViewport.displayName = VIEWPORT_NAME;
 var GROUP_NAME = "SelectGroup";
 var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
-var SelectGroup = React33.forwardRef(
+var SelectGroup = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props;
     const groupId = useId();
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
   }
 );
 SelectGroup.displayName = GROUP_NAME;
 var LABEL_NAME = "SelectLabel";
-var SelectLabel = React33.forwardRef(
+var SelectLabel = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...labelProps } = props;
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
   }
 );
 SelectLabel.displayName = LABEL_NAME;
 var ITEM_NAME = "SelectItem";
 var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-var SelectItem = React33.forwardRef(
+var SelectItem = React37.forwardRef(
   (props, forwardedRef) => {
     const {
       __scopeSelect,
@@ -5665,14 +5995,14 @@ var SelectItem = React33.forwardRef(
     const context = useSelectContext(ITEM_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect);
     const isSelected = context.value === value;
-    const [textValue, setTextValue] = React33.useState(textValueProp ?? "");
-    const [isFocused, setIsFocused] = React33.useState(false);
+    const [textValue, setTextValue] = React37.useState(textValueProp ?? "");
+    const [isFocused, setIsFocused] = React37.useState(false);
     const composedRefs = useComposedRefs(
       forwardedRef,
       (node) => contentContext.itemRefCallback?.(node, value, disabled)
     );
     const textId = useId();
-    const pointerTypeRef = React33.useRef("touch");
+    const pointerTypeRef = React37.useRef("touch");
     const handleSelect = () => {
       if (!disabled) {
         context.onValueChange(value);
@@ -5684,7 +6014,7 @@ var SelectItem = React33.forwardRef(
         "A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder."
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       SelectItemContextProvider,
       {
         scope: __scopeSelect,
@@ -5692,17 +6022,17 @@ var SelectItem = React33.forwardRef(
         disabled,
         textId,
         isSelected,
-        onItemTextChange: React33.useCallback((node) => {
+        onItemTextChange: React37.useCallback((node) => {
           setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? "").trim());
         }, []),
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           Collection.ItemSlot,
           {
             scope: __scopeSelect,
             value,
             disabled,
             textValue,
-            children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               Primitive.div,
               {
                 role: "option",
@@ -5755,14 +6085,14 @@ var SelectItem = React33.forwardRef(
 );
 SelectItem.displayName = ITEM_NAME;
 var ITEM_TEXT_NAME = "SelectItemText";
-var SelectItemText = React33.forwardRef(
+var SelectItemText = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, className, style, ...itemTextProps } = props;
     const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
     const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
     const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
     const nativeOptionsContext = useSelectNativeOptionsContext(ITEM_TEXT_NAME, __scopeSelect);
-    const [itemTextNode, setItemTextNode] = React33.useState(null);
+    const [itemTextNode, setItemTextNode] = React37.useState(null);
     const composedRefs = useComposedRefs(
       forwardedRef,
       (node) => setItemTextNode(node),
@@ -5770,8 +6100,8 @@ var SelectItemText = React33.forwardRef(
       (node) => contentContext.itemTextRefCallback?.(node, itemContext.value, itemContext.disabled)
     );
     const textContent = itemTextNode?.textContent;
-    const nativeOption = React33.useMemo(
-      () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
+    const nativeOption = React37.useMemo(
+      () => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("option", { value: itemContext.value, disabled: itemContext.disabled, children: textContent }, itemContext.value),
       [itemContext.disabled, itemContext.value, textContent]
     );
     const { onNativeOptionAdd, onNativeOptionRemove } = nativeOptionsContext;
@@ -5779,27 +6109,27 @@ var SelectItemText = React33.forwardRef(
       onNativeOptionAdd(nativeOption);
       return () => onNativeOptionRemove(nativeOption);
     }, [onNativeOptionAdd, onNativeOptionRemove, nativeOption]);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
       itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren ? ReactDOM4.createPortal(itemTextProps.children, context.valueNode) : null
     ] });
   }
 );
 SelectItemText.displayName = ITEM_TEXT_NAME;
 var ITEM_INDICATOR_NAME = "SelectItemIndicator";
-var SelectItemIndicator = React33.forwardRef(
+var SelectItemIndicator = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props;
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
+    return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
   }
 );
 SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
 var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
-var SelectScrollUpButton = React33.forwardRef((props, forwardedRef) => {
+var SelectScrollUpButton = React37.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollUp, setCanScrollUp] = React33.useState(false);
+  const [canScrollUp, setCanScrollUp] = React37.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
@@ -5814,7 +6144,7 @@ var SelectScrollUpButton = React33.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return canScrollUp ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SelectScrollButtonImpl,
     {
       ...props,
@@ -5830,10 +6160,10 @@ var SelectScrollUpButton = React33.forwardRef((props, forwardedRef) => {
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
-var SelectScrollDownButton = React33.forwardRef((props, forwardedRef) => {
+var SelectScrollDownButton = React37.forwardRef((props, forwardedRef) => {
   const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
   const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
-  const [canScrollDown, setCanScrollDown] = React33.useState(false);
+  const [canScrollDown, setCanScrollDown] = React37.useState(false);
   const composedRefs = useComposedRefs(forwardedRef, viewportContext.onScrollButtonChange);
   useLayoutEffect2(() => {
     if (contentContext.viewport && contentContext.isPositioned) {
@@ -5849,7 +6179,7 @@ var SelectScrollDownButton = React33.forwardRef((props, forwardedRef) => {
       return () => viewport.removeEventListener("scroll", handleScroll22);
     }
   }, [contentContext.viewport, contentContext.isPositioned]);
-  return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return canScrollDown ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     SelectScrollButtonImpl,
     {
       ...props,
@@ -5864,25 +6194,25 @@ var SelectScrollDownButton = React33.forwardRef((props, forwardedRef) => {
   ) : null;
 });
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
-var SelectScrollButtonImpl = React33.forwardRef((props, forwardedRef) => {
+var SelectScrollButtonImpl = React37.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
   const contentContext = useSelectContentContext("SelectScrollButton", __scopeSelect);
-  const autoScrollTimerRef = React33.useRef(null);
+  const autoScrollTimerRef = React37.useRef(null);
   const getItems = useCollection(__scopeSelect);
-  const clearAutoScrollTimer = React33.useCallback(() => {
+  const clearAutoScrollTimer = React37.useCallback(() => {
     if (autoScrollTimerRef.current !== null) {
       window.clearInterval(autoScrollTimerRef.current);
       autoScrollTimerRef.current = null;
     }
   }, []);
-  React33.useEffect(() => {
+  React37.useEffect(() => {
     return () => clearAutoScrollTimer();
   }, [clearAutoScrollTimer]);
   useLayoutEffect2(() => {
     const activeItem = getItems().find((item) => item.ref.current === document.activeElement);
     activeItem?.ref.current?.scrollIntoView({ block: "nearest" });
   }, [getItems]);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Primitive.div,
     {
       "aria-hidden": true,
@@ -5907,31 +6237,31 @@ var SelectScrollButtonImpl = React33.forwardRef((props, forwardedRef) => {
   );
 });
 var SEPARATOR_NAME = "SelectSeparator";
-var SelectSeparator = React33.forwardRef(
+var SelectSeparator = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...separatorProps } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
   }
 );
 SelectSeparator.displayName = SEPARATOR_NAME;
 var ARROW_NAME2 = "SelectArrow";
-var SelectArrow = React33.forwardRef(
+var SelectArrow = React37.forwardRef(
   (props, forwardedRef) => {
     const { __scopeSelect, ...arrowProps } = props;
     const popperScope = usePopperScope(__scopeSelect);
     const context = useSelectContext(ARROW_NAME2, __scopeSelect);
     const contentContext = useSelectContentContext(ARROW_NAME2, __scopeSelect);
-    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Arrow3, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
+    return context.open && contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Arrow3, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
   }
 );
 SelectArrow.displayName = ARROW_NAME2;
 var BUBBLE_INPUT_NAME = "SelectBubbleInput";
-var SelectBubbleInput = React33.forwardRef(
+var SelectBubbleInput = React37.forwardRef(
   ({ __scopeSelect, value, ...props }, forwardedRef) => {
-    const ref = React33.useRef(null);
+    const ref = React37.useRef(null);
     const composedRefs = useComposedRefs(forwardedRef, ref);
     const prevValue = usePrevious(value);
-    React33.useEffect(() => {
+    React37.useEffect(() => {
       const select = ref.current;
       if (!select) return;
       const selectProto = window.HTMLSelectElement.prototype;
@@ -5946,7 +6276,7 @@ var SelectBubbleInput = React33.forwardRef(
         select.dispatchEvent(event);
       }
     }, [prevValue, value]);
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Primitive.select,
       {
         ...props,
@@ -5963,9 +6293,9 @@ function shouldShowPlaceholder(value) {
 }
 function useTypeaheadSearch(onSearchChange) {
   const handleSearchChange = useCallbackRef(onSearchChange);
-  const searchRef = React33.useRef("");
-  const timerRef = React33.useRef(0);
-  const handleTypeaheadSearch = React33.useCallback(
+  const searchRef = React37.useRef("");
+  const timerRef = React37.useRef(0);
+  const handleTypeaheadSearch = React37.useCallback(
     (key) => {
       const search = searchRef.current + key;
       handleSearchChange(search);
@@ -5977,11 +6307,11 @@ function useTypeaheadSearch(onSearchChange) {
     },
     [handleSearchChange]
   );
-  const resetTypeahead = React33.useCallback(() => {
+  const resetTypeahead = React37.useCallback(() => {
     searchRef.current = "";
     window.clearTimeout(timerRef.current);
   }, []);
-  React33.useEffect(() => {
+  React37.useEffect(() => {
     return () => window.clearTimeout(timerRef.current);
   }, []);
   return [searchRef, handleTypeaheadSearch, resetTypeahead];
@@ -6018,11 +6348,11 @@ var ScrollDownButton = SelectScrollDownButton;
 var Separator3 = SelectSeparator;
 
 // src/components/Select/index.tsx
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 
 // src/components/Select/select.styles.ts
-var import_class_variance_authority6 = require("class-variance-authority");
-var selectTriggerVariants = (0, import_class_variance_authority6.cva)(
+var import_class_variance_authority10 = require("class-variance-authority");
+var selectTriggerVariants = (0, import_class_variance_authority10.cva)(
   `
   flex w-full items-center justify-between gap-2 rounded-md border transition-colors
   bg-white dark:bg-white/5
@@ -6083,7 +6413,7 @@ var selectTriggerVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var selectItemVariants = (0, import_class_variance_authority6.cva)(
+var selectItemVariants = (0, import_class_variance_authority10.cva)(
   "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
   {
     variants: {
@@ -6102,11 +6432,11 @@ var selectItemVariants = (0, import_class_variance_authority6.cva)(
 );
 
 // src/components/Select/index.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Select2 = Root23;
 var SelectGroup2 = Group2;
 var SelectValue2 = Value;
-var SelectTrigger2 = React34.forwardRef(({ className, variant, size: size4, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var SelectTrigger2 = React38.forwardRef(({ className, variant, size: size4, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   Trigger4,
   {
     ref,
@@ -6114,32 +6444,32 @@ var SelectTrigger2 = React34.forwardRef(({ className, variant, size: size4, chil
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react3.ChevronDown, { className: "size-4 shrink-0 opacity-50" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react4.ChevronDown, { className: "size-4 shrink-0 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger2.displayName = Trigger4.displayName;
-var SelectScrollUpButton2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var SelectScrollUpButton2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   ScrollUpButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react3.ChevronUp, { className: "size-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react4.ChevronUp, { className: "size-4" })
   }
 ));
 SelectScrollUpButton2.displayName = ScrollUpButton.displayName;
-var SelectScrollDownButton2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var SelectScrollDownButton2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   ScrollDownButton,
   {
     ref,
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react3.ChevronDown, { className: "size-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react4.ChevronDown, { className: "size-4" })
   }
 ));
 SelectScrollDownButton2.displayName = ScrollDownButton.displayName;
-var SelectContent2 = React34.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Portal5, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var SelectContent2 = React38.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Portal5, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   Content22,
   {
     ref,
@@ -6152,8 +6482,8 @@ var SelectContent2 = React34.forwardRef(({ className, children, position = "popp
     position,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectScrollUpButton2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollUpButton2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         Viewport,
         {
           className: cn(
@@ -6162,12 +6492,12 @@ var SelectContent2 = React34.forwardRef(({ className, children, position = "popp
           children
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(SelectScrollDownButton2, {})
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollDownButton2, {})
     ]
   }
 ) }));
 SelectContent2.displayName = Content22.displayName;
-var SelectLabel2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var SelectLabel2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   Label4,
   {
     ref,
@@ -6176,20 +6506,20 @@ var SelectLabel2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SelectLabel2.displayName = Label4.displayName;
-var SelectItem2 = React34.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+var SelectItem2 = React38.forwardRef(({ className, children, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   Item2,
   {
     ref,
     className: cn(selectItemVariants({ variant }), className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ItemIndicator2, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react3.Check, { className: "size-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ItemIndicator2, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react4.Check, { className: "size-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ItemText, { children })
     ]
   }
 ));
 SelectItem2.displayName = Item2.displayName;
-var SelectSeparator2 = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var SelectSeparator2 = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   Separator3,
   {
     ref,
@@ -6203,14 +6533,14 @@ SelectSeparator2.displayName = Separator3.displayName;
 var import_react6 = require("react");
 
 // src/components/Tabs/tabs.styles.ts
-var import_class_variance_authority7 = require("class-variance-authority");
-var tabsVariants = (0, import_class_variance_authority7.cva)(
+var import_class_variance_authority11 = require("class-variance-authority");
+var tabsVariants = (0, import_class_variance_authority11.cva)(
   `
   inline-flex items-center gap-1 rounded-lg p-1
   border border-black/8 bg-white/50 dark:border-white/10 dark:bg-white/5
   `
 );
-var tabVariants = (0, import_class_variance_authority7.cva)(
+var tabVariants = (0, import_class_variance_authority11.cva)(
   `
   inline-flex items-center justify-center px-4 py-2 text-sm font-medium
   rounded-md transition-colors duration-200
@@ -6230,19 +6560,19 @@ var tabVariants = (0, import_class_variance_authority7.cva)(
 );
 
 // src/components/Tabs/index.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var TabsContext = (0, import_react6.createContext)(void 0);
 function Tabs({ value, onValueChange, children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(TabsContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("w-full", className), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TabsContext.Provider, { value: { value, onValueChange }, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("w-full", className), children }) });
 }
 function TabsList({ children, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn(tabsVariants(), className), role: "tablist", children });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn(tabsVariants(), className), role: "tablist", children });
 }
 function TabsTrigger({ value, children, className }) {
   const context = (0, import_react6.useContext)(TabsContext);
   if (!context) throw new Error("TabsTrigger must be used within Tabs");
   const isActive = context.value === value;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "button",
     {
       role: "tab",
@@ -6259,12 +6589,12 @@ function TabsContent({ value, children, className }) {
   if (!context) throw new Error("TabsContent must be used within Tabs");
   const isActive = context.value === value;
   if (!isActive) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { role: "tabpanel", className, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { role: "tabpanel", className, children });
 }
 
 // src/components/Text/text.styles.ts
-var import_class_variance_authority8 = require("class-variance-authority");
-var textVariants = (0, import_class_variance_authority8.cva)(`text-content`, {
+var import_class_variance_authority12 = require("class-variance-authority");
+var textVariants = (0, import_class_variance_authority12.cva)(`text-content`, {
   variants: {
     size: {
       sm: "text-sm",
@@ -6287,23 +6617,23 @@ var textVariants = (0, import_class_variance_authority8.cva)(`text-content`, {
 });
 
 // src/components/Text/index.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Text({ size: size4 = "md", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: cn(textVariants({ size: size4 }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: cn(textVariants({ size: size4 }), className), ...props });
 }
 
 // src/components/ControlledTable/index.tsx
 var import_react10 = require("react");
-var import_radix_ui3 = require("radix-ui");
-var import_lucide_react6 = require("lucide-react");
+var import_radix_ui6 = require("radix-ui");
+var import_lucide_react7 = require("lucide-react");
 
 // src/components/ControlledTable/toolbar/index.tsx
 var import_react9 = require("react");
-var import_lucide_react5 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 
 // src/components/ControlledTable/SimpleSearch.tsx
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var SimpleSearch = ({
   searchValue,
   onSearchCallback,
@@ -6312,15 +6642,15 @@ var SimpleSearch = ({
   const handleChange = (e) => {
     onSearchCallback?.(e.target.value);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      import_lucide_react4.SearchIcon,
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      import_lucide_react5.SearchIcon,
       {
         size: 16,
         className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       Input,
       {
         value: searchValue,
@@ -6351,7 +6681,7 @@ function useDebounce(value, delay) {
 var useDebounce_default = useDebounce;
 
 // src/components/ControlledTable/tableFilter/filterItem/filterSelect/index.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var CustomFilterSelect = ({
   field,
   onFilterCallback,
@@ -6386,18 +6716,18 @@ var CustomFilterSelect = ({
     const actualValue = value === "__none__" ? "" : value;
     setSearchTerm({ [field.id]: actualValue });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: `min-w-[200px] ${className ?? ""}`, children: [
-    field.label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "mb-1.5 text-sm text-neutral-600", children: field.label }),
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: `min-w-[200px] ${className ?? ""}`, children: [
+    field.label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { className: "mb-1.5 text-sm text-neutral-600", children: field.label }),
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       Select2,
       {
         value: searchTerm?.[field.id] ? String(searchTerm[field.id]) : "__none__",
         onValueChange: handleValueChange,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectTrigger2, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectValue2, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(SelectContent2, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectItem2, { value: "__none__", children: field.insteadNone ?? "None" }),
-            modifiedOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectTrigger2, { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectValue2, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(SelectContent2, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SelectItem2, { value: "__none__", children: field.insteadNone ?? "None" }),
+            modifiedOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               SelectItem2,
               {
                 value: String(opt.id ?? opt.value),
@@ -6414,7 +6744,7 @@ var CustomFilterSelect = ({
 var filterSelect_default = CustomFilterSelect;
 
 // src/components/ControlledTable/tableFilter/filterItem/index.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var FIELD_TYPE_COMPONENT_MAP = [
   {
     types: ["select"],
@@ -6434,7 +6764,7 @@ var FilterItem = ({
   if (!config) return null;
   const { component: Component, extraProps } = config;
   const additionalProps = typeof extraProps === "function" ? extraProps(field) : extraProps;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     Component,
     {
       field,
@@ -6449,7 +6779,7 @@ var FilterItem = ({
 var filterItem_default = FilterItem;
 
 // src/components/ControlledTable/tableFilter/index.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var TableFilter = ({
   filterFields,
   filteredParams,
@@ -6458,8 +6788,8 @@ var TableFilter = ({
   if (!filterFields || filterFields.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex flex-wrap items-end gap-4", children: filterFields.map((field) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex flex-wrap items-end gap-4", children: filterFields.map((field) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       filterItem_default,
       {
         field,
@@ -6474,7 +6804,7 @@ var TableFilter = ({
 var tableFilter_default = TableFilter;
 
 // src/components/ControlledTable/toolbar/index.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var CommonToolbar = ({
   searchValue,
   filterFields,
@@ -6485,25 +6815,25 @@ var CommonToolbar = ({
   onFilterCallback
 }) => {
   const [isFilterOpen, setIsFilterOpen] = (0, import_react9.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mb-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-3", children: [
-        filterFields && filterFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mb-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mb-3 flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-3", children: [
+        filterFields && filterFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
             Button,
             {
               variant: "outline",
               size: "sm",
               onClick: () => setIsFilterOpen((prev) => !prev),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Filter, { size: 14, className: "mr-1" }),
+                /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Filter, { size: 14, className: "mr-1" }),
                 "Filters"
               ]
             }
           ),
-          numSelected > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-medium text-white", children: numSelected })
+          numSelected > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1.5 text-xs font-medium text-white", children: numSelected })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "max-w-90 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "max-w-90 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           SimpleSearch_default,
           {
             searchValue,
@@ -6512,9 +6842,9 @@ var CommonToolbar = ({
           }
         ) })
       ] }),
-      toolbarActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex items-center gap-2", children: renderToolbarActions(toolbarActions, numSelected) })
+      toolbarActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "flex items-center gap-2", children: renderToolbarActions(toolbarActions, numSelected) })
     ] }),
-    filterFields && filterFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapsibleRoot, { open: isFilterOpen, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "rounded-lg border border-neutral-200 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    filterFields && filterFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CollapsibleRoot, { open: isFilterOpen, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CollapsibleContent, { children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "rounded-lg border border-border p-4", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       tableFilter_default,
       {
         filterFields,
@@ -6528,15 +6858,15 @@ function renderToolbarActions(actions, numSelected) {
   if (!actions || actions.length === 0) return null;
   return actions.map((item) => {
     const isTitleView = Object.keys(item).includes("titleView") ? item.titleView : true;
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
       Button,
       {
         variant: "outline",
         onClick: () => item.callback(),
         disabled: item.visibleWithoutSelection ? false : numSelected === 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "mr-1", children: getIconForAction(item.action) }),
-          isTitleView && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: item.label ?? item.action })
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "mr-1", children: getIconForAction(item.action) }),
+          isTitleView && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: item.label ?? item.action })
         ]
       },
       item.action
@@ -6547,29 +6877,29 @@ function getIconForAction(action) {
   const cls = "h-4 w-4";
   switch (action) {
     case "delete":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Trash2, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Trash2, { className: cls });
     case "edit":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Edit, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Edit, { className: cls });
     case "download":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Download, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Download, { className: cls });
     case "open":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Eye, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Eye, { className: cls });
     case "clone":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Copy, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Copy, { className: cls });
     case "create":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Plus, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Plus, { className: cls });
     case "upload":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Upload, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Upload, { className: cls });
     case "view":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Eye, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Eye, { className: cls });
     case "check":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.ListCheckIcon, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.ListCheckIcon, { className: cls });
     case "print":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.FileTextIcon, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.FileTextIcon, { className: cls });
     case "compare":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Copy, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Copy, { className: cls });
     case "convert":
-      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react5.Upload, { className: cls });
+      return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react6.Upload, { className: cls });
     default:
       return null;
   }
@@ -6577,7 +6907,7 @@ function getIconForAction(action) {
 var toolbar_default = CommonToolbar;
 
 // src/components/ControlledTable/ControlledPagination.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var ControlledPagination = ({
   currentPage,
   rowsPerPage,
@@ -6606,28 +6936,28 @@ var ControlledPagination = ({
     }
     return pages;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex w-full items-center justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex w-full items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("span", { children: [
         rowsPerPageLabel,
         ":"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
         Select2,
         {
           value: rowsPerPage.toString(),
           onValueChange: (value) => onRowsPerPageChange(parseInt(value, 10)),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectTrigger2, { className: "w-20", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectValue2, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectContent2, { children: rowsPerPageOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SelectItem2, { value: option.toString(), children: option }, option)) })
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectTrigger2, { className: "w-20", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectValue2, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectContent2, { children: rowsPerPageOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SelectItem2, { value: option.toString(), children: option }, option)) })
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-4 text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "w-full", children: countLabel(startItem, endItem, totalCount) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Pagination, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(PaginationContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-4 text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "w-full", children: countLabel(startItem, endItem, totalCount) }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Pagination, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(PaginationContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           PaginationPrevious,
           {
             onClick: () => currentPage > 1 && onPageChange(currentPage - 1),
@@ -6635,7 +6965,7 @@ var ControlledPagination = ({
           }
         ) }),
         getPageNumbers().map(
-          (page, idx) => page === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          (page, idx) => page === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaginationEllipsis, {}) }, `ellipsis-${idx}`) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             PaginationLink,
             {
               onClick: () => onPageChange(page),
@@ -6645,7 +6975,7 @@ var ControlledPagination = ({
             }
           ) }, page)
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(PaginationItem, { children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           PaginationNext,
           {
             onClick: () => currentPage < totalPages && onPageChange(currentPage + 1),
@@ -6659,7 +6989,7 @@ var ControlledPagination = ({
 var ControlledPagination_default = ControlledPagination;
 
 // src/components/ControlledTable/index.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var ControlledTable = ({
   tableSource,
   tableConfig,
@@ -6753,7 +7083,7 @@ var ControlledTable = ({
       if (field.renderLink) {
         return field.renderLink(to, rawValue);
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "a",
         {
           href: to,
@@ -6765,22 +7095,22 @@ var ControlledTable = ({
       );
     }
     if (field.type === "img") {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("img", { src: rawValue, alt: "", className: "h-auto max-w-full" });
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: rawValue, alt: "", className: "h-auto max-w-full" });
     }
     if (field.type === "bool") {
-      return rawValue ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.Check, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.X, { size: 16 });
+      return rawValue ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.Check, { size: 16 }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.X, { size: 16 });
     }
     const content = rawValue ?? "";
     if (field.withTooltip) {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Tooltip, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "block max-w-50 truncate", children: content }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipContent, { children: content })
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Tooltip, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "block max-w-50 truncate", children: content }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TooltipContent, { children: content })
       ] }) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: content });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       toolbar_default,
       {
         searchValue: filteredParams?.search?.value || "",
@@ -6792,18 +7122,18 @@ var ControlledTable = ({
         onFilterCallback
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "relative overflow-hidden rounded-lg border border-border", children: [
-      loading && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-card/60", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("table", { className: "w-full text-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("thead", { className: "border-b bg-surface text-dim", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("tr", { children: [
-          isSelectable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "w-10 px-3 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-            import_radix_ui3.Checkbox.Root,
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "relative overflow-hidden rounded-lg border border-border", children: [
+      loading && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "absolute inset-0 z-10 flex items-center justify-center bg-card/60", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-primary border-t-transparent" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("table", { className: "w-full text-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("thead", { className: "border-b bg-surface text-dim", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("tr", { children: [
+          isSelectable && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("th", { className: "w-10 px-3 py-3", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            import_radix_ui6.Checkbox.Root,
             {
               checked: allSelected,
               onCheckedChange: handleSelectAll,
-              className: "flex h-4 w-4 items-center justify-center rounded border border-border-input bg-white data-[state=checked]:border-primary data-[state=checked]:bg-primary",
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_radix_ui3.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                import_lucide_react6.CheckIcon,
+              className: "flex h-4 w-4 items-center justify-center rounded border border-border-input bg-white dark:bg-white/5 data-[state=checked]:border-primary data-[state=checked]:bg-primary",
+              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_radix_ui6.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                import_lucide_react7.CheckIcon,
                 {
                   size: 10,
                   className: "text-primary-foreground"
@@ -6814,19 +7144,19 @@ var ControlledTable = ({
           fields.map((field) => {
             const id = field.orderField || field.id;
             const isSorted = sortObj?.field === id;
-            return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "th",
               {
                 className: `px-3 py-3 font-medium ${field.headAlign === "center" ? "text-center" : field.headAlign === "right" ? "text-right" : "text-left"} ${field.sortable ? "cursor-pointer select-none hover:text-primary" : ""}`,
                 style: { width: field.width },
                 onClick: () => field.sortable && handleSort(field),
-                children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
                   "div",
                   {
                     className: `inline-flex items-center gap-1 ${field.headAlign === "center" ? "justify-center" : ""}`,
                     children: [
                       field.label ?? "",
-                      field.sortable && (isSorted ? sortObj?.order === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.ArrowUp, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.ArrowDown, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.ArrowUpDown, { size: 14, className: "opacity-40" }))
+                      field.sortable && (isSorted ? sortObj?.order === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.ArrowUp, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.ArrowDown, { size: 14 }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.ArrowUpDown, { size: 14, className: "opacity-40" }))
                     ]
                   }
                 )
@@ -6834,9 +7164,9 @@ var ControlledTable = ({
               field.id
             );
           }),
-          hasActions && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("th", { className: "w-10 px-3 py-3" })
+          hasActions && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("th", { className: "w-10 px-3 py-3" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tbody", { children: tableData.length === 0 && !loading ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tbody", { children: tableData.length === 0 && !loading ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
           "td",
           {
             colSpan: fields.length + (isSelectable ? 1 : 0) + (hasActions ? 1 : 0),
@@ -6846,13 +7176,13 @@ var ControlledTable = ({
         ) }) : tableData.map((record) => {
           const key = record[rowUniqueKey];
           const isSelected = selectedRows.includes(key);
-          return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
             "tr",
             {
               onClick: () => onRowClick?.(record),
               className: `border-b last:border-b-0 transition-colors ${onRowClick ? "cursor-pointer" : ""} ${isSelected ? "bg-primary/5" : "hover:bg-surface-hover"}`,
               children: [
-                isSelectable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                isSelectable && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "td",
                   {
                     className: "w-10 px-3 py-3",
@@ -6860,14 +7190,14 @@ var ControlledTable = ({
                       e.stopPropagation();
                       handleSelectRow(key);
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                      import_radix_ui3.Checkbox.Root,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      import_radix_ui6.Checkbox.Root,
                       {
                         checked: isSelected,
                         onCheckedChange: () => handleSelectRow(key),
-                        className: "flex h-4 w-4 items-center justify-center rounded border border-border-input bg-white data-[state=checked]:border-primary data-[state=checked]:bg-primary",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_radix_ui3.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-                          import_lucide_react6.CheckIcon,
+                        className: "flex h-4 w-4 items-center justify-center rounded border border-border-input bg-white dark:bg-white/5 data-[state=checked]:border-primary data-[state=checked]:bg-primary",
+                        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_radix_ui6.Checkbox.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                          import_lucide_react7.CheckIcon,
                           {
                             size: 10,
                             className: "text-primary-foreground"
@@ -6877,7 +7207,7 @@ var ControlledTable = ({
                     )
                   }
                 ),
-                fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "td",
                   {
                     className: `px-3 py-3 ${field.textAlign === "center" ? "text-center" : field.textAlign === "right" ? "text-right" : "text-left"}`,
@@ -6886,29 +7216,29 @@ var ControlledTable = ({
                   },
                   field.id
                 )),
-                hasActions && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                hasActions && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                   "td",
                   {
                     className: "px-3 py-3",
                     onClick: (e) => e.stopPropagation(),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-1", children: [
-                      withEditAction && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-1", children: [
+                      withEditAction && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                         "button",
                         {
                           className: "inline-flex h-7 w-7 items-center justify-center rounded hover:bg-surface-hover",
                           onClick: () => handleEditAction?.(record.id),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.Edit, { size: 15 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.Edit, { size: 15 })
                         }
                       ),
-                      withDownloadAction && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      withDownloadAction && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                         "button",
                         {
                           className: "inline-flex h-7 w-7 items-center justify-center rounded hover:bg-surface-hover",
                           onClick: () => handleDownloadAction?.(record.id),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.Download, { size: 15 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.Download, { size: 15 })
                         }
                       ),
-                      withOpenAction && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      withOpenAction && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                         "button",
                         {
                           className: "inline-flex h-7 w-7 items-center justify-center rounded hover:bg-surface-hover",
@@ -6920,23 +7250,23 @@ var ControlledTable = ({
                             else if (handleClickIcon)
                               handleClickIcon(record);
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.Eye, { size: 15 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.Eye, { size: 15 })
                         }
                       ),
-                      withCloneAction && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      withCloneAction && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                         "button",
                         {
                           className: "inline-flex h-7 w-7 items-center justify-center rounded hover:bg-surface-hover",
                           onClick: () => handleClickIcon?.(record),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.Copy, { size: 15 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.Copy, { size: 15 })
                         }
                       ),
-                      withRemoveAction && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      withRemoveAction && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
                         "button",
                         {
                           className: "inline-flex h-7 w-7 items-center justify-center rounded text-destructive hover:bg-destructive/10",
                           onClick: () => handleRemoveAction?.(record.id),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react6.Trash2, { size: 15 })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react7.Trash2, { size: 15 })
                         }
                       )
                     ] })
@@ -6949,7 +7279,7 @@ var ControlledTable = ({
         }) })
       ] }) })
     ] }),
-    withPagination && count3 > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    withPagination && count3 > 0 && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mt-3", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       ControlledPagination_default,
       {
         currentPage,
@@ -7156,13 +7486,30 @@ var AuxaliaTokens = {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Alert,
+  AlertDescription,
+  AlertTitle,
   AuxaliaTokens,
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
   Button,
   Card,
   CollapsibleContent,
   CollapsibleRoot,
   CollapsibleTrigger,
   ControlledTable,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
   DropdownMenu,
   DropdownMenuCheckboxItem,
   DropdownMenuContent,
@@ -7211,6 +7558,11 @@ var AuxaliaTokens = {
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  Skeleton,
+  SkeletonAvatar,
+  SkeletonCard,
+  SkeletonText,
+  Switch,
   Tabs,
   TabsContent,
   TabsList,
@@ -7220,6 +7572,7 @@ var AuxaliaTokens = {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  badgeVariants,
   buttonVariants,
   cn,
   tailwindPreset