@mlw-packages/react-components 1.3.18 → 1.4.1

package/dist/index.js

@@ -1,3 +1,4 @@
+"use client";
 import './index.css';
 "use strict";
 var __create = Object.create;
@@ -91,13 +92,6 @@ __export(index_exports, {
   DropDownMenuSubContentBase: () => DropDownMenuSubContentBase,
   DropDownMenuSubTriggerBase: () => DropDownMenuSubTriggerBase,
   DropDownMenuTriggerBase: () => DropDownMenuTriggerBase,
-  FormBase: () => FormBase,
-  FormControlBase: () => FormControlBase,
-  FormDescriptionBase: () => FormDescriptionBase,
-  FormFieldBase: () => FormFieldBase,
-  FormItemBase: () => FormItemBase,
-  FormLabelBase: () => FormLabelBase,
-  FormMessageBase: () => FormMessageBase,
   InputBase: () => InputBase,
   LabelBase: () => LabelBase_default,
   ModeToggleBase: () => ModeToggleBase,
@@ -187,7 +181,6 @@ __export(index_exports, {
   buttonVariantsBase: () => buttonVariantsBase,
   defaultStringConditions: () => defaultStringConditions,
   toast: () => toast,
-  useFormFieldBase: () => useFormFieldBase,
   useIsMobile: () => useIsMobile,
   useTheme: () => useTheme
 });
@@ -243,13 +236,14 @@ var buttonVariantsBase = (0, import_class_variance_authority.cva)(
   }
 );
 var ButtonBase = React.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
+  ({ className, variant, size, asChild = false, testid = `button-${variant ?? "default"}`, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Comp,
       {
         className: cn(buttonVariantsBase({ variant, size, className })),
         ref,
+        "data-testid": testid ?? `button-${variant ?? "default"}`,
         ...props
       }
     );
@@ -294,19 +288,20 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var AlertDialogBase = AlertDialogPrimitive.Root;
 var AlertDialogTriggerBase = AlertDialogPrimitive.Trigger;
 var AlertDialogPortalBase = AlertDialogPrimitive.Portal;
-var AlertDialogOverlayBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+var AlertDialogOverlayBase = React2.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
+    "data-testid": testid,
     ...props,
     ref
   }
 ));
 AlertDialogOverlayBase.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContentBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AlertDialogPortalBase, { children: [
+var AlertDialogContentBase = React2.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AlertDialogPortalBase, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AlertDialogOverlayBase, {}),
   /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     AlertDialogPrimitive.Content,
@@ -316,6 +311,7 @@ var AlertDialogContentBase = React2.forwardRef(({ className, ...props }, ref) =>
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         className
       ),
+      "data-testid": testid,
       ...props
     }
   )
@@ -349,34 +345,37 @@ var AlertDialogFooterBase = ({
   }
 );
 AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
-var AlertDialogTitleBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+var AlertDialogTitleBase = React2.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   AlertDialogPrimitive.Title,
   {
     ref,
     className: cn("text-lg font-semibold", className),
+    "data-testid": testid,
     ...props
   }
 ));
 AlertDialogTitleBase.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescriptionBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+var AlertDialogDescriptionBase = React2.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   AlertDialogPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
+    "data-testid": testid,
     ...props
   }
 ));
 AlertDialogDescriptionBase.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogActionBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+var AlertDialogActionBase = React2.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   AlertDialogPrimitive.Action,
   {
     ref,
     className: cn(buttonVariantsBase(), className),
+    "data-testid": testid,
     ...props
   }
 ));
 AlertDialogActionBase.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancelBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+var AlertDialogCancelBase = React2.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -385,6 +384,7 @@ var AlertDialogCancelBase = React2.forwardRef(({ className, ...props }, ref) =>
       "mt-2 sm:mt-0",
       className
     ),
+    "data-testid": testid,
     ...props
   }
 ));
@@ -444,7 +444,7 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 var PopoverBase = PopoverPrimitive.Root;
 var PopoverTriggerBase = PopoverPrimitive.Trigger;
 var PopoverAnchorBase = PopoverPrimitive.Anchor;
-var PopoverContentBase = React4.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+var PopoverContentBase = React4.forwardRef(({ className, align = "center", sideOffset = 4, testid: dataTestId = "popover-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -454,6 +454,7 @@ var PopoverContentBase = React4.forwardRef(({ className, align = "center", sideO
       "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),
+    "data-testid": dataTestId,
     ...props
   }
 ) }));
@@ -583,19 +584,20 @@ var DialogBase = DialogPrimitive.Root;
 var DialogTriggerBase = DialogPrimitive.Trigger;
 var DialogPortalBase = DialogPrimitive.Portal;
 var DialogCloseBase = DialogPrimitive.Close;
-var DialogOverlayBase = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var DialogOverlayBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 DialogOverlayBase.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContentBase = React6.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogPortalBase, { children: [
+var DialogContentBase = React6.forwardRef(({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogPortalBase, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogOverlayBase, {}),
   /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     DialogPrimitive.Content,
@@ -605,6 +607,7 @@ var DialogContentBase = React6.forwardRef(({ className, children, ...props }, re
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         className
       ),
+      "data-testid": dataTestId,
       ...props,
       children: [
         children,
@@ -617,51 +620,42 @@ var DialogContentBase = React6.forwardRef(({ className, children, ...props }, re
   )
 ] }));
 DialogContentBase.displayName = DialogPrimitive.Content.displayName;
-var DialogHeaderBase = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var DialogHeaderBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   "div",
   {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
+    ref,
+    className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+    "data-testid": dataTestId,
     ...props
   }
-);
+));
 DialogHeaderBase.displayName = "DialogHeader";
-var DialogFooterBase = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var DialogFooterBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   "div",
   {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
+    ref,
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    "data-testid": dataTestId,
     ...props
   }
-);
+));
 DialogFooterBase.displayName = "DialogFooter";
-var DialogTitleBase = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var DialogTitleBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   DialogPrimitive.Title,
   {
     ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    ),
