@mlw-packages/react-components 1.3.18 → 1.4.2

package/dist/index.mjs

@@ -1,3 +1,4 @@
+"use client";
 import './index.css';
 
 // src/components/ui/AlertDialogBase.tsx
@@ -50,13 +51,14 @@ var buttonVariantsBase = 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 ? Slot : "button";
     return /* @__PURE__ */ jsx(
       Comp,
       {
         className: cn(buttonVariantsBase({ variant, size, className })),
         ref,
+        "data-testid": testid ?? `button-${variant ?? "default"}`,
         ...props
       }
     );
@@ -101,19 +103,20 @@ import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var AlertDialogBase = AlertDialogPrimitive.Root;
 var AlertDialogTriggerBase = AlertDialogPrimitive.Trigger;
 var AlertDialogPortalBase = AlertDialogPrimitive.Portal;
-var AlertDialogOverlayBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var AlertDialogOverlayBase = React2.forwardRef(({ className, testid = "alertdialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx2(
   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__ */ jsxs(AlertDialogPortalBase, { children: [
+var AlertDialogContentBase = React2.forwardRef(({ className, testid = "alertdialog-content", ...props }, ref) => /* @__PURE__ */ jsxs(AlertDialogPortalBase, { children: [
   /* @__PURE__ */ jsx2(AlertDialogOverlayBase, {}),
   /* @__PURE__ */ jsx2(
     AlertDialogPrimitive.Content,
@@ -123,6 +126,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
     }
   )
@@ -156,34 +160,37 @@ var AlertDialogFooterBase = ({
   }
 );
 AlertDialogFooterBase.displayName = "AlertDialogFooterBase";
-var AlertDialogTitleBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var AlertDialogTitleBase = React2.forwardRef(({ className, testid = "alertdialog-title", ...props }, ref) => /* @__PURE__ */ jsx2(
   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__ */ jsx2(
+var AlertDialogDescriptionBase = React2.forwardRef(({ className, testid = "alertdialog-description", ...props }, ref) => /* @__PURE__ */ jsx2(
   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__ */ jsx2(
+var AlertDialogActionBase = React2.forwardRef(({ className, testid = "alertdialog-action", ...props }, ref) => /* @__PURE__ */ jsx2(
   AlertDialogPrimitive.Action,
   {
     ref,
     className: cn(buttonVariantsBase(), className),
+    "data-testid": testid,
     ...props
   }
 ));
 AlertDialogActionBase.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancelBase = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
+var AlertDialogCancelBase = React2.forwardRef(({ className, testid = "alertdialog-cancel", ...props }, ref) => /* @__PURE__ */ jsx2(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -192,6 +199,7 @@ var AlertDialogCancelBase = React2.forwardRef(({ className, ...props }, ref) =>
       "mt-2 sm:mt-0",
       className
     ),
+    "data-testid": testid,
     ...props
   }
 ));
@@ -251,7 +259,7 @@ import { jsx as jsx4 } from "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__ */ jsx4(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
+var PopoverContentBase = React4.forwardRef(({ className, align = "center", sideOffset = 4, testid: dataTestId = "popover-content", ...props }, ref) => /* @__PURE__ */ jsx4(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx4(
   PopoverPrimitive.Content,
   {
     ref,
@@ -261,6 +269,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
   }
 ) }));
@@ -390,19 +399,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__ */ jsx6(
+var DialogOverlayBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-overlay", ...props }, ref) => /* @__PURE__ */ jsx6(
   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__ */ jsxs3(DialogPortalBase, { children: [
+var DialogContentBase = React6.forwardRef(({ className, children, testid: dataTestId = "dialog-content", ...props }, ref) => /* @__PURE__ */ jsxs3(DialogPortalBase, { children: [
   /* @__PURE__ */ jsx6(DialogOverlayBase, {}),
   /* @__PURE__ */ jsxs3(
     DialogPrimitive.Content,
@@ -412,6 +422,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,
@@ -424,51 +435,42 @@ var DialogContentBase = React6.forwardRef(({ className, children, ...props }, re
   )
 ] }));
 DialogContentBase.displayName = DialogPrimitive.Content.displayName;
-var DialogHeaderBase = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx6(
+var DialogHeaderBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-header", ...props }, ref) => /* @__PURE__ */ jsx6(
   "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__ */ jsx6(
+var DialogFooterBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-footer", ...props }, ref) => /* @__PURE__ */ jsx6(
   "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__ */ jsx6(
+var DialogTitleBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-title", ...props }, ref) => /* @__PURE__ */ jsx6(
   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__ */ jsx6(
+var DialogDescriptionBase = React6.forwardRef(({ className, testid: dataTestId = "dialog-description", ...props }, ref) => /* @__PURE__ */ jsx6(
   DialogPrimitive.Description,
   {
     ref,
     className: cn("text-sm text-muted-foreground", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
@@ -480,7 +482,7 @@ import { Label as RadixLabel } from "@radix-ui/react-label";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var LabelBase = React7.forwardRef(
-  ({ className, asChild = false, ...props }, ref) => {
+  ({ className, asChild = false, testid = "label-base", ...props }, ref) => {
     const Comp = asChild ? Slot2 : "label";
     return /* @__PURE__ */ jsx7(RadixLabel, { children: /* @__PURE__ */ jsx7(
       Comp,
@@ -490,6 +492,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
       }
     ) });
@@ -513,6 +516,7 @@ var InputBase = React8.forwardRef(
     labelClassname,
     leftIcon,
     rightIcon,
+    "data-testid": dataTestId,
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxs4("div", { className: "flex flex-col w-full min-w-[150px]", children: [
@@ -535,6 +539,7 @@ var InputBase = React8.forwardRef(
                   className
                 ),
                 ref,
+                "data-testid": dataTestId ?? "input-base",
                 ...props
               }
             ),
@@ -973,13 +978,14 @@ var DropDownMenuSubContentBase = React12.forwardRef(({ className, ...props }, re
     ...props
   }
 ));
-var DropDownMenuContentBase = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+var DropDownMenuContentBase = React12.forwardRef(({ className, sideOffset = 4, testid: dataTestId = "dropdown-content", ...props }, ref) => /* @__PURE__ */ jsx12(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
   DropdownMenuPrimitive.Content,
   {
     sideOffset,
     forceMount: true,
     ref,
     className: cn("z-[9999] p-0", className),
+    "data-testid": dataTestId,
     ...props,
     children: /* @__PURE__ */ jsx12(AnimatePresence, { children: /* @__PURE__ */ jsx12(
       motion2.div,
@@ -1195,7 +1201,7 @@ import { Command as CommandPrimitive } from "cmdk";
 import { MagnifyingGlass } from "phosphor-react";
 import { motion as motion3, AnimatePresence as AnimatePresence2 } from "framer-motion";
 import { jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
-var CommandBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var CommandBase = React13.forwardRef(({ className, testid: dataTestId = "command-base", ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive,
   {
     ref,
@@ -1203,6 +1209,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
   }
 ));
@@ -1227,7 +1234,7 @@ var CommandDialogBase = ({ children, open, ...props }) => {
     "command-dialog"
   ) }) }) });
 };
-var CommandInputBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs9("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__ */ jsxs9("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx15(MagnifyingGlass, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ jsx15(
     CommandPrimitive.Input,
@@ -1237,23 +1244,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 = CommandPrimitive.Input.displayName;
-var CommandListBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var CommandListBase = React13.forwardRef(({ className, testid: dataTestId = "command-list", ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive.List,
   {
     ref,
     className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
 CommandListBase.displayName = CommandPrimitive.List.displayName;
-var CommandEmptyBase = React13.forwardRef((props, ref) => /* @__PURE__ */ jsx15(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", ...props }));
+var CommandEmptyBase = React13.forwardRef(({ testid: dataTestId = "command-empty", ...props }, ref) => /* @__PURE__ */ jsx15(CommandPrimitive.Empty, { ref, className: "py-6 text-center text-sm", "data-testid": dataTestId, ...props }));
 CommandEmptyBase.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroupBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var CommandGroupBase = React13.forwardRef(({ className, testid: dataTestId = "command-group", ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive.Group,
   {
     ref,
@@ -1261,13 +1270,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 = CommandPrimitive.Group.displayName;
-var CommandSeparatorBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), ...props }));
+var CommandSeparatorBase = React13.forwardRef(({ className, testid: dataTestId = "command-separator", ...props }, ref) => /* @__PURE__ */ jsx15(CommandPrimitive.Separator, { ref, className: cn("-mx-1 h-px bg-border", className), "data-testid": dataTestId, ...props }));
 CommandSeparatorBase.displayName = CommandPrimitive.Separator.displayName;
-var CommandItemBase = React13.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var CommandItemBase = React13.forwardRef(({ className, testid: dataTestId = "command-item", ...props }, ref) => /* @__PURE__ */ jsx15(
   CommandPrimitive.Item,
   {
     ref,
@@ -1275,6 +1285,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
   }
 ));
@@ -1294,70 +1305,99 @@ function ComboboxBase({
   handleSelection,
   checkIsSelected,
   searchPlaceholder,
-  errorMessage
+  errorMessage,
+  testIds = {}
 }) {
   const [open, setOpen] = useState5(false);
-  return /* @__PURE__ */ jsx16("div", { className: "col-span-1 w-full", children: /* @__PURE__ */ jsxs10(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
-    /* @__PURE__ */ jsx16(
-      PopoverTriggerBase,
-      {
-        asChild: true,
-        className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
-        children: /* @__PURE__ */ jsxs10(
-          ButtonBase,
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      className: "col-span-1 w-full",
+      "data-testid": testIds.root ?? "combobox-base-root",
+      children: /* @__PURE__ */ jsxs10(PopoverBase, { open, onOpenChange: setOpen, modal: true, children: [
+        /* @__PURE__ */ jsx16(
+          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__ */ jsx16(CaretDown, { size: 16, className: "mt-0.5" })
-            ]
+            asChild: true,
+            className: "flex w-full justify-between dark:bg-[hsl(231,15%,19%)]",
+            children: /* @__PURE__ */ jsxs10(
+              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__ */ jsx16(CaretDown, { size: 16, className: "mt-0.5" })
+                ]
+              }
+            )
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx16(PopoverContentBase, { className: "max-h-[--radix-popover-content-available-height] w-[--radix-popover-trigger-width] p-0 border-none", children: /* @__PURE__ */ jsxs10(CommandBase, { className: "dark:text-white", children: [
-      /* @__PURE__ */ jsx16(
-        CommandInputBase,
-        {
-          tabIndex: -1,
-          placeholder: searchPlaceholder ?? "Busque uma op\xE7\xE3o..."
-        }
-      ),
-      /* @__PURE__ */ jsxs10(CommandListBase, { children: [
-        /* @__PURE__ */ jsx16(CommandEmptyBase, { children: "Nenhum dado encontrado" }),
-        /* @__PURE__ */ jsx16(CommandGroupBase, { children: items.map((item) => /* @__PURE__ */ jsxs10(
-          CommandItemBase,
+        ),
+        /* @__PURE__ */ jsx16(
+          PopoverContentBase,
           {
-            keywords: [item.label],
-            value: item.value,
-            onSelect: (value) => {
-              handleSelection(value);
-              setOpen(false);
-            },
-            children: [
-              item.label,
-              /* @__PURE__ */ jsx16(
-                Check3,
-                {
-                  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__ */ jsxs10(
+              CommandBase,
+              {
+                className: "dark:text-white",
+                "data-testid": testIds.command ?? "combobox-command",
+                children: [
+                  /* @__PURE__ */ jsx16(
+                    CommandInputBase,
+                    {
+                      tabIndex: -1,
+                      placeholder: searchPlaceholder ?? "Busque uma op\xE7\xE3o...",
+                      "data-testid": testIds.search ?? "combobox-search"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs10(CommandListBase, { "data-testid": testIds.list ?? "combobox-list", children: [
+                    /* @__PURE__ */ jsx16(CommandEmptyBase, { "data-testid": testIds.empty ?? "combobox-empty", children: "Nenhum dado encontrado" }),
+                    /* @__PURE__ */ jsx16(CommandGroupBase, { "data-testid": testIds.group ?? "combobox-group", children: items.map((item) => {
+                      const isSelected = checkIsSelected(item.value);
+                      return /* @__PURE__ */ jsxs10(
+                        CommandItemBase,
+                        {
+                          keywords: [item.label],
+                          value: item.value,
+                          onSelect: (value) => {
+                            handleSelection(value);
+                            setOpen(false);
+                          },
+                          "data-testid": testIds.option ?? "combobox-option",
+                          children: [
+                            item.label,
+                            /* @__PURE__ */ jsx16(
+                              Check3,
+                              {
+                                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
@@ -1370,12 +1410,20 @@ function Combobox({
   placeholder,
   searchPlaceholder,
   label,
-  labelClassname
+  labelClassname,
+  testIds
 }) {
   const selectedItem = items.find((item) => item.value === selected);
   const renderSelected = useMemo(() => {
-    return /* @__PURE__ */ jsx17("span", { className: cn("truncate", !selectedItem && "text-gray-500"), children: selectedItem?.label ?? placeholder ?? "Selecione uma op\xE7\xE3o..." });
-  }, [placeholder, selectedItem]);
+    return /* @__PURE__ */ jsx17(
+      "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 = useCallback(
     (value) => selected == null ? false : selected == value,
     [selected]
@@ -1395,7 +1443,8 @@ function Combobox({
         renderSelected,
         handleSelection,
         checkIsSelected,
-        searchPlaceholder
+        searchPlaceholder,
+        testIds
       }
     )
   ] });
@@ -1413,7 +1462,8 @@ function MultiCombobox({
   placeholder,
   searchPlaceholder,
   label,
-  labelClassname
+  labelClassname,
+  testIds = {}
 }) {
   const selectedItems = items.filter((item) => selected.includes(item.value));
   const checkIsSelected = useCallback2(
@@ -1433,46 +1483,74 @@ function MultiCombobox({
   );
   const renderSelected = useMemo2(() => {
     if (selectedItems.length === 0) {
-      return /* @__PURE__ */ jsx18("span", { className: "text-gray-500", children: placeholder ?? "Selecione uma op\xE7\xE3o..." });
+      return /* @__PURE__ */ jsx18(
+        "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__ */ jsxs12(
+    return /* @__PURE__ */ jsx18(
       "div",
       {
-        className: "flex items-center gap-1 rounded-md border p-1",
-        children: [
-          /* @__PURE__ */ jsx18("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
-          /* @__PURE__ */ jsx18(
-            "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__ */ jsx18(X3, { size: 14 })
-            }
-          )
-        ]
-      },
-      item.value
-    ));
-    return /* @__PURE__ */ jsx18("div", { className: "flex w-full flex-wrap gap-2", children: items2 });
-  }, [handleSelection, placeholder, selectedItems]);
-  return /* @__PURE__ */ jsxs12("div", { className: cn("flex flex-col gap-1 w-full min-w-[150px]", className), children: [
-    label && /* @__PURE__ */ jsx18(LabelBase_default, { className: labelClassname, children: label }),
-    /* @__PURE__ */ jsx18(
-      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__ */ jsxs12(
+          "div",
+          {
+            className: "flex items-center gap-1 rounded-md border p-1",
+            "data-testid": testIds.selectedItem?.(item.value) ?? `combobox-selected-${item.value}`,
+            children: [
+              /* @__PURE__ */ jsx18("span", { className: "whitespace-break-spaces text-xs", children: item.label }),
+              /* @__PURE__ */ jsx18(
+                "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__ */ jsx18(X3, { size: 14 })
+                }
+              )
+            ]
+          },
+          item.value
+        ))
       }
-    )
-  ] });
+    );
+  }, [handleSelection, placeholder, selectedItems, testIds]);
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      className: cn("flex flex-col gap-1 w-full min-w-[150px]", className),
+      "data-testid": testIds.root ?? "multi-combobox-root",
+      children: [
+        label && /* @__PURE__ */ jsx18(
+          LabelBase_default,
+          {
+            className: labelClassname,
+            "data-testid": testIds.label ?? "multi-combobox-label",
+            children: label
+          }
+        ),
+        /* @__PURE__ */ jsx18(
+          ComboboxBase,
+          {
+            items,
+            renderSelected,
+            handleSelection,
+            checkIsSelected,
+            searchPlaceholder
+          }
+        )
+      ]
+    }
+  );
 }
 
 // src/components/ui/SelectBase.tsx
@@ -1534,7 +1612,7 @@ var SelectScrollDownButtonBase = React14.forwardRef(({ className, ...props }, re
   }
 ));
 SelectScrollDownButtonBase.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContentBase = React14.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx19(AnimatePresence3, { children: /* @__PURE__ */ jsx19(
+var SelectContentBase = React14.forwardRef(({ className, children, position = "popper", testid: dataTestId = "select-content", ...props }, ref) => /* @__PURE__ */ jsx19(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx19(AnimatePresence3, { children: /* @__PURE__ */ jsx19(
   SelectPrimitive.Content,
   {
     ref,
@@ -1543,6 +1621,7 @@ var SelectContentBase = React14.forwardRef(({ className, children, position = "p
       className
     ),
     position,
+    "data-testid": dataTestId,
     ...props,
     asChild: true,
     children: /* @__PURE__ */ jsx19(
@@ -1648,10 +1727,11 @@ function Select({
   groupItems,
   placeholder,
   onChange,
-  errorMessage
+  errorMessage,
+  testIds = {}
 }) {
-  return /* @__PURE__ */ jsxs15("div", { children: [
-    /* @__PURE__ */ jsxs15(SelectBase, { onValueChange: onChange, children: [
+  return /* @__PURE__ */ jsxs15("div", { "data-testid": testIds.root ?? "select-root", children: [
+    /* @__PURE__ */ jsxs15(SelectBase, { onValueChange: onChange, "data-testid": testIds.base ?? "select-base", children: [
       /* @__PURE__ */ jsx21(
         SelectTriggerBase,
         {
@@ -1659,15 +1739,45 @@ function Select({
             "flex h-12 w-full content-start text-lg shadow-md",
             errorMessage && "border-red-500"
           ),
-          children: /* @__PURE__ */ jsx21(SelectValueBase, { placeholder })
+          "data-testid": testIds.trigger ?? "select-trigger",
+          children: /* @__PURE__ */ jsx21(
+            SelectValueBase,
+            {
+              placeholder,
+              "data-testid": testIds.value ?? "select-value"
+            }
+          )
         }
       ),
-      /* @__PURE__ */ jsx21(ScrollAreaBase, { children: /* @__PURE__ */ jsx21(SelectContentBase, { children: groupItems ? /* @__PURE__ */ jsx21(Fragment4, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs15(SelectGroupBase, { children: [
-        /* @__PURE__ */ jsx21(SelectLabelBase, { children: key }),
-        groupItems[key].map((item) => /* @__PURE__ */ jsx21(SelectItemBase, { value: item.value, children: item.label }, item.value))
-      ] }, key)) }) : /* @__PURE__ */ jsx21(SelectGroupBase, { children: items.map((item) => /* @__PURE__ */ jsx21(SelectItemBase, { value: item.value, children: item.label }, item.value)) }) }) })
+      /* @__PURE__ */ jsx21(ScrollAreaBase, { "data-testid": testIds.scrollarea ?? "select-scrollarea", children: /* @__PURE__ */ jsx21(SelectContentBase, { "data-testid": testIds.content ?? "select-content", children: groupItems ? /* @__PURE__ */ jsx21(Fragment4, { children: Object.keys(groupItems).map((key) => /* @__PURE__ */ jsxs15(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: [
+        /* @__PURE__ */ jsx21(SelectLabelBase, { "data-testid": testIds.label ?? "select-label", children: key }),
+        groupItems[key].map((item) => /* @__PURE__ */ jsx21(
+          SelectItemBase,
+          {
+            value: item.value,
+            "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+            children: item.label
+          },
+          item.value
+        ))
+      ] }, key)) }) : /* @__PURE__ */ jsx21(SelectGroupBase, { "data-testid": testIds.group ?? "select-group", children: items.map((item) => /* @__PURE__ */ jsx21(
+        SelectItemBase,
+        {
+          value: item.value,
+          "data-testid": testIds.item?.(item.value) ?? `select-item-${item.value}`,
+          children: item.label
+        },
+        item.value
+      )) }) }) })
     ] }),
-    errorMessage && /* @__PURE__ */ jsx21("p", { className: "text-sm text-red-500", children: errorMessage })
+    errorMessage && /* @__PURE__ */ jsx21(
+      "p",
+      {
+        className: "text-sm text-red-500",
+        "data-testid": testIds.error ?? "select-error",
+        children: errorMessage
+      }
+    )
   ] });
 }
 
@@ -1729,7 +1839,7 @@ CalendarBase2.displayName = "Calendar";
 // src/components/ui/CardBase.tsx
 import * as React16 from "react";
 import { jsx as jsx23 } from "react/jsx-runtime";
-var CardBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardBase = React16.forwardRef(({ className, testid: dataTestId = "card-base", ...props }, ref) => /* @__PURE__ */ jsx23(
   "div",
   {
     ref,
@@ -1737,44 +1847,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__ */ jsx23(
+var CardHeaderBase = React16.forwardRef(({ className, testid: dataTestId = "card-header", ...props }, ref) => /* @__PURE__ */ jsx23(
   "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__ */ jsx23(
+var CardTitleBase = React16.forwardRef(({ className, testid: dataTestId = "card-title", ...props }, ref) => /* @__PURE__ */ jsx23(
   "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__ */ jsx23(
+var CardDescriptionBase = React16.forwardRef(({ className, testid: dataTestId = "card-description", ...props }, ref) => /* @__PURE__ */ jsx23(
   "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__ */ jsx23("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContentBase = React16.forwardRef(({ className, testid: dataTestId = "card-content", ...props }, ref) => /* @__PURE__ */ jsx23("div", { ref, className: cn("p-6 pt-0", className), "data-testid": dataTestId, ...props }));
 CardContentBase.displayName = "CardContent";
-var CardFooterBase = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CardFooterBase = React16.forwardRef(({ className, testid: dataTestId = "card-footer", ...props }, ref) => /* @__PURE__ */ jsx23(
   "div",
   {
     ref,
     className: cn("flex items-center p-6 pt-0", className),
+    "data-testid": dataTestId,
     ...props
   }
 ));
@@ -1786,7 +1901,7 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check as Check5 } from "phosphor-react";
 import { motion as motion5 } from "framer-motion";
 import { jsx as jsx24 } from "react/jsx-runtime";
-var CheckboxBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var CheckboxBase = React17.forwardRef(({ className, testid: dataTestId = "checkbox-base", ...props }, ref) => /* @__PURE__ */ jsx24(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1794,6 +1909,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__ */ jsx24(CheckboxPrimitive.Indicator, { asChild: true, children: /* @__PURE__ */ jsx24(
       motion5.div,
@@ -1810,121 +1926,16 @@ var CheckboxBase = React17.forwardRef(({ className, ...props }, ref) => /* @__PU
 ));
 CheckboxBase.displayName = CheckboxPrimitive.Root.displayName;
 
-// src/components/ui/FormBase.tsx
-import * as React18 from "react";
-import { Slot as Slot3 } from "@radix-ui/react-slot";
-import {
-  Controller,
-  FormProvider,
-  useFormContext
-} from "react-hook-form";
-import { jsx as jsx25 } from "react/jsx-runtime";
-var FormBase = FormProvider;
-var FormFieldBaseContext = React18.createContext(
-  {}
-);
-var FormFieldBase = ({
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx25(FormFieldBaseContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx25(Controller, { ...props }) });
-};
-var useFormFieldBase = () => {
-  const fieldContext = React18.useContext(FormFieldBaseContext);
-  const itemContext = React18.useContext(FormItemBaseContext);
-  const { getFieldState, formState } = 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__ */ jsx25(FormItemBaseContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx25("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__ */ jsx25(
-      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__ */ jsx25(
-    Slot3,
-    {
-      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__ */ jsx25(
-    "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__ */ jsx25(
-    "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
-import * as React19 from "react";
+import * as React18 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
-var ProgressBase = React19.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
+import { jsx as jsx25, jsxs as jsxs16 } from "react/jsx-runtime";
+var ProgressBase = React18.forwardRef(({ className, value, label, leftIcon, rightIcon, ...props }, ref) => {
   return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
+    label && /* @__PURE__ */ jsx25(LabelBase_default, { className: "py-2", children: label }),
     /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2", children: [
-      leftIcon && /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-center", children: leftIcon }),
-      /* @__PURE__ */ jsx26(
+      leftIcon && /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-center", children: leftIcon }),
+      /* @__PURE__ */ jsx25(
         ProgressPrimitive.Root,
         {
           ref,
@@ -1934,7 +1945,7 @@ var ProgressBase = React19.forwardRef(({ className, value, label, leftIcon, righ
           ),
           value,
           ...props,
-          children: /* @__PURE__ */ jsx26(
+          children: /* @__PURE__ */ jsx25(
             ProgressPrimitive.Indicator,
             {
               className: "h-full w-full flex-1 bg-primary transition-all duration-500 ease-in-out",
@@ -1943,7 +1954,7 @@ var ProgressBase = React19.forwardRef(({ className, value, label, leftIcon, righ
           )
         }
       ),
-      rightIcon && /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-center", children: rightIcon })
+      rightIcon && /* @__PURE__ */ jsx25("div", { className: "flex items-center justify-center", children: rightIcon })
     ] })
   ] });
 });
@@ -1955,8 +1966,8 @@ var ProgressSegmentsBase = ({
 }) => {
   const filled = Math.round(value / 100 * segments);
   return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full min-w-[150px]", children: [
-    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ jsx26("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ jsx26(
+    label && /* @__PURE__ */ jsx25(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ jsx25("div", { className: "flex gap-1 w-full", children: Array.from({ length: segments }).map((_, idx) => /* @__PURE__ */ jsx25(
       "div",
       {
         className: cn(
@@ -1968,7 +1979,7 @@ var ProgressSegmentsBase = ({
     )) })
   ] });
 };
-var ArrowRightIcon = () => /* @__PURE__ */ jsx26(
+var ArrowRightIcon = () => /* @__PURE__ */ jsx25(
   "svg",
   {
     className: "w-6 h-6 text-zinc-400 transition-transform duration-300 group-hover:translate-x-1",
@@ -1977,7 +1988,7 @@ var ArrowRightIcon = () => /* @__PURE__ */ jsx26(
     strokeWidth: 2,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsx26("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
+    children: /* @__PURE__ */ jsx25("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })
   }
 );
 var ProgressPanelsBase = ({
@@ -1986,11 +1997,11 @@ var ProgressPanelsBase = ({
   currentStep
 }) => {
   return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-1 w-full", children: [
-    label && /* @__PURE__ */ jsx26(LabelBase_default, { className: "py-2", children: label }),
-    /* @__PURE__ */ jsx26("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
+    label && /* @__PURE__ */ jsx25(LabelBase_default, { className: "py-2", children: label }),
+    /* @__PURE__ */ jsx25("div", { className: "flex w-full gap-1 rounded-lg overflow-hidden", children: steps.map((step, idx) => {
       const isActive = idx === currentStep;
       const isLast = idx === steps.length - 1;
-      return /* @__PURE__ */ jsxs16(React19.Fragment, { children: [
+      return /* @__PURE__ */ jsxs16(React18.Fragment, { children: [
         /* @__PURE__ */ jsxs16(
           "div",
           {
@@ -2002,12 +2013,12 @@ var ProgressPanelsBase = ({
             ),
             style: { flex: "1 1 0" },
             children: [
-              /* @__PURE__ */ jsx26("span", { className: "truncate", children: step }),
-              isActive && /* @__PURE__ */ jsx26("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
+              /* @__PURE__ */ jsx25("span", { className: "truncate", children: step }),
+              isActive && /* @__PURE__ */ jsx25("div", { className: "absolute bottom-0 left-0 h-1 w-full animate-pulse rounded-b-lg" })
             ]
           }
         ),
-        !isLast && /* @__PURE__ */ jsx26("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ jsx26(ArrowRightIcon, {}) })
+        !isLast && /* @__PURE__ */ jsx25("div", { className: "flex items-center px-2 group", children: /* @__PURE__ */ jsx25(ArrowRightIcon, {}) })
       ] }, idx);
     }) })
   ] });
@@ -2018,10 +2029,10 @@ var ProgressCirclesBase = ({
   currentStep
 }) => {
   return /* @__PURE__ */ jsxs16("div", { className: "flex flex-col gap-2 w-full", children: [
-    label && /* @__PURE__ */ jsx26("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
+    label && /* @__PURE__ */ jsx25("label", { className: "py-2 text-base font-semibold text-gray-700 dark:text-gray-300", children: label }),
     /* @__PURE__ */ jsxs16("div", { className: "relative flex items-center justify-between w-full", children: [
-      /* @__PURE__ */ jsx26("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
-      /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx25("div", { className: "absolute top-5 left-0 w-full h-1 bg-zinc-200 dark:bg-zinc-700" }),
+      /* @__PURE__ */ jsx25(
         "div",
         {
           className: "absolute top-5 left-0 h-1 bg-primary transition-all duration-300",
@@ -2038,7 +2049,7 @@ var ProgressCirclesBase = ({
             className: "relative flex flex-col items-center w-10",
             style: { zIndex: isActive ? 10 : 1 },
             children: [
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx25(
                 "div",
                 {
                   className: cn(
@@ -2048,7 +2059,7 @@ var ProgressCirclesBase = ({
                   children: idx + 1
                 }
               ),
-              /* @__PURE__ */ jsx26("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
+              /* @__PURE__ */ jsx25("span", { className: "text-xs text-center font-medium mt-1 max-w-[80px] break-words", children: step })
             ]
           },
           idx
@@ -2059,14 +2070,14 @@ var ProgressCirclesBase = ({
 };
 
 // src/components/ui/SeparatorBase.tsx
-import * as React20 from "react";
+import * as React19 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { motion as motion6 } from "framer-motion";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var SeparatorBase = React20.forwardRef(
+import { jsx as jsx26 } from "react/jsx-runtime";
+var SeparatorBase = React19.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx26(
       SeparatorPrimitive.Root,
       {
         ref,
@@ -2074,7 +2085,7 @@ var SeparatorBase = React20.forwardRef(
         orientation,
         asChild: true,
         ...props,
-        children: /* @__PURE__ */ jsx27(
+        children: /* @__PURE__ */ jsx26(
           motion6.div,
           {
             className: cn(
@@ -2094,16 +2105,16 @@ var SeparatorBase = React20.forwardRef(
 SeparatorBase.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/ui/SheetBase.tsx
-import * as React21 from "react";
+import * as React20 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva2 } from "class-variance-authority";
 import { X as X4 } from "phosphor-react";
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs17 } from "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__ */ jsx28(
+var SheetOverlayBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -2131,8 +2142,8 @@ var sheetVariants = cva2(
     }
   }
 );
-var SheetContentBase = React21.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(SheetPortalBase, { children: [
-  /* @__PURE__ */ jsx28(SheetOverlayBase, {}),
+var SheetContentBase = React20.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs17(SheetPortalBase, { children: [
+  /* @__PURE__ */ jsx27(SheetOverlayBase, {}),
   /* @__PURE__ */ jsxs17(
     SheetPrimitive.Content,
     {
@@ -2141,8 +2152,8 @@ var SheetContentBase = React21.forwardRef(({ side = "right", className, children
       ...props,
       children: [
         /* @__PURE__ */ jsxs17(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__ */ jsx28(X4, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsx27(X4, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx27("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -2153,7 +2164,7 @@ SheetContentBase.displayName = SheetPrimitive.Content.displayName;
 var SheetHeaderBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx28(
+}) => /* @__PURE__ */ jsx27(
   "div",
   {
     className: cn(
@@ -2167,7 +2178,7 @@ SheetHeaderBase.displayName = "SheetHeaderBase";
 var SheetFooterBase = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx28(
+}) => /* @__PURE__ */ jsx27(
   "div",
   {
     className: cn(
@@ -2178,7 +2189,7 @@ var SheetFooterBase = ({
   }
 );
 SheetFooterBase.displayName = "SheetFooterBase";
-var SheetTitleBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SheetTitleBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   SheetPrimitive.Title,
   {
     ref,
@@ -2187,7 +2198,7 @@ var SheetTitleBase = React21.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SheetTitleBase.displayName = SheetPrimitive.Title.displayName;
-var SheetDescriptionBase = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var SheetDescriptionBase = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   SheetPrimitive.Description,
   {
     ref,
@@ -2198,17 +2209,17 @@ var SheetDescriptionBase = React21.forwardRef(({ className, ...props }, ref) =>
 SheetDescriptionBase.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/ui/SidebarBase.tsx
-import * as React23 from "react";
-import { Slot as Slot4 } from "@radix-ui/react-slot";
+import * as React22 from "react";
+import { Slot as Slot3 } from "@radix-ui/react-slot";
 import { cva as cva3 } from "class-variance-authority";
 
 // src/components/ui/SkeletonBase.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function SkeletonBase({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       className: cn("animate-pulse  bg-primary/10", className),
@@ -2221,13 +2232,13 @@ function SkeletonBase({
 import { SidebarSimple } from "phosphor-react";
 
 // src/components/ui/TooltipBase.tsx
-import * as React22 from "react";
+import * as React21 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "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__ */ jsx30(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx30(
+var TooltipContentBase = React21.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx29(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx29(
   TooltipPrimitive.Content,
   {
     ref,
@@ -2242,16 +2253,16 @@ var TooltipContentBase = React22.forwardRef(({ className, sideOffset = 4, ...pro
 TooltipContentBase.displayName = TooltipPrimitive.Content.displayName;
 
 // src/components/ui/SidebarBase.tsx
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar:state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = 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."
@@ -2259,7 +2270,7 @@ function UseSideBarBase() {
   }
   return context;
 }
-var SidebarProviderBase = React23.forwardRef(
+var SidebarProviderBase = React22.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -2270,10 +2281,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) {
@@ -2285,10 +2296,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();
@@ -2299,7 +2310,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,
@@ -2311,7 +2322,7 @@ var SidebarProviderBase = React23.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx31(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx31(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx30(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx30(TooltipProviderBase, { delayDuration: 0, children: /* @__PURE__ */ jsx30(
       "div",
       {
         style: {
@@ -2331,7 +2342,7 @@ var SidebarProviderBase = React23.forwardRef(
   }
 );
 SidebarProviderBase.displayName = "SidebarProviderBase";
-var SidebarBase = React23.forwardRef(
+var SidebarBase = React22.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -2342,7 +2353,7 @@ var SidebarBase = React23.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = UseSideBarBase();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx31(
+      return /* @__PURE__ */ jsx30(
         "div",
         {
           className: cn(
@@ -2356,7 +2367,7 @@ var SidebarBase = React23.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx31(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx31(
+      return /* @__PURE__ */ jsx30(SheetBase, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsx30(
         SheetContentBase,
         {
           "data-sidebar": "sidebar",
@@ -2366,7 +2377,7 @@ var SidebarBase = React23.forwardRef(
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
           side,
-          children: /* @__PURE__ */ jsx31("div", { className: "flex h-full w-full flex-col", children })
+          children: /* @__PURE__ */ jsx30("div", { className: "flex h-full w-full flex-col", children })
         }
       ) });
     }
@@ -2380,7 +2391,7 @@ var SidebarBase = React23.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx30(
             "div",
             {
               className: cn(
@@ -2391,7 +2402,7 @@ var SidebarBase = React23.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx31(
+          /* @__PURE__ */ jsx30(
             "div",
             {
               className: cn(
@@ -2402,7 +2413,7 @@ var SidebarBase = React23.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx31(
+              children: /* @__PURE__ */ jsx30(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -2418,9 +2429,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__ */ jsx31("div", { children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsx30("div", { children: /* @__PURE__ */ jsxs18(
     ButtonBase,
     {
       ref,
@@ -2434,16 +2445,16 @@ var SidebarTriggerBase = React23.forwardRef(({ className, onClick, ...props }, r
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx31("span", { className: "sr-only", children: "Toggle SidebarBase" }),
-        /* @__PURE__ */ jsx31(SidebarSimple, {})
+        /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Toggle SidebarBase" }),
+        /* @__PURE__ */ jsx30(SidebarSimple, {})
       ]
     }
   ) });
 });
 SidebarTriggerBase.displayName = "SidebarTriggerBase";
-var SidebarRailBase = React23.forwardRef(({ className, ...props }, ref) => {
+var SidebarRailBase = React22.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = UseSideBarBase();
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     "button",
     {
       ref,
@@ -2466,8 +2477,8 @@ var SidebarRailBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRailBase.displayName = "SidebarRailBase";
-var SidebarInsetBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarInsetBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx30(
     "main",
     {
       ref,
@@ -2481,8 +2492,8 @@ var SidebarInsetBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInsetBase.displayName = "SidebarInsetBase";
-var SidebarInputBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarInputBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx30(
     InputBase,
     {
       ref,
@@ -2496,8 +2507,8 @@ var SidebarInputBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInputBase.displayName = "SidebarInputBase";
-var SidebarHeaderBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarHeaderBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       ref,
@@ -2508,8 +2519,8 @@ var SidebarHeaderBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeaderBase.displayName = "SidebarHeaderBase";
-var SidebarFooterBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarFooterBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       ref,
@@ -2520,8 +2531,8 @@ var SidebarFooterBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooterBase.displayName = "SidebarFooterBase";
-var SidebarSeparatorBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarSeparatorBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx30(
     SeparatorBase,
     {
       ref,
@@ -2532,8 +2543,8 @@ var SidebarSeparatorBase = React23.forwardRef(({ className, ...props }, ref) =>
   );
 });
 SidebarSeparatorBase.displayName = "SidebarSeparatorBase";
-var SidebarContentBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarContentBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       ref,
@@ -2547,8 +2558,8 @@ var SidebarContentBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContentBase.displayName = "SidebarContentBase";
-var SidebarGroupBase = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx31(
+var SidebarGroupBase = React22.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       ref,
@@ -2559,9 +2570,9 @@ var SidebarGroupBase = React23.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroupBase.displayName = "SidebarGroupBase";
-var SidebarGroupLabelBase = React23.forwardRef(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx31(
+var SidebarGroupLabelBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "div";
+  return /* @__PURE__ */ jsx30(
     Comp,
     {
       ref,
@@ -2576,9 +2587,9 @@ var SidebarGroupLabelBase = React23.forwardRef(({ className, asChild = false, ..
   );
 });
 SidebarGroupLabelBase.displayName = "SidebarGroupLabelBase";
-var SidebarGroupActionBase = React23.forwardRef(({ className, asChild = false, ...props }, ref) => {
-  const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx31(
+var SidebarGroupActionBase = React22.forwardRef(({ className, asChild = false, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "button";
+  return /* @__PURE__ */ jsx30(
     Comp,
     {
       ref,
@@ -2595,7 +2606,7 @@ var SidebarGroupActionBase = React23.forwardRef(({ className, asChild = false, .
   );
 });
 SidebarGroupActionBase.displayName = "SidebarGroupActionBase";
-var SidebarGroupContentBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SidebarGroupContentBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "div",
   {
     ref,
@@ -2605,7 +2616,7 @@ var SidebarGroupContentBase = React23.forwardRef(({ className, ...props }, ref)
   }
 ));
 SidebarGroupContentBase.displayName = "SidebarGroupContentBase";
-var SidebarMenuBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SidebarMenuBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "ul",
   {
     ref,
@@ -2615,7 +2626,7 @@ var SidebarMenuBase = React23.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuBase.displayName = "SidebarMenuBase";
-var SidebarMenuItemBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SidebarMenuItemBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "li",
   {
     ref,
@@ -2645,7 +2656,7 @@ var sidebarMenuButtonVariants = cva3(
     }
   }
 );
-var SidebarMenuButtonBase = React23.forwardRef(
+var SidebarMenuButtonBase = React22.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -2655,9 +2666,9 @@ var SidebarMenuButtonBase = React23.forwardRef(
     className,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot4 : "button";
+    const Comp = asChild ? Slot3 : "button";
     const { isMobile, state } = UseSideBarBase();
-    const button = /* @__PURE__ */ jsx31(
+    const button = /* @__PURE__ */ jsx30(
       Comp,
       {
         ref,
@@ -2677,8 +2688,8 @@ var SidebarMenuButtonBase = React23.forwardRef(
       };
     }
     return /* @__PURE__ */ jsxs18(TooltipBase, { children: [
-      /* @__PURE__ */ jsx31(TooltipTriggerBase, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx30(TooltipTriggerBase, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx30(
         TooltipContentBase,
         {
           side: "right",
@@ -2691,9 +2702,9 @@ var SidebarMenuButtonBase = React23.forwardRef(
   }
 );
 SidebarMenuButtonBase.displayName = "SidebarMenuButtonBase";
-var SidebarMenuActionBase = React23.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
-  const Comp = asChild ? Slot4 : "button";
-  return /* @__PURE__ */ jsx31(
+var SidebarMenuActionBase = React22.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "button";
+  return /* @__PURE__ */ jsx30(
     Comp,
     {
       ref,
@@ -2714,7 +2725,7 @@ var SidebarMenuActionBase = React23.forwardRef(({ className, asChild = false, sh
   );
 });
 SidebarMenuActionBase.displayName = "SidebarMenuActionBase";
-var SidebarMenuBadgeBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SidebarMenuBadgeBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "div",
   {
     ref,
@@ -2732,8 +2743,8 @@ 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__ */ jsxs18(
@@ -2744,14 +2755,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__ */ jsx31(
+        showIcon && /* @__PURE__ */ jsx30(
           SkeletonBase,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx30(
           SkeletonBase,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -2766,7 +2777,7 @@ var SidebarMenuSkeletonBase = React23.forwardRef(({ className, showIcon = false,
   );
 });
 SidebarMenuSkeletonBase.displayName = "SidebarMenuSkeletonBase";
-var SidebarMenuSubBase = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+var SidebarMenuSubBase = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx30(
   "ul",
   {
     ref,
@@ -2780,11 +2791,11 @@ var SidebarMenuSubBase = React23.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuSubBase.displayName = "SidebarMenuSubBase";
-var SidebarMenuSubItemBase = React23.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx31("li", { ref, ...props }));
+var SidebarMenuSubItemBase = React22.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx30("li", { ref, ...props }));
 SidebarMenuSubItemBase.displayName = "SidebarMenuSubItemBase";
-var SidebarMenuSubButtonBase = React23.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
-  const Comp = asChild ? Slot4 : "a";
-  return /* @__PURE__ */ jsx31(
+var SidebarMenuSubButtonBase = React22.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+  const Comp = asChild ? Slot3 : "a";
+  return /* @__PURE__ */ jsx30(
     Comp,
     {
       ref,
@@ -2806,10 +2817,10 @@ var SidebarMenuSubButtonBase = React23.forwardRef(({ asChild = false, size = "md
 SidebarMenuSubButtonBase.displayName = "SidebarMenuSubButtonBase";
 
 // src/components/ui/SliderBase.tsx
-import * as React24 from "react";
+import * as React23 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
-var SlideBase = React24.forwardRef(
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+var SlideBase = React23.forwardRef(
   ({
     className,
     orientation = "horizontal",
@@ -2827,7 +2838,7 @@ var SlideBase = React24.forwardRef(
           isVertical ? "h-full " : "w-full"
         ),
         children: [
-          label && /* @__PURE__ */ jsx32(LabelBase_default, { className: "py-2", children: label }),
+          label && /* @__PURE__ */ jsx31(LabelBase_default, { className: "py-2", children: label }),
           /* @__PURE__ */ jsxs19(
             "div",
             {
@@ -2836,7 +2847,7 @@ var SlideBase = React24.forwardRef(
                 isVertical ? "flex-col  h-full" : "flex-row items-center w-full"
               ),
               children: [
-                leftIcon && /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center", children: leftIcon }),
+                leftIcon && /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center", children: leftIcon }),
                 /* @__PURE__ */ jsxs19(
                   SliderPrimitive.Root,
                   {
@@ -2849,14 +2860,14 @@ var SlideBase = React24.forwardRef(
                     ),
                     ...props,
                     children: [
-                      /* @__PURE__ */ jsx32(
+                      /* @__PURE__ */ jsx31(
                         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__ */ jsx32(
+                          children: /* @__PURE__ */ jsx31(
                             SliderPrimitive.Range,
                             {
                               className: cn(
@@ -2867,7 +2878,7 @@ var SlideBase = React24.forwardRef(
                           )
                         }
                       ),
-                      /* @__PURE__ */ jsx32(
+                      /* @__PURE__ */ jsx31(
                         SliderPrimitive.Thumb,
                         {
                           className: cn(
@@ -2880,7 +2891,7 @@ var SlideBase = React24.forwardRef(
                     ]
                   }
                 ),
-                rightIcon && /* @__PURE__ */ jsx32("div", { className: "flex items-center justify-center", children: rightIcon })
+                rightIcon && /* @__PURE__ */ jsx31("div", { className: "flex items-center justify-center", children: rightIcon })
               ]
             }
           )
@@ -2900,10 +2911,10 @@ import {
   Spinner
 } from "phosphor-react";
 import { Toaster as Sonner, toast as sonnertoast } from "sonner";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var iconBaseClass = "w-5 h-auto";
-var Toaster = ({ ...props }) => {
-  return /* @__PURE__ */ jsx33(
+var Toaster = ({ testId, ...props }) => {
+  return /* @__PURE__ */ jsx32(
     Sonner,
     {
       className: "toaster group",
@@ -2918,7 +2929,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
@@ -2944,40 +2954,40 @@ var Toaster = ({ ...props }) => {
           `
         }
       },
+      "data-testid": testId,
       ...props
     }
   );
 };
 var toast = {
   success: (message) => sonnertoast.success(message, {
-    icon: /* @__PURE__ */ jsx33(CheckCircle, { className: `${iconBaseClass} text-green-600`, weight: "fill" })
+    icon: /* @__PURE__ */ jsx32(CheckCircle, { className: `${iconBaseClass} text-green-600`, weight: "fill" }),
+    className: "sonner-success"
   }),
   error: (message) => sonnertoast.error(message, {
-    icon: /* @__PURE__ */ jsx33(XCircle, { className: `${iconBaseClass} text-red-600`, weight: "fill" })
+    icon: /* @__PURE__ */ jsx32(XCircle, { className: `${iconBaseClass} text-red-600`, weight: "fill" }),
+    className: "sonner-error"
   }),
   warning: (message) => sonnertoast.warning(message, {
-    icon: /* @__PURE__ */ jsx33(Warning, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" })
+    icon: /* @__PURE__ */ jsx32(Warning, { className: `${iconBaseClass} text-yellow-600`, weight: "fill" }),
+    className: "sonner-warning"
   }),
   info: (message) => sonnertoast.info(message, {
-    icon: /* @__PURE__ */ jsx33(Info, { className: `${iconBaseClass} text-blue-600`, weight: "fill" })
+    icon: /* @__PURE__ */ jsx32(Info, { className: `${iconBaseClass} text-blue-600`, weight: "fill" }),
+    className: "sonner-info"
   }),
   loading: (message) => sonnertoast(message, {
-    icon: /* @__PURE__ */ jsx33(
-      Spinner,
-      {
-        className: `${iconBaseClass} animate-spin text-neutral-500`,
-        weight: "fill"
-      }
-    )
+    icon: /* @__PURE__ */ jsx32(Spinner, { className: `${iconBaseClass} animate-spin text-neutral-500`, weight: "fill" }),
+    className: "sonner-loading"
   })
 };
 
 // src/components/ui/SwitchBase.tsx
-import * as React25 from "react";
+import * as React24 from "react";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx34 } from "react/jsx-runtime";
-var SwitchBase = React25.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx34(
+import { jsx as jsx33 } from "react/jsx-runtime";
+var SwitchBase = React24.forwardRef(({ className, testid: dataTestId = "switch-base", ...props }, ref) => {
+  return /* @__PURE__ */ jsx33(
     SwitchPrimitives.Root,
     {
       ...props,
@@ -2986,7 +2996,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__ */ jsx34(
+      "data-testid": dataTestId,
+      children: /* @__PURE__ */ jsx33(
         SwitchPrimitives.Thumb,
         {
           className: cn(
@@ -3004,9 +3015,9 @@ var SwitchBase = React25.forwardRef(({ className, ...props }, ref) => {
 SwitchBase.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/ui/TableBase.tsx
-import * as React26 from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
-var TableBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx35(
+import * as React25 from "react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var TableBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx34(
   "table",
   {
     ref,
@@ -3015,9 +3026,9 @@ var TableBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ) }));
 TableBase.displayName = "TableBase";
-var TableHeaderBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeaderBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeaderBase.displayName = "TableHeaderBase";
-var TableBodyBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableBodyBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "tbody",
   {
     ref,
@@ -3026,7 +3037,7 @@ var TableBodyBase = React26.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableBodyBase.displayName = "TableBodyBase";
-var TableFooterBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableFooterBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "tfoot",
   {
     ref,
@@ -3038,7 +3049,7 @@ var TableFooterBase = React26.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 TableFooterBase.displayName = "TableFooterBase";
-var TableRowBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableRowBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "tr",
   {
     ref,
@@ -3050,7 +3061,7 @@ var TableRowBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TableRowBase.displayName = "TableRowBase";
-var TableHeadBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableHeadBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "th",
   {
     ref,
@@ -3062,7 +3073,7 @@ var TableHeadBase = React26.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableHeadBase.displayName = "TableHeadBase";
-var TableCellBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableCellBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "td",
   {
     ref,
@@ -3074,7 +3085,7 @@ var TableCellBase = React26.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 TableCellBase.displayName = "TableCellBase";
-var TableCaptionBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var TableCaptionBase = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   "caption",
   {
     ref,
@@ -3085,11 +3096,11 @@ var TableCaptionBase = React26.forwardRef(({ className, ...props }, ref) => /* @
 TableCaptionBase.displayName = "TableCaptionBase";
 
 // src/components/ui/TabsBase.tsx
-import * as React27 from "react";
+import * as React26 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var TabsBase = TabsPrimitive.Root;
-var TabsListBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TabsListBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   TabsPrimitive.List,
   {
     ref,
@@ -3101,7 +3112,7 @@ var TabsListBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 TabsListBase.displayName = TabsPrimitive.List.displayName;
-var TabsTriggerBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TabsTriggerBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3119,7 +3130,7 @@ var TabsTriggerBase = React27.forwardRef(({ className, ...props }, ref) => /* @_
     ...props
   }
 ));
-var TabsContentBase = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
+var TabsContentBase = React26.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
   TabsPrimitive.Content,
   {
     ref,
@@ -3134,10 +3145,10 @@ var TabsContentBase = React27.forwardRef(({ className, ...props }, ref) => /* @_
 TabsContentBase.displayName = TabsPrimitive.Content.displayName;
 
 // src/components/ui/TextAreaBase.tsx
-import * as React28 from "react";
-import { jsx as jsx37 } from "react/jsx-runtime";
-var TextAreaBase = React28.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx37(
+import * as React27 from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var TextAreaBase = React27.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx36(
     "textarea",
     {
       className: cn(
@@ -3332,13 +3343,6 @@ export {
   DropDownMenuSubContentBase,
   DropDownMenuSubTriggerBase,
   DropDownMenuTriggerBase,
-  FormBase,
-  FormControlBase,
-  FormDescriptionBase,
-  FormFieldBase,
-  FormItemBase,
-  FormLabelBase,
-  FormMessageBase,
   InputBase,
   LabelBase_default as LabelBase,
   ModeToggleBase,
@@ -3428,7 +3432,6 @@ export {
   buttonVariantsBase,
   defaultStringConditions,
   toast,
-  useFormFieldBase,
   useIsMobile,
   useTheme
 };