@mlw-packages/react-components 1.5.2 → 1.5.4

package/dist/index.mjs

@@ -493,30 +493,22 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 var buttonVariantsBase = 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: {
@@ -926,7 +918,7 @@ function BadgeBase({
 
 // src/components/ui/BreadcrumbBase.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { CaretRight, DotsThree } from "@phosphor-icons/react";
+import { CaretRightIcon, DotsThreeIcon } from "@phosphor-icons/react";
 import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
 function BreadcrumbBase({ ...props }) {
   return /* @__PURE__ */ jsx5("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...props });
@@ -995,7 +987,7 @@ function BreadcrumbSeparatorBase({
       "aria-hidden": "true",
       className: cn("[&>svg]:size-3.5", className),
       ...props,
-      children: children ?? /* @__PURE__ */ jsx5(CaretRight, {})
+      children: children ?? /* @__PURE__ */ jsx5(CaretRightIcon, {})
     }
   );
 }
@@ -1012,7 +1004,7 @@ function BreadcrumbEllipsisBase({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx5(DotsThree, { className: "size-4" }),
+        /* @__PURE__ */ jsx5(DotsThreeIcon, { className: "size-4" }),
         /* @__PURE__ */ jsx5("span", { className: "sr-only", children: "More" })
       ]
     }
@@ -1020,7 +1012,7 @@ function BreadcrumbEllipsisBase({
 }
 
 // src/components/ui/CalendarBase.tsx
-import { CaretLeft, CaretRight as CaretRight2 } from "@phosphor-icons/react";
+import { CaretLeftIcon, CaretRightIcon as CaretRightIcon2 } from "@phosphor-icons/react";
 import { DayPicker } from "react-day-picker";
 import { jsx as jsx6 } from "react/jsx-runtime";
 function CalendarBase({
@@ -1065,8 +1057,8 @@ function CalendarBase({
         ...classNames
       },
       components: {
-        IconLeft: () => /* @__PURE__ */ jsx6(CaretLeft, { className: "h-4 w-4" }),
-        IconRight: () => /* @__PURE__ */ jsx6(CaretRight2, { className: "h-4 w-4" })
+        IconLeft: () => /* @__PURE__ */ jsx6(CaretLeftIcon, { className: "h-4 w-4" }),
+        IconRight: () => /* @__PURE__ */ jsx6(CaretRightIcon2, { className: "h-4 w-4" })
       },
       ...props
     }
@@ -1136,7 +1128,7 @@ CardFooterBase.displayName = "CardFooter";
 // src/components/ui/CarouselBase.tsx
 import * as React5 from "react";
 import useEmblaCarousel from "embla-carousel-react";
-import { ArrowLeft, ArrowRight } from "@phosphor-icons/react";
+import { ArrowLeftIcon, ArrowRightIcon } from "@phosphor-icons/react";
 import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var CarouselContext = React5.createContext(null);
 function useCarousel() {
@@ -1289,7 +1281,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx8(ArrowLeft, {}),
+        /* @__PURE__ */ jsx8(ArrowLeftIcon, {}),
         /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -1317,7 +1309,7 @@ function CarouselNextBase({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx8(ArrowRight, {}),
+        /* @__PURE__ */ jsx8(ArrowRightIcon, {}),
         /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Next slide" })
       ]
     }
@@ -1327,7 +1319,7 @@ function CarouselNextBase({
 // src/components/ui/CheckBoxBase.tsx
 import * as React6 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "@phosphor-icons/react";
+import { CheckIcon } from "@phosphor-icons/react";
 import { motion } from "framer-motion";
 import { jsx as jsx9 } from "react/jsx-runtime";
 var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ jsx9(
@@ -1348,29 +1340,77 @@ var CheckboxBase = React6.forwardRef(({ className, testid: dataTestId = "checkbo
         exit: { scale: 0, opacity: 0, rotate: 90 },
         transition: { type: "spring", stiffness: 500, damping: 30 },
         className: "flex items-center justify-center text-current",
-        children: /* @__PURE__ */ jsx9(Check, { className: "h-4 w-4", weight: "bold" })
+        children: /* @__PURE__ */ jsx9(CheckIcon, { className: "h-4 w-4", weight: "bold" })
       }
     ) })
   }
 ));
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 
+// src/components/ui/CollapsibleBase.tsx
+import * as React7 from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { CaretUpDownIcon } from "@phosphor-icons/react";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+var CollapsibleBase = React7.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsx10(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__ */ jsxs4(
+    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__ */ jsxs4("div", { className: "flex items-center gap-2", children: [
+          leftIcon && /* @__PURE__ */ jsx10("span", { className: "flex-shrink-0 [&>svg]:size-4", children: leftIcon }),
+          /* @__PURE__ */ jsx10("span", { children })
+        ] }),
+        showCaret && /* @__PURE__ */ jsx10("span", { className: "caret-icon flex-shrink-0 transition-transform duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]", children: /* @__PURE__ */ jsx10(CaretUpDownIcon, { className: "h-4 w-4" }) })
+      ]
+    }
+  );
+});
+CollapsibleTriggerBase.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
+var CollapsibleContentBase = React7.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx10(
+    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__ */ jsx10("div", { className: "pb-3 pt-1", children })
+    }
+  );
+});
+CollapsibleContentBase.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
+
 // src/components/ui/CommandBase.tsx
-import * as React8 from "react";
+import * as React9 from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { MagnifyingGlass } from "@phosphor-icons/react";
+import { MagnifyingGlassIcon } from "@phosphor-icons/react";
 import { motion as motion2, AnimatePresence } from "framer-motion";
 
 // src/components/ui/DialogBase.tsx
-import * as React7 from "react";
+import * as React8 from "react";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { X } from "@phosphor-icons/react";
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { XIcon } from "@phosphor-icons/react";
+import { jsx as jsx11, jsxs as jsxs5 } from "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__ */ jsx10(
+var DialogOverlayBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx11(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -1383,9 +1423,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__ */ jsxs4(DialogPortalBase, { children: [
-  /* @__PURE__ */ jsx10(DialogOverlayBase, {}),
-  /* @__PURE__ */ jsxs4(
+var DialogContentBase = React8.forwardRef(({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ jsxs5(DialogPortalBase, { children: [
+  /* @__PURE__ */ jsx11(DialogOverlayBase, {}),
+  /* @__PURE__ */ jsxs5(
     DialogPrimitive.Content,
     {
       ref,
@@ -1397,16 +1437,16 @@ var DialogContentBase = React7.forwardRef(({ className, children, testid: dataTe
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs4(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__ */ jsx10(X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx10("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs5(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__ */ jsx11(XIcon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContentBase.displayName = DialogPrimitive.Content.displayName;
-var DialogHeaderBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ jsx10(
+var DialogHeaderBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -1416,7 +1456,7 @@ var DialogHeaderBase = React7.forwardRef(({ className, testid: dataTestId = "dia
   }
 ));
 DialogHeaderBase.displayName = "DialogHeader";
-var DialogFooterBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ jsx10(
+var DialogFooterBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ jsx11(
   "div",
   {
     ref,
@@ -1426,7 +1466,7 @@ var DialogFooterBase = React7.forwardRef(({ className, testid: dataTestId = "dia
   }
 ));
 DialogFooterBase.displayName = "DialogFooter";
-var DialogTitleBase = React7.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ jsx10(
+var DialogTitleBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ jsx11(
   DialogPrimitive.Title,
   {
     ref,
@@ -1436,7 +1476,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__ */ jsx10(
+var DialogDescriptionBase = React8.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ jsx11(
   DialogPrimitive.Description,
   {
     ref,
@@ -1448,8 +1488,8 @@ var DialogDescriptionBase = React7.forwardRef(({ className, testid: dataTestId =
 DialogDescriptionBase.displayName = DialogPrimitive.Description.displayName;
 
 // src/components/ui/CommandBase.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
-var CommandBase = React8.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsx11(
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+var CommandBase = React9.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive,
   {
     ref,
@@ -1468,7 +1508,7 @@ var dialogVariants = {
   exit: { opacity: 0, scale: 0.95, y: -20 }
 };
 var CommandDialogBase = ({ children, open, ...props }) => {
-  return /* @__PURE__ */ jsx11(DialogBase, { open, ...props, children: /* @__PURE__ */ jsx11(AnimatePresence, { children: open && /* @__PURE__ */ jsx11(DialogContentBase, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(DialogBase, { open, ...props, children: /* @__PURE__ */ jsx12(AnimatePresence, { children: open && /* @__PURE__ */ jsx12(DialogContentBase, { asChild: true, forceMount: true, children: /* @__PURE__ */ jsx12(
     motion2.div,
     {
       initial: "hidden",
@@ -1477,14 +1517,14 @@ var CommandDialogBase = ({ children, open, ...props }) => {
       variants: dialogVariants,
       transition: { duration: 0.2, ease: "easeOut" },
       className: "overflow-hidden p-0",
-      children: /* @__PURE__ */ jsx11(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__ */ jsx12(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__ */ jsxs5("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx11(MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
-  /* @__PURE__ */ jsx11(
+var CommandInputBase = React9.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs6("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx12(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
+  /* @__PURE__ */ jsx12(
     CommandPrimitive.Input,
     {
       ref,
@@ -1498,7 +1538,7 @@ var CommandInputBase = React8.forwardRef(({ className, testid: dataTestId = "com
   )
 ] }));
 CommandInputBase.displayName = CommandPrimitive.Input.displayName;
-var CommandListBase = React8.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ jsx11(
+var CommandListBase = React9.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive.List,
   {
     ref,
@@ -1508,9 +1548,9 @@ var CommandListBase = React8.forwardRef(({ className, testid: dataTestId = "comm
   }
 ));
 CommandListBase.displayName = CommandPrimitive.List.displayName;
-var CommandEmptyBase = React8.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx11(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", "data-testid": dataTestId, ...props }));
+var CommandEmptyBase = React9.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx12(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", "data-testid": dataTestId, ...props }));
 CommandEmptyBase.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroupBase = React8.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ jsx11(
+var CommandGroupBase = React9.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive.Group,
   {
     ref,
@@ -1523,9 +1563,9 @@ var CommandGroupBase = React8.forwardRef(({ className, testid: dataTestId = "com
   }
 ));
 CommandGroupBase.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparatorBase = React8.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ jsx11(CommandPrimitive.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__ */ jsx12(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), "data-testid": dataTestId, ...props }));
 CommandSeparatorBase.displayName = CommandPrimitive.Separator.displayName;
-var CommandItemBase = React8.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ jsx11(
+var CommandItemBase = React9.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ jsx12(
   CommandPrimitive.Item,
   {
     ref,
@@ -1539,31 +1579,31 @@ var CommandItemBase = React8.forwardRef(({ className, testid: dataTestId = "comm
 ));
 CommandItemBase.displayName = CommandPrimitive.Item.displayName;
 var CommandShortcutBase = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx11("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx12("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props });
 };
 CommandShortcutBase.displayName = "CommandShortcut";
 
 // src/components/ui/ContextMenuBase.tsx
 import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
-import { CaretRight as CaretRight3, Check as Check2, Circle } from "@phosphor-icons/react";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { CaretRightIcon as CaretRightIcon3, CheckIcon as CheckIcon2, CircleIcon } from "@phosphor-icons/react";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
 function ContextMenuBase(props) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx13(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTriggerBase(props) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx13(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroupBase(props) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ jsx13(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuPortalBase(props) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+  return /* @__PURE__ */ jsx13(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 function ContextMenuSubBase(props) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ jsx13(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuRadioGroupBase(props) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+  return /* @__PURE__ */ jsx13(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
 }
 function ContextMenuSubTriggerBase({
   className,
@@ -1571,7 +1611,7 @@ function ContextMenuSubTriggerBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     ContextMenuPrimitive.SubTrigger,
     {
       "data-slot": "context-menu-sub-trigger",
@@ -1587,7 +1627,7 @@ function ContextMenuSubTriggerBase({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx12(CaretRight3, { className: "ml-auto" })
+        /* @__PURE__ */ jsx13(CaretRightIcon3, { className: "ml-auto" })
       ]
     }
   );
@@ -1596,7 +1636,7 @@ function ContextMenuSubContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -1616,7 +1656,7 @@ function ContextMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx13(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -1639,7 +1679,7 @@ function ContextMenuItemBase({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -1667,7 +1707,7 @@ function ContextMenuCheckboxItemBase({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     ContextMenuPrimitive.CheckboxItem,
     {
       "data-slot": "context-menu-checkbox-item",
@@ -1682,7 +1722,7 @@ function ContextMenuCheckboxItemBase({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Check2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx13("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(CheckIcon2, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1693,7 +1733,7 @@ function ContextMenuRadioItemBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     ContextMenuPrimitive.RadioItem,
     {
       "data-slot": "context-menu-radio-item",
@@ -1707,7 +1747,7 @@ function ContextMenuRadioItemBase({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(Circle, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx13("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx13(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx13(CircleIcon, { className: "size-2 fill-current" }) }) }),
         children
       ]
     }
@@ -1718,7 +1758,7 @@ function ContextMenuLabelBase({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -1732,7 +1772,7 @@ function ContextMenuSeparatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -1745,7 +1785,7 @@ function ContextMenuShortcutBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -1757,32 +1797,32 @@ function ContextMenuShortcutBase({
 
 // src/components/ui/DrawerBase.tsx
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function DrawerBase({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+  return /* @__PURE__ */ jsx14(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
 }
 function DrawerTriggerBase({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx14(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerPortalBase({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+  return /* @__PURE__ */ jsx14(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
 }
 function DrawerCloseBase({
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+  return /* @__PURE__ */ jsx14(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
 }
 function DrawerOverlayBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     DrawerPrimitive.Overlay,
     {
       "data-slot": "drawer-overlay",
@@ -1799,9 +1839,9 @@ function DrawerContentBase({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs7(DrawerPortalBase, { children: [
-    /* @__PURE__ */ jsx13(DrawerOverlayBase, {}),
-    /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsxs8(DrawerPortalBase, { children: [
+    /* @__PURE__ */ jsx14(DrawerOverlayBase, {}),
+    /* @__PURE__ */ jsxs8(
       DrawerPrimitive.Content,
       {
         "data-slot": "drawer-content",
@@ -1815,7 +1855,7 @@ function DrawerContentBase({
         ),
         ...props,
         children: [
-          /* @__PURE__ */ jsx13("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__ */ jsx14("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
         ]
       }
@@ -1826,7 +1866,7 @@ function DrawerHeaderBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "drawer-header",
@@ -1842,7 +1882,7 @@ function DrawerFooterBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -1855,7 +1895,7 @@ function DrawerTitleBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     DrawerPrimitive.Title,
     {
       "data-slot": "drawer-title",
@@ -1868,7 +1908,7 @@ function DrawerDescriptionBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     DrawerPrimitive.Description,
     {
       "data-slot": "drawer-description",
@@ -1879,18 +1919,18 @@ function DrawerDescriptionBase({
 }
 
 // src/components/ui/DropDownMenuBase.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { Check as Check3, CaretRight as CaretRight4, Circle as Circle2 } from "@phosphor-icons/react";
+import { CheckIcon as CheckIcon3, CaretRightIcon as CaretRightIcon4, CircleIcon as CircleIcon2 } from "@phosphor-icons/react";
 import { motion as motion3, AnimatePresence as AnimatePresence2 } from "framer-motion";
-import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs9 } from "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__ */ jsxs8(
+var DropDownMenuSubTriggerBase = React10.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1902,12 +1942,12 @@ var DropDownMenuSubTriggerBase = React9.forwardRef(({ className, inset, children
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx14(CaretRight4, { className: "ml-auto" })
+      /* @__PURE__ */ jsx15(CaretRightIcon4, { className: "ml-auto" })
     ]
   }
 ));
 DropDownMenuSubTriggerBase.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropDownMenuSubContentBase = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var DropDownMenuSubContentBase = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1918,7 +1958,7 @@ var DropDownMenuSubContentBase = React9.forwardRef(({ className, ...props }, ref
     ...props
   }
 ));
-var DropDownMenuContentBase = React9.forwardRef(({ className, sideOffset = 4, testid: dataTestId = "dropdown-content", ...props }, ref) => /* @__PURE__ */ jsx14(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx14(
+var DropDownMenuContentBase = React10.forwardRef(({ className, sideOffset = 4, testid: dataTestId = "dropdown-content", ...props }, ref) => /* @__PURE__ */ jsx15(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx15(
   DropdownMenuPrimitive.Content,
   {
     sideOffset,
@@ -1927,7 +1967,7 @@ var DropDownMenuContentBase = React9.forwardRef(({ className, sideOffset = 4, te
     className: cn("z-[9999] p-0", className),
     "data-testid": dataTestId,
     ...props,
-    children: /* @__PURE__ */ jsx14(AnimatePresence2, { children: /* @__PURE__ */ jsx14(
+    children: /* @__PURE__ */ jsx15(AnimatePresence2, { children: /* @__PURE__ */ jsx15(
       motion3.div,
       {
         initial: { opacity: 0, scale: 0.95, y: 5 },
@@ -1944,7 +1984,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__ */ jsxs8(
+var DropDownMenuItemBase = React10.forwardRef(({ className, inset, leftIcon, rightIcon, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1955,16 +1995,16 @@ var DropDownMenuItemBase = React9.forwardRef(({ className, inset, leftIcon, righ
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsxs8("div", { className: "flex items-center gap-2", children: [
-        leftIcon && /* @__PURE__ */ jsx14("span", { className: "[&>svg]:size-4", children: leftIcon }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+        leftIcon && /* @__PURE__ */ jsx15("span", { className: "[&>svg]:size-4", children: leftIcon }),
         children
       ] }),
-      rightIcon && /* @__PURE__ */ jsx14("span", { className: "[&>svg]:size-4", children: rightIcon })
+      rightIcon && /* @__PURE__ */ jsx15("span", { className: "[&>svg]:size-4", children: rightIcon })
     ]
   }
 ));
 DropDownMenuItemBase.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropDownMenuCheckboxItemBase = React9.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs8(
+var DropDownMenuCheckboxItemBase = React10.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs9(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1975,13 +2015,13 @@ var DropDownMenuCheckboxItemBase = React9.forwardRef(({ className, children, che
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Check3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx15("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx15(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx15(CheckIcon3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropDownMenuCheckboxItemBase.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropDownMenuRadioItemBase = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs8(
+var DropDownMenuRadioItemBase = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs9(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1991,13 +2031,13 @@ var DropDownMenuRadioItemBase = React9.forwardRef(({ className, children, ...pro
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx14("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx14(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx14(Circle2, { className: "h-2 w-2 fill-current" }) }) }),
+      /* @__PURE__ */ jsx15("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx15(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx15(CircleIcon2, { className: "h-2 w-2 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropDownMenuRadioItemBase.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropDownMenuLabelBase = React9.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx14(
+var DropDownMenuLabelBase = React10.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx15(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -2010,7 +2050,7 @@ var DropDownMenuLabelBase = React9.forwardRef(({ className, inset, ...props }, r
   }
 ));
 DropDownMenuLabelBase.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropDownMenuSeparatorBase = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var DropDownMenuSeparatorBase = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -2023,7 +2063,7 @@ var DropDownMenuShortcutBase = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -2038,17 +2078,17 @@ import { useState as useState3, useCallback as useCallback4, useMemo as useMemo3
 import { useSearchParams } from "react-router-dom";
 
 // src/components/ui/InputBase.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 
 // src/components/ui/LabelBase.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { Label as RadixLabel } from "@radix-ui/react-label";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var LabelBase = React10.forwardRef(
+import { jsx as jsx16 } from "react/jsx-runtime";
+var LabelBase = React11.forwardRef(
   ({ className, asChild = false, testid = "label-base", ...props }, ref) => {
     const Comp = asChild ? Slot4 : "label";
-    return /* @__PURE__ */ jsx15(RadixLabel, { children: /* @__PURE__ */ jsx15(
+    return /* @__PURE__ */ jsx16(RadixLabel, { children: /* @__PURE__ */ jsx16(
       Comp,
       {
         ref,
@@ -2066,8 +2106,8 @@ LabelBase.displayName = "LabelBase";
 var LabelBase_default = LabelBase;
 
 // src/components/ui/InputBase.tsx
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
-var InputBase = React11.forwardRef(
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+var InputBase = React12.forwardRef(
   ({
     className,
     type = "text",
@@ -2078,9 +2118,9 @@ var InputBase = React11.forwardRef(
     "data-testid": dataTestId,
     ...props
   }, ref) => {
-    return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col w-full min-w-[150px]", children: [
-      label && /* @__PURE__ */ jsx16(LabelBase_default, { className: labelClassname, children: label }),
-      /* @__PURE__ */ jsxs9(
+    return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col w-full min-w-[150px]", children: [
+      label && /* @__PURE__ */ jsx17(LabelBase_default, { className: labelClassname, children: label }),
+      /* @__PURE__ */ jsxs10(
         "div",
         {
           className: cn(
@@ -2088,8 +2128,8 @@ var InputBase = React11.forwardRef(
             type !== "file" && "border border-input"
           ),
           children: [
-            leftIcon && /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
-            /* @__PURE__ */ jsx16(
+            leftIcon && /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center px-2", children: leftIcon }),
+            /* @__PURE__ */ jsx17(
               "input",
               {
                 type,
@@ -2102,7 +2142,7 @@ var InputBase = React11.forwardRef(
                 ...props
               }
             ),
-            rightIcon && /* @__PURE__ */ jsx16("div", { className: "flex items-center justify-center px-2", children: rightIcon })
+            rightIcon && /* @__PURE__ */ jsx17("div", { className: "flex items-center justify-center px-2", children: rightIcon })
           ]
         }
       )
@@ -2115,13 +2155,13 @@ InputBase.displayName = "Input";
 import { useCallback as useCallback2, useMemo } from "react";
 
 // src/components/ui/PopoverBase.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "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__ */ jsx17(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx17(
+var PopoverContentBase = React13.forwardRef(({ className, align = "center", sideOffset = 4, testid: dataTestId = "popover-content", ...props }, ref) => /* @__PURE__ */ jsx18(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx18(
   PopoverPrimitive.Content,
   {
     ref,
@@ -2138,9 +2178,9 @@ var PopoverContentBase = React12.forwardRef(({ className, align = "center", side
 PopoverContentBase.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/selects/ComboboxBase.tsx
-import { CaretDown, Check as Check4 } from "@phosphor-icons/react";
+import { CaretDownIcon, CheckIcon as CheckIcon4 } from "@phosphor-icons/react";
 import { useState as useState2 } from "react";
-import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
 function ComboboxBase({
   items,
   renderSelected,
@@ -2151,18 +2191,18 @@ function ComboboxBase({
   testIds = {}
 }) {
   const [open, setOpen] = useState2(false);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: "col-span-1 w-full",
       "data-testid": testIds.root ?? "combobox-base-root",
-      children: /* @__PURE__ */ jsxs10(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
-        /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsxs11(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
+        /* @__PURE__ */ jsx19(
           PopoverTriggerBase,
           {
             asChild: true,
             className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
-            children: /* @__PURE__ */ jsxs10(
+            children: /* @__PURE__ */ jsxs11(
               ButtonBase,
               {
                 variant: "outline",
@@ -2175,24 +2215,24 @@ function ComboboxBase({
                 "data-testid": testIds.trigger ?? "combobox-trigger",
                 children: [
                   renderSelected,
-                  /* @__PURE__ */ jsx18(CaretDown, { size: 16, className: "mt-0.5" })
+                  /* @__PURE__ */ jsx19(CaretDownIcon, { size: 16, className: "mt-0.5" })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19(
           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__ */ jsxs10(
+            children: /* @__PURE__ */ jsxs11(
               CommandBase,
               {
                 className: "dark:text-white",
                 "data-testid": testIds.command ?? "combobox-command",
                 children: [
-                  /* @__PURE__ */ jsx18(
+                  /* @__PURE__ */ jsx19(
                     CommandInputBase,
                     {
                       tabIndex: -1,
@@ -2200,11 +2240,11 @@ function ComboboxBase({
                       "data-testid": testIds.search ?? "combobox-search"
                     }
                   ),
-                  /* @__PURE__ */ jsxs10(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
-                    /* @__PURE__ */ jsx18(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: "Nenhum dado encontrado" }),
-                    /* @__PURE__ */ jsx18(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
+                  /* @__PURE__ */ jsxs11(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
+                    /* @__PURE__ */ jsx19(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: "Nenhum dado encontrado" }),
+                    /* @__PURE__ */ jsx19(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
                       const isSelected = checkIsSelected(item.value);
-                      return /* @__PURE__ */ jsxs10(
+                      return /* @__PURE__ */ jsxs11(
                         CommandItemBase,
                         {
                           keywords: [item.label],
@@ -2216,8 +2256,8 @@ function ComboboxBase({
                           "data-testid": testIds.option ?? "combobox-option",
                           children: [
                             item.label,
-                            /* @__PURE__ */ jsx18(
-                              Check4,
+                            /* @__PURE__ */ jsx19(
+                              CheckIcon4,
                               {
                                 className: cn(
                                   "ml-auto",
@@ -2243,7 +2283,7 @@ function ComboboxBase({
 }
 
 // src/components/selects/Combobox.tsx
-import { jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
 function Combobox({
   items,
   selected,
@@ -2257,7 +2297,7 @@ function Combobox({
 }) {
   const selectedItem = items.find((item) => item.value === selected);
   const renderSelected = useMemo(() => {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx20(
       "span",
       {
         "data-testid": testIds?.selected ?? "combobox-selected",
@@ -2276,9 +2316,9 @@ function Combobox({
     },
     [selected, onChange]
   );
-  return /* @__PURE__ */ jsxs11("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
-    label && /* @__PURE__ */ jsx19(LabelBase_default, { className: labelClassname, children: label }),
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
+    label && /* @__PURE__ */ jsx20(LabelBase_default, { className: labelClassname, children: label }),
+    /* @__PURE__ */ jsx20(
       ComboboxBase,
       {
         items,
@@ -2294,8 +2334,8 @@ function Combobox({
 
 // src/components/selects/MultiCombobox.tsx
 import { useCallback as useCallback3, useMemo as useMemo2 } from "react";
-import { X as X2 } from "@phosphor-icons/react";
-import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { XIcon as XIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
 function MultiCombobox({
   items,
   selected,
@@ -2325,7 +2365,7 @@ function MultiCombobox({
   );
   const renderSelected = useMemo2(() => {
     if (selectedItems.length === 0) {
-      return /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx21(
         "span",
         {
           "data-testid": testIds.emptyPlaceholder ?? "combobox-selected-empty",
@@ -2334,19 +2374,19 @@ function MultiCombobox({
         }
       );
     }
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       "div",
       {
         "data-testid": testIds.selectedWrapper ?? "combobox-selected-wrapper",
         className: "flex w-full flex-wrap gap-2",
-        children: selectedItems.map((item) => /* @__PURE__ */ jsxs12(
+        children: selectedItems.map((item) => /* @__PURE__ */ jsxs13(
           "div",
           {
             className: "flex items-center gap-1 rounded-md border p-1",
             "data-testid": testIds.selectedItem?.(item.value) ?? `combobox-selected-${item.value}`,
             children: [
-              /* @__PURE__ */ jsx20("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
+              /* @__PURE__ */ jsx21(
                 "span",
                 {
                   role: "button",
@@ -2356,7 +2396,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__ */ jsx20(X2, { size: 14 })
+                  children: /* @__PURE__ */ jsx21(XIcon2, { size: 14 })
                 }
               )
             ]
@@ -2366,13 +2406,13 @@ function MultiCombobox({
       }
     );
   }, [handleSelection, placeholder, selectedItems, testIds]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: cn("flex flex-col gap-1 w-full min-w-[150px]", className),
       "data-testid": testIds.root ?? "multi-combobox-root",
       children: [
-        label && /* @__PURE__ */ jsx20(
+        label && /* @__PURE__ */ jsx21(
           LabelBase_default,
           {
             className: labelClassname,
@@ -2380,7 +2420,7 @@ function MultiCombobox({
             children: label
           }
         ),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           ComboboxBase,
           {
             items,
@@ -2396,13 +2436,13 @@ function MultiCombobox({
 }
 
 // src/components/ui/TooltipBase.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "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__ */ jsx21(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
+var TooltipContentBase = React14.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx22(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx22(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2418,17 +2458,17 @@ TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/FilterBase.tsx
 var import_colors = __toESM(require_colors2());
-import { FunnelSimple, Plus, Trash } from "@phosphor-icons/react";
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+import { FunnelSimpleIcon, PlusIcon, TrashIcon } from "@phosphor-icons/react";
+import { jsx as jsx23, jsxs as jsxs14 } from "react/jsx-runtime";
 
 // src/components/ui/HoverCardBase.tsx
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function HoverCardBase(props) {
-  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Root, { ...props });
+  return /* @__PURE__ */ jsx24(HoverCardPrimitive.Root, { ...props });
 }
 function HoverCardTriggerBase(props) {
-  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Trigger, { ...props });
+  return /* @__PURE__ */ jsx24(HoverCardPrimitive.Trigger, { ...props });
 }
 function HoverCardContentBase({
   className,
@@ -2436,7 +2476,7 @@ function HoverCardContentBase({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
     HoverCardPrimitive.Content,
     {
       align,
@@ -2458,16 +2498,16 @@ function HoverCardContentBase({
 }
 
 // src/components/ui/Input-OTP-Base.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
-import { Minus } from "@phosphor-icons/react";
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { MinusIcon } from "@phosphor-icons/react";
+import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 function InputOTPBase({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -2481,7 +2521,7 @@ function InputOTPBase({
   );
 }
 function InputOTPGroupBase({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-slot": "input-otp-group",
@@ -2495,9 +2535,9 @@ function InputOTPSlotBase({
   className,
   ...props
 }) {
-  const inputOTPContext = React14.useContext(OTPInputContext);
+  const inputOTPContext = React15.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-slot": "input-otp-slot",
@@ -2509,27 +2549,26 @@ function InputOTPSlotBase({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx24("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx24("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx25("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx25("div", { className: "animate-caret-blink bg-foreground h-4 w-px duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparatorBase({ ...props }) {
-  return /* @__PURE__ */ jsx24("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx24(Minus, {}) });
+  return /* @__PURE__ */ jsx25("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx25(MinusIcon, {}) });
 }
 
 // src/components/ui/NavigationMenuBase.tsx
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-import { cva as cva3 } from "class-variance-authority";
-import { CaretDown as CaretDown2 } from "@phosphor-icons/react";
-import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
+import { CaretDownIcon as CaretDownIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 function NavigationMenuBase({
   className,
   children,
   viewport = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     NavigationMenuPrimitive.Root,
     {
       "data-slot": "navigation-menu",
@@ -2541,7 +2580,7 @@ function NavigationMenuBase({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx25(NavigationMenuViewportBase, {})
+        viewport && /* @__PURE__ */ jsx26(NavigationMenuViewportBase, {})
       ]
     }
   );
@@ -2550,7 +2589,7 @@ function NavigationMenuListBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -2566,7 +2605,7 @@ function NavigationMenuItemBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -2575,24 +2614,21 @@ function NavigationMenuItemBase({
     }
   );
 }
-var navigationMenuTriggerStyle = cva3(
-  "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__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     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__ */ jsx25(
-          CaretDown2,
+        /* @__PURE__ */ jsx26(
+          CaretDownIcon2,
           {
             className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
             "aria-hidden": "true"
@@ -2606,7 +2642,7 @@ function NavigationMenuContentBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -2623,7 +2659,7 @@ function NavigationMenuViewportBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -2639,7 +2675,7 @@ function NavigationMenuLinkBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -2655,7 +2691,7 @@ function NavigationMenuIndicatorBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -2664,21 +2700,21 @@ function NavigationMenuIndicatorBase({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx25("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
+      children: /* @__PURE__ */ jsx26("div", { className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md" })
     }
   );
 }
 
 // src/components/ui/ProgressBase.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
-var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-      leftIcon && /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-center", children: leftIcon }),
-      /* @__PURE__ */ jsx26(
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+var ProgressBase = React16.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ jsx27(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+      leftIcon && /* @__PURE__ */ jsx27("div", { className: "flex items-center justify-center", children: leftIcon }),
+      /* @__PURE__ */ jsx27(
         ProgressPrimitive.Root,
         {
           ref,
@@ -2688,7 +2724,7 @@ var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, righ
           ),
           value,
           ...props,
-          children: /* @__PURE__ */ jsx26(
+          children: /* @__PURE__ */ jsx27(
             ProgressPrimitive.Indicator,
             {
               className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
@@ -2697,7 +2733,7 @@ var ProgressBase = React15.forwardRef(({ className, value, label, leftIcon, righ
           )
         }
       ),
-      rightIcon && /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-center", children: rightIcon })
+      rightIcon && /* @__PURE__ */ jsx27("div", { className: "flex items-center justify-center", children: rightIcon })
     ] })
   ] });
 });
@@ -2708,9 +2744,9 @@ var ProgressSegmentsBase = ({
   value
 }) => {
   const filled = Math.round(value / 100 * segments);
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ jsx26("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ jsx27(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ jsx27("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ jsx27(
       "div",
       {
         className: cn(
@@ -2722,7 +2758,7 @@ var ProgressSegmentsBase = ({
     )) })
   ] });
 };
-var ArrowRightIcon = () => /* @__PURE__ */ jsx26(
+var ArrowRightIcon2 = () => /* @__PURE__ */ jsx27(
   "svg",
   {
     className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
@@ -2731,7 +2767,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ jsx26(
     strokeWidth: 2,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx26("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+    children: /* @__PURE__ */ jsx27("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
   }
 );
 var ProgressPanelsBase = ({
@@ -2739,13 +2775,13 @@ var ProgressPanelsBase = ({
   steps,
   currentStep
 }) => {
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ jsx26("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ jsx27(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ jsx27("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__ */ jsxs16(React15.Fragment, { children: [
-        /* @__PURE__ */ jsxs16(
+      return /* @__PURE__ */ jsxs17(React16.Fragment, { children: [
+        /* @__PURE__ */ jsxs17(
           "div",
           {
             className: cn(
@@ -2756,12 +2792,12 @@ var ProgressPanelsBase = ({
             ),
             style: { flex: "1 1 0" },
             children: [
-              /* @__PURE__ */ jsx26("span", { className: "truncate", children: step }),
-              isActive && /* @__PURE__ */ jsx26("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
+              /* @__PURE__ */ jsx27("span", { className: "truncate", children: step }),
+              isActive && /* @__PURE__ */ jsx27("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
             ]
           }
         ),
-        !isLast && /* @__PURE__ */ jsx26("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ jsx26(ArrowRightIcon, {}) })
+        !isLast && /* @__PURE__ */ jsx27("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ jsx27(ArrowRightIcon2, {}) })
       ] }, idx);
     }) })
   ] });
@@ -2771,11 +2807,11 @@ var ProgressCirclesBase = ({
   steps,
   currentStep
 }) => {
-  return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2 w-full", children: [
-    label && /* @__PURE__ */ jsx26("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
-    /* @__PURE__ */ jsxs16("div", { className: "relative flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ jsx26("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
-      /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2 w-full", children: [
+    label && /* @__PURE__ */ jsx27("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
+    /* @__PURE__ */ jsxs17("div", { className: "relative flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ jsx27("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
+      /* @__PURE__ */ jsx27(
         "div",
         {
           className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
@@ -2786,13 +2822,13 @@ var ProgressCirclesBase = ({
       ),
       steps.map((step, idx) => {
         const isActive = idx <= currentStep;
-        return /* @__PURE__ */ jsxs16(
+        return /* @__PURE__ */ jsxs17(
           "div",
           {
             className: "relative flex flex-col items-center w-10",
             style: { zIndex: isActive ? 10 : 1 },
             children: [
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx27(
                 "div",
                 {
                   className: cn(
@@ -2802,7 +2838,7 @@ var ProgressCirclesBase = ({
                   children: idx + 1
                 }
               ),
-              /* @__PURE__ */ jsx26("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
+              /* @__PURE__ */ jsx27("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
             ]
           },
           idx
@@ -2813,24 +2849,24 @@ var ProgressCirclesBase = ({
 };
 
 // src/components/ui/ScrollareaBase.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
-var ScrollAreaBase = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(
+import { jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+var ScrollAreaBase = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx27(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx27(ScrollBarBase, {}),
-      /* @__PURE__ */ jsx27(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx28(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx28(ScrollBarBase, {}),
+      /* @__PURE__ */ jsx28(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollAreaBase.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBarBase = React16.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx27(
+var ScrollBarBase = React17.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx28(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -2842,21 +2878,21 @@ var ScrollBarBase = React16.forwardRef(({ className, orientation = "vertical", .
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx27(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx28(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBarBase.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // src/components/ui/SelectBase.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { Check as Check5, CaretDown as CaretDown3, CaretUp } from "@phosphor-icons/react";
+import { CheckIcon as CheckIcon5, CaretDownIcon as CaretDownIcon3, CaretUpIcon } from "@phosphor-icons/react";
 import { motion as motion4, AnimatePresence as AnimatePresence3 } from "framer-motion";
-import { Fragment as Fragment2, jsx as jsx28, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx29, jsxs as jsxs19 } from "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__ */ jsxs18(
+var SelectTriggerBase = React18.forwardRef(({ className, children, open, ...props }, ref) => /* @__PURE__ */ jsxs19(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2867,20 +2903,20 @@ var SelectTriggerBase = React17.forwardRef(({ className, children, open, ...prop
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx29(
         motion4.span,
         {
           animate: { rotate: open ? 180 : 0 },
           transition: { duration: 0.3 },
           className: "flex items-center",
-          children: /* @__PURE__ */ jsx28(CaretDown3, { className: "h-4 w-4 opacity-50" })
+          children: /* @__PURE__ */ jsx29(CaretDownIcon3, { className: "h-4 w-4 opacity-50" })
         }
       )
     ]
   }
 ));
 SelectTriggerBase.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButtonBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SelectScrollUpButtonBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2889,11 +2925,11 @@ var SelectScrollUpButtonBase = React17.forwardRef(({ className, ...props }, ref)
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx28(CaretUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx29(CaretUpIcon, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButtonBase.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButtonBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SelectScrollDownButtonBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2902,11 +2938,11 @@ var SelectScrollDownButtonBase = React17.forwardRef(({ className, ...props }, re
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx28(CaretDown3, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx29(CaretDownIcon3, { 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__ */ jsx28(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx28(AnimatePresence3, { children: /* @__PURE__ */ jsx28(
+var SelectContentBase = React18.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ jsx29(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx29(AnimatePresence3, { children: /* @__PURE__ */ jsx29(
   SelectPrimitive.Content,
   {
     ref,
@@ -2918,16 +2954,16 @@ var SelectContentBase = React17.forwardRef(({ className, children, position = "p
     "data-testid": dataTestId,
     ...props,
     asChild: true,
-    children: /* @__PURE__ */ jsx28(
+    children: /* @__PURE__ */ jsx29(
       motion4.div,
       {
         initial: { opacity: 0, scale: 0.95 },
         animate: { opacity: 1, scale: 1 },
         exit: { opacity: 0, scale: 0.95 },
         transition: { duration: 0.2 },
-        children: /* @__PURE__ */ jsxs18(Fragment2, { children: [
-          /* @__PURE__ */ jsx28(SelectScrollUpButtonBase, {}),
-          /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsxs19(Fragment2, { children: [
+          /* @__PURE__ */ jsx29(SelectScrollUpButtonBase, {}),
+          /* @__PURE__ */ jsx29(
             SelectPrimitive.Viewport,
             {
               className: cn(
@@ -2937,14 +2973,14 @@ var SelectContentBase = React17.forwardRef(({ className, children, position = "p
               children
             }
           ),
-          /* @__PURE__ */ jsx28(SelectScrollDownButtonBase, {})
+          /* @__PURE__ */ jsx29(SelectScrollDownButtonBase, {})
         ] })
       }
     )
   }
 ) }) }));
 SelectContentBase.displayName = SelectPrimitive.Content.displayName;
-var SelectLabelBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SelectLabelBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SelectPrimitive.Label,
   {
     ref,
@@ -2953,7 +2989,7 @@ var SelectLabelBase = React17.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectLabelBase.displayName = SelectPrimitive.Label.displayName;
-var SelectItemBase = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(
+var SelectItemBase = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
   SelectPrimitive.Item,
   {
     ref,
@@ -2963,13 +2999,13 @@ var SelectItemBase = React17.forwardRef(({ className, children, ...props }, ref)
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx28("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(Check5, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx28(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx29("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx29(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx29(CheckIcon5, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx29(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItemBase.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparatorBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SelectSeparatorBase = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2980,14 +3016,14 @@ var SelectSeparatorBase = React17.forwardRef(({ className, ...props }, ref) => /
 SelectSeparatorBase.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/ui/SeparatorBase.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { motion as motion5 } from "framer-motion";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var SeparatorBase = React18.forwardRef(
+import { jsx as jsx30 } from "react/jsx-runtime";
+var SeparatorBase = React19.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx30(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -2995,7 +3031,7 @@ var SeparatorBase = React18.forwardRef(
         orientation,
         asChild: true,
         ...props,
-        children: /* @__PURE__ */ jsx29(
+        children: /* @__PURE__ */ jsx30(
           motion5.div,
           {
             className: cn(
@@ -3015,16 +3051,16 @@ var SeparatorBase = React18.forwardRef(
 SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/SheetBase.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva as cva4 } from "class-variance-authority";
-import { X as X3 } from "@phosphor-icons/react";
-import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+import { cva as cva3 } from "class-variance-authority";
+import { XIcon as XIcon3 } from "@phosphor-icons/react";
+import { jsx as jsx31, jsxs as jsxs20 } from "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__ */ jsx30(
+var SheetOverlayBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -3036,7 +3072,7 @@ var SheetOverlayBase = React19.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetOverlayBase.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = cva4(
+var sheetVariants = cva3(
   "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: {
@@ -3052,18 +3088,18 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContentBase = React19.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(SheetPortalBase, { children: [
-  /* @__PURE__ */ jsx30(SheetOverlayBase, {}),
-  /* @__PURE__ */ jsxs19(
+var SheetContentBase = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(SheetPortalBase, { children: [
+  /* @__PURE__ */ jsx31(SheetOverlayBase, {}),
+  /* @__PURE__ */ jsxs20(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs19(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__ */ jsx30(X3, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs20(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__ */ jsx31(XIcon3, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -3074,7 +3110,7 @@ SheetContentBase.displayName = SheetPrimitive.Content.displayName;
 var SheetHeaderBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx30(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -3088,7 +3124,7 @@ SheetHeaderBase.displayName = "SheetHeaderBase";
 var SheetFooterBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx30(
+}) => /* @__PURE__ */ jsx31(
   "div",
   {
     className: cn(
@@ -3099,7 +3135,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var SheetTitleBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SheetPrimitive.Title,
   {
     ref,
@@ -3108,7 +3144,7 @@ var SheetTitleBase = React19.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
-var SheetDescriptionBase = React19.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
+var SheetDescriptionBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
   SheetPrimitive.Description,
   {
     ref,
@@ -3119,16 +3155,16 @@ var SheetDescriptionBase = React19.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/SidebarBase.tsx
-import * as React21 from "react";
+import * as React22 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
-import { cva as cva5 } from "class-variance-authority";
+import { cva as cva4 } from "class-variance-authority";
 
 // src/hooks/use-mobile.tsx
-import * as React20 from "react";
+import * as React21 from "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);
@@ -3141,12 +3177,12 @@ function useIsMobile() {
 }
 
 // src/components/ui/SkeletonBase.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function SkeletonBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx32(
     "div",
     {
       className: cn("animate-pulse  bg-primary/10", className),
@@ -3156,17 +3192,17 @@ function SkeletonBase({
 }
 
 // src/components/ui/SidebarBase.tsx
-import { SidebarSimple } from "@phosphor-icons/react";
-import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
+import { SidebarSimpleIcon } from "@phosphor-icons/react";
+import { jsx as jsx33, jsxs as jsxs21 } from "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."
@@ -3174,7 +3210,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React21.forwardRef(
+var SidebarProviderBase = React22.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -3185,10 +3221,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) {
@@ -3200,10 +3236,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();
@@ -3214,7 +3250,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,
@@ -3226,7 +3262,7 @@ var SidebarProviderBase = React21.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx32(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx32(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx33(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx33(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ jsx33(
       "div",
       {
         style: {
@@ -3246,7 +3282,7 @@ var SidebarProviderBase = React21.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React21.forwardRef(
+var SidebarBase = React22.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -3257,7 +3293,7 @@ var SidebarBase = React21.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx32(
+      return /* @__PURE__ */ jsx33(
         "div",
         {
           className: cn(
@@ -3271,7 +3307,7 @@ var SidebarBase = React21.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx32(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx32(
+      return /* @__PURE__ */ jsx33(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx33(
         SheetContentBase,
         {
           "data-sidebar": "sidebar",
@@ -3281,11 +3317,11 @@ var SidebarBase = React21.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ jsx32("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ jsx33("div", { className: "flex h-full w-full flex-col", children })
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsxs21(
       "div",
       {
         ref,
@@ -3295,7 +3331,7 @@ var SidebarBase = React21.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             "div",
             {
               className: cn(
@@ -3306,7 +3342,7 @@ var SidebarBase = React21.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx32(
+          /* @__PURE__ */ jsx33(
             "div",
             {
               className: cn(
@@ -3317,7 +3353,7 @@ var SidebarBase = React21.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx32(
+              children: /* @__PURE__ */ jsx33(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -3333,9 +3369,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__ */ jsx32("div", { children: /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx33("div", { children: /* @__PURE__ */ jsxs21(
     ButtonBase,
     {
       ref,
@@ -3349,16 +3385,16 @@ var SidebarTriggerBase = React21.forwardRef(({ className, onClick, ...props }, r
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx32("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ jsx32(SidebarSimple, {})
+        /* @__PURE__ */ jsx33("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ jsx33(SidebarSimpleIcon, {})
       ]
     }
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React21.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React22.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     "button",
     {
       ref,
@@ -3381,8 +3417,8 @@ var SidebarRailBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx32(
+var SidebarInsetBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
     "main",
     {
       ref,
@@ -3396,8 +3432,8 @@ var SidebarInsetBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx32(
+var SidebarInputBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
     InputBase,
     {
       ref,
@@ -3411,8 +3447,8 @@ var SidebarInputBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx32(
+var SidebarHeaderBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       ref,
@@ -3423,8 +3459,8 @@ var SidebarHeaderBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx32(
+var SidebarFooterBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       ref,
@@ -3435,8 +3471,8 @@ var SidebarFooterBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx32(
+var SidebarSeparatorBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
     SeparatorBase,
     {
       ref,
@@ -3447,8 +3483,8 @@ var SidebarSeparatorBase = React21.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx32(
+var SidebarContentBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       ref,
@@ -3462,8 +3498,8 @@ var SidebarContentBase = React21.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React21.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx32(
+var SidebarGroupBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       ref,
@@ -3474,9 +3510,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 ? Slot5 : "div";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Comp,
     {
       ref,
@@ -3491,9 +3527,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 ? Slot5 : "button";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Comp,
     {
       ref,
@@ -3510,7 +3546,7 @@ var SidebarGroupActionBase = React21.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var SidebarGroupContentBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "div",
   {
     ref,
@@ -3520,7 +3556,7 @@ var SidebarGroupContentBase = React21.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var SidebarMenuBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "ul",
   {
     ref,
@@ -3530,7 +3566,7 @@ var SidebarMenuBase = React21.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var SidebarMenuItemBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "li",
   {
     ref,
@@ -3540,7 +3576,7 @@ var SidebarMenuItemBase = React21.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarMenuItemBase.displayName = "SidebarMenuItemBase";
-var sidebarMenuButtonVariants = cva5(
+var sidebarMenuButtonVariants = cva4(
   "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: {
@@ -3560,7 +3596,7 @@ var sidebarMenuButtonVariants = cva5(
     }
   }
 );
-var SidebarMenuButtonBase = React21.forwardRef(
+var SidebarMenuButtonBase = React22.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -3572,7 +3608,7 @@ var SidebarMenuButtonBase = React21.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot5 : "button";
     const { isMobile, state } = UseSideBarBase();
-    const button = /* @__PURE__ */ jsx32(
+    const button = /* @__PURE__ */ jsx33(
       Comp,
       {
         ref,
@@ -3591,9 +3627,9 @@ var SidebarMenuButtonBase = React21.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ jsxs20(TooltipBase, { children: [
-      /* @__PURE__ */ jsx32(TooltipTriggerBase, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsxs21(TooltipBase, { children: [
+      /* @__PURE__ */ jsx33(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx33(
         TooltipContentBase,
         {
           side: "right",
@@ -3606,9 +3642,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 ? Slot5 : "button";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Comp,
     {
       ref,
@@ -3629,7 +3665,7 @@ var SidebarMenuActionBase = React21.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var SidebarMenuBadgeBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "div",
   {
     ref,
@@ -3647,11 +3683,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__ */ jsxs20(
+  return /* @__PURE__ */ jsxs21(
     "div",
     {
       ref,
@@ -3659,14 +3695,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__ */ jsx32(
+        showIcon && /* @__PURE__ */ jsx33(
           SkeletonBase,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx33(
           SkeletonBase,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -3681,7 +3717,7 @@ var SidebarMenuSkeletonBase = React21.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
+var SidebarMenuSubBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
   "ul",
   {
     ref,
@@ -3695,11 +3731,11 @@ var SidebarMenuSubBase = React21.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React21.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx32("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React22.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx33("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 ? Slot5 : "a";
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx33(
     Comp,
     {
       ref,
@@ -3721,10 +3757,10 @@ var SidebarMenuSubButtonBase = React21.forwardRef(({ asChild = false, size = "md
 SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
 
 // src/components/ui/SliderBase.tsx
-import * as React22 from "react";
+import * as React23 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
-var SlideBase = React22.forwardRef(
+import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+var SlideBase = React23.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3734,7 +3770,7 @@ var SlideBase = React22.forwardRef(
     ...props
   }, ref) => {
     const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ jsxs21(
+    return /* @__PURE__ */ jsxs22(
       "div",
       {
         className: cn(
@@ -3742,8 +3778,8 @@ var SlideBase = React22.forwardRef(
           isVertical ? "h-full " : "w-full"
         ),
         children: [
-          label && /* @__PURE__ */ jsx33(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ jsxs21(
+          label && /* @__PURE__ */ jsx34(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ jsxs22(
             "div",
             {
               className: cn(
@@ -3751,8 +3787,8 @@ var SlideBase = React22.forwardRef(
                 isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
               ),
               children: [
-                leftIcon && /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-center", children: leftIcon }),
-                /* @__PURE__ */ jsxs21(
+                leftIcon && /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ jsxs22(
                   SliderPrimitive.Root,
                   {
                     ref,
@@ -3764,14 +3800,14 @@ var SlideBase = React22.forwardRef(
                     ),
                     ...props,
                     children: [
-                      /* @__PURE__ */ jsx33(
+                      /* @__PURE__ */ jsx34(
                         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__ */ jsx33(
+                          children: /* @__PURE__ */ jsx34(
                             SliderPrimitive.Range,
                             {
                               className: cn(
@@ -3782,7 +3818,7 @@ var SlideBase = React22.forwardRef(
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsx33(
+                      /* @__PURE__ */ jsx34(
                         SliderPrimitive.Thumb,
                         {
                           className: cn(
@@ -3795,7 +3831,7 @@ var SlideBase = React22.forwardRef(
                     ]
                   }
                 ),
-                rightIcon && /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-center", children: rightIcon })
+                rightIcon && /* @__PURE__ */ jsx34("div", { className: "flex items-center justify-center", children: rightIcon })
               ]
             }
           )
@@ -3815,10 +3851,10 @@ import {
   SpinnerIcon
 } from "@phosphor-icons/react";
 import { Toaster as Sonner, toast as sonnertoast } from "sonner";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var iconBaseClass = "w-5 h-auto";
 var Toaster = ({ testId, ...props }) => {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     Sonner,
     {
       className: "toaster group",
@@ -3865,33 +3901,33 @@ var Toaster = ({ testId, ...props }) => {
 };
 var toast = {
   success: (message) => sonnertoast.success(message, {
-    icon: /* @__PURE__ */ jsx34(CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ jsx35(CheckCircleIcon, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
     className: "sonner-success"
   }),
   error: (message) => sonnertoast.error(message, {
-    icon: /* @__PURE__ */ jsx34(XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ jsx35(XCircleIcon, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
     className: "sonner-error"
   }),
   warning: (message) => sonnertoast.warning(message, {
-    icon: /* @__PURE__ */ jsx34(WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ jsx35(WarningIcon, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
     className: "sonner-WarningIcon"
   }),
   info: (message) => sonnertoast.info(message, {
-    icon: /* @__PURE__ */ jsx34(InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    icon: /* @__PURE__ */ jsx35(InfoIcon, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
     className: "sonner-InfoIcon"
   }),
   loading: (message) => sonnertoast(message, {
-    icon: /* @__PURE__ */ jsx34(SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    icon: /* @__PURE__ */ jsx35(SpinnerIcon, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
     className: "sonner-loading"
   })
 };
 
 // src/components/ui/SwitchBase.tsx
-import * as React23 from "react";
+import * as React24 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx35 } from "react/jsx-runtime";
-var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
-  return /* @__PURE__ */ jsx35(
+import { jsx as jsx36 } from "react/jsx-runtime";
+var SwitchBase = React24.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ jsx36(
     SwitchPrimitives.Root,
     {
       ...props,
@@ -3901,7 +3937,7 @@ var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-b
         className
       ),
       "data-testid": dataTestId,
-      children: /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsx36(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -3919,9 +3955,9 @@ var SwitchBase = React23.forwardRef(({ className, testid: dataTestId = "switch-b
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/TableBase.tsx
-import * as React24 from "react";
-import { jsx as jsx36 } from "react/jsx-runtime";
-var TableBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx36(
+import * as React25 from "react";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var TableBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx37(
   "table",
   {
     ref,
@@ -3930,9 +3966,9 @@ var TableBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TableBodyBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tbody",
   {
     ref,
@@ -3941,7 +3977,7 @@ var TableBodyBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TableFooterBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tfoot",
   {
     ref,
@@ -3953,7 +3989,7 @@ var TableFooterBase = React24.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TableRowBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "tr",
   {
     ref,
@@ -3965,7 +4001,7 @@ var TableRowBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TableHeadBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "th",
   {
     ref,
@@ -3977,7 +4013,7 @@ var TableHeadBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TableCellBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "td",
   {
     ref,
@@ -3989,7 +4025,7 @@ var TableCellBase = React24.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TableCaptionBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
   "caption",
   {
     ref,
@@ -4000,11 +4036,11 @@ var TableCaptionBase = React24.forwardRef(({ className, ...props }, ref) => /* @
 TableCaptionBase.displayName = "TableCaptionBase";
 
 // src/components/ui/TabsBase.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var TabsBase = TabsPrimitive.Root;
-var TabsListBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var TabsListBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.List,
   {
     ref,
@@ -4016,7 +4052,7 @@ var TabsListBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsListBase.displayName = TabsPrimitive.List.displayName;
-var TabsTriggerBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var TabsTriggerBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -4034,7 +4070,7 @@ var TabsTriggerBase = React25.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-var TabsContentBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx37(
+var TabsContentBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
   TabsPrimitive.Content,
   {
     ref,
@@ -4049,10 +4085,10 @@ var TabsContentBase = React25.forwardRef(({ className, ...props }, ref) => /* @_
 TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/TextAreaBase.tsx
-import * as React26 from "react";
-import { jsx as jsx38 } from "react/jsx-runtime";
-var TextAreaBase = React26.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx38(
+import * as React27 from "react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var TextAreaBase = React27.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx39(
     "textarea",
     {
       className: cn(
@@ -4067,11 +4103,11 @@ var TextAreaBase = React26.forwardRef(({ className, ...props }, ref) => {
 TextAreaBase.displayName = "TextAreaBase";
 
 // src/components/mode-toggle.tsx
-import { Check as Check6, Moon, Sun } from "@phosphor-icons/react";
+import { CheckIcon as CheckIcon6, MoonIcon, SunIcon } from "@phosphor-icons/react";
 
 // src/components/theme-provider.tsx
 import { createContext as createContext3, useContext as useContext4, useEffect as useEffect5, useState as useState6 } from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -4121,7 +4157,7 @@ function ThemeProviderBase({
     setThemeState(newTheme);
   };
   const value = { theme, setTheme };
-  return /* @__PURE__ */ jsx39(ThemeProviderContext.Provider, { ...props, value, children });
+  return /* @__PURE__ */ jsx40(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
   const context = useContext4(ThemeProviderContext);
@@ -4131,7 +4167,7 @@ var useTheme = () => {
 };
 
 // src/components/mode-toggle.tsx
-import { Fragment as Fragment3, jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
 var themeLabels = {
   light: "Light",
   dark: "Dark",
@@ -4148,30 +4184,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__ */ jsxs22(DropDownMenuBase, { children: [
-    /* @__PURE__ */ jsx40(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(DropDownMenuBase, { children: [
+    /* @__PURE__ */ jsx41(DropDownMenuTriggerBase, { asChild: true, children: /* @__PURE__ */ jsxs23(
       ButtonBase,
       {
         variant: "ghost",
         size: "icon",
         className: "relative overflow-hidden border-transparent",
         children: [
-          /* @__PURE__ */ jsxs22(Fragment3, { children: [
-            /* @__PURE__ */ jsx40(Sun, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
-            /* @__PURE__ */ jsx40(Moon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
+          /* @__PURE__ */ jsxs23(Fragment3, { children: [
+            /* @__PURE__ */ jsx41(SunIcon, { className: `h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-90 scale-0" : "rotate-0 scale-100"}` }),
+            /* @__PURE__ */ jsx41(MoonIcon, { className: `absolute h-[1.2rem] w-[1.2rem] transition-transform duration-300 ${isDark ? "rotate-0 scale-100" : "rotate-90 scale-0"}` })
           ] }),
-          /* @__PURE__ */ jsx40("span", { className: "sr-only", children: "Toggle theme" })
+          /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Toggle theme" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx40(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ jsxs22(
+    /* @__PURE__ */ jsx41(DropDownMenuContentBase, { align: "end", className: "border-border bg-popover text-popover-foreground", children: themes.map((theme) => /* @__PURE__ */ jsxs23(
       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__ */ jsx40(Check6, { className: "h-4 w-4 opacity-100" })
+          currentTheme === theme && /* @__PURE__ */ jsx41(CheckIcon6, { className: "h-4 w-4 opacity-100" })
         ]
       },
       theme
@@ -4183,11 +4219,11 @@ function ModeToggleBase({
 import { add, format } from "date-fns";
 
 // src/components/date-time-picker/calendar.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { DayPicker as DayPicker2 } from "react-day-picker";
-import { CaretLeft as CaretLeft2, CaretRight as CaretRight5, X as X4, Calendar } from "@phosphor-icons/react";
+import { CaretLeftIcon as CaretLeftIcon2, CaretRightIcon as CaretRightIcon5, XIcon as XIcon4, CalendarIcon } from "@phosphor-icons/react";
 import { motion as motion6 } from "framer-motion";
-import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 var variants = {
   enter: (direction) => ({
     opacity: 0,
@@ -4208,24 +4244,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__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       className: cn(
         "rounded-xl border bg-background p-3 shadow-sm overflow-hidden",
         className
       ),
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx42(
         motion6.div,
         {
           variants,
@@ -4235,7 +4271,7 @@ function CalendarBase2({
           custom: direction,
           transition: { duration: 0.3, ease: "easeInOut" },
           style: { position: "relative" },
-          children: /* @__PURE__ */ jsx41(
+          children: /* @__PURE__ */ jsx42(
             DayPicker2,
             {
               showOutsideDays,
@@ -4282,8 +4318,8 @@ function CalendarBase2({
                 ...classNames
               },
               components: {
-                IconLeft: () => /* @__PURE__ */ jsx41(CaretLeft2, { className: "h-4 w-4" }),
-                IconRight: () => /* @__PURE__ */ jsx41(CaretRight5, { className: "h-4 w-4" })
+                IconLeft: () => /* @__PURE__ */ jsx42(CaretLeftIcon2, { className: "h-4 w-4" }),
+                IconRight: () => /* @__PURE__ */ jsx42(CaretRightIcon5, { className: "h-4 w-4" })
               },
               ...props
             }
@@ -4301,11 +4337,11 @@ import { ptBR } from "date-fns/locale";
 import { useEffect as useEffect6, useState as useState8 } from "react";
 
 // src/components/date-time-picker/TimePicker.tsx
-import { Clock } from "@phosphor-icons/react";
-import * as React29 from "react";
+import { ClockIcon } from "@phosphor-icons/react";
+import * as React30 from "react";
 
 // src/components/date-time-picker/TimePickerInput.tsx
-import React28 from "react";
+import React29 from "react";
 
 // src/components/date-time-picker/time-picker-utils.ts
 function isValidHour(value) {
@@ -4447,8 +4483,8 @@ function display12HourValue(hours) {
 }
 
 // src/components/date-time-picker/TimePickerInput.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-var TimePickerInput = React28.forwardRef(
+import { jsx as jsx43 } from "react/jsx-runtime";
+var TimePickerInput = React29.forwardRef(
   ({
     className,
     type = "tel",
@@ -4465,9 +4501,9 @@ var TimePickerInput = React28.forwardRef(
     onRightFocus,
     ...props
   }, ref) => {
-    const [flag, setFlag] = React28.useState(false);
-    const [prevIntKey, setPrevIntKey] = React28.useState("0");
-    React28.useEffect(() => {
+    const [flag, setFlag] = React29.useState(false);
+    const [prevIntKey, setPrevIntKey] = React29.useState("0");
+    React29.useEffect(() => {
       if (flag) {
         const timer = setTimeout(() => {
           setFlag(false);
@@ -4475,7 +4511,7 @@ var TimePickerInput = React28.forwardRef(
         return () => clearTimeout(timer);
       }
     }, [flag]);
-    const calculatedValue = React28.useMemo(() => {
+    const calculatedValue = React29.useMemo(() => {
       return getDateByType(date, picker);
     }, [date, picker]);
     const calculateNewValue = (key) => {
@@ -4506,7 +4542,7 @@ var TimePickerInput = React28.forwardRef(
         setDate(setDateByType(tempDate, newValue, picker, period));
       }
     };
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       InputBase,
       {
         ref,
@@ -4535,15 +4571,15 @@ var TimePickerInput = React28.forwardRef(
 TimePickerInput.displayName = "TimePickerInput";
 
 // src/components/date-time-picker/TimePicker.tsx
-import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs25 } from "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__ */ jsxs24("div", { className: "flex items-end gap-2", children: [
-    /* @__PURE__ */ jsxs24("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ jsx43(LabelBase_default, { htmlFor: "hours", className: "text-xs", children: "Horas" }),
-      /* @__PURE__ */ jsx43(
+  const minuteRef = React30.useRef(null);
+  const hourRef = React30.useRef(null);
+  const secondRef = React30.useRef(null);
+  return /* @__PURE__ */ jsxs25("div", { className: "flex items-end gap-2", children: [
+    /* @__PURE__ */ jsxs25("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ jsx44(LabelBase_default, { htmlFor: "hours", className: "text-xs", children: "Horas" }),
+      /* @__PURE__ */ jsx44(
         TimePickerInput,
         {
           picker: "hours",
@@ -4554,9 +4590,9 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs24("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ jsx43(LabelBase_default, { htmlFor: "minutes", className: "text-xs", children: "Minutos" }),
-      /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsxs25("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ jsx44(LabelBase_default, { htmlFor: "minutes", className: "text-xs", children: "Minutos" }),
+      /* @__PURE__ */ jsx44(
         TimePickerInput,
         {
           picker: "minutes",
@@ -4568,9 +4604,9 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    !hideSeconds && /* @__PURE__ */ jsxs24("div", { className: "grid gap-1 text-center", children: [
-      /* @__PURE__ */ jsx43(LabelBase_default, { htmlFor: "seconds", className: "text-xs", children: "Segundos" }),
-      /* @__PURE__ */ jsx43(
+    !hideSeconds && /* @__PURE__ */ jsxs25("div", { className: "grid gap-1 text-center", children: [
+      /* @__PURE__ */ jsx44(LabelBase_default, { htmlFor: "seconds", className: "text-xs", children: "Segundos" }),
+      /* @__PURE__ */ jsx44(
         TimePickerInput,
         {
           picker: "seconds",
@@ -4581,13 +4617,13 @@ function TimePicker({ date, setDate, hideSeconds }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx43("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ jsx43(Clock, { className: "ml-2 h-4 w-4" }) })
+    /* @__PURE__ */ jsx44("div", { className: "flex h-10 items-center", children: /* @__PURE__ */ jsx44(ClockIcon, { className: "ml-2 h-4 w-4" }) })
   ] });
 }
 
 // src/components/date-time-picker/DateTimePicker.tsx
-import { Calendar as Calendar2 } from "@phosphor-icons/react";
-import { Fragment as Fragment4, jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+import { CalendarIcon as CalendarIcon2 } from "@phosphor-icons/react";
+import { Fragment as Fragment4, jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
 function DateTimePicker({
   label,
   date,
@@ -4616,10 +4652,10 @@ function DateTimePicker({
       setInternalDate(date);
     }
   }, [date, open]);
-  return /* @__PURE__ */ jsxs25(Fragment4, { children: [
-    label && /* @__PURE__ */ jsx44(LabelBase_default, { className: "mb-[-1rem] pl-2", children: label }),
-    /* @__PURE__ */ jsxs25(DialogBase, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx44(DialogTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(Fragment4, { children: [
+    label && /* @__PURE__ */ jsx45(LabelBase_default, { className: "mb-[-1rem] pl-2", children: label }),
+    /* @__PURE__ */ jsxs26(DialogBase, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx45(DialogTriggerBase, { disabled, asChild: true, children: /* @__PURE__ */ jsxs26(
         ButtonBase,
         {
           variant: "default",
@@ -4629,14 +4665,14 @@ function DateTimePicker({
             !date && "text-muted-foreground"
           ),
           children: [
-            date ? format(date, "PPP - HH:mm", { locale: ptBR }) : /* @__PURE__ */ jsx44("span", { className: "text-zinc-400", children: "Pick a date" }),
-            /* @__PURE__ */ jsx44(Calendar2, { className: "ml-auto text-gray-500", size: 24 })
+            date ? format(date, "PPP - HH:mm", { locale: ptBR }) : /* @__PURE__ */ jsx45("span", { className: "text-zinc-400", children: "Pick a date" }),
+            /* @__PURE__ */ jsx45(CalendarIcon2, { className: "ml-auto text-gray-500", size: 24 })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsxs25(DialogContentBase, { children: [
-        /* @__PURE__ */ jsx44(DialogHeaderBase, { children: /* @__PURE__ */ jsx44(DialogTitleBase, { className: "text-xl font-semibold", children: dialogTitle ?? "Selecione a data" }) }),
-        /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsxs26(DialogContentBase, { children: [
+        /* @__PURE__ */ jsx45(DialogHeaderBase, { children: /* @__PURE__ */ jsx45(DialogTitleBase, { className: "text-xl font-semibold", children: dialogTitle ?? "Selecione a data" }) }),
+        /* @__PURE__ */ jsx45(
           CalendarBase2,
           {
             mode: "single",
@@ -4648,7 +4684,7 @@ function DateTimePicker({
             toDate
           }
         ),
-        /* @__PURE__ */ jsx44("div", { className: "border-border flex justify-center border-t p-3", children: /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45("div", { className: "border-border flex justify-center border-t p-3", children: /* @__PURE__ */ jsx45(
           TimePicker,
           {
             setDate: setInternalDate,
@@ -4656,7 +4692,7 @@ function DateTimePicker({
             hideSeconds
           }
         ) }),
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx45(
           ButtonBase,
           {
             onClick: () => {
@@ -4672,7 +4708,7 @@ function DateTimePicker({
 }
 
 // src/components/selects/Select.tsx
-import { Fragment as Fragment5, jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
 function Select({
   items,
   groupItems,
@@ -4681,9 +4717,9 @@ function Select({
   errorMessage,
   testIds = {}
 }) {
-  return /* @__PURE__ */ jsxs26("div", { "data-testid": testIds.root ?? "select-root", children: [
-    /* @__PURE__ */ jsxs26(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
-      /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsxs27("div", { "data-testid": testIds.root ?? "select-root", children: [
+    /* @__PURE__ */ jsxs27(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
+      /* @__PURE__ */ jsx46(
         SelectTriggerBase,
         {
           className: cn(
@@ -4691,7 +4727,7 @@ function Select({
             errorMessage && "border-red-500"
           ),
           "data-testid": testIds.trigger ?? "select-trigger",
-          children: /* @__PURE__ */ jsx45(
+          children: /* @__PURE__ */ jsx46(
             SelectValueBase,
             {
               placeholder,
@@ -4700,9 +4736,9 @@ function Select({
           )
         }
       ),
-      /* @__PURE__ */ jsx45(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx45(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ jsx45(Fragment5, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs26(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
-        /* @__PURE__ */ jsx45(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
-        groupItems[key].map((item) => /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx46(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx46(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ jsx46(Fragment5, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs27(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
+        /* @__PURE__ */ jsx46(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
+        groupItems[key].map((item) => /* @__PURE__ */ jsx46(
           SelectItemBase,
           {
             value: item.value,
@@ -4711,7 +4747,7 @@ function Select({
           },
           item.value
         ))
-      ] }, key)) }) : /* @__PURE__ */ jsx45(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ jsx45(
+      ] }, key)) }) : /* @__PURE__ */ jsx46(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ jsx46(
         SelectItemBase,
         {
           value: item.value,
@@ -4721,7 +4757,7 @@ function Select({
         item.value
       )) }) }) })
     ] }),
-    errorMessage && /* @__PURE__ */ jsx45(
+    errorMessage && /* @__PURE__ */ jsx46(
       "p",
       {
         className: "text-sm text-red-500",
@@ -4731,6 +4767,82 @@ function Select({
     )
   ] });
 }
+
+// src/components/ui/DestructiveDialog.tsx
+import * as React31 from "react";
+import { XCircleIcon as XCircleIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx47, jsxs as jsxs28 } from "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__ */ jsx47(AlertDialogTriggerBase, { asChild: true, children }) : /* @__PURE__ */ jsx47(AlertDialogTriggerBase, { children: /* @__PURE__ */ jsx47(ButtonBase, { variant: "destructive", children: triggerContent ?? "Excluir" }) });
+  return /* @__PURE__ */ jsxs28(AlertDialogBase, { children: [
+    triggerEl,
+    /* @__PURE__ */ jsxs28(
+      AlertDialogContentBase,
+      {
+        role: "alertdialog",
+        "aria-modal": "true",
+        "aria-labelledby": titleId,
+        "aria-describedby": descriptionId,
+        className: cn("border border-destructive bg-background"),
+        children: [
+          /* @__PURE__ */ jsxs28("div", { className: "flex items-start gap-4", children: [
+            /* @__PURE__ */ jsx47("div", { className: "flex items-center justify-center w-10 h-10 rounded-full ring-1 ring-destructive/30", children: /* @__PURE__ */ jsx47(XCircleIcon2, { className: "w-6 h-6 text-destructive" }) }),
+            /* @__PURE__ */ jsxs28("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx47(
+                AlertDialogTitleBase,
+                {
+                  id: titleId,
+                  className: "text-lg sm:text-xl font-semibold text-destructive",
+                  children: title
+                }
+              ),
+              /* @__PURE__ */ jsx47(
+                AlertDialogDescriptionBase,
+                {
+                  id: descriptionId,
+                  className: "mt-2 text-sm text-muted-foreground",
+                  children: description
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs28(AlertDialogFooterBase, { className: "mt-2 flex justify-end gap-3", children: [
+            /* @__PURE__ */ jsx47(
+              AlertDialogCancelBase,
+              {
+                onClick: onCancel,
+                className: cn(
+                  buttonVariantsBase({ variant: "outline", size: "default" }),
+                  "hover:bg-foreground/5 hover:text-primary hover:opacity-90 hover:shadow-none"
+                ),
+                children: "Cancelar"
+              }
+            ),
+            /* @__PURE__ */ jsx47(
+              AlertDialogActionBase,
+              {
+                onClick: onConfirm,
+                className: cn(
+                  buttonVariantsBase({ variant: "destructive", size: "default" })
+                ),
+                children: "Confirmar"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
 export {
   AlertDialogActionBase,
   AlertDialogBase,
@@ -4769,6 +4881,9 @@ export {
   CarouselNextBase,
   CarouselPrevious,
   CheckboxBase,
+  CollapsibleBase,
+  CollapsibleContentBase,
+  CollapsibleTriggerBase,
   Combobox,
   CommandBase,
   CommandDialogBase,
@@ -4795,6 +4910,7 @@ export {
   ContextMenuSubTriggerBase,
   ContextMenuTriggerBase,
   DateTimePicker,
+  DestructiveDialog,
   DialogBase,
   DialogCloseBase,
   DialogContentBase,
@@ -4931,7 +5047,6 @@ export {
   UseSideBarBase,
   badgeVariants,
   buttonVariantsBase,
-  navigationMenuTriggerStyle,
   toast,
   useIsMobile,
   useTheme