@mlw-packages/react-components 1.5.2 → 1.5.3

package/dist/index.js

@@ -522,6 +522,9 @@ __export(index_exports, {
   CarouselNextBase: () => CarouselNextBase,
   CarouselPrevious: () => CarouselPrevious,
   CheckboxBase: () => CheckboxBase,
+  CollapsibleBase: () => CollapsibleBase,
+  CollapsibleContentBase: () => CollapsibleContentBase,
+  CollapsibleTriggerBase: () => CollapsibleTriggerBase,
   Combobox: () => Combobox,
   CommandBase: () => CommandBase,
   CommandDialogBase: () => CommandDialogBase,
@@ -548,6 +551,7 @@ __export(index_exports, {
   ContextMenuSubTriggerBase: () => ContextMenuSubTriggerBase,
   ContextMenuTriggerBase: () => ContextMenuTriggerBase,
   DateTimePicker: () => DateTimePicker,
+  DestructiveDialog: () => DestructiveDialog,
   DialogBase: () => DialogBase,
   DialogCloseBase: () => DialogCloseBase,
   DialogContentBase: () => DialogContentBase,
@@ -684,7 +688,6 @@ __export(index_exports, {
   UseSideBarBase: () => UseSideBarBase,
   badgeVariants: () => badgeVariants,
   buttonVariantsBase: () => buttonVariantsBase,
-  navigationMenuTriggerStyle: () => navigationMenuTriggerStyle,
   toast: () => toast,
   useIsMobile: () => useIsMobile,
   useTheme: () => useTheme
@@ -708,30 +711,22 @@ var import_react_slot = require("@radix-ui/react-slot");
 var import_class_variance_authority = require("class-variance-authority");
 var import_jsx_runtime = require("react/jsx-runtime");
 var buttonVariantsBase = (0, import_class_variance_authority.cva)(
-  `
-    inline-flex items-center justify-center gap-2
-    whitespace-nowrap rounded-md text-sm
-    transition-all duration-200
-    focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
-    disabled:pointer-events-none disabled:opacity-50
-    active:scale-[0.97]
-    [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-transparent
-  `,
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground shadow hover:opacity-90 hover:shadow-md",
-        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 hover:shadow-md",
-        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground hover:shadow-md",
-        secondary: "bg-secondary text-secondary-foreground shadow-sm border border-transparent hover:opacity-80 hover:shadow-md",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
-        default: "px-4 py-1.5",
-        sm: "rounded-md px-3 text-xs",
-        lg: "rounded-md px-8",
-        icon: "h-9 w-9"
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
       }
     },
     defaultVariants: {
@@ -1570,22 +1565,70 @@ var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbo
 ));
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 
+// src/components/ui/CollapsibleBase.tsx
+var React7 = __toESM(require("react"));
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+var import_react5 = require("@phosphor-icons/react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var CollapsibleBase = React7.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CollapsiblePrimitive.Root, { ref, "data-slot": "collapsible", ...props });
+});
+CollapsibleBase.displayName = CollapsiblePrimitive.Root.displayName;
+var CollapsibleTriggerBase = React7.forwardRef(({ className, children, leftIcon, showCaret = true, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+    CollapsiblePrimitive.CollapsibleTrigger,
+    {
+      ref,
+      className: cn(
+        "flex w-full items-center justify-between p-3 text-left font-medium transition-all duration-500 ease-[cubic-bezier(0.4,0,0.2,1)] hover:bg-accent hover:text-accent-foreground rounded-md outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 [&[data-state=open]_.caret-icon]:rotate-180",
+        className
+      ),
+      "data-slot": "collapsible-trigger",
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex items-center gap-2", children: [
+          leftIcon && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { children })
+        ] }),
+        showCaret && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react5.CaretUpDown, { className: "h-4 w-4" }) })
+      ]
+    }
+  );
+});
+CollapsibleTriggerBase.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
+var CollapsibleContentBase = React7.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    CollapsiblePrimitive.CollapsibleContent,
+    {
+      ref,
+      className: cn(
+        "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+        className
+      ),
+      "data-slot": "collapsible-content",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "pb-3 pt-1", children })
+    }
+  );
+});
+CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
+
 // src/components/ui/CommandBase.tsx
-var React8 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_cmdk = require("cmdk");
-var import_react6 = require("@phosphor-icons/react");
+var import_react7 = require("@phosphor-icons/react");
 var import_framer_motion2 = require("framer-motion");
 
 // src/components/ui/DialogBase.tsx