+    className: cn("text-lg font-semibold leading-none tracking-tight", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 DialogTitleBase.displayName = DialogPrimitive.Title.displayName;
-var DialogDescriptionBase = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+var DialogDescriptionBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
   DialogPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
@@ -673,7 +667,7 @@ var import_react_label = require("@radix-ui/react-label");
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var LabelBase = React7.forwardRef(
-  ({ className, asChild = false, ...props }, ref) => {
+  ({ className, asChild = false, testid = "label-base", ...props }, ref) => {
     const Comp = asChild ? import_react_slot2.Slot : "label";
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_label.Label, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       Comp,
@@ -683,6 +677,7 @@ var LabelBase = React7.forwardRef(
           "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
           className
         ),
+        "data-testid": testid,
         ...props
       }
     ) });
@@ -706,6 +701,7 @@ var InputBase = React8.forwardRef(
     labelClassname,
     leftIcon,
     rightIcon,
+    "data-testid": dataTestId,
     ...props
   }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col w-full min-w-[150px]", children: [
@@ -728,6 +724,7 @@ var InputBase = React8.forwardRef(
                   className
                 ),
                 ref,
+                "data-testid": dataTestId ?? "input-base",
                 ...props
               }
             ),
@@ -1166,13 +1163,14 @@ var DropDownMenuSubContentBase = React12.forwardRef(({ className, ...props }, re
     ...props
   }
 ));
-var DropDownMenuContentBase = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var DropDownMenuContentBase = React12.forwardRef(({ className, sideOffset = 4, testid: dataTestId = "dropdown-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
   DropdownMenuPrimitive.Content,
   {
     sideOffset,
     forceMount: true,
     ref,
     className: cn("z-[9999] p-0", className),
+    "data-testid": dataTestId,
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_framer_motion2.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       import_framer_motion2.motion.div,
@@ -1388,7 +1386,7 @@ var import_cmdk = require("cmdk");
 var import_phosphor_react7 = require("phosphor-react");
 var import_framer_motion3 = require("framer-motion");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var CommandBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CommandBase = React13.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -1396,6 +1394,7 @@ var CommandBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PUR
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-popover-foreground",
       className
     ),
+    "data-testid": dataTestId,
     ...props
   }
 ));
@@ -1420,7 +1419,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
     "command-dialog"
   ) }) }) });
 };