-var React7 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_react5 = require("@phosphor-icons/react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react6 = require("@phosphor-icons/react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var DialogBase = DialogPrimitive.Root;
 var DialogTriggerBase = DialogPrimitive.Trigger;
 var DialogPortalBase = DialogPrimitive.Portal;
 var DialogCloseBase = DialogPrimitive.Close;
-var DialogOverlayBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogOverlayBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1598,9 +1641,9 @@ var DialogOverlayBase = React7.forwardRef(({ className, testid: dataTestId = "di
   }
 ));
 DialogOverlayBase.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContentBase = React7.forwardRef(({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogPortalBase, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(DialogOverlayBase, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+var DialogContentBase = React8.forwardRef(({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPortalBase, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogOverlayBase, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
     DialogPrimitive.Content,
     {
       ref,
@@ -1612,16 +1655,16 @@ var DialogContentBase = React7.forwardRef(({ className, children, testid: dataTe
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react5.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContentBase.displayName = DialogPrimitive.Content.displayName;
-var DialogHeaderBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogHeaderBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
@@ -1631,7 +1674,7 @@ var DialogHeaderBase = React7.forwardRef(({ className, testid: dataTestId = "dia
   }
 ));
 DialogHeaderBase.displayName = "DialogHeader";
-var DialogFooterBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogFooterBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "div",
   {
     ref,
@@ -1641,7 +1684,7 @@ var DialogFooterBase = React7.forwardRef(({ className, testid: dataTestId = "dia
   }
 ));
 DialogFooterBase.displayName = "DialogFooter";
-var DialogTitleBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogTitleBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -1651,7 +1694,7 @@ var DialogTitleBase = React7.forwardRef(({ className, testid: dataTestId = "dial
   }
 ));
 DialogTitleBase.displayName = DialogPrimitive.Title.displayName;
-var DialogDescriptionBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+var DialogDescriptionBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -1663,8 +1706,8 @@ var DialogDescriptionBase = React7.forwardRef(({ className, testid: dataTestId =
 DialogDescriptionBase.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/CommandBase.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var CommandBase = React8.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var CommandBase = React9.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -1683,7 +1726,7 @@ var dialogVariants = {
   exit: { opacity: 0, scale: 0.95, y: -20 }
 };
 var CommandDialogBase = ({ children, open, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogBase, { open, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_framer_motion2.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(DialogContentBase, { asChild: true, forceMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogBase, { open, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_framer_motion2.AnimatePresence, { children: open && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DialogContentBase, { asChild: true, forceMount: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_framer_motion2.motion.div,
     {
       initial: "hidden",
@@ -1692,14 +1735,14 @@ var CommandDialogBase = ({ children, open, ...props }) => {
       variants: dialogVariants,
       transition: { duration: 0.2, ease: "easeOut" },
       className: "overflow-hidden p-0",
-      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CommandBase, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CommandBase, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
     },
     "command-dialog"
   ) }) }) });
 };
-var CommandInputBase = React8.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react6.MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
-  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandInputBase = React9.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -1713,7 +1756,7 @@ var CommandInputBase = React8.forwardRef(({ className, testid: dataTestId = "com
   )
 ] }));
 CommandInputBase.displayName = import_cmdk.Command.Input.displayName;
-var CommandListBase = React8.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandListBase = React9.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -1723,9 +1766,9 @@ var CommandListBase = React8.forwardRef(({ className, testid: dataTestId = "comm
   }
 ));
 CommandListBase.displayName = import_cmdk.Command.List.displayName;
-var CommandEmptyBase = React8.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", "data-testid": dataTestId, ...props }));
+var CommandEmptyBase = React9.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", "data-testid": dataTestId, ...props }));
 CommandEmptyBase.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroupBase = React8.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandGroupBase = React9.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -1738,9 +1781,9 @@ var CommandGroupBase = React8.forwardRef(({ className, testid: dataTestId = "com
   }
 ));
 CommandGroupBase.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparatorBase = React8.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), "data-testid": dataTestId, ...props }));
+var CommandSeparatorBase = React9.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), "data-testid": dataTestId, ...props }));
 CommandSeparatorBase.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItemBase = React8.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+var CommandItemBase = React9.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -1754,31 +1797,31 @@ var CommandItemBase = React8.forwardRef(({ className, testid: dataTestId = "comm
 ));
 CommandItemBase.displayName = import_cmdk.Command.Item.displayName;
 var CommandShortcutBase = ({ className, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 CommandShortcutBase.displayName = "CommandShortcut";
 
 // src/components/ui/ContextMenuBase.tsx
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"));
-var import_react7 = require("@phosphor-icons/react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_react8 = require("@phosphor-icons/react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function ContextMenuBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTriggerBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroupBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuPortalBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 function ContextMenuSubBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuRadioGroupBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
 }
 function ContextMenuSubTriggerBase({
   className,
@@ -1786,7 +1829,7 @@ function ContextMenuSubTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -1802,7 +1845,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.CaretRight, { className: "ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.CaretRight, { className: "ml-auto" })
       ]
     }
   );
@@ -1811,7 +1854,7 @@ function ContextMenuSubContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -1831,7 +1874,7 @@ function ContextMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -1854,7 +1897,7 @@ function ContextMenuItemBase({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -1882,7 +1925,7 @@ function ContextMenuCheckboxItemBase({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -1897,7 +1940,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.Check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.Check, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1908,7 +1951,7 @@ function ContextMenuRadioItemBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -1922,7 +1965,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react7.Circle, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react8.Circle, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -1933,7 +1976,7 @@ function ContextMenuLabelBase({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -1947,7 +1990,7 @@ function ContextMenuSeparatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -1960,7 +2003,7 @@ function ContextMenuShortcutBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -1972,32 +2015,32 @@ function ContextMenuShortcutBase({
 
 // src/components/ui/DrawerBase.tsx
 var import_vaul = require("vaul");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function DrawerBase({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_vaul.Drawer.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTriggerBase({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_vaul.Drawer.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortalBase({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_vaul.Drawer.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerCloseBase({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_vaul.Drawer.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlayBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -2014,9 +2057,9 @@ function DrawerContentBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DrawerPortalBase, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DrawerOverlayBase, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DrawerPortalBase, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DrawerOverlayBase, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       import_vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
@@ -2030,7 +2073,7 @@ function DrawerContentBase({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
           children
         ]
       }
@@ -2041,7 +2084,7 @@ function DrawerHeaderBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "drawer-header",
@@ -2057,7 +2100,7 @@ function DrawerFooterBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -2070,7 +2113,7 @@ function DrawerTitleBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
@@ -2083,7 +2126,7 @@ function DrawerDescriptionBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     import_vaul.Drawer.Description,
     {
       "data-slot": "drawer-description",
@@ -2094,18 +2137,18 @@ function DrawerDescriptionBase({
 }
 
 // src/components/ui/DropDownMenuBase.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_react8 = require("@phosphor-icons/react");
+var import_react9 = require("@phosphor-icons/react");
 var import_framer_motion3 = require("framer-motion");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var DropDownMenuBase = DropdownMenuPrimitive.Root;
 var DropDownMenuTriggerBase = DropdownMenuPrimitive.Trigger;
 var DropDownMenuGroupBase = DropdownMenuPrimitive.Group;
 var DropDownMenuPortalBase = DropdownMenuPrimitive.Portal;
 var DropDownMenuSubBase = DropdownMenuPrimitive.Sub;
 var DropDownMenuRadioGroupBase = DropdownMenuPrimitive.RadioGroup;
-var DropDownMenuSubTriggerBase = React9.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var DropDownMenuSubTriggerBase = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -2117,12 +2160,12 @@ var DropDownMenuSubTriggerBase = React9.forwardRef(({ className, inset, children
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react8.CaretRight, { className: "ml-auto" })
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.CaretRight, { className: "ml-auto" })
     ]
   }
 ));
 DropDownMenuSubTriggerBase.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropDownMenuSubContentBase = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DropDownMenuSubContentBase = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -2133,7 +2176,7 @@ var DropDownMenuSubContentBase = React9.forwardRef(({ className, ...props }, ref
     ...props
   }
 ));
-var DropDownMenuContentBase = React9.forwardRef(({ className, sideOffset = 4, testid: dataTestId = "dropdown-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DropDownMenuContentBase = React10.forwardRef(({ className, sideOffset = 4, testid: dataTestId = "dropdown-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   DropdownMenuPrimitive.Content,
   {
     sideOffset,
@@ -2142,7 +2185,7 @@ var DropDownMenuContentBase = React9.forwardRef(({ className, sideOffset = 4, te
     className: cn("z-[9999] p-0", className),
     "data-testid": dataTestId,
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_framer_motion3.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_framer_motion3.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       import_framer_motion3.motion.div,
       {
         initial: { opacity: 0, scale: 0.95, y: 5 },
@@ -2159,7 +2202,7 @@ var DropDownMenuContentBase = React9.forwardRef(({ className, sideOffset = 4, te
   }
 ) }));
 DropDownMenuContentBase.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropDownMenuItemBase = React9.forwardRef(({ className, inset, leftIcon, rightIcon, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var DropDownMenuItemBase = React10.forwardRef(({ className, inset, leftIcon, rightIcon, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -2170,16 +2213,16 @@ var DropDownMenuItemBase = React9.forwardRef(({ className, inset, leftIcon, righ
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-2", children: [
-        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "[&>svg]:size-4", children: leftIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center gap-2", children: [
+        leftIcon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "[&>svg]:size-4", children: leftIcon }),
         children
       ] }),
-      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "[&>svg]:size-4", children: rightIcon })
+      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "[&>svg]:size-4", children: rightIcon })
     ]
   }
 ));
 DropDownMenuItemBase.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropDownMenuCheckboxItemBase = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var DropDownMenuCheckboxItemBase = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -2190,13 +2233,13 @@ var DropDownMenuCheckboxItemBase = React9.forwardRef(({ className, children, che
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react8.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.Check, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropDownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropDownMenuRadioItemBase = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+var DropDownMenuRadioItemBase = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -2206,13 +2249,13 @@ var DropDownMenuRadioItemBase = React9.forwardRef(({ className, children, ...pro
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react8.Circle, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react9.Circle, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropDownMenuRadioItemBase.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropDownMenuLabelBase = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DropDownMenuLabelBase = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2225,7 +2268,7 @@ var DropDownMenuLabelBase = React9.forwardRef(({ className, inset, ...props }, r
   }
 ));
 DropDownMenuLabelBase.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropDownMenuSeparatorBase = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var DropDownMenuSeparatorBase = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2238,7 +2281,7 @@ var DropDownMenuShortcutBase = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -2249,21 +2292,21 @@ var DropDownMenuShortcutBase = ({
 DropDownMenuShortcutBase.displayName = "DropDownMenuShortcutBase";
 
 // src/components/ui/FilterBase.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_react_router_dom = require("react-router-dom");
 
 // src/components/ui/InputBase.tsx
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 
 // src/components/ui/LabelBase.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_react_label = require("@radix-ui/react-label");
 var import_react_slot4 = require("@radix-ui/react-slot");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var LabelBase = React10.forwardRef(
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var LabelBase = React11.forwardRef(
   ({ className, asChild = false, testid = "label-base", ...props }, ref) => {
     const Comp = asChild ? import_react_slot4.Slot : "label";
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_label.Label, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_label.Label, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       Comp,
       {
         ref,
@@ -2281,8 +2324,8 @@ LabelBase.displayName = "LabelBase";
 var LabelBase_default = LabelBase;
 
 // src/components/ui/InputBase.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var InputBase = React11.forwardRef(
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var InputBase = React12.forwardRef(
   ({
     className,
     type = "text",
@@ -2293,9 +2336,9 @@ var InputBase = React11.forwardRef(
     "data-testid": dataTestId,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col w-full min-w-[150px]", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(LabelBase_default, { className: labelClassname, children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col w-full min-w-[150px]", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(LabelBase_default, { className: labelClassname, children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
         "div",
         {
           className: cn(
@@ -2303,8 +2346,8 @@ var InputBase = React11.forwardRef(
             type !== "file" && "border border-input"
           ),
           children: [
-            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+            leftIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "input",
               {
                 type,
@@ -2317,7 +2360,7 @@ var InputBase = React11.forwardRef(
                 ...props
               }
             ),
-            rightIcon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "flex items-center justify-center px-2", children: rightIcon })
+            rightIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex items-center justify-center px-2", children: rightIcon })
           ]
         }
       )
@@ -2327,16 +2370,16 @@ var InputBase = React11.forwardRef(
 InputBase.displayName = "Input";
 
 // src/components/selects/Combobox.tsx
-var import_react11 = require("react");
+var import_react12 = require("react");
 
 // src/components/ui/PopoverBase.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var PopoverBase = PopoverPrimitive.Root;
 var PopoverTriggerBase = PopoverPrimitive.Trigger;
 var PopoverAnchorBase = PopoverPrimitive.Anchor;
-var PopoverContentBase = React12.forwardRef(({ className, align = "center", sideOffset = 4, testid: dataTestId = "popover-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+var PopoverContentBase = React13.forwardRef(({ className, align = "center", sideOffset = 4, testid: dataTestId = "popover-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -2353,9 +2396,9 @@ var PopoverContentBase = React12.forwardRef(({ className, align = "center", side
 PopoverContentBase.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/selects/ComboboxBase.tsx
-var import_react9 = require("@phosphor-icons/react");
-var import_react10 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react10 = require("@phosphor-icons/react");
+var import_react11 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function ComboboxBase({
   items,
   renderSelected,
@@ -2365,19 +2408,19 @@ function ComboboxBase({
   errorMessage,
   testIds = {}
 }) {
-  const [open, setOpen] = (0, import_react10.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const [open, setOpen] = (0, import_react11.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       className: "col-span-1 w-full",
       "data-testid": testIds.root ?? "combobox-base-root",
-      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           PopoverTriggerBase,
           {
             asChild: true,
             className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               ButtonBase,
               {
                 variant: "outline",
@@ -2390,24 +2433,24 @@ function ComboboxBase({
                 "data-testid": testIds.trigger ?? "combobox-trigger",
                 children: [
                   renderSelected,
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react9.CaretDown, { size: 16, className: "mt-0.5" })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react10.CaretDown, { size: 16, className: "mt-0.5" })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           PopoverContentBase,
           {
             className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
             "data-testid": testIds.popover ?? "combobox-popover",
-            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               CommandBase,
               {
                 className: "dark:text-white",
                 "data-testid": testIds.command ?? "combobox-command",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     CommandInputBase,
                     {
                       tabIndex: -1,
@@ -2415,11 +2458,11 @@ function ComboboxBase({
                       "data-testid": testIds.search ?? "combobox-search"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: "Nenhum dado encontrado" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: "Nenhum dado encontrado" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
                       const isSelected = checkIsSelected(item.value);
-                      return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                         CommandItemBase,
                         {
                           keywords: [item.label],
@@ -2431,8 +2474,8 @@ function ComboboxBase({
                           "data-testid": testIds.option ?? "combobox-option",
                           children: [
                             item.label,
-                            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-                              import_react9.Check,
+                            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                              import_react10.Check,
                               {
                                 className: cn(
                                   "ml-auto",
@@ -2458,7 +2501,7 @@ function ComboboxBase({
 }
 
 // src/components/selects/Combobox.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Combobox({
   items,
   selected,
@@ -2471,8 +2514,8 @@ function Combobox({
   testIds
 }) {
   const selectedItem = items.find((item) => item.value === selected);
-  const renderSelected = (0, import_react11.useMemo)(() => {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  const renderSelected = (0, import_react12.useMemo)(() => {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       "span",
       {
         "data-testid": testIds?.selected ?? "combobox-selected",
@@ -2481,19 +2524,19 @@ function Combobox({
       }
     );
   }, [placeholder, selectedItem, testIds?.selected]);
-  const checkIsSelected = (0, import_react11.useCallback)(
+  const checkIsSelected = (0, import_react12.useCallback)(
     (value) => selected == null ? false : selected == value,
     [selected]
   );
-  const handleSelection = (0, import_react11.useCallback)(
+  const handleSelection = (0, import_react12.useCallback)(
     (value) => {
       onChange(value === selected ? null : value);
     },
     [selected, onChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(LabelBase_default, { className: labelClassname, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(LabelBase_default, { className: labelClassname, children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       ComboboxBase,
       {
         items,
@@ -2508,9 +2551,9 @@ function Combobox({
 }
 
 // src/components/selects/MultiCombobox.tsx
-var import_react12 = require("react");
-var import_react13 = require("@phosphor-icons/react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_react14 = require("@phosphor-icons/react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function MultiCombobox({
   items,
   selected,
@@ -2523,11 +2566,11 @@ function MultiCombobox({
   testIds = {}
 }) {
   const selectedItems = items.filter((item) => selected.includes(item.value));
-  const checkIsSelected = (0, import_react12.useCallback)(
+  const checkIsSelected = (0, import_react13.useCallback)(
     (value) => selected.includes(value),
     [selected]
   );
-  const handleSelection = (0, import_react12.useCallback)(
+  const handleSelection = (0, import_react13.useCallback)(
     (value) => {
       const isSelected = selected.includes(value);
       if (isSelected) {
@@ -2538,9 +2581,9 @@ function MultiCombobox({
     },
     [selected, onChange]
   );
-  const renderSelected = (0, import_react12.useMemo)(() => {
+  const renderSelected = (0, import_react13.useMemo)(() => {
     if (selectedItems.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "span",
         {
           "data-testid": testIds.emptyPlaceholder ?? "combobox-selected-empty",
@@ -2549,19 +2592,19 @@ function MultiCombobox({
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
         "data-testid": testIds.selectedWrapper ?? "combobox-selected-wrapper",
         className: "flex w-full flex-wrap gap-2",
-        children: selectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+        children: selectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "div",
           {
             className: "flex items-center gap-1 rounded-md border p-1",
             "data-testid": testIds.selectedItem?.(item.value) ?? `combobox-selected-${item.value}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
-              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                 "span",
                 {
                   role: "button",
@@ -2571,7 +2614,7 @@ function MultiCombobox({
                     handleSelection(item.value);
                   },
                   className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react13.X, { size: 14 })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react14.X, { size: 14 })
                 }
               )
             ]
@@ -2581,13 +2624,13 @@ function MultiCombobox({
       }
     );
   }, [handleSelection, placeholder, selectedItems, testIds]);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
     "div",
     {
       className: cn("flex flex-col gap-1 w-full min-w-[150px]", className),
       "data-testid": testIds.root ?? "multi-combobox-root",
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           LabelBase_default,
           {
             className: labelClassname,
@@ -2595,7 +2638,7 @@ function MultiCombobox({
             children: label
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           ComboboxBase,
           {
             items,
@@ -2611,13 +2654,13 @@ function MultiCombobox({
 }
 
 // src/components/ui/TooltipBase.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var TooltipProviderBase = TooltipPrimitive.Provider;
 var TooltipBase = TooltipPrimitive.Root;
 var TooltipTriggerBase = TooltipPrimitive.Trigger;
-var TooltipContentBase = React13.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var TooltipContentBase = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2632,18 +2675,18 @@ var TooltipContentBase = React13.forwardRef(({ className, sideOffset = 4, ...pro
 TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/FilterBase.tsx
-var import_react15 = require("@phosphor-icons/react");
+var import_react16 = require("@phosphor-icons/react");
 var import_colors = __toESM(require_colors2());
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 
 // src/components/ui/HoverCardBase.tsx
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function HoverCardBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HoverCardPrimitive.Root, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HoverCardPrimitive.Root, { ...props });
 }
 function HoverCardTriggerBase(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HoverCardPrimitive.Trigger, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HoverCardPrimitive.Trigger, { ...props });
 }
 function HoverCardContentBase({
   className,
@@ -2651,7 +2694,7 @@ function HoverCardContentBase({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     HoverCardPrimitive.Content,
     {
       align,
@@ -2673,16 +2716,16 @@ function HoverCardContentBase({
 }
 
 // src/components/ui/Input-OTP-Base.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_input_otp = require("input-otp");
-var import_react16 = require("@phosphor-icons/react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react17 = require("@phosphor-icons/react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function InputOTPBase({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_input_otp.OTPInput,
     {
       "data-slot": "input-otp",
@@ -2696,7 +2739,7 @@ function InputOTPBase({
   );
 }
 function InputOTPGroupBase({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -2710,9 +2753,9 @@ function InputOTPSlotBase({
   className,
   ...props
 }) {
-  const inputOTPContext = React14.useContext(import_input_otp.OTPInputContext);
+  const inputOTPContext = React15.useContext(import_input_otp.OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -2724,27 +2767,26 @@ function InputOTPSlotBase({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react16.Minus, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react17.Minus, {}) });
 }
 
 // src/components/ui/NavigationMenuBase.tsx
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"));
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_react17 = require("@phosphor-icons/react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react18 = require("@phosphor-icons/react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function NavigationMenuBase({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -2756,7 +2798,7 @@ function NavigationMenuBase({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(NavigationMenuViewportBase, {})
+        viewport && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(NavigationMenuViewportBase, {})
       ]
     }
   );
@@ -2765,7 +2807,7 @@ function NavigationMenuListBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -2781,7 +2823,7 @@ function NavigationMenuItemBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -2790,24 +2832,21 @@ function NavigationMenuItemBase({
     }
   );
 }
-var navigationMenuTriggerStyle = (0, import_class_variance_authority3.cva)(
-  "group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1"
-);
 function NavigationMenuTriggerBase({
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
     NavigationMenuPrimitive.Trigger,
     {
       "data-slot": "navigation-menu-trigger",
-      className: cn(navigationMenuTriggerStyle(), "group", className),
+      className: cn("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1", "group", className),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-          import_react17.CaretDown,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_react18.CaretDownIcon,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -2821,7 +2860,7 @@ function NavigationMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -2838,7 +2877,7 @@ function NavigationMenuViewportBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -2854,7 +2893,7 @@ function NavigationMenuLinkBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -2870,7 +2909,7 @@ function NavigationMenuIndicatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -2879,21 +2918,21 @@ function NavigationMenuIndicatorBase({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
 
 // src/components/ui/ProgressBase.tsx
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
-      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var ProgressBase = React16.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center gap-2", children: [
+      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         ProgressPrimitive.Root,
         {
           ref,
@@ -2903,7 +2942,7 @@ var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, righ
           ),
           value,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             ProgressPrimitive.Indicator,
             {
               className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
@@ -2912,7 +2951,7 @@ var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, righ
           )
         }
       ),
-      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
     ] })
   ] });
 });
@@ -2923,9 +2962,9 @@ var ProgressSegmentsBase = ({
   value
 }) => {
   const filled = Math.round(value / 100 * segments);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "div",
       {
         className: cn(
@@ -2937,7 +2976,7 @@ var ProgressSegmentsBase = ({
     )) })
   ] });
 };
-var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "svg",
   {
     className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
@@ -2946,7 +2985,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     strokeWidth: 2,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
   }
 );
 var ProgressPanelsBase = ({
@@ -2954,13 +2993,13 @@ var ProgressPanelsBase = ({
   steps,
   currentStep
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
       const isActive = idx === currentStep;
       const isLast = idx === steps.length - 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(React15.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(React16.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           "div",
           {
             className: cn(
@@ -2971,12 +3010,12 @@ var ProgressPanelsBase = ({
             ),
             style: { flex: "1 1 0" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "truncate", children: step }),
-              isActive && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "truncate", children: step }),
+              isActive && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
             ]
           }
         ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArrowRightIcon, {}) })
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ArrowRightIcon, {}) })
       ] }, idx);
     }) })
   ] });
@@ -2986,11 +3025,11 @@ var ProgressCirclesBase = ({
   steps,
   currentStep
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
         "div",
         {
           className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
@@ -3001,13 +3040,13 @@ var ProgressCirclesBase = ({
       ),
       steps.map((step, idx) => {
         const isActive = idx <= currentStep;
-        return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
           "div",
           {
             className: "relative flex flex-col items-center w-10",
             style: { zIndex: isActive ? 10 : 1 },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 "div",
                 {
                   className: cn(
@@ -3017,7 +3056,7 @@ var ProgressCirclesBase = ({
                   children: idx + 1
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
             ]
           },
           idx
@@ -3028,24 +3067,24 @@ var ProgressCirclesBase = ({
 };
 
 // src/components/ui/ScrollareaBase.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var ScrollAreaBase = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var ScrollAreaBase = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollBarBase, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollBarBase, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollAreaBase.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBarBase = React16.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+var ScrollBarBase = React17.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -3057,21 +3096,21 @@ var ScrollBarBase = React16.forwardRef(({ className, orientation = "vertical", .
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBarBase.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/ui/SelectBase.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_react18 = require("@phosphor-icons/react");
+var import_react19 = require("@phosphor-icons/react");
 var import_framer_motion4 = require("framer-motion");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var SelectBase = SelectPrimitive.Root;
 var SelectGroupBase = SelectPrimitive.Group;
 var SelectValueBase = SelectPrimitive.Value;
-var SelectTriggerBase = React17.forwardRef(({ className, children, open, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var SelectTriggerBase = React18.forwardRef(({ className, children, open, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -3082,20 +3121,20 @@ var SelectTriggerBase = React17.forwardRef(({ className, children, open, ...prop
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         import_framer_motion4.motion.span,
         {
           animate: { rotate: open ? 180 : 0 },
           transition: { duration: 0.3 },
           className: "flex items-center",
-          children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.CaretDown, { className: "h-4 w-4 opacity-50" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDown, { className: "h-4 w-4 opacity-50" })
         }
       )
     ]
   }
 ));
 SelectTriggerBase.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButtonBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectScrollUpButtonBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -3104,11 +3143,11 @@ var SelectScrollUpButtonBase = React17.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.CaretUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButtonBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectScrollDownButtonBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -3117,11 +3156,11 @@ var SelectScrollDownButtonBase = React17.forwardRef(({ className, ...props }, re
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.CaretDown, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.CaretDown, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContentBase = React17.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_framer_motion4.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectContentBase = React18.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_framer_motion4.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   SelectPrimitive.Content,
   {
     ref,
@@ -3133,16 +3172,16 @@ var SelectContentBase = React17.forwardRef(({ className, children, position = "p
     "data-testid": dataTestId,
     ...props,
     asChild: true,
-    children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       import_framer_motion4.motion.div,
       {
         initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.95 },
         transition: { duration: 0.2 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectScrollUpButtonBase, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollUpButtonBase, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             SelectPrimitive.Viewport,
             {
               className: cn(
@@ -3152,14 +3191,14 @@ var SelectContentBase = React17.forwardRef(({ className, children, position = "p
               children
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectScrollDownButtonBase, {})
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectScrollDownButtonBase, {})
         ] })
       }
     )
   }
 ) }) }));
 SelectContentBase.displayName = SelectPrimitive.Content.displayName;
-var SelectLabelBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectLabelBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   SelectPrimitive.Label,
   {
     ref,
@@ -3168,7 +3207,7 @@ var SelectLabelBase = React17.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectLabelBase.displayName = SelectPrimitive.Label.displayName;
-var SelectItemBase = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var SelectItemBase = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
@@ -3178,13 +3217,13 @@ var SelectItemBase = React17.forwardRef(({ className, children, ...props }, ref)
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react18.Check, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react19.Check, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItemBase.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparatorBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SelectSeparatorBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
@@ -3195,14 +3234,14 @@ var SelectSeparatorBase = React17.forwardRef(({ className, ...props }, ref) => /
 SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/SeparatorBase.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
 var import_framer_motion5 = require("framer-motion");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var SeparatorBase = React18.forwardRef(
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var SeparatorBase = React19.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -3210,7 +3249,7 @@ var SeparatorBase = React18.forwardRef(
         orientation,
         asChild: true,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           import_framer_motion5.motion.div,
           {
             className: cn(
@@ -3230,16 +3269,16 @@ var SeparatorBase = React18.forwardRef(
 SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/SheetBase.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_react19 = require("@phosphor-icons/react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_react20 = require("@phosphor-icons/react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
 var SheetCloseBase = SheetPrimitive.Close;
 var SheetPortalBase = SheetPrimitive.Portal;
-var SheetOverlayBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SheetOverlayBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -3251,7 +3290,7 @@ var SheetOverlayBase = React19.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetOverlayBase.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = (0, import_class_variance_authority4.cva)(
+var sheetVariants = (0, import_class_variance_authority3.cva)(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
   {
     variants: {
@@ -3267,18 +3306,18 @@ var sheetVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var SheetContentBase = React19.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SheetPortalBase, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SheetOverlayBase, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+var SheetContentBase = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPortalBase, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SheetOverlayBase, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react19.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react20.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -3289,7 +3328,7 @@ SheetContentBase.displayName = SheetPrimitive.Content.displayName;
 var SheetHeaderBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "div",
   {
     className: cn(
@@ -3303,7 +3342,7 @@ SheetHeaderBase.displayName = "SheetHeaderBase";
 var SheetFooterBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   "div",
   {
     className: cn(
@@ -3314,7 +3353,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SheetTitleBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -3323,7 +3362,7 @@ var SheetTitleBase = React19.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
-var SheetDescriptionBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var SheetDescriptionBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -3334,16 +3373,16 @@ var SheetDescriptionBase = React19.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/SidebarBase.tsx
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 var import_react_slot5 = require("@radix-ui/react-slot");
-var import_class_variance_authority5 = require("class-variance-authority");
+var import_class_variance_authority4 = require("class-variance-authority");
 
 // src/hooks/use-mobile.tsx
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React20.useState(void 0);
-  React20.useEffect(() => {
+  const [isMobile, setIsMobile] = React21.useState(void 0);
+  React21.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -3356,12 +3395,12 @@ function useIsMobile() {
 }
 
 // src/components/ui/SkeletonBase.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function SkeletonBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     {
       className: cn("animate-pulse  bg-primary/10", className),
@@ -3371,17 +3410,17 @@ function SkeletonBase({
 }
 
 // src/components/ui/SidebarBase.tsx
-var import_react20 = require("@phosphor-icons/react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react21 = require("@phosphor-icons/react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React21.createContext(null);
+var SidebarContext = React22.createContext(null);
 function UseSideBarBase() {
-  const context = React21.useContext(SidebarContext);
+  const context = React22.useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "UseSideBarBase must be used within a SidebarProviderBase."
@@ -3389,7 +3428,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React21.forwardRef(
+var SidebarProviderBase = React22.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -3400,10 +3439,10 @@ var SidebarProviderBase = React21.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React21.useState(false);
-    const [_open, _setOpen] = React21.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React22.useState(false);
+    const [_open, _setOpen] = React22.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React21.useCallback(
+    const setOpen = React22.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -3415,10 +3454,10 @@ var SidebarProviderBase = React21.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React21.useCallback(() => {
+    const toggleSidebar = React22.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React21.useEffect(() => {
+    React22.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -3429,7 +3468,7 @@ var SidebarProviderBase = React21.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React21.useMemo(
+    const contextValue = React22.useMemo(
       () => ({
         state,
         open,
@@ -3441,7 +3480,7 @@ var SidebarProviderBase = React21.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
       {
         style: {
@@ -3461,7 +3500,7 @@ var SidebarProviderBase = React21.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React21.forwardRef(
+var SidebarBase = React22.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -3472,7 +3511,7 @@ var SidebarBase = React21.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         "div",
         {
           className: cn(
@@ -3486,7 +3525,7 @@ var SidebarBase = React21.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         SheetContentBase,
         {
           "data-sidebar": "sidebar",
@@ -3496,11 +3535,11 @@ var SidebarBase = React21.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex h-full w-full flex-col", children })
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
       "div",
       {
         ref,
@@ -3510,7 +3549,7 @@ var SidebarBase = React21.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "div",
             {
               className: cn(
@@ -3521,7 +3560,7 @@ var SidebarBase = React21.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
             "div",
             {
               className: cn(
@@ -3532,7 +3571,7 @@ var SidebarBase = React21.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -3548,9 +3587,9 @@ var SidebarBase = React21.forwardRef(
   }
 );
 SidebarBase.displayName = "SidebarBase";
-var SidebarTriggerBase = React21.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTriggerBase = React22.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     ButtonBase,
     {
       ref,
@@ -3564,16 +3603,16 @@ var SidebarTriggerBase = React21.forwardRef(({ className, onClick, ...props }, r
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react20.SidebarSimple, {})
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react21.SidebarSimple, {})
       ]
     }
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React21.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React22.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "button",
     {
       ref,
@@ -3596,8 +3635,8 @@ var SidebarRailBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarInsetBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "main",
     {
       ref,
@@ -3611,8 +3650,8 @@ var SidebarInsetBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarInputBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     InputBase,
     {
       ref,
@@ -3626,8 +3665,8 @@ var SidebarInputBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarHeaderBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       ref,
@@ -3638,8 +3677,8 @@ var SidebarHeaderBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarFooterBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       ref,
@@ -3650,8 +3689,8 @@ var SidebarFooterBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarSeparatorBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     SeparatorBase,
     {
       ref,
@@ -3662,8 +3701,8 @@ var SidebarSeparatorBase = React21.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarContentBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       ref,
@@ -3677,8 +3716,8 @@ var SidebarContentBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarGroupBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       ref,
@@ -3689,9 +3728,9 @@ var SidebarGroupBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React21.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabelBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Comp,
     {
       ref,
@@ -3706,9 +3745,9 @@ var SidebarGroupLabelBase = React21.forwardRef(({ className, asChild = false, ..
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React21.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupActionBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Comp,
     {
       ref,
@@ -3725,7 +3764,7 @@ var SidebarGroupActionBase = React21.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarGroupContentBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "div",
   {
     ref,
@@ -3735,7 +3774,7 @@ var SidebarGroupContentBase = React21.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarMenuBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "ul",
   {
     ref,
@@ -3745,7 +3784,7 @@ var SidebarMenuBase = React21.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarMenuItemBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "li",
   {
     ref,
@@ -3755,7 +3794,7 @@ var SidebarMenuItemBase = React21.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarMenuItemBase.displayName = "SidebarMenuItemBase";
-var sidebarMenuButtonVariants = (0, import_class_variance_authority5.cva)(
+var sidebarMenuButtonVariants = (0, import_class_variance_authority4.cva)(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -3775,7 +3814,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var SidebarMenuButtonBase = React21.forwardRef(
+var SidebarMenuButtonBase = React22.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -3787,7 +3826,7 @@ var SidebarMenuButtonBase = React21.forwardRef(
   }, ref) => {
     const Comp = asChild ? import_react_slot5.Slot : "button";
     const { isMobile, state } = UseSideBarBase();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Comp,
       {
         ref,
@@ -3806,9 +3845,9 @@ var SidebarMenuButtonBase = React21.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(TooltipBase, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(TooltipBase, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         TooltipContentBase,
         {
           side: "right",
@@ -3821,9 +3860,9 @@ var SidebarMenuButtonBase = React21.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React21.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuActionBase = React22.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Comp,
     {
       ref,
@@ -3844,7 +3883,7 @@ var SidebarMenuActionBase = React21.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarMenuBadgeBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "div",
   {
     ref,
@@ -3862,11 +3901,11 @@ var SidebarMenuBadgeBase = React21.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
-var SidebarMenuSkeletonBase = React21.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React21.useMemo(() => {
+var SidebarMenuSkeletonBase = React22.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React22.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
     "div",
     {
       ref,
@@ -3874,14 +3913,14 @@ var SidebarMenuSkeletonBase = React21.forwardRef(({ className, showIcon = false,
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           SkeletonBase,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
           SkeletonBase,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -3896,7 +3935,7 @@ var SidebarMenuSkeletonBase = React21.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+var SidebarMenuSubBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   "ul",
   {
     ref,
@@ -3910,11 +3949,11 @@ var SidebarMenuSubBase = React21.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React21.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React22.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React21.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButtonBase = React22.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot5.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Comp,
     {
       ref,
@@ -3936,10 +3975,10 @@ var SidebarMenuSubButtonBase = React21.forwardRef(({ asChild = false, size = "md
 SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
 
 // src/components/ui/SliderBase.tsx
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var SlideBase = React22.forwardRef(
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var SlideBase = React23.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3949,7 +3988,7 @@ var SlideBase = React22.forwardRef(
     ...props
   }, ref) => {
     const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "div",
       {
         className: cn(
@@ -3957,8 +3996,8 @@ var SlideBase = React22.forwardRef(
           isVertical ? "h-full " : "w-full"
         ),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
             "div",
             {
               className: cn(
@@ -3966,8 +4005,8 @@ var SlideBase = React22.forwardRef(
                 isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
               ),
               children: [
-                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
                   SliderPrimitive.Root,
                   {
                     ref,
@@ -3979,14 +4018,14 @@ var SlideBase = React22.forwardRef(
                     ),
                     ...props,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                         SliderPrimitive.Track,
                         {
                           className: cn(
                             "relative overflow-hidden bg-primary/20 rounded-full",
                             isVertical ? "w-1.5 h-full" : "h-1.5 w-full"
                           ),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                             SliderPrimitive.Range,
                             {
                               className: cn(
@@ -3997,7 +4036,7 @@ var SlideBase = React22.forwardRef(
                           )
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                         SliderPrimitive.Thumb,
                         {
                           className: cn(
@@ -4010,7 +4049,7 @@ var SlideBase = React22.forwardRef(
                     ]
                   }
                 ),
-                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
               ]
             }
           )
@@ -4022,12 +4061,12 @@ var SlideBase = React22.forwardRef(
 SlideBase.displayName = "SlideBase";
 
 // src/components/ui/SonnerBase.tsx
-var import_react21 = require("@phosphor-icons/react");
+var import_react22 = require("@phosphor-icons/react");
 var import_sonner = require("sonner");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var iconBaseClass = "w-5 h-auto";
 var Toaster = ({ testId, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     import_sonner.Toaster,
     {
       className: "toaster group",
@@ -4074,33 +4113,33 @@ var Toaster = ({ testId, ...props }) => {
 };
 var toast = {
   success: (message) => import_sonner.toast.success(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
     className: "sonner-success"
   }),
   error: (message) => import_sonner.toast.error(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
     className: "sonner-error"
   }),
   warning: (message) => import_sonner.toast.warning(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
     className: "sonner-WarningIcon"
   }),
   info: (message) => import_sonner.toast.info(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
     className: "sonner-InfoIcon"
   }),
   loading: (message) => (0, import_sonner.toast)(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react21.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    icon: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react22.SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
     className: "sonner-loading"
   })
 };
 
 // src/components/ui/SwitchBase.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var SwitchBase = React24.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     SwitchPrimitives.Root,
     {
       ...props,
@@ -4110,7 +4149,7 @@ var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-b
         className
       ),
       "data-testid": dataTestId,
-      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -4128,9 +4167,9 @@ var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-b
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/TableBase.tsx
-var React24 = __toESM(require("react"));
-var import_jsx_runtime36 = require("react/jsx-runtime");
-var TableBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var React25 = __toESM(require("react"));
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var TableBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "table",
   {
     ref,
@@ -4139,9 +4178,9 @@ var TableBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TableBodyBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tbody",
   {
     ref,
@@ -4150,7 +4189,7 @@ var TableBodyBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TableFooterBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tfoot",
   {
     ref,
@@ -4162,7 +4201,7 @@ var TableFooterBase = React24.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TableRowBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "tr",
   {
     ref,
@@ -4174,7 +4213,7 @@ var TableRowBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TableHeadBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "th",
   {
     ref,
@@ -4186,7 +4225,7 @@ var TableHeadBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TableCellBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "td",
   {
     ref,
@@ -4198,7 +4237,7 @@ var TableCellBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TableCaptionBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
   "caption",
   {
     ref,
@@ -4209,11 +4248,11 @@ var TableCaptionBase = React24.forwardRef(({ className, ...props }, ref) => /* @
 TableCaptionBase.displayName = "TableCaptionBase";
 
 // src/components/ui/TabsBase.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var TabsBase = TabsPrimitive.Root;
-var TabsListBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TabsListBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -4225,7 +4264,7 @@ var TabsListBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsListBase.displayName = TabsPrimitive.List.displayName;
-var TabsTriggerBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TabsTriggerBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4243,7 +4282,7 @@ var TabsTriggerBase = React25.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-var TabsContentBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var TabsContentBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -4258,10 +4297,10 @@ var TabsContentBase = React25.forwardRef(({ className, ...props }, ref) => /* @_
 TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/TextAreaBase.tsx
-var React26 = __toESM(require("react"));
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var TextAreaBase = React26.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+var React27 = __toESM(require("react"));
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var TextAreaBase = React27.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "textarea",
     {
       className: cn(
@@ -4276,24 +4315,24 @@ var TextAreaBase = React26.forwardRef(({ className, ...props }, ref) => {
 TextAreaBase.displayName = "TextAreaBase";
 
 // src/components/mode-toggle.tsx
-var import_react23 = require("@phosphor-icons/react");
+var import_react24 = require("@phosphor-icons/react");
 
 // src/components/theme-provider.tsx
-var import_react22 = require("react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_react23 = require("react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var initialState = {
   theme: "system",
   setTheme: () => null
 };
-var ThemeProviderContext = (0, import_react22.createContext)(initialState);
+var ThemeProviderContext = (0, import_react23.createContext)(initialState);
 function ThemeProviderBase({
   children,
   defaultTheme = "system",
   storageKey = "app-ui-theme",
   ...props
 }) {
-  const [theme, setThemeState] = (0, import_react22.useState)(defaultTheme);
-  (0, import_react22.useEffect)(() => {
+  const [theme, setThemeState] = (0, import_react23.useState)(defaultTheme);
+  (0, import_react23.useEffect)(() => {
     const root = window.document.documentElement;
     root.classList.remove(
       "light",
@@ -4319,7 +4358,7 @@ function ThemeProviderBase({
       document.body.style.color = "";
     }
   }, [theme]);
-  (0, import_react22.useEffect)(() => {
+  (0, import_react23.useEffect)(() => {
     const stored = localStorage.getItem(storageKey);
     if (stored) setThemeState(stored);
   }, [storageKey]);
@@ -4330,17 +4369,17 @@ function ThemeProviderBase({
     setThemeState(newTheme);
   };
   const value = { theme, setTheme };
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
-  const context = (0, import_react22.useContext)(ThemeProviderContext);
+  const context = (0, import_react23.useContext)(ThemeProviderContext);
   if (context === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return context;
 };
 
 // src/components/mode-toggle.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var themeLabels = {
   light: "Light",
   dark: "Dark",
@@ -4357,30 +4396,30 @@ function ModeToggleBase({
 }) {
   const { setTheme, theme: currentTheme } = useTheme();
   const isDark = currentTheme?.includes("dark") || currentTheme === "system" && typeof window !== "undefined" && window.matchMedia("(prefers-color-scheme: dark)").matches;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(DropDownMenuBase, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DropDownMenuBase, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       ButtonBase,
       {
         variant: "ghost",
         size: "icon",
         className: "relative overflow-hidden border-transparent",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react23.Sun, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react23.Moon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.Sun, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.Moon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "sr-only", children: "Toggle theme" })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Toggle theme" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       DropDownMenuItemBase,
       {
         onClick: () => setTheme(theme),
         className: "flex items-center justify-between hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",
         children: [
           themeLabels[theme],
-          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react23.Check, { className: "h-4 w-4 opacity-100" })
+          currentTheme === theme && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.Check, { className: "h-4 w-4 opacity-100" })
         ]
       },
       theme
@@ -4392,11 +4431,11 @@ function ModeToggleBase({
 var import_date_fns = require("date-fns");
 
 // src/components/date-time-picker/calendar.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_react_day_picker2 = require("react-day-picker");
-var import_react24 = require("@phosphor-icons/react");
+var import_react25 = require("@phosphor-icons/react");
 var import_framer_motion6 = require("framer-motion");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var variants = {
   enter: (direction) => ({
     opacity: 0,
@@ -4417,24 +4456,24 @@ function CalendarBase2({
   showOutsideDays = true,
   ...props
 }) {
-  const [month, setMonth] = React27.useState(
+  const [month, setMonth] = React28.useState(
     props.month || props.defaultMonth || /* @__PURE__ */ new Date()
   );
-  const [direction, setDirection] = React27.useState(1);
+  const [direction, setDirection] = React28.useState(1);
   const handleMonthChange = (newMonth) => {
     const isNext = newMonth > month ? 1 : -1;
     setDirection(isNext);
     setMonth(newMonth);
     props.onMonthChange?.(newMonth);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       className: cn(
         "rounded-xl border bg-background p-3 shadow-sm overflow-hidden",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         import_framer_motion6.motion.div,
         {
           variants,
@@ -4444,7 +4483,7 @@ function CalendarBase2({
           custom: direction,
           transition: { duration: 0.3, ease: "easeInOut" },
           style: { position: "relative" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
             import_react_day_picker2.DayPicker,
             {
               showOutsideDays,
@@ -4491,8 +4530,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.CaretLeft, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react24.CaretRight, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretLeft, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react25.CaretRight, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -4507,14 +4546,14 @@ CalendarBase2.displayName = "CalendarBase";
 
 // src/components/date-time-picker/DateTimePicker.tsx
 var import_locale = require("date-fns/locale");
-var import_react27 = require("react");
+var import_react28 = require("react");
 
 // src/components/date-time-picker/TimePicker.tsx
-var import_react26 = require("@phosphor-icons/react");
-var React29 = __toESM(require("react"));
+var import_react27 = require("@phosphor-icons/react");
+var React30 = __toESM(require("react"));
 
 // src/components/date-time-picker/TimePickerInput.tsx
-var import_react25 = __toESM(require("react"));
+var import_react26 = __toESM(require("react"));
 
 // src/components/date-time-picker/time-picker-utils.ts
 function isValidHour(value) {
@@ -4656,8 +4695,8 @@ function display12HourValue(hours) {
 }
 
 // src/components/date-time-picker/TimePickerInput.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var TimePickerInput = import_react25.default.forwardRef(
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var TimePickerInput = import_react26.default.forwardRef(
   ({
     className,
     type = "tel",
@@ -4674,9 +4713,9 @@ var TimePickerInput = import_react25.default.forwardRef(
     onRightFocus,
     ...props
   }, ref) => {
-    const [flag, setFlag] = import_react25.default.useState(false);
-    const [prevIntKey, setPrevIntKey] = import_react25.default.useState("0");
-    import_react25.default.useEffect(() => {
+    const [flag, setFlag] = import_react26.default.useState(false);
+    const [prevIntKey, setPrevIntKey] = import_react26.default.useState("0");
+    import_react26.default.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -4684,7 +4723,7 @@ var TimePickerInput = import_react25.default.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = import_react25.default.useMemo(() => {
+    const calculatedValue = import_react26.default.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -4715,7 +4754,7 @@ var TimePickerInput = import_react25.default.forwardRef(
         setDate(setDateByType(tempDate, newValue, picker, period));
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
       InputBase,
       {
         ref,
@@ -4744,15 +4783,15 @@ var TimePickerInput = import_react25.default.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/date-time-picker/TimePicker.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function TimePicker({ date, setDate, hideSeconds }) {
-  const minuteRef = React29.useRef(null);
-  const hourRef = React29.useRef(null);
-  const secondRef = React29.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-end gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(LabelBase_default, { htmlFor: "hours", className: "text-xs", children: "Horas" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  const minuteRef = React30.useRef(null);
+  const hourRef = React30.useRef(null);
+  const secondRef = React30.useRef(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-end gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "hours", className: "text-xs", children: "Horas" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         TimePickerInput,
         {
           picker: "hours",
@@ -4763,9 +4802,9 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(LabelBase_default, { htmlFor: "minutes", className: "text-xs", children: "Minutos" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "minutes", className: "text-xs", children: "Minutos" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         TimePickerInput,
         {
           picker: "minutes",
@@ -4777,9 +4816,9 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(LabelBase_default, { htmlFor: "seconds", className: "text-xs", children: "Segundos" }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    !hideSeconds && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { htmlFor: "seconds", className: "text-xs", children: "Segundos" }),
+      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         TimePickerInput,
         {
           picker: "seconds",
@@ -4790,13 +4829,13 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react26.Clock, { className: "ml-2 h-4 w-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react27.Clock, { className: "ml-2 h-4 w-4" }) })
   ] });
 }
 
 // src/components/date-time-picker/DateTimePicker.tsx
-var import_react28 = require("@phosphor-icons/react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_react29 = require("@phosphor-icons/react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function DateTimePicker({
   label,
   date,
@@ -4807,7 +4846,7 @@ function DateTimePicker({
   disabled,
   dialogTitle
 }) {
-  const [internalDate, setInternalDate] = (0, import_react27.useState)(date);
+  const [internalDate, setInternalDate] = (0, import_react28.useState)(date);
   const handleSelect = (newDay) => {
     if (!newDay) return;
     if (!internalDate) {
@@ -4819,16 +4858,16 @@ function DateTimePicker({
     const newDateFull = (0, import_date_fns.add)(internalDate, { days: Math.ceil(diffInDays) });
     setInternalDate(newDateFull);
   };
-  const [open, setOpen] = (0, import_react27.useState)(false);
-  (0, import_react27.useEffect)(() => {
+  const [open, setOpen] = (0, import_react28.useState)(false);
+  (0, import_react28.useEffect)(() => {
     if (date) {
       setInternalDate(date);
     }
   }, [date, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(LabelBase_default, { className: "mb-[-1rem] pl-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(DialogBase, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(LabelBase_default, { className: "mb-[-1rem] pl-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
         ButtonBase,
         {
           variant: "default",
@@ -4838,14 +4877,14 @@ function DateTimePicker({
             !date && "text-muted-foreground"
           ),
           children: [
-            date ? (0, import_date_fns.format)(date, "PPP - HH:mm", { locale: import_locale.ptBR }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-zinc-400", children: "Pick a date" }),
-            /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react28.Calendar, { className: "ml-auto text-gray-500", size: 24 })
+            date ? (0, import_date_fns.format)(date, "PPP - HH:mm", { locale: import_locale.ptBR }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-zinc-400", children: "Pick a date" }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react29.Calendar, { className: "ml-auto text-gray-500", size: 24 })
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(DialogContentBase, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogHeaderBase, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(DialogTitleBase, { className: "text-xl font-semibold", children: dialogTitle ?? "Selecione a data" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(DialogContentBase, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogHeaderBase, { children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(DialogTitleBase, { className: "text-xl font-semibold", children: dialogTitle ?? "Selecione a data" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           CalendarBase2,
           {
             mode: "single",
@@ -4857,7 +4896,7 @@ function DateTimePicker({
             toDate
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "border-border flex justify-center border-t p-3", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "border-border flex justify-center border-t p-3", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           TimePicker,
           {
             setDate: setInternalDate,
@@ -4865,7 +4904,7 @@ function DateTimePicker({
             hideSeconds
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           ButtonBase,
           {
             onClick: () => {
@@ -4881,7 +4920,7 @@ function DateTimePicker({
 }
 
 // src/components/selects/Select.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Select({
   items,
   groupItems,
@@ -4890,9 +4929,9 @@ function Select({
   errorMessage,
   testIds = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         SelectTriggerBase,
         {
           className: cn(
@@ -4900,7 +4939,7 @@ function Select({
             errorMessage && "border-red-500"
           ),
           "data-testid": testIds.trigger ?? "select-trigger",
-          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             SelectValueBase,
             {
               placeholder,
@@ -4909,9 +4948,9 @@ function Select({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
-        groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
+        groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           SelectItemBase,
           {
             value: item.value,
@@ -4920,7 +4959,7 @@ function Select({
           },
           item.value
         ))
-      ] }, key)) }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      ] }, key)) }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         SelectItemBase,
         {
           value: item.value,
@@ -4930,7 +4969,7 @@ function Select({
         item.value
       )) }) }) })
     ] }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       "p",
       {
         className: "text-sm text-red-500",
@@ -4940,3 +4979,64 @@ function Select({
     )
   ] });
 }
+
+// src/components/ui/DestructiveDialog.tsx
+var React31 = __toESM(require("react"));
+var import_react30 = require("@phosphor-icons/react");
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var DestructiveDialog = ({
+  title,
+  description,
+  onConfirm,
+  onCancel,
+  children,
+  triggerContent
+}) => {
+  const titleId = "destructive-dialog-title";
+  const descriptionId = "destructive-dialog-description";
+  const triggerEl = React31.isValidElement(children) ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogTriggerBase, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AlertDialogBase, { children: [
+    triggerEl,
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+      AlertDialogContentBase,
+      {
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId,
+        className: cn("border border-destructive bg-background"),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react30.XCircle, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogTitleBase, { id: titleId, className: "text-lg sm:text-xl font-semibold text-destructive", children: title }),
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AlertDialogDescriptionBase, { id: descriptionId, className: "mt-2 text-sm text-muted-foreground", children: description })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              AlertDialogCancelBase,
+              {
+                onClick: onCancel,
+                className: cn(
+                  buttonVariantsBase({ variant: "outline", size: "sm" }),
+                  "px-4 py-2",
+                  "hover:bg-foreground/5 hover:text-primary hover:opacity-90 hover:shadow-none"
+                ),
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              AlertDialogActionBase,
+              {
+                onClick: onConfirm,
+                className: cn(buttonVariantsBase({ variant: "destructive", size: "default" }), "px-5 py-2 shadow-lg"),
+                children: "Confirmar"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};