-var CommandInputBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInputBase = React13.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_phosphor_react7.MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     import_cmdk.Command.Input,
@@ -1430,23 +1429,25 @@ var CommandInputBase = React13.forwardRef(({ className, ...props }, ref) => /* @
         "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none text-primary placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
         className
       ),
+      "data-testid": dataTestId,
       ...props
     }
   )
 ] }));
 CommandInputBase.displayName = import_cmdk.Command.Input.displayName;
-var CommandListBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CommandListBase = React13.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   import_cmdk.Command.List,
   {
     ref,
     className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 CommandListBase.displayName = import_cmdk.Command.List.displayName;
-var CommandEmptyBase = React13.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmptyBase = React13.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_cmdk.Command.Empty, { ref, className: "py-6 text-center text-sm", "data-testid": dataTestId, ...props }));
 CommandEmptyBase.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroupBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CommandGroupBase = React13.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -1454,13 +1455,14 @@ var CommandGroupBase = React13.forwardRef(({ className, ...props }, ref) => /* @
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       className
     ),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 CommandGroupBase.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparatorBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparatorBase = React13.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_cmdk.Command.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), "data-testid": dataTestId, ...props }));
 CommandSeparatorBase.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItemBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+var CommandItemBase = React13.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -1468,6 +1470,7 @@ var CommandItemBase = React13.forwardRef(({ className, ...props }, ref) => /* @_
       "relative flex cursor-pointer gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-all data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary data-[selected=true]:text-background data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:scale-[1.02] active:scale-[0.98]",
       className
     ),
+    "data-testid": dataTestId,
     ...props
   }
 ));
@@ -1487,70 +1490,99 @@ function ComboboxBase({
   handleSelection,
   checkIsSelected,
   searchPlaceholder,
-  errorMessage
+  errorMessage,
+  testIds = {}
 }) {
   const [open, setOpen] = (0, import_react4.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "col-span-1 w-full", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      PopoverTriggerBase,
-      {
-        asChild: true,
-        className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
-        children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-          ButtonBase,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: "col-span-1 w-full",
+      "data-testid": testIds.root ?? "combobox-base-root",
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          PopoverTriggerBase,
           {
-            variant: "outline",
-            role: "combobox",
-            "aria-expanded": open,
-            className: cn(
-              "flex items-start gap-2 justify-between h-full",
-              errorMessage && "border-red-500"
-            ),
-            children: [
-              renderSelected,
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.CaretDown, { size: 16, className: "mt-0.5" })
-            ]
+            asChild: true,
+            className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              ButtonBase,
+              {
+                variant: "outline",
+                role: "combobox",
+                "aria-expanded": open,
+                className: cn(
+                  "flex items-start gap-2 justify-between h-full",
+                  errorMessage && "border-red-500"
+                ),
+                "data-testid": testIds.trigger ?? "combobox-trigger",
+                children: [
+                  renderSelected,
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_phosphor_react8.CaretDown, { size: 16, className: "mt-0.5" })
+                ]
+              }
+            )
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverContentBase, { className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CommandBase, { className: "dark:text-white", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        CommandInputBase,
-        {
-          tabIndex: -1,
-          placeholder: searchPlaceholder ?? "Busque uma op\xE7\xE3o..."
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CommandListBase, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandEmptyBase, { children: "Nenhum dado encontrado" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandGroupBase, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-          CommandItemBase,
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          PopoverContentBase,
           {
-            keywords: [item.label],
-            value: item.value,
-            onSelect: (value) => {
-              handleSelection(value);
-              setOpen(false);
-            },
-            children: [
-              item.label,
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                import_phosphor_react8.Check,
-                {
-                  className: cn(
-                    "ml-auto",
-                    checkIsSelected(item.value) ? "opacity-100" : "opacity-0"
-                  )
-                }
-              )
-            ]
-          },
-          item.value
-        )) })
+            className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none",
+            "data-testid": testIds.popover ?? "combobox-popover",
+            children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              CommandBase,
+              {
+                className: "dark:text-white",
+                "data-testid": testIds.command ?? "combobox-command",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    CommandInputBase,
+                    {
+                      tabIndex: -1,
+                      placeholder: searchPlaceholder ?? "Busque uma op\xE7\xE3o...",
+                      "data-testid": testIds.search ?? "combobox-search"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: "Nenhum dado encontrado" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
+                      const isSelected = checkIsSelected(item.value);
+                      return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                        CommandItemBase,
+                        {
+                          keywords: [item.label],
+                          value: item.value,
+                          onSelect: (value) => {
+                            handleSelection(value);
+                            setOpen(false);
+                          },
+                          "data-testid": testIds.option ?? "combobox-option",
+                          children: [
+                            item.label,
+                            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              import_phosphor_react8.Check,
+                              {
+                                className: cn(
+                                  "ml-auto",
+                                  isSelected ? "opacity-100" : "opacity-0"
+                                ),
+                                "data-testid": isSelected ? testIds.check ?? "combobox-option-check" : void 0
+                              }
+                            )
+                          ]
+                        },
+                        item.value
+                      );
+                    }) })
+                  ] })
+                ]
+              }
+            )
+          }
+        )
       ] })
-    ] }) })
-  ] }) });
+    }
+  );
 }
 
 // src/components/selects/Combobox.tsx
@@ -1563,12 +1595,20 @@ function Combobox({
   placeholder,
   searchPlaceholder,
   label,
-  labelClassname
+  labelClassname,
+  testIds
 }) {
   const selectedItem = items.find((item) => item.value === selected);
   const renderSelected = (0, import_react5.useMemo)(() => {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: cn("truncate", !selectedItem && "text-gray-500"), children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..." });
-  }, [placeholder, selectedItem]);
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      "span",
+      {
+        "data-testid": testIds?.selected ?? "combobox-selected",
+        className: cn("truncate", !selectedItem && "text-gray-500"),
+        children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..."
+      }
+    );
+  }, [placeholder, selectedItem, testIds?.selected]);
   const checkIsSelected = (0, import_react5.useCallback)(
     (value) => selected == null ? false : selected == value,
     [selected]
@@ -1588,7 +1628,8 @@ function Combobox({
         renderSelected,
         handleSelection,
         checkIsSelected,
-        searchPlaceholder
+        searchPlaceholder,
+        testIds
       }
     )
   ] });
@@ -1606,7 +1647,8 @@ function MultiCombobox({
   placeholder,
   searchPlaceholder,
   label,
-  labelClassname
+  labelClassname,
+  testIds = {}
 }) {
   const selectedItems = items.filter((item) => selected.includes(item.value));
   const checkIsSelected = (0, import_react6.useCallback)(
@@ -1626,46 +1668,74 @@ function MultiCombobox({
   );
   const renderSelected = (0, import_react6.useMemo)(() => {
     if (selectedItems.length === 0) {
-      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-gray-500", children: placeholder ?? "Selecione uma op\xE7\xE3o..." });
+      return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        "span",
+        {
+          "data-testid": testIds.emptyPlaceholder ?? "combobox-selected-empty",
+          className: "text-gray-500",
+          children: placeholder ?? "Selecione uma op\xE7\xE3o..."
+        }
+      );
     }
-    const items2 = selectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
-        className: "flex items-center gap-1 rounded-md border p-1",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-            "span",
-            {
-              role: "button",
-              tabIndex: 0,
-              onClick: (e) => {
-                e.stopPropagation();
-                handleSelection(item.value);
-              },
-              className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_phosphor_react9.X, { size: 14 })
-            }
-          )
-        ]
-      },
-      item.value
-    ));
-    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex w-full flex-wrap gap-2", children: items2 });
-  }, [handleSelection, placeholder, selectedItems]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(LabelBase_default, { className: labelClassname, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-      ComboboxBase,
-      {
-        items,
-        renderSelected,
-        handleSelection,
-        checkIsSelected,
-        searchPlaceholder
+        "data-testid": testIds.selectedWrapper ?? "combobox-selected-wrapper",
+        className: "flex w-full flex-wrap gap-2",
+        children: selectedItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          "div",
+          {
+            className: "flex items-center gap-1 rounded-md border p-1",
+            "data-testid": testIds.selectedItem?.(item.value) ?? `combobox-selected-${item.value}`,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                "span",
+                {
+                  role: "button",
+                  tabIndex: 0,
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleSelection(item.value);
+                  },
+                  className: "cursor-pointer p-0 m-0 text-xs flex items-center justify-center hover:text-red-500 hover:scale-110 transition-all",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_phosphor_react9.X, { size: 14 })
+                }
+              )
+            ]
+          },
+          item.value
+        ))
       }
-    )
-  ] });
+    );
+  }, [handleSelection, placeholder, selectedItems, testIds]);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      className: cn("flex flex-col gap-1 w-full min-w-[150px]", className),
+      "data-testid": testIds.root ?? "multi-combobox-root",
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          LabelBase_default,
+          {
+            className: labelClassname,
+            "data-testid": testIds.label ?? "multi-combobox-label",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          ComboboxBase,
+          {
+            items,
+            renderSelected,
+            handleSelection,
+            checkIsSelected,
+            searchPlaceholder
+          }
+        )
+      ]
+    }
+  );
 }
 
 // src/components/ui/SelectBase.tsx
@@ -1727,7 +1797,7 @@ var SelectScrollDownButtonBase = React14.forwardRef(({ className, ...props }, re
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContentBase = React14.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_framer_motion4.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+var SelectContentBase = React14.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_framer_motion4.AnimatePresence, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
   SelectPrimitive.Content,
   {
     ref,
@@ -1736,6 +1806,7 @@ var SelectContentBase = React14.forwardRef(({ className, children, position = "p
       className
     ),
     position,
+    "data-testid": dataTestId,
     ...props,
     asChild: true,
     children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
@@ -1841,10 +1912,11 @@ function Select({
   groupItems,
   placeholder,
   onChange,
-  errorMessage
+  errorMessage,
+  testIds = {}
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SelectBase, { onValueChange: onChange, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { "data-testid": testIds.root ?? "select-root", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         SelectTriggerBase,
         {
@@ -1852,15 +1924,45 @@ function Select({
             "flex h-12 w-full content-start text-lg shadow-md",
             errorMessage && "border-red-500"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectValueBase, { placeholder })
+          "data-testid": testIds.trigger ?? "select-trigger",
+          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+            SelectValueBase,
+            {
+              placeholder,
+              "data-testid": testIds.value ?? "select-value"
+            }
+          )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ScrollAreaBase, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContentBase, { children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SelectGroupBase, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectLabelBase, { children: key }),
-        groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItemBase, { value: item.value, children: item.label }, item.value))
-      ] }, key)) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectGroupBase, { children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectItemBase, { value: item.value, children: item.label }, item.value)) }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_jsx_runtime21.Fragment, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
+        groupItems[key].map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          SelectItemBase,
+          {
+            value: item.value,
+            "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+            children: item.label
+          },
+          item.value
+        ))
+      ] }, key)) }) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        SelectItemBase,
+        {
+          value: item.value,
+          "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+          children: item.label
+        },
+        item.value
+      )) }) }) })
     ] }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "text-sm text-red-500", children: errorMessage })
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      "p",
+      {
+        className: "text-sm text-red-500",
+        "data-testid": testIds.error ?? "select-error",
+        children: errorMessage
+      }
+    )
   ] });
 }
 
@@ -1922,7 +2024,7 @@ CalendarBase2.displayName = "Calendar";
 // src/components/ui/CardBase.tsx
 var React16 = __toESM(require("react"));
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var CardBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var CardBase = React16.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "div",
   {
     ref,
@@ -1930,44 +2032,49 @@ var CardBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       "rounded-xl border bg-card text-card-foreground shadow",
       className
     ),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 CardBase.displayName = "Card";
-var CardHeaderBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var CardHeaderBase = React16.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "div",
   {
     ref,
     className: cn("flex flex-col space-y-1.5 p-6", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 CardHeaderBase.displayName = "CardHeader";
-var CardTitleBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var CardTitleBase = React16.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "div",
   {
     ref,
     className: cn("font-semibold leading-none tracking-tight", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 CardTitleBase.displayName = "CardTitle";
-var CardDescriptionBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var CardDescriptionBase = React16.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "div",
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 CardDescriptionBase.displayName = "CardDescription";
-var CardContentBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContentBase = React16.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { ref, className: cn("p-6 pt-0", className), "data-testid": dataTestId, ...props }));
 CardContentBase.displayName = "CardContent";
-var CardFooterBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var CardFooterBase = React16.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
   "div",
   {
     ref,
     className: cn("flex items-center p-6 pt-0", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
@@ -1979,7 +2086,7 @@ var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var import_phosphor_react12 = require("phosphor-react");
 var import_framer_motion5 = require("framer-motion");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var CheckboxBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CheckboxBase = React17.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1987,6 +2094,7 @@ var CheckboxBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
       "peer h-4 w-4 shrink-0 rounded-md border border-primary shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground transition-colors",
       className
     ),
+    "data-testid": dataTestId,
     ...props,
     children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       import_framer_motion5.motion.div,
@@ -2003,117 +2111,16 @@ var CheckboxBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 
-// src/components/ui/FormBase.tsx
-var React18 = __toESM(require("react"));
-var import_react_slot3 = require("@radix-ui/react-slot");
-var import_react_hook_form = require("react-hook-form");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var FormBase = import_react_hook_form.FormProvider;
-var FormFieldBaseContext = React18.createContext(
-  {}
-);
-var FormFieldBase = ({
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FormFieldBaseContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_hook_form.Controller, { ...props }) });
-};
-var useFormFieldBase = () => {
-  const fieldContext = React18.useContext(FormFieldBaseContext);
-  const itemContext = React18.useContext(FormItemBaseContext);
-  const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
-  const fieldState = getFieldState(fieldContext.name, formState);
-  if (!fieldContext) {
-    throw new Error("useFormFieldBase should be used within <FormFieldBase>");
-  }
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    FormItemId: `${id}-form-item`,
-    FormDescriptionId: `${id}-form-item-description`,
-    FormMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-var FormItemBaseContext = React18.createContext(
-  {}
-);
-var FormItemBase = React18.forwardRef(({ className, ...props }, ref) => {
-  const id = React18.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(FormItemBaseContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
-});
-FormItemBase.displayName = "FormItemBase";
-var FormLabelBase = React18.forwardRef(
-  ({ className, ...props }, ref) => {
-    const { error, FormItemId } = useFormFieldBase();
-    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      LabelBase_default,
-      {
-        ref,
-        className: cn(error && "text-destructive", className),
-        htmlFor: FormItemId,
-        ...props
-      }
-    );
-  }
-);
-FormLabelBase.displayName = "FormLabelBase";
-var FormControlBase = React18.forwardRef(({ ...props }, ref) => {
-  const { error, FormItemId, FormDescriptionId, FormMessageId } = useFormFieldBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_react_slot3.Slot,
-    {
-      ref,
-      id: FormItemId,
-      "aria-describedby": !error ? `${FormDescriptionId}` : `${FormDescriptionId} ${FormMessageId}`,
-      "aria-invalid": !!error,
-      ...props
-    }
-  );
-});
-FormControlBase.displayName = "FormControlBase";
-var FormDescriptionBase = React18.forwardRef(({ className, ...props }, ref) => {
-  const { FormDescriptionId } = useFormFieldBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    "p",
-    {
-      ref,
-      id: FormDescriptionId,
-      className: cn("text-[0.8rem] text-muted-foreground", className),
-      ...props
-    }
-  );
-});
-FormDescriptionBase.displayName = "FormDescriptionBase";
-var FormMessageBase = React18.forwardRef(({ className, children, ...props }, ref) => {
-  const { error, FormMessageId } = useFormFieldBase();
-  const body = error ? String(error?.message) : children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    "p",
-    {
-      ref,
-      id: FormMessageId,
-      className: cn("text-[0.8rem] font-medium text-destructive", className),
-      ...props,
-      children: body
-    }
-  );
-});
-FormMessageBase.displayName = "FormMessageBase";
-
 // src/components/ui/ProgressBase.tsx
-var React19 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var ProgressBase = React19.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex items-center gap-2", children: [
-      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var ProgressBase = React18.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2", children: [
+      leftIcon && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         ProgressPrimitive.Root,
         {
           ref,
@@ -2123,7 +2130,7 @@ var ProgressBase = React19.forwardRef(({ className, value, label, leftIcon, righ
           ),
           value,
           ...props,
-          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             ProgressPrimitive.Indicator,
             {
               className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
@@ -2132,7 +2139,7 @@ var ProgressBase = React19.forwardRef(({ className, value, label, leftIcon, righ
           )
         }
       ),
-      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+      rightIcon && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
     ] })
   ] });
 });
@@ -2143,9 +2150,9 @@ var ProgressSegmentsBase = ({
   value
 }) => {
   const filled = Math.round(value / 100 * segments);
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "div",
       {
         className: cn(
@@ -2157,7 +2164,7 @@ var ProgressSegmentsBase = ({
     )) })
   ] });
 };
-var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
   "svg",
   {
     className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
@@ -2166,7 +2173,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     strokeWidth: 2,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
   }
 );
 var ProgressPanelsBase = ({
@@ -2174,13 +2181,13 @@ var ProgressPanelsBase = ({
   steps,
   currentStep
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-1 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
       const isActive = idx === currentStep;
       const isLast = idx === steps.length - 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(React19.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(React18.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "div",
           {
             className: cn(
@@ -2191,12 +2198,12 @@ var ProgressPanelsBase = ({
             ),
             style: { flex: "1 1 0" },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "truncate", children: step }),
-              isActive && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: step }),
+              isActive && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
             ]
           }
         ),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ArrowRightIcon, {}) })
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ArrowRightIcon, {}) })
       ] }, idx);
     }) })
   ] });
@@ -2206,11 +2213,11 @@ var ProgressCirclesBase = ({
   steps,
   currentStep
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex flex-col gap-2 w-full", children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "relative flex items-center justify-between w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         "div",
         {
           className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
@@ -2221,13 +2228,13 @@ var ProgressCirclesBase = ({
       ),
       steps.map((step, idx) => {
         const isActive = idx <= currentStep;
-        return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
           "div",
           {
             className: "relative flex flex-col items-center w-10",
             style: { zIndex: isActive ? 10 : 1 },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
                 "div",
                 {
                   className: cn(
@@ -2237,7 +2244,7 @@ var ProgressCirclesBase = ({
                   children: idx + 1
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
             ]
           },
           idx
@@ -2248,14 +2255,14 @@ var ProgressCirclesBase = ({
 };
 
 // src/components/ui/SeparatorBase.tsx
-var React20 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
 var import_framer_motion6 = require("framer-motion");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var SeparatorBase = React20.forwardRef(
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var SeparatorBase = React19.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -2263,7 +2270,7 @@ var SeparatorBase = React20.forwardRef(
         orientation,
         asChild: true,
         ...props,
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
           import_framer_motion6.motion.div,
           {
             className: cn(
@@ -2283,16 +2290,16 @@ var SeparatorBase = React20.forwardRef(
 SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/SheetBase.tsx
-var React21 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_phosphor_react13 = require("phosphor-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var SheetBase = SheetPrimitive.Root;
 var SheetTriggerBase = SheetPrimitive.Trigger;
 var SheetCloseBase = SheetPrimitive.Close;
 var SheetPortalBase = SheetPrimitive.Portal;
-var SheetOverlayBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SheetOverlayBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -2320,18 +2327,18 @@ var sheetVariants = (0, import_class_variance_authority2.cva)(
     }
   }
 );
-var SheetContentBase = React21.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(SheetPortalBase, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SheetOverlayBase, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var SheetContentBase = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(SheetPortalBase, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SheetOverlayBase, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_phosphor_react13.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_phosphor_react13.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -2342,7 +2349,7 @@ SheetContentBase.displayName = SheetPrimitive.Content.displayName;
 var SheetHeaderBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "div",
   {
     className: cn(
@@ -2356,7 +2363,7 @@ SheetHeaderBase.displayName = "SheetHeaderBase";
 var SheetFooterBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "div",
   {
     className: cn(
@@ -2367,7 +2374,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SheetTitleBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -2376,7 +2383,7 @@ var SheetTitleBase = React21.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
-var SheetDescriptionBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var SheetDescriptionBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -2387,17 +2394,17 @@ var SheetDescriptionBase = React21.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/SidebarBase.tsx
-var React23 = __toESM(require("react"));
-var import_react_slot4 = require("@radix-ui/react-slot");
+var React22 = __toESM(require("react"));
+var import_react_slot3 = require("@radix-ui/react-slot");
 var import_class_variance_authority3 = require("class-variance-authority");
 
 // src/components/ui/SkeletonBase.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function SkeletonBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       className: cn("animate-pulse  bg-primary/10", className),
@@ -2410,13 +2417,13 @@ function SkeletonBase({
 var import_phosphor_react14 = require("phosphor-react");
 
 // src/components/ui/TooltipBase.tsx
-var React22 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var TooltipProviderBase = TooltipPrimitive.Provider;
 var TooltipBase = TooltipPrimitive.Root;
 var TooltipTriggerBase = TooltipPrimitive.Trigger;
-var TooltipContentBase = React22.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var TooltipContentBase = React21.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2431,16 +2438,16 @@ var TooltipContentBase = React22.forwardRef(({ className, sideOffset = 4, ...pro
 TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/SidebarBase.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React23.createContext(null);
+var SidebarContext = React22.createContext(null);
 function UseSideBarBase() {
-  const context = React23.useContext(SidebarContext);
+  const context = React22.useContext(SidebarContext);
   if (!context) {
     throw new Error(
       "UseSideBarBase must be used within a SidebarProviderBase."
@@ -2448,7 +2455,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React23.forwardRef(
+var SidebarProviderBase = React22.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -2459,10 +2466,10 @@ var SidebarProviderBase = React23.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React23.useState(false);
-    const [_open, _setOpen] = React23.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React22.useState(false);
+    const [_open, _setOpen] = React22.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React23.useCallback(
+    const setOpen = React22.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -2474,10 +2481,10 @@ var SidebarProviderBase = React23.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React23.useCallback(() => {
+    const toggleSidebar = React22.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React23.useEffect(() => {
+    React22.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -2488,7 +2495,7 @@ var SidebarProviderBase = React23.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React23.useMemo(
+    const contextValue = React22.useMemo(
       () => ({
         state,
         open,
@@ -2500,7 +2507,7 @@ var SidebarProviderBase = React23.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         style: {
@@ -2520,7 +2527,7 @@ var SidebarProviderBase = React23.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React23.forwardRef(
+var SidebarBase = React22.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -2531,7 +2538,7 @@ var SidebarBase = React23.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
     if (collapsible === "none") {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
           className: cn(
@@ -2545,7 +2552,7 @@ var SidebarBase = React23.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         SheetContentBase,
         {
           "data-sidebar": "sidebar",
@@ -2555,11 +2562,11 @@ var SidebarBase = React23.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex h-full w-full flex-col", children })
         }
       ) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "div",
       {
         ref,
@@ -2569,7 +2576,7 @@ var SidebarBase = React23.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "div",
             {
               className: cn(
@@ -2580,7 +2587,7 @@ var SidebarBase = React23.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
             "div",
             {
               className: cn(
@@ -2591,7 +2598,7 @@ var SidebarBase = React23.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -2607,9 +2614,9 @@ var SidebarBase = React23.forwardRef(
   }
 );
 SidebarBase.displayName = "SidebarBase";
-var SidebarTriggerBase = React23.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTriggerBase = React22.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     ButtonBase,
     {
       ref,
@@ -2623,16 +2630,16 @@ var SidebarTriggerBase = React23.forwardRef(({ className, onClick, ...props }, r
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_phosphor_react14.SidebarSimple, {})
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_phosphor_react14.SidebarSimple, {})
       ]
     }
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React22.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "button",
     {
       ref,
@@ -2655,8 +2662,8 @@ var SidebarRailBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarInsetBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "main",
     {
       ref,
@@ -2670,8 +2677,8 @@ var SidebarInsetBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarInputBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     InputBase,
     {
       ref,
@@ -2685,8 +2692,8 @@ var SidebarInputBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarHeaderBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       ref,
@@ -2697,8 +2704,8 @@ var SidebarHeaderBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarFooterBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       ref,
@@ -2709,8 +2716,8 @@ var SidebarFooterBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarSeparatorBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     SeparatorBase,
     {
       ref,
@@ -2721,8 +2728,8 @@ var SidebarSeparatorBase = React23.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarContentBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       ref,
@@ -2736,8 +2743,8 @@ var SidebarContentBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarGroupBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       ref,
@@ -2748,9 +2755,9 @@ var SidebarGroupBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React23.forwardRef(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? import_react_slot4.Slot : "div";
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarGroupLabelBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot3.Slot : "div";
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Comp,
     {
       ref,
@@ -2765,9 +2772,9 @@ var SidebarGroupLabelBase = React23.forwardRef(({ className, asChild = false, ..
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React23.forwardRef(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarGroupActionBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot3.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Comp,
     {
       ref,
@@ -2784,7 +2791,7 @@ var SidebarGroupActionBase = React23.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarGroupContentBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     ref,
@@ -2794,7 +2801,7 @@ var SidebarGroupContentBase = React23.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarMenuBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "ul",
   {
     ref,
@@ -2804,7 +2811,7 @@ var SidebarMenuBase = React23.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarMenuItemBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "li",
   {
     ref,
@@ -2834,7 +2841,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var SidebarMenuButtonBase = React23.forwardRef(
+var SidebarMenuButtonBase = React22.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -2844,9 +2851,9 @@ var SidebarMenuButtonBase = React23.forwardRef(
     className,
     ...props
   }, ref) => {
-    const Comp = asChild ? import_react_slot4.Slot : "button";
+    const Comp = asChild ? import_react_slot3.Slot : "button";
     const { isMobile, state } = UseSideBarBase();
-    const button = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    const button = /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Comp,
       {
         ref,
@@ -2865,9 +2872,9 @@ var SidebarMenuButtonBase = React23.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TooltipBase, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(TooltipBase, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         TooltipContentBase,
         {
           side: "right",
@@ -2880,9 +2887,9 @@ var SidebarMenuButtonBase = React23.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React23.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
-  const Comp = asChild ? import_react_slot4.Slot : "button";
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarMenuActionBase = React22.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot3.Slot : "button";
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Comp,
     {
       ref,
@@ -2903,7 +2910,7 @@ var SidebarMenuActionBase = React23.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarMenuBadgeBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     ref,
@@ -2921,11 +2928,11 @@ var SidebarMenuBadgeBase = React23.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarMenuBadgeBase.displayName = "SidebarMenuBadgeBase";
-var SidebarMenuSkeletonBase = React23.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React23.useMemo(() => {
+var SidebarMenuSkeletonBase = React22.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React22.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       ref,
@@ -2933,14 +2940,14 @@ var SidebarMenuSkeletonBase = React23.forwardRef(({ className, showIcon = false,
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        showIcon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           SkeletonBase,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           SkeletonBase,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -2955,7 +2962,7 @@ var SidebarMenuSkeletonBase = React23.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarMenuSubBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "ul",
   {
     ref,
@@ -2969,11 +2976,11 @@ var SidebarMenuSubBase = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React22.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React23.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
-  const Comp = asChild ? import_react_slot4.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+var SidebarMenuSubButtonBase = React22.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+  const Comp = asChild ? import_react_slot3.Slot : "a";
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Comp,
     {
       ref,
@@ -2995,10 +3002,10 @@ var SidebarMenuSubButtonBase = React23.forwardRef(({ asChild = false, size = "md
 SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
 
 // src/components/ui/SliderBase.tsx
-var React24 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var SlideBase = React24.forwardRef(
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var SlideBase = React23.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -3008,7 +3015,7 @@ var SlideBase = React24.forwardRef(
     ...props
   }, ref) => {
     const isVertical = orientation === "vertical";
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
       "div",
       {
         className: cn(
@@ -3016,8 +3023,8 @@ var SlideBase = React24.forwardRef(
           isVertical ? "h-full " : "w-full"
         ),
         children: [
-          label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LabelBase_default, { className: "py-2", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+          label && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(LabelBase_default, { className: "py-2", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             "div",
             {
               className: cn(
@@ -3025,8 +3032,8 @@ var SlideBase = React24.forwardRef(
                 isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
               ),
               children: [
-                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+                leftIcon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center justify-center", children: leftIcon }),
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
                   SliderPrimitive.Root,
                   {
                     ref,
@@ -3038,14 +3045,14 @@ var SlideBase = React24.forwardRef(
                     ),
                     ...props,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                         SliderPrimitive.Track,
                         {
                           className: cn(
                             "relative overflow-hidden bg-primary/20 rounded-full",
                             isVertical ? "w-1.5 h-full" : "h-1.5 w-full"
                           ),
-                          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                             SliderPrimitive.Range,
                             {
                               className: cn(
@@ -3056,7 +3063,7 @@ var SlideBase = React24.forwardRef(
                           )
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                         SliderPrimitive.Thumb,
                         {
                           className: cn(
@@ -3069,7 +3076,7 @@ var SlideBase = React24.forwardRef(
                     ]
                   }
                 ),
-                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
+                rightIcon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center justify-center", children: rightIcon })
               ]
             }
           )
@@ -3083,10 +3090,10 @@ SlideBase.displayName = "SlideBase";
 // src/components/ui/SonnerBase.tsx
 var import_phosphor_react15 = require("phosphor-react");
 var import_sonner = require("sonner");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var iconBaseClass = "w-5 h-auto";
-var Toaster = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+var Toaster = ({ testId, ...props }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     import_sonner.Toaster,
     {
       className: "toaster group",
@@ -3101,7 +3108,6 @@ var Toaster = ({ ...props }) => {
             border-l-4
             border-neutral-200
             flex items-center gap-3
-
             data-[type=success]:border-l-green-500 data-[type=success]:bg-green-50 data-[type=success]:text-green-800 data-[type=success]:border-green-500
             data-[type=error]:border-l-red-500 data-[type=error]:bg-red-50 data-[type=error]:text-red-800 data-[type=error]:border-red-500
             data-[type=warning]:border-l-yellow-500 data-[type=warning]:bg-yellow-50 data-[type=warning]:text-yellow-800 data-[type=warning]:border-yellow-500
@@ -3127,40 +3133,40 @@ var Toaster = ({ ...props }) => {
           `
         }
       },
+      "data-testid": testId,
       ...props
     }
   );
 };
 var toast = {
   success: (message) => import_sonner.toast.success(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react15.CheckCircle, { className: `${iconBaseClass} text-green-600`, weight: "fill" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react15.CheckCircle, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    className: "sonner-success"
   }),
   error: (message) => import_sonner.toast.error(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react15.XCircle, { className: `${iconBaseClass} text-red-600`, weight: "fill" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react15.XCircle, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    className: "sonner-error"
   }),
   warning: (message) => import_sonner.toast.warning(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react15.Warning, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react15.Warning, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    className: "sonner-warning"
   }),
   info: (message) => import_sonner.toast.info(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_phosphor_react15.Info, { className: `${iconBaseClass} text-blue-600`, weight: "fill" })
+    icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react15.Info, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    className: "sonner-info"
   }),
   loading: (message) => (0, import_sonner.toast)(message, {
-    icon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-      import_phosphor_react15.Spinner,
-      {
-        className: `${iconBaseClass} animate-spin text-neutral-500`,
-        weight: "fill"
-      }
-    )
+    icon: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_phosphor_react15.Spinner, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    className: "sonner-loading"
   })
 };
 
 // src/components/ui/SwitchBase.tsx
-var React25 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var SwitchBase = React25.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var SwitchBase = React24.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     SwitchPrimitives.Root,
     {
       ...props,
@@ -3169,7 +3175,8 @@ var SwitchBase = React25.forwardRef(({ className, ...props }, ref) => {
         "peer relative inline-flex w-12 cursor-pointer items-center rounded-full border-2 border-transparent shadow-md transition-colors duration-300 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input data-[state=checked]:shadow-[0_0_15px_4px_var(--tw-shadow-color)] data-[state=checked]:shadow-primary/30",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+      "data-testid": dataTestId,
+      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -3187,9 +3194,9 @@ var SwitchBase = React25.forwardRef(({ className, ...props }, ref) => {
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/TableBase.tsx
-var React26 = __toESM(require("react"));
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var TableBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var React25 = __toESM(require("react"));
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var TableBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "table",
   {
     ref,
@@ -3198,9 +3205,9 @@ var TableBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TableBodyBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tbody",
   {
     ref,
@@ -3209,7 +3216,7 @@ var TableBodyBase = React26.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TableFooterBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tfoot",
   {
     ref,
@@ -3221,7 +3228,7 @@ var TableFooterBase = React26.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TableRowBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tr",
   {
     ref,
@@ -3233,7 +3240,7 @@ var TableRowBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TableHeadBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "th",
   {
     ref,
@@ -3245,7 +3252,7 @@ var TableHeadBase = React26.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TableCellBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "td",
   {
     ref,
@@ -3257,7 +3264,7 @@ var TableCellBase = React26.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var TableCaptionBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "caption",
   {
     ref,
@@ -3268,11 +3275,11 @@ var TableCaptionBase = React26.forwardRef(({ className, ...props }, ref) => /* @
 TableCaptionBase.displayName = "TableCaptionBase";
 
 // src/components/ui/TabsBase.tsx
-var React27 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var TabsBase = TabsPrimitive.Root;
-var TabsListBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TabsListBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -3284,7 +3291,7 @@ var TabsListBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsListBase.displayName = TabsPrimitive.List.displayName;
-var TabsTriggerBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TabsTriggerBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3302,7 +3309,7 @@ var TabsTriggerBase = React27.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-var TabsContentBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var TabsContentBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -3317,10 +3324,10 @@ var TabsContentBase = React27.forwardRef(({ className, ...props }, ref) => /* @_
 TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/TextAreaBase.tsx
-var React28 = __toESM(require("react"));
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var TextAreaBase = React28.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+var React27 = __toESM(require("react"));
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var TextAreaBase = React27.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "textarea",
     {
       className: cn(
@@ -3454,165 +3461,3 @@ function buildFilterSummary(filter, availableFilters) {
   }
   return `${foundFilter.filterName} ${foundCondition.conditionName} '${value}'`;
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AlertDialogActionBase,
-  AlertDialogBase,
-  AlertDialogCancelBase,
-  AlertDialogContentBase,
-  AlertDialogDescriptionBase,
-  AlertDialogFooterBase,
-  AlertDialogHeaderBase,
-  AlertDialogOverlayBase,
-  AlertDialogPortalBase,
-  AlertDialogTitleBase,
-  AlertDialogTriggerBase,
-  AvatarBase,
-  AvatarFallbackBase,
-  AvatarImageBase,
-  ButtonBase,
-  ButtonGroupBase,
-  CalendarBase,
-  CardBase,
-  CardContentBase,
-  CardDescriptionBase,
-  CardFooterBase,
-  CardHeaderBase,
-  CardTitleBase,
-  CheckboxBase,
-  Combobox,
-  CommandBase,
-  CommandDialogBase,
-  CommandEmptyBase,
-  CommandGroupBase,
-  CommandInputBase,
-  CommandItemBase,
-  CommandListBase,
-  CommandSeparatorBase,
-  CommandShortcutBase,
-  DateTimePicker,
-  DialogBase,
-  DialogCloseBase,
-  DialogContentBase,
-  DialogDescriptionBase,
-  DialogFooterBase,
-  DialogHeaderBase,
-  DialogOverlayBase,
-  DialogPortalBase,
-  DialogTitleBase,
-  DialogTriggerBase,
-  DropDownMenuBase,
-  DropDownMenuCheckboxItemBase,
-  DropDownMenuContentBase,
-  DropDownMenuGroupBase,
-  DropDownMenuItemBase,
-  DropDownMenuLabelBase,
-  DropDownMenuPortalBase,
-  DropDownMenuRadioGroupBase,
-  DropDownMenuRadioItemBase,
-  DropDownMenuSeparatorBase,
-  DropDownMenuShortcutBase,
-  DropDownMenuSubBase,
-  DropDownMenuSubContentBase,
-  DropDownMenuSubTriggerBase,
-  DropDownMenuTriggerBase,
-  FormBase,
-  FormControlBase,
-  FormDescriptionBase,
-  FormFieldBase,
-  FormItemBase,
-  FormLabelBase,
-  FormMessageBase,
-  InputBase,
-  LabelBase,
-  ModeToggleBase,
-  MultiCombobox,
-  PopoverAnchorBase,
-  PopoverBase,
-  PopoverContentBase,
-  PopoverTriggerBase,
-  ProgressBase,
-  ProgressCirclesBase,
-  ProgressPanelsBase,
-  ProgressSegmentsBase,
-  ScrollAreaBase,
-  ScrollBarBase,
-  Select,
-  SelectBase,
-  SelectContentBase,
-  SelectGroupBase,
-  SelectItemBase,
-  SelectLabelBase,
-  SelectScrollDownButtonBase,
-  SelectScrollUpButtonBase,
-  SelectSeparatorBase,
-  SelectTriggerBase,
-  SelectValueBase,
-  SeparatorBase,
-  SheetBase,
-  SheetCloseBase,
-  SheetContentBase,
-  SheetDescriptionBase,
-  SheetFooterBase,
-  SheetHeaderBase,
-  SheetOverlayBase,
-  SheetPortalBase,
-  SheetTitleBase,
-  SheetTriggerBase,
-  SidebarBase,
-  SidebarContentBase,
-  SidebarFooterBase,
-  SidebarGroupActionBase,
-  SidebarGroupBase,
-  SidebarGroupContentBase,
-  SidebarGroupLabelBase,
-  SidebarHeaderBase,
-  SidebarInputBase,
-  SidebarInsetBase,
-  SidebarMenuActionBase,
-  SidebarMenuBadgeBase,
-  SidebarMenuBase,
-  SidebarMenuButtonBase,
-  SidebarMenuItemBase,
-  SidebarMenuSkeletonBase,
-  SidebarMenuSubBase,
-  SidebarMenuSubButtonBase,
-  SidebarMenuSubItemBase,
-  SidebarProviderBase,
-  SidebarRailBase,
-  SidebarSeparatorBase,
-  SidebarTriggerBase,
-  SkeletonBase,
-  SlideBase,
-  SwitchBase,
-  TableBase,
-  TableBodyBase,
-  TableCaptionBase,
-  TableCellBase,
-  TableFooterBase,
-  TableHeadBase,
-  TableHeaderBase,
-  TableRowBase,
-  TabsBase,
-  TabsContentBase,
-  TabsListBase,
-  TabsTriggerBase,
-  TextAreaBase,
-  ThemeProviderBase,
-  TimePicker,
-  TimePickerInput,
-  Toaster,
-  TooltipBase,
-  TooltipContentBase,
-  TooltipProviderBase,
-  TooltipTriggerBase,
-  UseSideBarBase,
-  applyfilter,
-  buildFilterSummary,
-  buttonVariantsBase,
-  defaultStringConditions,
-  toast,
-  useFormFieldBase,
-  useIsMobile,
-  useTheme
-});