@doscientos/ui 0.1.28 → 0.1.29

package/dist/index.cjs

@@ -90,7 +90,7 @@ __export(index_exports, {
   ComboboxInput: () => ComboboxInput,
   ComboboxItem: () => ComboboxItem,
   ComboboxList: () => ComboboxList,
-  ComboboxValue: () => import_react_aria_components8.ComboBoxValue,
+  ComboboxValue: () => import_react_aria_components9.ComboBoxValue,
   Command: () => Command,
   CommandContent: () => CommandContent,
   CommandInput: () => CommandInput,
@@ -106,15 +106,20 @@ __export(index_exports, {
   DialogHeader: () => DialogHeader,
   DialogOverlay: () => DialogOverlay,
   DialogPortal: () => DialogPortal,
+  DialogRoot: () => DialogRoot,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
   DocPreview: () => DocPreview,
   Drawer: () => Drawer,
+  DrawerClose: () => DrawerClose,
+  DrawerContent: () => DrawerContent,
   DrawerDescription: () => DrawerDescription,
   DrawerFooter: () => DrawerFooter,
   DrawerHeader: () => DrawerHeader,
   DrawerTitle: () => DrawerTitle,
+  DrawerTrigger: () => DrawerTrigger,
   DropdownMenu: () => DropdownMenu,
+  DropdownMenuContent: () => DropdownMenuContent,
   DropdownMenuGroup: () => DropdownMenuGroup,
   DropdownMenuItem: () => DropdownMenuItem,
   DropdownMenuLabel: () => DropdownMenuLabel,
@@ -161,7 +166,6 @@ __export(index_exports, {
   MenuItem: () => MenuItem,
   MenuTrigger: () => MenuTrigger,
   MetricCard: () => MetricCard,
-  ModalDialog: () => ModalDialog,
   OtpInput: () => OtpInput2,
   PageHeader: () => PageHeader,
   PageHeaderActions: () => PageHeaderActions,
@@ -190,6 +194,7 @@ __export(index_exports, {
   SheetTrigger: () => SheetTrigger,
   Sidebar: () => Sidebar,
   SidebarContent: () => SidebarContent,
+  SidebarContext: () => SidebarContext,
   SidebarFooter: () => SidebarFooter,
   SidebarGroup: () => SidebarGroup,
   SidebarHeader: () => SidebarHeader,
@@ -225,6 +230,7 @@ __export(index_exports, {
   ToolbarGroup: () => ToolbarGroup,
   ToolbarSpacer: () => ToolbarSpacer,
   Tooltip: () => Tooltip,
+  TooltipContent: () => TooltipContent,
   TooltipTrigger: () => TooltipTrigger,
   actionRipple: () => actionRipple,
   alertVariants: () => alertVariants,
@@ -305,7 +311,10 @@ function useDebouncedValue(value, delay = 250) {
 // src/hooks/use-form-dirty.ts
 var import_react3 = require("react");
 function formSnapshot(form) {
-  const entries = Array.from(new FormData(form), ([key, value]) => [key, typeof value === "string" ? value : value.name]);
+  const entries = Array.from(new FormData(form), ([key, value]) => [
+    key,
+    typeof value === "string" ? value : value.name
+  ]);
   entries.sort(([left], [right]) => left.localeCompare(right));
   return JSON.stringify(entries);
 }
@@ -324,29 +333,30 @@ function useFormDirty() {
       setIsDirty(false);
     }
   }, []);
-  const formRef = (0, import_react3.useCallback)((form) => {
-    if (formElement.current) {
-      formElement.current.removeEventListener("input", recompute);
-      formElement.current.removeEventListener("change", recompute);
-      formElement.current.removeEventListener("reset", recompute);
-    }
-    formElement.current = form;
-    if (form) {
-      baseline.current = formSnapshot(form);
-      setIsDirty(false);
-      form.addEventListener("input", recompute);
-      form.addEventListener("change", recompute);
-      form.addEventListener("reset", recompute);
-    }
-  }, [recompute]);
+  const formRef = (0, import_react3.useCallback)(
+    (form) => {
+      if (formElement.current) {
+        formElement.current.removeEventListener("input", recompute);
+        formElement.current.removeEventListener("change", recompute);
+        formElement.current.removeEventListener("reset", recompute);
+      }
+      formElement.current = form;
+      if (form) {
+        baseline.current = formSnapshot(form);
+        setIsDirty(false);
+        form.addEventListener("input", recompute);
+        form.addEventListener("change", recompute);
+        form.addEventListener("reset", recompute);
+      }
+    },
+    [recompute]
+  );
   return { formRef, isDirty, markDirty: () => setIsDirty(true), reset };
 }
 
 // src/lib/action-ripple.ts
 var import_class_variance_authority = require("class-variance-authority");
-var actionRipple = (0, import_class_variance_authority.cva)(
-  "relative isolate overflow-hidden"
-);
+var actionRipple = (0, import_class_variance_authority.cva)("relative isolate overflow-hidden");
 
 // src/lib/cn.ts
 var import_clsx = require("clsx");
@@ -385,7 +395,8 @@ function getTextMatchParts(text, query) {
     const rangeStart = ranges[index]?.start;
     const rangeEnd = ranges[index + term.length - 1]?.end;
     if (rangeStart === void 0 || rangeEnd === void 0) break;
-    if (rangeStart > sourceCursor) parts.push({ text: text.slice(sourceCursor, rangeStart), match: false });
+    if (rangeStart > sourceCursor)
+      parts.push({ text: text.slice(sourceCursor, rangeStart), match: false });
     parts.push({ text: text.slice(rangeStart, rangeEnd), match: true });
     sourceCursor = rangeEnd;
     index = normalized.indexOf(term, index + term.length);
@@ -395,8 +406,8 @@ function getTextMatchParts(text, query) {
 }
 
 // src/ui/accordion/accordion.tsx
-var React = require("react");
 var import_lucide_react = require("lucide-react");
+var React = require("react");
 var import_react_aria_components = require("react-aria-components");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Accordion({ className, ...props }) {
@@ -454,16 +465,12 @@ function AccordionTrigger({
     }
   ) });
 }
-function AccordionContent({
-  className,
-  children,
-  ...props
-}) {
+function AccordionContent({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_aria_components.DisclosurePanel,
     {
       "data-slot": "accordion-content",
-      className: "h-(--disclosure-panel-height) overflow-clip text-sm text-muted-foreground transition-[height] data-open:animate-accordion-down data-closed:animate-accordion-up",
+      className: "text-muted-foreground data-open:animate-accordion-down data-closed:animate-accordion-up h-(--disclosure-panel-height) overflow-clip text-sm transition-[height]",
       ...props,
       children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "div",
@@ -480,26 +487,61 @@ function AccordionContent({
 }
 
 // src/ui/alert-dialog/alert-dialog.tsx
-var React2 = __toESM(require("react"), 1);
-var import_react_aria_components3 = require("react-aria-components");
+var React3 = require("react");
+var import_react_aria_components4 = require("react-aria-components");
 
 // src/ui/button/button.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
 var import_react4 = require("react");
 var import_react_aria_components2 = require("react-aria-components");
+
+// src/ui/button/button-variants.ts
+var import_class_variance_authority2 = require("class-variance-authority");
+var buttonVariants = (0, import_class_variance_authority2.cva)(
+  cn(
+    "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    actionRipple()
+  ),
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline after:hidden"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+
+// src/ui/button/button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var centeredRipplePosition = { x: "50%", y: "50%" };
 function getRipplePosition(event) {
   if (event.pointerType === "keyboard" || event.pointerType === "virtual") {
     return centeredRipplePosition;
   }
-  if (!(event.target instanceof Element) || event.x === void 0 || event.y === void 0) {
+  if (event.x === void 0 || event.y === void 0) {
     return centeredRipplePosition;
   }
-  const bounds = event.target.getBoundingClientRect();
   return {
-    x: `${event.x - bounds.left}px`,
-    y: `${event.y - bounds.top}px`
+    x: `${event.x}px`,
+    y: `${event.y}px`
   };
 }
 function useActionRipple(enabled) {
@@ -517,7 +559,7 @@ function useActionRipple(enabled) {
     {
       "aria-hidden": "true",
       "data-slot": "button-ripple",
-      className: "pointer-events-none absolute aspect-square w-full rounded-full bg-current animate-ui-ripple motion-reduce:hidden",
+      className: "animate-ui-ripple pointer-events-none absolute aspect-square w-full rounded-full motion-reduce:hidden",
       style: { left: ripple.position.x, top: ripple.position.y },
       onAnimationEnd: () => setRipple((currentRipple) => currentRipple?.id === ripple.id ? null : currentRipple)
     },
@@ -525,39 +567,17 @@ function useActionRipple(enabled) {
   ) : null;
   return { ripple: rippleElement, triggerRipple };
 }
-var buttonVariants = (0, import_class_variance_authority2.cva)(
-  cn(
-    "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-    actionRipple()
-  ),
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80",
-        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-        link: "text-primary underline-offset-4 hover:underline after:hidden"
-      },
-      size: {
-        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        icon: "size-8",
-        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-        "icon-lg": "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({ className, variant = "default", size = "default", children, disabled, isDisabled, onClick, onPress, ...props }) {
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  children,
+  disabled,
+  isDisabled,
+  onClick,
+  onPress,
+  ...props
+}) {
   const { ripple, triggerRipple } = useActionRipple(variant !== "link");
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     import_react_aria_components2.Button,
@@ -611,57 +631,294 @@ function LinkButton({
   );
 }
 
-// src/ui/alert-dialog/alert-dialog.tsx
+// src/ui/dialog/dialog.tsx
+var import_lucide_react2 = require("lucide-react");
+var React2 = __toESM(require("react"), 1);
+var import_react_aria_components3 = require("react-aria-components");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var AlertDialogContext = React2.createContext(null);
-function useAlertDialogContext() {
-  const context = React2.useContext(AlertDialogContext);
-  if (!context) throw new Error("AlertDialog components must be rendered within AlertDialog.");
+var DialogContext = React2.createContext(null);
+function useDialogContext() {
+  const context = React2.useContext(DialogContext);
+  if (!context) throw new Error("Dialog components must be rendered within Dialog.");
   return context;
 }
+function DialogRoot({
+  children,
+  defaultOpen = false,
+  onOpenChange,
+  open: controlledOpen
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(defaultOpen);
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = React2.useCallback(
+    (nextOpen) => {
+      if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+      onOpenChange?.(nextOpen);
+    },
+    [controlledOpen, onOpenChange]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogContext.Provider, { value: { open, setOpen }, children });
+}
+function DialogTrigger({
+  asChild = false,
+  children,
+  onClick,
+  ...props
+}) {
+  const { setOpen } = useDialogContext();
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (!event.defaultPrevented) setOpen(true);
+  };
+  if (asChild && React2.isValidElement(children)) {
+    const child = children;
+    return React2.cloneElement(child, {
+      ...props,
+      "data-slot": "dialog-trigger",
+      onClick: (event) => {
+        child.props.onClick?.(event);
+        handleClick(event);
+      }
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { "data-slot": "dialog-trigger", onPress: () => setOpen(true), ...props, children });
+}
+function DialogPortal({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children });
+}
+function DialogOverlay({ children, className, ...props }) {
+  const { open, setOpen } = useDialogContext();
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_aria_components3.ModalOverlay,
+    {
+      "data-slot": "dialog-overlay",
+      isDismissable: true,
+      isOpen: open,
+      onOpenChange: setOpen,
+      className: cn(
+        "fixed inset-0 isolate z-50 grid place-items-center bg-black/10 p-4 supports-backdrop-filter:backdrop-blur-xs motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function Dialog(props) {
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogRoot, { ...props });
+  const { children, trigger, triggerProps, defaultOpen, onOpenChange, open, ...contentProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(DialogRoot, { defaultOpen, onOpenChange, open, children: [
+    typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogTrigger, { ...triggerProps, children: trigger }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogTrigger, { asChild: true, ...triggerProps, children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogContent, { ...contentProps, children })
+  ] });
+}
+function DialogContent({
+  children,
+  className,
+  contentSlot = "dialog-content",
+  onOverlayClick,
+  overlaySlot = "dialog-overlay",
+  showCloseButton = true,
+  ...props
+}) {
+  const { setOpen } = useDialogContext();
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    DialogOverlay,
+    {
+      "data-slot": overlaySlot,
+      onClick: (event) => {
+        if (event.target === event.currentTarget) onOverlayClick?.(event);
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_aria_components3.Modal,
+        {
+          className: "motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out max-h-full min-h-0 w-full",
+          onClick: (event) => {
+            if (event.target === event.currentTarget) {
+              setOpen(false);
+              onOverlayClick?.(event);
+            }
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            import_react_aria_components3.Dialog,
+            {
+              "data-slot": contentSlot,
+              className: cn(
+                "relative mx-auto grid box-border max-h-full min-h-0 w-full max-w-[calc(100%-2rem)] gap-4 overflow-x-hidden overflow-y-auto rounded-xl bg-background p-4 text-sm text-foreground ring-1 ring-foreground/10 outline-none sm:max-w-sm",
+                className
+              ),
+              ...props,
+              children: [
+                children,
+                showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  Button,
+                  {
+                    "aria-label": "Cerrar di\xE1logo",
+                    "data-slot": "dialog-close",
+                    variant: "ghost",
+                    className: "absolute top-2 right-2",
+                    size: "icon-sm",
+                    onPress: () => setOpen(false),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_lucide_react2.XIcon, {})
+                  }
+                ) : null
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+}
+function DialogClose({ asChild = false, children, onClick, ...props }) {
+  const { setOpen } = useDialogContext();
+  if (asChild && React2.isValidElement(children)) {
+    const child = children;
+    return React2.cloneElement(child, {
+      ...props,
+      "data-slot": "dialog-close",
+      onClick: (event) => {
+        child.props.onClick?.(event);
+        onClick?.(event);
+        if (!event.defaultPrevented) setOpen(false);
+      }
+    });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { "data-slot": "dialog-close", onPress: () => setOpen(false), ...props, children });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t border-border bg-muted/50 p-4 sm:flex-row sm:flex-wrap sm:justify-end",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(DialogClose, { variant: "outline", children: "Cerrar" }) : null
+      ]
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_aria_components3.Heading,
+    {
+      slot: "title",
+      "data-slot": "dialog-title",
+      className: cn("font-heading text-base leading-none font-medium", className),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react_aria_components3.Text,
+    {
+      slot: "description",
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/alert-dialog/alert-dialog.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function AlertDialog({ children, open, onOpenChange }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AlertDialogContext.Provider, { value: { open, setOpen: onOpenChange }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Dialog, { open, onOpenChange, children });
 }
 function AlertDialogPortal({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogPortal, { children });
 }
-function AlertDialogTrigger({ children, ...props }) {
-  const { setOpen } = useAlertDialogContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { "data-slot": "alert-dialog-trigger", onPress: () => setOpen(true), ...props, children });
+function AlertDialogTrigger({
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogTrigger, { "data-slot": "alert-dialog-trigger", ...props, children });
 }
-function AlertDialogOverlay({ className, ...props }) {
-  const { open, setOpen } = useAlertDialogContext();
-  if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components3.ModalOverlay, { "data-slot": "alert-dialog-overlay", isDismissable: true, isOpen: open, onOpenChange: setOpen, className: cn("fixed inset-0 isolate z-50 grid place-items-center bg-black/10 p-4 backdrop-blur-[1px]", className), ...props });
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogOverlay, { "data-slot": "alert-dialog-overlay", className, ...props });
 }
-function AlertDialogContent({ className, size = "default", children }) {
-  const { open, setOpen } = useAlertDialogContext();
-  if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AlertDialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components3.ModalOverlay, { isDismissable: true, isOpen: open, onOpenChange: setOpen, className: "fixed inset-0 isolate z-50 grid place-items-center bg-black/10 p-4 backdrop-blur-[1px]", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components3.Modal, { className: cn("w-full max-w-[calc(100%-2rem)] outline-none", size === "sm" ? "sm:max-w-xs" : "sm:max-w-sm", className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components3.Dialog, { role: "alertdialog", "data-slot": "alert-dialog-content", className: "grid gap-4 rounded-xl bg-background p-4 text-sm text-foreground ring-1 ring-foreground/10 outline-none", children }) }) }) });
+function AlertDialogContent({
+  className,
+  size = "default",
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    DialogContent,
+    {
+      contentSlot: "alert-dialog-content",
+      overlaySlot: "alert-dialog-overlay",
+      role: "alertdialog",
+      showCloseButton: false,
+      className: cn(size === "sm" ? "sm:max-w-xs" : "sm:max-w-sm", className),
+      children
+    }
+  );
 }
 function AlertDialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    DialogHeader,
+    {
+      "data-slot": "alert-dialog-header",
+      className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
 }
 function AlertDialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "alert-dialog-footer", className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogFooter, { "data-slot": "alert-dialog-footer", className: cn(className), ...props });
 }
-function AlertDialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components3.Heading, { slot: "title", "data-slot": "alert-dialog-title", className: cn("font-heading text-base font-medium", className), ...props });
+function AlertDialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogTitle, { "data-slot": "alert-dialog-title", className: cn(className), ...props });
 }
-function AlertDialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_aria_components3.Text, { slot: "description", "data-slot": "alert-dialog-description", className: cn("text-sm text-muted-foreground", className), ...props });
+function AlertDialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogDescription, { "data-slot": "alert-dialog-description", className: cn(className), ...props });
 }
 function AlertDialogAction({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { "data-slot": "alert-dialog-action", className: cn(className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Button, { "data-slot": "alert-dialog-action", className: cn(className), ...props });
 }
-function AlertDialogCancel({ children = "Cancelar", onClick, ...props }) {
-  const { setOpen } = useAlertDialogContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button, { "data-slot": "alert-dialog-cancel", variant: "outline", onClick, onPress: () => setOpen(false), ...props, children });
+function AlertDialogCancel({
+  children = "Cancelar",
+  onClick,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogClose, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Button, { "data-slot": "alert-dialog-cancel", variant: "outline", onClick, ...props, children }) });
 }
 
-// src/ui/alert/alert.tsx
+// src/ui/alert/alert-variants.ts
 var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime4 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority3.cva)(
   "group/alert relative grid w-full gap-0.5 rounded-lg border border-border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
   {
@@ -679,8 +936,11 @@ var alertVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
+
+// src/ui/alert/alert.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Alert({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       "data-slot": "alert",
@@ -691,7 +951,7 @@ function Alert({ className, variant, ...props }) {
   );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       "data-slot": "alert-title",
@@ -704,7 +964,7 @@ function AlertTitle({ className, ...props }) {
   );
 }
 function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "div",
     {
       "data-slot": "alert-description",
@@ -717,17 +977,13 @@ function AlertDescription({ className, ...props }) {
   );
 }
 function AlertAction({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props });
 }
 
 // src/ui/app-shell/app-shell.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-function AppShell({
-  className,
-  sidebarBreakpoint = "md",
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function AppShell({ className, sidebarBreakpoint = "md", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "app-shell",
@@ -738,7 +994,7 @@ function AppShell({
   );
 }
 function AppShellSidebar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "aside",
     {
       "data-slot": "app-shell-sidebar",
@@ -748,27 +1004,27 @@ function AppShellSidebar({ className, ...props }) {
   );
 }
 function AppShellMain({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("main", { "data-slot": "app-shell-main", className: cn("bg-background", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("main", { "data-slot": "app-shell-main", className: cn("bg-background", className), ...props });
 }
 function AppShellHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "header",
     {
       "data-slot": "app-shell-header",
       className: cn("border-b border-border bg-background px-4", className),
       ...props
     }
-  );
-}
-function AppShellMobileHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  );
+}
+function AppShellMobileHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "header",
     {
       "data-slot": "app-shell-mobile-header",
-      className: cn("h-14 shrink-0 items-center gap-2 border-b border-border bg-background px-3", className),
+      className: cn(
+        "h-14 shrink-0 items-center gap-2 border-b border-border bg-background px-3",
+        className
+      ),
       ...props
     }
   );
@@ -780,7 +1036,7 @@ function AppShellContent({
   scrollable = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
       "data-slot": "app-shell-content",
@@ -795,14 +1051,38 @@ function AppShellContent({
 
 // src/ui/avatar/avatar.tsx
 var import_react5 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var sizes = { xs: "size-5 text-[10px]", sm: "size-6 text-xs", default: "size-8 text-sm", lg: "size-10 text-base" };
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var sizes = {
+  xs: "size-5 text-[10px]",
+  sm: "size-6 text-xs",
+  default: "size-8 text-sm",
+  lg: "size-10 text-base"
+};
 var AvatarContext = (0, import_react5.createContext)(null);
 function Avatar({ className, size = "default", children, ...props }) {
   const [status, setStatus] = (0, import_react5.useState)("idle");
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AvatarContext.Provider, { value: { status, setStatus }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex shrink-0 overflow-hidden rounded-full bg-muted text-muted-foreground", sizes[size], className), ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarContext.Provider, { value: { status, setStatus }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      "data-slot": "avatar",
+      "data-size": size,
+      className: cn(
+        "group/avatar relative flex shrink-0 overflow-hidden rounded-full bg-muted text-muted-foreground",
+        sizes[size],
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
 }
-function AvatarImage({ className, src, onError, onLoad, ...props }) {
+function AvatarImage({
+  className,
+  src,
+  onError,
+  onLoad,
+  ...props
+}) {
   const avatar = (0, import_react5.useContext)(AvatarContext);
   const [failed, setFailed] = (0, import_react5.useState)(false);
   (0, import_react5.useEffect)(() => {
@@ -810,34 +1090,83 @@ function AvatarImage({ className, src, onError, onLoad, ...props }) {
     avatar?.setStatus(src ? "loading" : "idle");
   }, [avatar?.setStatus, src]);
   if (failed || avatar?.status === "error") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("img", { "data-slot": "avatar-image", src, className: cn("aspect-square size-full object-cover", className), onLoad: (event) => {
-    avatar?.setStatus("loaded");
-    onLoad?.(event);
-  }, onError: (event) => {
-    setFailed(true);
-    avatar?.setStatus("error");
-    onError?.(event);
-  }, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "img",
+    {
+      "data-slot": "avatar-image",
+      src,
+      alt: "",
+      className: cn("aspect-square size-full object-cover", className),
+      onLoad: (event) => {
+        avatar?.setStatus("loaded");
+        onLoad?.(event);
+      },
+      onError: (event) => {
+        setFailed(true);
+        avatar?.setStatus("error");
+        onError?.(event);
+      },
+      ...props
+    }
+  );
 }
 function AvatarFallback({ className, ...props }) {
   const avatar = (0, import_react5.useContext)(AvatarContext);
   if (avatar?.status === "loaded") return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center font-medium", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "span",
+    {
+      "data-slot": "avatar-fallback",
+      className: cn("flex size-full items-center justify-center font-medium", className),
+      ...props
+    }
+  );
 }
 function AvatarBadge({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 size-2.5 rounded-full bg-success ring-2 ring-background", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "span",
+    {
+      "data-slot": "avatar-badge",
+      className: cn(
+        "absolute right-0 bottom-0 size-2.5 rounded-full bg-success ring-2 ring-background",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function AvatarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-slot": "avatar-group", className: cn("flex -space-x-2 [&>[data-slot=avatar]]:ring-2 [&>[data-slot=avatar]]:ring-background", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "div",
+    {
+      "data-slot": "avatar-group",
+      className: cn(
+        "flex -space-x-2 [&>[data-slot=avatar]]:ring-2 [&>[data-slot=avatar]]:ring-background",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function AvatarGroupCount({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-slot": "avatar-group-count", className: cn("flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground ring-2 ring-background", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "span",
+    {
+      "data-slot": "avatar-group-count",
+      className: cn(
+        "flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground ring-2 ring-background",
+        className
+      ),
+      ...props
+    }
+  );
 }
 
 // src/ui/badge/badge.tsx
+var import_react_aria_components5 = require("react-aria-components");
+
+// src/ui/badge/badge-variants.ts
 var import_class_variance_authority4 = require("class-variance-authority");
-var import_react_aria_components4 = require("react-aria-components");
-var import_jsx_runtime7 = require("react/jsx-runtime");
 var badgeVariants = (0, import_class_variance_authority4.cva)(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
@@ -859,8 +1188,11 @@ var badgeVariants = (0, import_class_variance_authority4.cva)(
     defaultVariants: { variant: "default" }
   }
 );
+
+// src/ui/badge/badge.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "span",
     {
       "data-slot": "badge",
@@ -871,8 +1203,8 @@ function Badge({ className, variant, ...props }) {
   );
 }
 function BadgeLink({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_react_aria_components4.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react_aria_components5.Link,
     {
       "data-slot": "badge",
       "data-variant": variant ?? "default",
@@ -883,33 +1215,72 @@ function BadgeLink({ className, variant, ...props }) {
 }
 
 // src/ui/breadcrumb/breadcrumb.tsx
-var import_react_aria_components5 = require("react-aria-components");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react_aria_components6 = require("react-aria-components");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Breadcrumbs({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_aria_components5.Breadcrumbs, { "data-slot": "breadcrumbs", className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_aria_components6.Breadcrumbs,
+    {
+      "data-slot": "breadcrumbs",
+      className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
 }
 function Breadcrumb({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_aria_components5.Breadcrumb, { "data-slot": "breadcrumb", className: cn("inline-flex items-center gap-1.5", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_aria_components6.Breadcrumb,
+    {
+      "data-slot": "breadcrumb",
+      className: cn("inline-flex items-center gap-1.5", className),
+      ...props
+    }
+  );
 }
 function BreadcrumbLink({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_aria_components5.Link, { "data-slot": "breadcrumb-link", className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    import_react_aria_components6.Link,
+    {
+      "data-slot": "breadcrumb-link",
+      className: cn("transition-colors hover:text-foreground", className),
+      ...props
+    }
+  );
 }
 function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "data-slot": "breadcrumb-page", "aria-current": "page", className: cn("font-medium text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "span",
+    {
+      "data-slot": "breadcrumb-page",
+      "aria-current": "page",
+      className: cn("font-medium text-foreground", className),
+      ...props
+    }
+  );
 }
-function BreadcrumbSeparator({ children = "/", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "data-slot": "breadcrumb-separator", "aria-hidden": "true", className: cn("text-muted-foreground/60", className), ...props, children });
+function BreadcrumbSeparator({
+  children = "/",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "span",
+    {
+      "data-slot": "breadcrumb-separator",
+      "aria-hidden": "true",
+      className: cn("text-muted-foreground/60", className),
+      ...props,
+      children
+    }
+  );
 }
 
-// src/ui/button-group/button-group.tsx
-var import_class_variance_authority5 = require("class-variance-authority");
-
 // src/ui/separator/separator.tsx
-var import_react_aria_components6 = require("react-aria-components");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_react_aria_components7 = require("react-aria-components");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Separator({ className, orientation = "horizontal", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_aria_components6.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react_aria_components7.Separator,
     {
       "data-slot": "separator",
       orientation,
@@ -922,11 +1293,8 @@ function Separator({ className, orientation = "horizontal", ...props }) {
   );
 }
 
-// src/ui/button-group/button-group.tsx
-var import_jsx_runtime10 = (
-  // biome-ignore lint/a11y/useSemanticElements: fieldset would impose form semantics on a generic action group.
-  require("react/jsx-runtime")
-);
+// src/ui/button-group/button-group-variants.ts
+var import_class_variance_authority5 = require("class-variance-authority");
 var buttonGroupVariants = (0, import_class_variance_authority5.cva)(
   "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
@@ -941,12 +1309,18 @@ var buttonGroupVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
+
+// src/ui/button-group/button-group.tsx
+var import_jsx_runtime11 = (
+  // biome-ignore lint/a11y/useSemanticElements: fieldset would impose form semantics on a generic action group.
+  require("react/jsx-runtime")
+);
 function ButtonGroup({
   className,
   orientation,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       role: "group",
@@ -973,7 +1347,7 @@ function ButtonGroupText({
     };
     return render(renderProps);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     "div",
     {
       "data-slot": "button-group-text",
@@ -990,7 +1364,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     Separator,
     {
       "data-slot": "button-group-separator",
@@ -1005,9 +1379,9 @@ function ButtonGroupSeparator({
 }
 
 // src/ui/card/card.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Card({ className, size = "default", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "card",
@@ -1021,7 +1395,7 @@ function Card({ className, size = "default", ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "card-header",
@@ -1034,7 +1408,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "card-title",
@@ -1047,7 +1421,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "card-description",
@@ -1057,7 +1431,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "card-action",
@@ -1067,10 +1441,10 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       "data-slot": "card-footer",
@@ -1084,12 +1458,12 @@ function CardFooter({ className, ...props }) {
 }
 
 // src/ui/checkbox/checkbox.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_react_aria_components7 = require("react-aria-components");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_lucide_react3 = require("lucide-react");
+var import_react_aria_components8 = require("react-aria-components");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function Checkbox({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_react_aria_components7.Checkbox,
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_react_aria_components8.Checkbox,
     {
       "data-slot": "checkbox",
       className: cn(
@@ -1097,13 +1471,13 @@ function Checkbox({ className, children, ...props }) {
         className
       ),
       ...props,
-      children: (state) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      children: (state) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
           "span",
           {
             "aria-hidden": "true",
-            className: "grid size-4 place-items-center rounded border border-border bg-background text-primary-foreground transition-colors group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50",
-            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react2.Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" })
+            className: "border-border bg-background text-primary-foreground group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-ring/50 grid size-4 place-items-center rounded border transition-colors group-data-focus-visible:ring-3",
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" })
           }
         ),
         typeof children === "function" ? children(state) : children
@@ -1113,11 +1487,11 @@ function Checkbox({ className, children, ...props }) {
 }
 
 // src/ui/collapsible/collapsible.tsx
-var React3 = __toESM(require("react"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var CollapsibleContext = React3.createContext(null);
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var CollapsibleContext = React4.createContext(null);
 function useCollapsibleContext() {
-  const context = React3.useContext(CollapsibleContext);
+  const context = React4.useContext(CollapsibleContext);
   if (!context) throw new Error("Collapsible components must be rendered within Collapsible.");
   return context;
 }
@@ -1128,27 +1502,32 @@ function Collapsible({
   open: controlledOpen,
   ...props
 }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React3.useState(defaultOpen);
-  const contentId = React3.useId();
+  const [uncontrolledOpen, setUncontrolledOpen] = React4.useState(defaultOpen);
+  const contentId = React4.useId();
   const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = React3.useCallback(
+  const setOpen = React4.useCallback(
     (nextOpen) => {
       if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
       onOpenChange?.(nextOpen);
     },
     [controlledOpen, onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CollapsibleContext.Provider, { value: { contentId, open, setOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", ...props, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CollapsibleContext.Provider, { value: { contentId, open, setOpen }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", ...props, children }) });
 }
-function CollapsibleTrigger({ asChild = false, children, onClick, ...props }) {
+function CollapsibleTrigger({
+  asChild = false,
+  children,
+  onClick,
+  ...props
+}) {
   const { contentId, open, setOpen } = useCollapsibleContext();
   const handleClick = (event) => {
     onClick?.(event);
     if (!event.defaultPrevented) setOpen(!open);
   };
-  if (asChild && React3.isValidElement(children)) {
+  if (asChild && React4.isValidElement(children)) {
     const child = children;
-    return React3.cloneElement(child, {
+    return React4.cloneElement(child, {
       ...props,
       "aria-controls": contentId,
       "aria-expanded": open,
@@ -1160,7 +1539,7 @@ function CollapsibleTrigger({ asChild = false, children, onClick, ...props }) {
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "button",
     {
       type: "button",
@@ -1177,30 +1556,108 @@ function CollapsibleTrigger({ asChild = false, children, onClick, ...props }) {
 function CollapsibleContent({ children, ...props }) {
   const { contentId, open } = useCollapsibleContext();
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { id: contentId, "data-slot": "collapsible-content", "data-state": "open", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { id: contentId, "data-slot": "collapsible-content", "data-state": "open", ...props, children });
 }
 
 // src/ui/combobox/combobox.tsx
 var import_react6 = require("react");
-var import_react_aria_components8 = require("react-aria-components");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Combobox = import_react_aria_components8.ComboBox;
+var import_react_aria_components9 = require("react-aria-components");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Combobox = import_react_aria_components9.ComboBox;
 function ComboboxInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.Input, { "data-slot": "combobox-input", className: cn("h-9 w-full rounded-lg border border-border bg-background px-2.5 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_react_aria_components9.Input,
+    {
+      "data-slot": "combobox-input",
+      className: cn(
+        "h-9 w-full rounded-lg border border-border bg-background px-2.5 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function ComboboxContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.Popover, { "data-slot": "combobox-content", className: cn("max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_react_aria_components9.Popover,
+    {
+      "data-slot": "combobox-content",
+      className: cn(
+        "max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function ComboboxList({ className, emptyState, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.ListBox, { "data-slot": "combobox-list", className: cn("max-h-64 overflow-y-auto", className), renderEmptyState: emptyState ? () => emptyState : void 0, ...props });
+function ComboboxList({
+  className,
+  emptyState,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_react_aria_components9.ListBox,
+    {
+      "data-slot": "combobox-list",
+      className: cn("max-h-64 overflow-y-auto", className),
+      renderEmptyState: emptyState ? () => emptyState : void 0,
+      ...props
+    }
+  );
 }
-function ComboboxItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.ListBoxItem, { "data-slot": "combobox-item", className: cn("flex w-full cursor-default items-center justify-between rounded-md px-2 py-2 text-sm outline-none transition-colors data-focused:bg-muted data-focused:text-foreground data-hovered:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+function ComboboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_react_aria_components9.ListBoxItem,
+    {
+      "data-slot": "combobox-item",
+      className: cn(
+        "flex w-full cursor-default items-center justify-between rounded-md px-2 py-2 text-sm outline-none transition-colors data-focused:bg-muted data-focused:text-foreground data-hovered:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
 }
-function HighlightMatch({ text, query, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react6.Fragment, { children: part.text }, `${part.text}-${index}`)) });
+function HighlightMatch({
+  text,
+  query,
+  className
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className, children: getTextMatchParts(text, query).map(
+    (part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+      "mark",
+      {
+        className: "bg-accent text-accent-foreground rounded px-0.5",
+        children: part.text
+      },
+      `${part.text}-${index}`
+    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react6.Fragment, { children: part.text }, `${part.text}-${index}`)
+  ) });
 }
-function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "px-3 py-7 text-center text-sm text-muted-foreground", children: "No hay resultados." }), suggestion = true, placeholder, className, onKeyDown: _onKeyDown, ...props }) {
+function AutocompleteCombobox({
+  items,
+  getItemKey,
+  getItemLabel,
+  renderItem,
+  inputValue: controlledInputValue,
+  onInputChange,
+  selectedKey,
+  onSelectionChange,
+  label,
+  description,
+  errorMessage,
+  emptyState = /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-muted-foreground px-3 py-7 text-center text-sm", children: "No hay resultados." }),
+  suggestion = true,
+  placeholder,
+  className,
+  onKeyDown: _onKeyDown,
+  ...props
+}) {
   const [internalInputValue, setInternalInputValue] = (0, import_react6.useState)("");
   const inputValue = controlledInputValue ?? internalInputValue;
   const setInputValue = (value) => {
@@ -1208,8 +1665,16 @@ function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inp
     onInputChange?.(value);
   };
   const normalizedQuery = inputValue.trim().toLocaleLowerCase();
-  const filteredItems = (0, import_react6.useMemo)(() => normalizedQuery ? items.filter((item) => getItemLabel(item).toLocaleLowerCase().includes(normalizedQuery)) : [...items], [getItemLabel, items, normalizedQuery]);
-  const suggestedItem = (0, import_react6.useMemo)(() => !suggestion || !normalizedQuery ? void 0 : items.find((item) => getItemLabel(item).toLocaleLowerCase().startsWith(normalizedQuery) && getItemLabel(item).length > inputValue.length), [getItemLabel, inputValue.length, items, normalizedQuery, suggestion]);
+  const filteredItems = (0, import_react6.useMemo)(
+    () => normalizedQuery ? items.filter((item) => getItemLabel(item).toLocaleLowerCase().includes(normalizedQuery)) : [...items],
+    [getItemLabel, items, normalizedQuery]
+  );
+  const suggestedItem = (0, import_react6.useMemo)(
+    () => !suggestion || !normalizedQuery ? void 0 : items.find(
+      (item) => getItemLabel(item).toLocaleLowerCase().startsWith(normalizedQuery) && getItemLabel(item).length > inputValue.length
+    ),
+    [getItemLabel, inputValue.length, items, normalizedQuery, suggestion]
+  );
   const suggestionLabel = suggestedItem ? getItemLabel(suggestedItem) : void 0;
   const acceptSuggestion = () => {
     if (!suggestedItem || !suggestionLabel) return false;
@@ -1220,124 +1685,109 @@ function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inp
   const handleKeyDown = (event) => {
     if ((event.key === "Tab" || event.key === "Enter") && acceptSuggestion()) event.preventDefault();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react_aria_components8.ComboBox, { ...props, className: cn("group/combobox flex w-full flex-col gap-1.5", className), items: filteredItems, selectedKey, inputValue, onInputChange: setInputValue, onSelectionChange: (key) => {
-    const item = filteredItems.find((candidate) => String(getItemKey(candidate)) === String(key));
-    if (item) setInputValue(getItemLabel(item));
-    onSelectionChange?.(key, item);
-  }, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.Label, { className: "text-sm font-medium text-foreground", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "relative", children: [
-      suggestionLabel && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-2.5 z-0 flex items-center whitespace-pre text-sm text-muted-foreground/60", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-transparent", children: inputValue }),
-        suggestionLabel.slice(inputValue.length)
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboboxInput, { "aria-autocomplete": suggestionLabel ? "both" : "list", placeholder, onKeyDown: handleKeyDown, className: "relative z-10 bg-transparent" })
-    ] }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.Text, { slot: "description", className: "text-xs text-muted-foreground", children: description }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.FieldError, { className: "text-xs text-destructive", children: errorMessage }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboboxList, { emptyState, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ComboboxItem, { id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item, inputValue) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(HighlightMatch, { text: getItemLabel(item), query: inputValue }) }) }) })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_react_aria_components9.ComboBox,
+    {
+      ...props,
+      className: cn("group/combobox flex w-full flex-col gap-1.5", className),
+      items: filteredItems,
+      selectedKey,
+      inputValue,
+      onInputChange: setInputValue,
+      onSelectionChange: (key) => {
+        const item = filteredItems.find(
+          (candidate) => String(getItemKey(candidate)) === String(key)
+        );
+        if (item) setInputValue(getItemLabel(item));
+        onSelectionChange?.(key, item);
+      },
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.Label, { className: "text-foreground text-sm font-medium", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "relative", children: [
+          suggestionLabel && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: "text-muted-foreground/60 pointer-events-none absolute inset-y-0 left-2.5 z-0 flex items-center text-sm whitespace-pre",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-transparent", children: inputValue }),
+                suggestionLabel.slice(inputValue.length)
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            ComboboxInput,
+            {
+              "aria-autocomplete": suggestionLabel ? "both" : "list",
+              placeholder,
+              onKeyDown: handleKeyDown,
+              className: "relative z-10 bg-transparent"
+            }
+          )
+        ] }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.Text, { slot: "description", className: "text-muted-foreground text-xs", children: description }),
+        errorMessage && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.FieldError, { className: "text-destructive text-xs", children: errorMessage }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ComboboxList, { emptyState, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ComboboxItem, { id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item, inputValue) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(HighlightMatch, { text: getItemLabel(item), query: inputValue }) }) }) })
+      ]
+    }
+  );
 }
 
 // src/ui/command/command.tsx
-var import_react_aria_components9 = require("react-aria-components");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react_aria_components10 = require("react-aria-components");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function Command({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.ComboBox, { "data-slot": "command", className: cn("w-full", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.ComboBox, { "data-slot": "command", className: cn("w-full", className), ...props });
 }
 function CommandInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.Input, { "data-slot": "command-input", className: cn("h-9 w-full border-0 bg-transparent px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_react_aria_components10.Input,
+    {
+      "data-slot": "command-input",
+      className: cn(
+        "h-9 w-full border-0 bg-transparent px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function CommandContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.Popover, { "data-slot": "command-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 shadow-lg outline-none", className), ...props });
-}
-function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.ListBox, { "data-slot": "command-list", className: cn("max-h-72 overflow-y-auto", className), ...props });
-}
-function CommandItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.ListBoxItem, { "data-slot": "command-item", className: cn("flex cursor-default items-center rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_react_aria_components10.Popover,
+    {
+      "data-slot": "command-content",
+      className: cn(
+        "w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 shadow-lg outline-none",
+        className
+      ),
+      ...props
+    }
+  );
 }
-
-// src/ui/modal-dialog/modal-dialog.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_react_aria_components10 = require("react-aria-components");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var sizeClasses = {
-  sm: "w-[min(calc(100dvw-2rem),24rem)]",
-  md: "w-[min(calc(100dvw-2rem),28rem)]",
-  lg: "w-[min(calc(100dvw-2rem),36rem)]"
-};
-function ModalDialog({
-  open,
-  onOpenChange,
-  title,
-  description,
-  children,
-  footer,
-  size = "sm",
-  showCloseButton = true,
+function CommandList({
   className,
-  footerClassName,
   ...props
 }) {
-  const layoutClass = children ? footer ? "grid-rows-[auto_minmax(0,1fr)_auto]" : "grid-rows-[auto_minmax(0,1fr)]" : "grid-rows-[auto_auto]";
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_react_aria_components10.ModalOverlay,
+    import_react_aria_components10.ListBox,
     {
-      isOpen: open,
-      onOpenChange,
-      className: "fixed inset-0 z-50 grid place-items-center bg-black/20 p-4 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out",
-      ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_react_aria_components10.Modal,
-        {
-          className: cn(
-            "max-h-[calc(100dvh-2rem)] outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
-            sizeClasses[size],
-            className
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-            import_react_aria_components10.Dialog,
-            {
-              className: cn(
-                "grid max-h-[calc(100dvh-2rem)] overflow-hidden rounded-xl bg-background text-foreground shadow-xl outline-none",
-                layoutClass
-              ),
-              children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("header", { "data-slot": "modal-dialog-header", className: "flex items-start gap-3 border-b border-border px-5 py-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Heading, { slot: "title", className: "font-heading text-base leading-none font-medium", children: title }),
-                    description ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Text, { slot: "description", className: "mt-2 text-sm text-muted-foreground", children: description }) : null
-                  ] }),
-                  showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                    Button,
-                    {
-                      "aria-label": "Cerrar di\xE1logo",
-                      variant: "ghost",
-                      size: "icon",
-                      className: "-mr-2 -mt-1",
-                      onPress: close,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react3.X, { "aria-hidden": "true", className: "size-4" })
-                    }
-                  ) : null
-                ] }),
-                children ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { "data-slot": "modal-dialog-body", className: "min-h-0 overflow-y-auto px-5 py-4", children }) : null,
-                footer ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-                  "footer",
-                  {
-                    "data-slot": "modal-dialog-footer",
-                    className: cn(
-                      "flex flex-col-reverse gap-2 border-t border-border bg-muted/50 px-5 py-4 sm:flex-row sm:flex-wrap sm:justify-end",
-                      footerClassName
-                    ),
-                    children: footer
-                  }
-                ) : null
-              ] })
-            }
-          )
-        }
-      )
+      "data-slot": "command-list",
+      className: cn("max-h-72 overflow-y-auto", className),
+      ...props
+    }
+  );
+}
+function CommandItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_react_aria_components10.ListBoxItem,
+    {
+      "data-slot": "command-item",
+      className: cn(
+        "flex cursor-default items-center rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props
     }
   );
 }
@@ -1355,20 +1805,24 @@ function ConfirmDialog({
   pending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    ModalDialog,
-    {
-      open,
-      onOpenChange,
-      title,
-      description,
-      showCloseButton: false,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogContent, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogTitle, { children: title }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogDescription, { children: description }) : null
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogFooter, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        Button,
+        {
+          variant: destructive ? "destructive" : "default",
+          isDisabled: pending,
+          onPress: onConfirm,
+          children: confirmLabel
+        }
+      )
+    ] })
+  ] }) });
 }
 
 // src/ui/danger-zone/danger-zone.tsx
@@ -1388,14 +1842,14 @@ function DangerZone({
       {
         slot: "trigger",
         "data-slot": "danger-zone-trigger",
-        className: "group/danger flex w-full items-center gap-3 px-4 text-left outline-none focus-visible:ring-3 focus-visible:ring-ring/50",
+        className: "group/danger focus-visible:ring-ring/50 flex w-full items-center gap-3 px-4 text-left outline-none focus-visible:ring-3",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.ShieldAlert, { className: "size-4 shrink-0 text-destructive" }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
           /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-heading text-base leading-snug font-medium text-destructive", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-xs text-muted-foreground", children: description })
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-muted-foreground text-xs", children: description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-aria-expanded/danger:rotate-180" })
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
         ]
       }
     ) }),
@@ -1403,160 +1857,13 @@ function DangerZone({
   ] }) });
 }
 
-// src/ui/dialog/dialog.tsx
+// src/ui/doc-preview/doc-preview.tsx
 var import_lucide_react5 = require("lucide-react");
-var React4 = __toESM(require("react"), 1);
-var import_react_aria_components12 = require("react-aria-components");
 var import_jsx_runtime19 = require("react/jsx-runtime");
-var DialogContext = React4.createContext(null);
-function useDialogContext() {
-  const context = React4.useContext(DialogContext);
-  if (!context) throw new Error("Dialog components must be rendered within Dialog.");
-  return context;
-}
-function Dialog({ children, defaultOpen = false, onOpenChange, open: controlledOpen }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React4.useState(defaultOpen);
-  const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = React4.useCallback(
-    (nextOpen) => {
-      if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
-      onOpenChange?.(nextOpen);
-    },
-    [controlledOpen, onOpenChange]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogContext.Provider, { value: { open, setOpen }, children });
-}
-function DialogTrigger({ asChild = false, children, onClick, ...props }) {
-  const { setOpen } = useDialogContext();
-  const handleClick = (event) => {
-    onClick?.(event);
-    if (!event.defaultPrevented) setOpen(true);
-  };
-  if (asChild && React4.isValidElement(children)) {
-    const child = children;
-    return React4.cloneElement(child, {
-      ...props,
-      "data-slot": "dialog-trigger",
-      onClick: (event) => {
-        child.props.onClick?.(event);
-        handleClick(event);
-      }
-    });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { "data-slot": "dialog-trigger", onPress: () => setOpen(true), ...props, children });
-}
-function DialogPortal({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_jsx_runtime19.Fragment, { children });
-}
-function DialogOverlay({ children, className, ...props }) {
-  const { open, setOpen } = useDialogContext();
-  if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_react_aria_components12.ModalOverlay,
-    {
-      "data-slot": "dialog-overlay",
-      isDismissable: true,
-      isOpen: open,
-      onOpenChange: setOpen,
-      className: cn(
-        "fixed inset-0 isolate z-50 grid place-items-center bg-black/10 p-4 duration-100 supports-backdrop-filter:backdrop-blur-xs data-entering:animate-ui-overlay-in data-exiting:animate-ui-overlay-out",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
-function DialogContent({
-  children,
-  className,
-  onOverlayClick,
-  showCloseButton = true,
-  ...props
-}) {
-  const { setOpen } = useDialogContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    DialogOverlay,
-    {
-      onClick: (event) => {
-        if (event.target === event.currentTarget) onOverlayClick?.(event);
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-        import_react_aria_components12.Modal,
-        {
-          className: cn(
-            "w-full max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] outline-none sm:max-w-sm",
-            className
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
-            import_react_aria_components12.Dialog,
-            {
-              "data-slot": "dialog-content",
-              className: cn(
-                "grid max-h-[calc(100dvh-2rem)] gap-4 overflow-y-auto rounded-xl bg-background p-4 text-sm text-foreground ring-1 ring-foreground/10 outline-none",
-                className
-              ),
-              ...props,
-              children: [
-                children,
-                showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-                  Button,
-                  {
-                    "aria-label": "Cerrar di\xE1logo",
-                    "data-slot": "dialog-close",
-                    variant: "ghost",
-                    className: "absolute top-2 right-2",
-                    size: "icon-sm",
-                    onPress: () => setOpen(false),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.XIcon, {})
-                  }
-                ) : null
-              ]
-            }
-          )
-        }
-      )
-    }
-  ) });
-}
-function DialogClose({ asChild = false, children, onClick, ...props }) {
-  const { setOpen } = useDialogContext();
-  if (asChild && React4.isValidElement(children)) {
-    const child = children;
-    return React4.cloneElement(child, {
-      ...props,
-      "data-slot": "dialog-close",
-      onClick: (event) => {
-        child.props.onClick?.(event);
-        if (!event.defaultPrevented) setOpen(false);
-      }
-    });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { "data-slot": "dialog-close", onPress: () => setOpen(false), ...props, children });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
-}
-function DialogFooter({ className, showCloseButton = false, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { "data-slot": "dialog-footer", className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:flex-wrap sm:justify-end", className), ...props, children: [
-    children,
-    showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogClose, { variant: "outline", children: "Cerrar" }) : null
-  ] });
-}
-function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components12.Heading, { slot: "title", "data-slot": "dialog-title", className: cn("font-heading text-base leading-none font-medium", className), ...props });
-}
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components12.Text, { slot: "description", "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className), ...props });
-}
-
-// src/ui/doc-preview/doc-preview.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
 function DocPreview({ url, mimeType, name }) {
-  if (!url) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Fallback, { mimeType, reason: "no-url" });
+  if (!url) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Fallback, { mimeType, reason: "no-url" });
   if (mimeType === "application/pdf" || mimeType === "text/plain" || mimeType === "text/csv") {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "iframe",
       {
         src: url,
@@ -1567,53 +1874,34 @@ function DocPreview({ url, mimeType, name }) {
     );
   }
   if (mimeType?.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "flex justify-center rounded-sm bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Fallback, { mimeType, reason: "unsupported" });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Fallback, { mimeType, reason: "unsupported" });
 }
-function Fallback({ mimeType, reason }) {
-  const Icon = mimeType?.startsWith("image/") ? import_lucide_react6.Image : import_lucide_react6.FileText;
+function Fallback({
+  mimeType,
+  reason
+}) {
+  const Icon = mimeType?.startsWith("image/") ? import_lucide_react5.Image : import_lucide_react5.FileText;
   const message = reason === "no-url" ? "No se pudo generar la URL de preview." : "Preview no disponible para este tipo de archivo.";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 py-14 text-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { className: "size-9 opacity-30" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm", children: message }),
-    mimeType ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { className: "size-9 opacity-30" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm", children: message }),
+    mimeType ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
   ] });
 }
 
-// src/ui/drawer/drawer.tsx
-var import_react_aria_components13 = require("react-aria-components");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var sideStyles = { left: "inset-y-0 left-0 h-full w-[min(22rem,calc(100%-2rem))] data-entering:animate-ui-surface-in", right: "inset-y-0 right-0 h-full w-[min(22rem,calc(100%-2rem))] data-entering:animate-ui-surface-in", bottom: "inset-x-0 bottom-0 max-h-[85vh] w-full data-entering:animate-ui-surface-in" };
-function Drawer({ children, side = "right", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.ModalOverlay, { isDismissable: true, className: "fixed inset-0 z-50 bg-black/20 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.Modal, { className: cn("absolute grid gap-4 overflow-y-auto rounded-xl border border-border bg-background p-5 text-foreground shadow-xl outline-none", sideStyles[side], className), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.Dialog, { "data-slot": "drawer", className: "outline-none", children }) }) });
-}
-function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
-}
-function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { "data-slot": "drawer-footer", className: cn("mt-auto flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end", className), ...props });
-}
-function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.Heading, { slot: "title", "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
-}
-function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
-}
-
 // src/ui/dropdown-menu/dropdown-menu.tsx
-var React5 = require("react");
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_lucide_react7 = require("lucide-react");
-var import_react_aria_components14 = require("react-aria-components");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-function DropdownMenuTrigger({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components14.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
+var import_lucide_react6 = require("lucide-react");
+var React5 = require("react");
+var import_react_aria_components12 = require("react-aria-components");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components12.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
-function DropdownMenu({
+function DropdownMenuContent({
   "data-slot": dataSlot = "dropdown-menu-content",
   placement = "bottom start",
   offset = 4,
@@ -1622,16 +1910,19 @@ function DropdownMenu({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_react_aria_components14.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components12.Popover,
     {
       "data-slot": dataSlot,
       placement,
       offset,
       crossOffset,
-      className: cn("z-50 w-(--trigger-width) min-w-32 origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-        import_react_aria_components14.Menu,
+      className: cn(
+        "z-50 w-(--trigger-width) min-w-32 origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_react_aria_components12.Menu,
         {
           className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
           ...props,
@@ -1641,18 +1932,27 @@ function DropdownMenu({
     }
   );
 }
+function DropdownMenu(props) {
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuContent, { ...props });
+  const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+    triggerElement,
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuContent, { ...contentProps, children })
+  ] });
+}
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components14.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components12.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_react_aria_components14.Header,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components12.Header,
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
@@ -1683,39 +1983,34 @@ function DropdownMenuItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_react_aria_components14.MenuItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components12.MenuItem,
     {
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
       textValue: typeof children === "string" ? children : props.textValue,
-      className: (0, import_react_aria_components14.composeRenderProps)(
+      className: (0, import_react_aria_components12.composeRenderProps)(
         className,
         (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
       ),
       ...props,
-      children: (0, import_react_aria_components14.composeRenderProps)(
-        children,
-        (children2, { isSelected, selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-          selectionMode !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            "span",
-            {
-              className: "pointer-events-none absolute right-2 flex items-center justify-center",
-              "data-slot": selectionMode === "single" ? "dropdown-menu-radio-item-indicator" : "dropdown-menu-checkbox-item-indicator",
-              children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react7.CheckIcon, {}) : null
-            }
-          ) : null,
-          children2
-        ] })
-      )
+      children: (0, import_react_aria_components12.composeRenderProps)(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+        selectionMode !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": selectionMode === "single" ? "dropdown-menu-radio-item-indicator" : "dropdown-menu-checkbox-item-indicator",
+            children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.CheckIcon, {}) : null
+          }
+        ) : null,
+        children2
+      ] }))
     }
   );
 }
-function DropdownMenuSub({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components14.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components12.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1723,8 +2018,8 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_react_aria_components14.MenuItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components12.MenuItem,
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
@@ -1734,9 +2029,9 @@ function DropdownMenuSubTrigger({
         className
       ),
       ...props,
-      children: (0, import_react_aria_components14.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+      children: (0, import_react_aria_components12.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
         children2,
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react7.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
       ] }))
     }
   );
@@ -1748,11 +2043,14 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    DropdownMenu,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    DropdownMenuContent,
     {
       "data-slot": "dropdown-menu-sub-content",
-      className: cn("w-auto min-w-24 rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-lg", className),
+      className: cn(
+        "w-auto min-w-24 rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-lg",
+        className
+      ),
       placement,
       crossOffset,
       offset,
@@ -1764,8 +2062,8 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_react_aria_components14.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components12.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: cn("-mx-1 my-1 h-px bg-border", className),
@@ -1773,11 +2071,8 @@ function DropdownMenuSeparator({
     }
   );
 }
-function DropdownMenuShortcut({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -1790,11 +2085,25 @@ function DropdownMenuShortcut({
   );
 }
 
-// src/ui/empty-state/empty-state.tsx
+// src/ui/empty-state/empty-state-variants.ts
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var emptyStateMediaVariants = (0, import_class_variance_authority7.cva)(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "size-8 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+
+// src/ui/empty-state/empty-state.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "empty-state",
@@ -1807,7 +2116,7 @@ function EmptyState({ className, ...props }) {
   );
 }
 function EmptyStateHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "empty-state-header",
@@ -1816,24 +2125,12 @@ function EmptyStateHeader({ className, ...props }) {
     }
   );
 }
-var emptyStateMediaVariants = (0, import_class_variance_authority7.cva)(
-  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        icon: "size-8 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
-      }
-    },
-    defaultVariants: { variant: "default" }
-  }
-);
 function EmptyStateMedia({
   className,
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "empty-state-media",
@@ -1843,18 +2140,19 @@ function EmptyStateMedia({
     }
   );
 }
-function EmptyStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+function EmptyStateTitle({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "h3",
     {
       "data-slot": "empty-state-title",
       className: cn("text-sm font-medium tracking-tight text-foreground", className),
-      ...props
+      ...props,
+      children
     }
   );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "p",
     {
       "data-slot": "empty-state-description",
@@ -1867,7 +2165,7 @@ function EmptyStateDescription({ className, ...props }) {
   );
 }
 function EmptyStateContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "empty-state-content",
@@ -1880,28 +2178,54 @@ function EmptyStateContent({ className, ...props }) {
   );
 }
 
-// src/ui/field/field.tsx
+// src/ui/label/label.tsx
+var import_react7 = require("react");
+var import_react_aria_components13 = require("react-aria-components");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var Label2 = (0, import_react7.forwardRef)(
+  function Label3({ className, ...props }, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      import_react_aria_components13.Label,
+      {
+        ref,
+        "data-slot": "label",
+        className: cn(
+          "flex items-center gap-2 text-sm font-medium leading-none select-none",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+
+// src/ui/field/field-variants.ts
 var import_class_variance_authority8 = require("class-variance-authority");
-
-// src/ui/label/label.tsx
-var import_react7 = require("react");
-var import_react_aria_components15 = require("react-aria-components");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var Label2 = (0, import_react7.forwardRef)(function Label3({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components15.Label, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
-});
+var fieldVariants = (0, import_class_variance_authority8.cva)(
+  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto",
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto"
+      }
+    },
+    defaultVariants: { orientation: "vertical" }
+  }
+);
 
 // src/ui/field/field.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
 }
 function FieldLegend({
   className,
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1915,7 +2239,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -1927,23 +2251,10 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = (0, import_class_variance_authority8.cva)(
-  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
-  {
-    variants: {
-      orientation: {
-        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
-        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto",
-        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto"
-      }
-    },
-    defaultVariants: { orientation: "vertical" }
-  }
-);
 function Field({ className, orientation = "vertical", ...props }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: FieldSet provides native fieldset semantics when they are appropriate.
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         role: "group",
@@ -1956,7 +2267,7 @@ function Field({ className, orientation = "vertical", ...props }) {
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -1966,7 +2277,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Label2,
     {
       "data-slot": "field-label",
@@ -1979,7 +2290,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "field-title",
@@ -1989,7 +2300,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -2002,7 +2313,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldSeparator({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -2010,12 +2321,12 @@ function FieldSeparator({ className, children, ...props }) {
       className: cn("relative -my-2 h-5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
           "span",
           {
             "data-slot": "field-separator-content",
-            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
             children
           }
         ) : null
@@ -2025,9 +2336,9 @@ function FieldSeparator({ className, children, ...props }) {
 }
 function FieldError2({ className, children, errors, ...props }) {
   const messages = [...new Set(errors?.flatMap((error) => error?.message ?? []) ?? [])];
-  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { children: message }, message)) }) : null);
+  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { children: message }, message)) }) : null);
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       role: "alert",
@@ -2040,9 +2351,42 @@ function FieldError2({ className, children, errors, ...props }) {
 }
 
 // src/ui/form-feedback/form-feedback.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function FormFeedback({
+  state,
+  className,
+  pendingLabel = "Guardando\u2026",
+  successLabel = "Guardado"
+}) {
+  if (state.status === "idle")
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+  const error = state.status === "error";
+  const success = state.status === "success";
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    "span",
+    {
+      role: error ? "alert" : "status",
+      "aria-live": "polite",
+      className: cn(
+        "inline-flex h-5 items-center gap-1.5 text-xs",
+        error && "text-destructive",
+        success && "text-success",
+        state.status === "pending" && "text-muted-foreground",
+        className
+      ),
+      children: [
+        state.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+        success && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+      ]
+    }
+  );
+}
+
+// src/ui/form-feedback/use-form-feedback.ts
 var import_react8 = require("react");
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime26 = require("react/jsx-runtime");
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
   const [state, setState] = (0, import_react8.useState)({ status: "idle" });
@@ -2056,79 +2400,74 @@ function useFormFeedback(options) {
     clearTimer();
     setState({ status: "pending" });
   }, [clearTimer]);
-  const setSuccess = (0, import_react8.useCallback)((message) => {
-    clearTimer();
-    setState({ status: "success", message });
-    if (resetMs > 0) timer.current = setTimeout(() => setState({ status: "idle" }), resetMs);
-  }, [clearTimer, resetMs]);
-  const setError = (0, import_react8.useCallback)((message) => {
-    clearTimer();
-    setState({ status: "error", message });
-  }, [clearTimer]);
+  const setSuccess = (0, import_react8.useCallback)(
+    (message) => {
+      clearTimer();
+      setState({ status: "success", message });
+      if (resetMs > 0) timer.current = setTimeout(() => setState({ status: "idle" }), resetMs);
+    },
+    [clearTimer, resetMs]
+  );
+  const setError = (0, import_react8.useCallback)(
+    (message) => {
+      clearTimer();
+      setState({ status: "error", message });
+    },
+    [clearTimer]
+  );
   const reset = (0, import_react8.useCallback)(() => {
     clearTimer();
     setState({ status: "idle" });
   }, [clearTimer]);
   return { state, pending: state.status === "pending", setPending, setSuccess, setError, reset };
 }
-function FormFeedback({ state, className, pendingLabel = "Guardando\u2026", successLabel = "Guardado" }) {
-  if (state.status === "idle") return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
-  const error = state.status === "error";
-  const success = state.status === "success";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("span", { role: error ? "alert" : "status", "aria-live": "polite", className: cn("inline-flex h-5 items-center gap-1.5 text-xs", error && "text-destructive", success && "text-success", state.status === "pending" && "text-muted-foreground", className), children: [
-    state.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-    success && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react8.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
-  ] });
-}
 
 // src/ui/form-row/form-row.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
-function FormRow({ label, htmlFor, required, hint, error, className, children }) {
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function FormRow({
+  label,
+  htmlFor,
+  required,
+  hint,
+  error,
+  className,
+  children
+}) {
   const hintId = hint ? `${htmlFor}-hint` : void 0;
   const errorId = error ? `${htmlFor}-error` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { htmlFor, className: "text-sm font-medium text-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { htmlFor, className: "text-foreground text-sm font-medium", children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
   ] });
 }
 
 // src/ui/icon-button/icon-button.tsx
-var import_react_aria_components17 = require("react-aria-components");
+var import_react_aria_components15 = require("react-aria-components");
 
 // src/ui/tooltip/tooltip.tsx
-var React6 = __toESM(require("react"), 1);
-var import_react_aria_components16 = require("react-aria-components");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_react_aria_components14 = require("react-aria-components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function TooltipTrigger({
   delay = 0,
-  children,
   ...props
 }) {
-  const [trigger, tooltip] = React6.Children.toArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    import_react_aria_components16.TooltipTrigger,
-    {
-      "data-slot": "tooltip-trigger",
-      delay,
-      ...props,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_aria_components16.Focusable, { children: trigger }),
-        tooltip
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components14.TooltipTrigger, { "data-slot": "tooltip-trigger", delay, ...props });
+}
+function Tooltip({ label, children, delay, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipTrigger, { delay, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipContent, { ...props, children: label })
+  ] });
 }
-function Tooltip({
+function TooltipContent({
   className,
   placement = "top",
   offset = 4,
@@ -2136,8 +2475,8 @@ function Tooltip({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
-    import_react_aria_components16.Tooltip,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_react_aria_components14.Tooltip,
     {
       "data-slot": "tooltip-content",
       placement,
@@ -2150,10 +2489,10 @@ function Tooltip({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-          import_react_aria_components16.OverlayArrow,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_react_aria_components14.OverlayArrow,
           {
-            className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-foreground fill-foreground",
+            className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
             style: ({ placement: placement2, defaultStyle }) => ({
               ...defaultStyle,
               rotate: "0deg",
@@ -2168,7 +2507,7 @@ function Tooltip({
 }
 
 // src/ui/icon-button/icon-button.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function IconButton({
   label,
   children,
@@ -2177,76 +2516,67 @@ function IconButton({
   variant,
   ...props
 }) {
-  const linkClassName = cn(
-    buttonVariants({ variant, size: "icon" }),
-    className
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(TooltipTrigger, { children: [
-    href ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_react_aria_components17.Link,
-      {
-        "data-slot": "icon-button",
-        "aria-label": label,
-        href,
-        className: linkClassName,
-        children
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      Button,
-      {
-        "data-slot": "icon-button",
-        "aria-label": label,
-        variant,
-        size: "icon",
-        className,
-        ...props,
-        children
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Tooltip, { children: label })
-  ] });
+  const linkClassName = cn(buttonVariants({ variant, size: "icon" }), className);
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Tooltip, { label, children: href ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_aria_components15.Link, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Button,
+    {
+      "data-slot": "icon-button",
+      "aria-label": label,
+      variant,
+      size: "icon",
+      className,
+      ...props,
+      children
+    }
+  ) });
 }
 
 // src/ui/input-group/input-group.tsx
-var import_class_variance_authority9 = require("class-variance-authority");
+var import_class_variance_authority10 = require("class-variance-authority");
 
 // src/ui/input/input.tsx
 var import_react9 = require("react");
-var import_react_aria_components18 = require("react-aria-components");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_react_aria_components16 = require("react-aria-components");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var InputImpl = (0, import_react9.forwardRef)(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_aria_components18.Input, { ref, type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_react_aria_components16.Input,
+    {
+      ref,
+      type,
+      "data-slot": "input",
+      className: cn(
+        "box-border h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
 });
 var Input3 = InputImpl;
 
 // src/ui/textarea/textarea.tsx
 var import_react10 = require("react");
-var import_react_aria_components19 = require("react-aria-components");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_react_aria_components17 = require("react-aria-components");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var TextareaImpl = (0, import_react10.forwardRef)(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_aria_components19.TextArea, { ref, "data-slot": "textarea", className: cn("min-h-20 w-full rounded-lg border border-border bg-background px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
-});
-var Textarea2 = TextareaImpl;
-
-// src/ui/input-group/input-group.tsx
-var import_jsx_runtime32 = (
-  // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
-  require("react/jsx-runtime")
-);
-function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-    "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_react_aria_components17.TextArea,
     {
-      role: "group",
-      "data-slot": "input-group",
+      ref,
+      "data-slot": "textarea",
       className: cn(
-        "group/input-group relative flex min-h-8 w-full min-w-0 items-center rounded-lg border border-border transition-colors outline-none has-disabled:bg-muted/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align^=block]]:h-auto has-[>[data-align^=block]]:flex-col",
+        "box-border min-h-20 w-full rounded-lg border border-border bg-background px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive",
         className
       ),
       ...props
     }
   );
-}
+});
+var Textarea2 = TextareaImpl;
+
+// src/ui/input-group/input-group-addon-variants.ts
+var import_class_variance_authority9 = require("class-variance-authority");
 var inputGroupAddonVariants = (0, import_class_variance_authority9.cva)(
   "flex cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&_svg:not([class*='size-'])]:size-4",
   {
@@ -2261,6 +2591,26 @@ var inputGroupAddonVariants = (0, import_class_variance_authority9.cva)(
     defaultVariants: { align: "inline-start" }
   }
 );
+
+// src/ui/input-group/input-group.tsx
+var import_jsx_runtime30 = (
+  // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
+  require("react/jsx-runtime")
+);
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group",
+      className: cn(
+        "group/input-group relative flex min-h-8 w-full min-w-0 items-center rounded-lg border border-border transition-colors outline-none has-disabled:bg-muted/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align^=block]]:h-auto has-[>[data-align^=block]]:flex-col",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function InputGroupAddon({
   className,
   align = "inline-start",
@@ -2269,7 +2619,7 @@ function InputGroupAddon({
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: this addon delegates focus to its associated input.
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         role: "group",
@@ -2286,7 +2636,7 @@ function InputGroupAddon({
     )
   );
 }
-var inputGroupButtonVariants = (0, import_class_variance_authority9.cva)("shrink-0 shadow-none", {
+var inputGroupButtonVariants = (0, import_class_variance_authority10.cva)("shrink-0 shadow-none", {
   variants: {
     size: { xs: "h-6 px-1.5 text-xs", sm: "h-7 px-2", "icon-xs": "size-6", "icon-sm": "size-7" }
   },
@@ -2300,7 +2650,7 @@ function InputGroupButton({
   ...props
 }) {
   const buttonSize = size === "icon-xs" || size === "icon-sm" ? size : size;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Button,
     {
       "data-slot": "input-group-button",
@@ -2313,7 +2663,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "span",
     {
       "data-slot": "input-group-text",
@@ -2326,7 +2676,7 @@ function InputGroupText({ className, ...props }) {
   );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Input3,
     {
       "data-slot": "input-group-control",
@@ -2339,7 +2689,7 @@ function InputGroupInput({ className, ...props }) {
   );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Textarea2,
     {
       "data-slot": "input-group-control",
@@ -2353,40 +2703,93 @@ function InputGroupTextarea({ className, ...props }) {
 }
 
 // src/ui/kbd/kbd.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(
+        "pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "span",
+    {
+      "data-slot": "kbd-group",
+      className: cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
 }
 
 // src/ui/loading-overlay/loading-overlay.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-function LoadingOverlay({ label = "Cargando", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { role: "status", "aria-live": "polite", className: cn("absolute inset-0 z-10 flex items-center justify-center bg-background/70 backdrop-blur-[2px]", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react9.LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: label })
-  ] }) });
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function LoadingOverlay({
+  label = "Cargando",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    "output",
+    {
+      "aria-live": "polite",
+      className: cn(
+        "absolute inset-0 z-10 flex items-center justify-center bg-background/70 backdrop-blur-[2px]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react8.LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: label })
+      ] })
+    }
+  );
 }
 
 // src/ui/menu/menu.tsx
-var import_react_aria_components20 = require("react-aria-components");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var MenuTrigger = import_react_aria_components20.MenuTrigger;
+var import_react_aria_components18 = require("react-aria-components");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var MenuTrigger = import_react_aria_components18.MenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components20.Popover, { "data-slot": "menu-content", className: cn("min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_react_aria_components18.Popover,
+    {
+      "data-slot": "menu-content",
+      className: cn(
+        "min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components20.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components18.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components20.MenuItem, { "data-slot": "menu-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_react_aria_components18.MenuItem,
+    {
+      "data-slot": "menu-item",
+      className: cn(
+        "flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
 }
 
 // src/ui/metric-card/metric-card.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function MetricCard({
   className,
   label,
@@ -2396,20 +2799,27 @@ function MetricCard({
   tone = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Card, { "data-slot": "metric-card", "data-tone": tone, className: cn("min-w-0", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(CardContent, { className: "flex items-start gap-3", children: [
-    icon ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { "data-slot": "metric-card-icon", className: "shrink-0 text-muted-foreground", children: icon }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { "data-slot": "metric-card-label", className: "text-sm text-muted-foreground", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("strong", { "data-slot": "metric-card-value", className: "mt-1 block text-2xl font-semibold tracking-tight", children: value }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { "data-slot": "metric-card-description", className: "mt-1 text-xs text-muted-foreground", children: description }) : null
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Card, { "data-slot": "metric-card", "data-tone": tone, className: cn("min-w-0", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(CardContent, { className: "flex items-start gap-3", children: [
+    icon ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        "strong",
+        {
+          "data-slot": "metric-card-value",
+          className: "mt-1 block text-2xl font-semibold tracking-tight",
+          children: value
+        }
+      ),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
     ] })
   ] }) });
 }
 
 // src/ui/otp-input/otp-input.tsx
 var import_react11 = require("react");
-var import_react_aria_components21 = require("react-aria-components");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_react_aria_components19 = require("react-aria-components");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function normalizeOtp(value, length) {
   return value.replace(/[^0-9]/g, "").slice(0, length);
 }
@@ -2461,7 +2871,7 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
     input.setSelectionRange(position, position);
     setSelectionStart(position);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
     "div",
     {
       "data-slot": "otp-input",
@@ -2471,8 +2881,8 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
       style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-          import_react_aria_components21.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          import_react_aria_components19.Input,
           {
             ...props,
             ref: inputRef,
@@ -2511,7 +2921,7 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
             }
           }
         ),
-        slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -2534,27 +2944,59 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
 var OtpInput2 = OtpInputImpl;
 
 // src/ui/page-header/page-header.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("header", { "data-slot": "page-header", className: cn("flex flex-col gap-4 py-2 sm:flex-row sm:items-center sm:justify-between", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "header",
+    {
+      "data-slot": "page-header",
+      className: cn(
+        "flex flex-col gap-4 py-2 sm:flex-row sm:items-center sm:justify-between",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function PageHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
-function PageHeaderTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h1", { "data-slot": "page-header-title", className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className), ...props });
+function PageHeaderTitle({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "h1",
+    {
+      "data-slot": "page-header-title",
+      className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className),
+      ...props,
+      children
+    }
+  );
 }
 function PageHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "p",
+    {
+      "data-slot": "page-header-description",
+      className: cn("mt-1 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { "data-slot": "page-header-actions", className: cn("flex shrink-0 items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+    "div",
+    {
+      "data-slot": "page-header-actions",
+      className: cn("flex shrink-0 items-center gap-2", className),
+      ...props
+    }
+  );
 }
 
 // src/ui/pagination/pagination.tsx
-var import_lucide_react10 = require("lucide-react");
-var React7 = __toESM(require("react"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_lucide_react9 = require("lucide-react");
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function visiblePages(page, pageCount, siblingCount) {
   return [
     .../* @__PURE__ */ new Set([
@@ -2575,15 +3017,15 @@ function Pagination({
 }) {
   if (pageCount <= 1) return null;
   const pages = visiblePages(page, pageCount, siblingCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "nav",
     {
       "aria-label": ariaLabel,
       className: cn("flex flex-wrap items-center justify-between gap-4", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-sm text-muted-foreground", children: summary ?? `P\xE1gina ${page} de ${pageCount}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${page} de ${pageCount}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             Button,
             {
               "aria-label": "P\xE1gina anterior",
@@ -2591,14 +3033,14 @@ function Pagination({
               onPress: () => onPageChange(page - 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react10.ChevronLeft, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react9.ChevronLeft, {})
             }
           ),
           pages.map((item, index) => {
             const previousPage = pages[index - 1];
-            return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(React7.Fragment, { children: [
-              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { "aria-hidden": "true", className: "px-1 text-muted-foreground", children: "\u2026" }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(React6.Fragment, { children: [
+              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                 Button,
                 {
                   "aria-current": item === page ? "page" : void 0,
@@ -2611,7 +3053,7 @@ function Pagination({
               )
             ] }, item);
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
             Button,
             {
               "aria-label": "P\xE1gina siguiente",
@@ -2619,7 +3061,7 @@ function Pagination({
               onPress: () => onPageChange(page + 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react10.ChevronRight, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react9.ChevronRight, {})
             }
           )
         ] })
@@ -2629,18 +3071,37 @@ function Pagination({
 }
 
 // src/ui/popover/popover.tsx
-var import_react_aria_components22 = require("react-aria-components");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var PopoverTrigger = import_react_aria_components22.DialogTrigger;
-function Popover4({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react_aria_components22.Popover, { "data-slot": "popover", offset: 6, className: cn("min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+var import_react_aria_components20 = require("react-aria-components");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var PopoverTrigger = import_react_aria_components20.DialogTrigger;
+function PopoverContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react_aria_components20.Popover,
+    {
+      "data-slot": "popover",
+      offset: 6,
+      className: cn(
+        "z-50 min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Popover4(props) {
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PopoverContent, { ...props });
+  const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+    triggerElement,
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PopoverContent, { ...contentProps, children })
+  ] });
 }
-var PopoverContent = Popover4;
 
 // src/ui/quantity-input/quantity-input.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_react_aria_components23 = require("react-aria-components");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_react_aria_components21 = require("react-aria-components");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function QuantityInput({
   className,
   inputClassName,
@@ -2650,23 +3111,53 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react_aria_components23.NumberField,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_react_aria_components21.NumberField,
     {
       ...props,
       minValue,
       step,
       "data-slot": "quantity-input",
-      className: cn("group/quantity-input inline-flex min-w-0 data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
-      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
-        import_react_aria_components23.Group,
+      className: cn(
+        "group/quantity-input inline-flex min-w-0 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+        import_react_aria_components21.Group,
         {
           "data-slot": "quantity-input-group",
-          className: "flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border border-border bg-background text-foreground transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive",
+          className: "border-border bg-background text-foreground focus-within:border-ring focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border transition-[border-color,box-shadow] focus-within:ring-3",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_aria_components23.Button, { slot: "decrement", "aria-label": decrementAriaLabel, "data-slot": "quantity-input-decrement", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-r border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.Minus, { "aria-hidden": "true", className: "size-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_aria_components23.Input, { "data-slot": "quantity-input-value", className: cn("w-14 min-w-0 bg-transparent px-1 text-center text-sm tabular-nums outline-none", inputClassName) }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_aria_components23.Button, { slot: "increment", "aria-label": incrementAriaLabel, "data-slot": "quantity-input-increment", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-l border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.Plus, { "aria-hidden": "true", className: "size-4" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              import_react_aria_components21.Button,
+              {
+                slot: "decrement",
+                "aria-label": decrementAriaLabel,
+                "data-slot": "quantity-input-decrement",
+                className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-r transition-colors outline-none data-disabled:pointer-events-none",
+                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react10.Minus, { "aria-hidden": "true", className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              import_react_aria_components21.Input,
+              {
+                "data-slot": "quantity-input-value",
+                className: cn(
+                  "w-14 min-w-0 bg-transparent px-1 text-center text-sm tabular-nums outline-none",
+                  inputClassName
+                )
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+              import_react_aria_components21.Button,
+              {
+                slot: "increment",
+                "aria-label": incrementAriaLabel,
+                "data-slot": "quantity-input-increment",
+                className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-l transition-colors outline-none data-disabled:pointer-events-none",
+                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react10.Plus, { "aria-hidden": "true", className: "size-4" })
+              }
+            )
           ]
         }
       )
@@ -2675,38 +3166,94 @@ function QuantityInput({
 }
 
 // src/ui/select/select.tsx
-var import_react_aria_components24 = require("react-aria-components");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-var Select = import_react_aria_components24.Select;
+var import_lucide_react11 = require("lucide-react");
+var import_react_aria_components22 = require("react-aria-components");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var Select = import_react_aria_components22.Select;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components24.Button, { "data-slot": "select-trigger", className: cn("group/select-trigger flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-    typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.ChevronDown, { "aria-hidden": "true", className: "ml-auto size-4 text-muted-foreground transition-transform group-data-pressed/select-trigger:rotate-180 motion-reduce:transition-none" })
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react_aria_components22.Button,
+    {
+      "data-slot": "select-trigger",
+      className: cn(
+        "group/select-trigger box-border flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: (state) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+        typeof children === "function" ? children(state) : children,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          import_lucide_react11.ChevronDown,
+          {
+            "aria-hidden": "true",
+            className: "text-muted-foreground ml-auto size-4 transition-transform group-data-pressed/select-trigger:rotate-180 motion-reduce:transition-none"
+          }
+        )
+      ] })
+    }
+  );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components24.SelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react_aria_components22.SelectValue,
+    {
+      "data-slot": "select-value",
+      className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className),
+      ...props
+    }
+  );
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components24.Popover, { "data-slot": "select-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react_aria_components22.Popover,
+    {
+      "data-slot": "select-content",
+      className: cn(
+        "w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components24.ListBox, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react_aria_components22.ListBox,
+    {
+      "data-slot": "select-list",
+      className: cn("max-h-64 overflow-y-auto", className),
+      ...props
+    }
+  );
 }
-function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components24.ListBoxItem, { "data-slot": "select-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-selected:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    import_react_aria_components22.ListBoxItem,
+    {
+      "data-slot": "select-item",
+      className: cn(
+        "flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-selected:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
 }
 
 // src/ui/sheet/sheet.tsx
-var import_lucide_react13 = require("lucide-react");
-var import_react_aria_components25 = require("react-aria-components");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_lucide_react12 = require("lucide-react");
+var import_react_aria_components23 = require("react-aria-components");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_aria_components25.DialogTrigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_aria_components23.DialogTrigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ className, variant = "outline", size = "default", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Button,
     {
       slot: "close",
@@ -2723,8 +3270,8 @@ function SheetOverlay({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_react_aria_components25.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react_aria_components23.ModalOverlay,
     {
       "data-slot": "sheet-overlay",
       isDismissable: true,
@@ -2744,8 +3291,8 @@ function Sheet({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SheetOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_react_aria_components25.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react_aria_components23.Modal,
     {
       "data-slot": "sheet-content",
       "data-side": side,
@@ -2753,16 +3300,16 @@ function Sheet({
         "fixed z-50 flex flex-col gap-4 border-border bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-entering:opacity-0 data-exiting:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-entering:translate-y-10 data-[side=bottom]:data-exiting:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-entering:-translate-x-10 data-[side=left]:data-exiting:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-entering:translate-x-10 data-[side=right]:data-exiting:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-entering:-translate-y-10 data-[side=top]:data-exiting:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
-        import_react_aria_components25.Dialog,
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        import_react_aria_components23.Dialog,
         {
           "data-slot": "sheet",
           className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
           children: [
             children,
-            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.XIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "sr-only", children: "Cerrar" })
+            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react12.XIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Cerrar" })
             ] })
           ]
         }
@@ -2777,10 +3324,25 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Sheet, { className, side, showCloseButton, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Sheet, { className, side, showCloseButton, ...props, children });
+}
+function Drawer({
+  children,
+  trigger,
+  triggerProps,
+  defaultOpen,
+  isOpen,
+  onOpenChange,
+  ...contentProps
+}) {
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(SheetTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+    triggerElement,
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetContent, { ...contentProps, children })
+  ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -2790,7 +3352,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -2800,8 +3362,8 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_react_aria_components25.Heading,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react_aria_components23.Heading,
     {
       slot: "title",
       "data-slot": "sheet-title",
@@ -2814,8 +3376,8 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_react_aria_components25.Text,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react_aria_components23.Text,
     {
       slot: "description",
       "data-slot": "sheet-description",
@@ -2824,25 +3386,36 @@ function SheetDescription({
     }
   );
 }
+var DrawerTrigger = SheetTrigger;
+var DrawerContent = SheetContent;
+var DrawerClose = SheetClose;
+var DrawerHeader = SheetHeader;
+var DrawerFooter = SheetFooter;
+var DrawerTitle = SheetTitle;
+var DrawerDescription = SheetDescription;
 
 // src/ui/sidebar/sidebar.tsx
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
+var import_react13 = require("react");
+var import_react_aria_components24 = require("react-aria-components");
+
+// src/ui/sidebar/sidebar-context.ts
 var import_react12 = require("react");
-var import_react_aria_components26 = require("react-aria-components");
-var import_jsx_runtime44 = require("react/jsx-runtime");
 var SidebarContext = (0, import_react12.createContext)(null);
 function useSidebar() {
   const context = (0, import_react12.useContext)(SidebarContext);
-  if (!context)
-    throw new Error("useSidebar must be used inside SidebarProvider");
+  if (!context) throw new Error("useSidebar must be used inside SidebarProvider");
   return context;
 }
+
+// src/ui/sidebar/sidebar.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function SidebarProvider({
   defaultCollapsed = false,
   children
 }) {
-  const [collapsed, setCollapsed] = (0, import_react12.useState)(defaultCollapsed);
-  const value = (0, import_react12.useMemo)(
+  const [collapsed, setCollapsed] = (0, import_react13.useState)(defaultCollapsed);
+  const value = (0, import_react13.useMemo)(
     () => ({
       collapsed,
       setCollapsed,
@@ -2850,14 +3423,11 @@ function SidebarProvider({
     }),
     [collapsed]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SidebarContext.Provider, { value, children });
 }
-function Sidebar({
-  className,
-  ...props
-}) {
+function Sidebar({ className, ...props }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "aside",
     {
       "data-slot": "sidebar",
@@ -2870,11 +3440,8 @@ function Sidebar({
     }
   );
 }
-function SidebarHeader({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+function SidebarHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -2889,7 +3456,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "button",
     {
       type: "button",
@@ -2900,18 +3467,15 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react14.Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react13.Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
       ]
     }
   );
 }
-function SidebarContent({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+function SidebarContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -2921,18 +3485,12 @@ function SidebarContent({
     }
   );
 }
-function SidebarFooter({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+function SidebarFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
-      className: cn(
-        "mt-auto flex flex-col gap-2 border-t border-border p-2",
-        className
-      ),
+      className: cn("mt-auto flex flex-col gap-2 border-t border-border p-2", className),
       ...props
     }
   );
@@ -2944,27 +3502,19 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
-    "section",
-    {
-      "data-slot": "sidebar-group",
-      className: cn("mb-4 last:mb-0", className),
-      ...props,
-      children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-          "h2",
-          {
-            className: cn(
-              "mb-1 px-3 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
-              collapsed && "sr-only"
-            ),
-            children: label
-          }
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+      "h2",
+      {
+        className: cn(
+          "mb-1 px-3 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
+          collapsed && "sr-only"
         ),
-        children
-      ]
-    }
-  );
+        children: label
+      }
+    ),
+    children
+  ] });
 }
 function SidebarItem({
   icon,
@@ -2977,8 +3527,8 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-    import_react_aria_components26.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_react_aria_components24.Link,
     {
       "data-slot": "sidebar-item",
       "aria-current": active ? "page" : void 0,
@@ -2989,25 +3539,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
-          "span",
-          {
-            className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"),
-            children: typeof children === "function" ? children(values) : content
-          }
-        ),
-        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-xs text-muted-foreground", children: badge })
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
+        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-muted-foreground text-xs", children: badge })
       ] })
     }
   );
 }
-function SidebarSeparator({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+function SidebarSeparator({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -3018,7 +3559,7 @@ function SidebarSeparator({
 }
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
@@ -3027,16 +3568,13 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...props,
-      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react14.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react14.ChevronLeft, {})
+      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react13.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react13.ChevronLeft, {})
     }
   );
 }
-function SidebarRail({
-  className,
-  ...props
-}) {
+function SidebarRail({ className, ...props }) {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "button",
     {
       type: "button",
@@ -3051,7 +3589,7 @@ function SidebarRail({
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Button,
     {
       "aria-label": "M\xE1s opciones",
@@ -3059,34 +3597,85 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react14.Ellipsis, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react13.Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "div",
+    {
+      "aria-hidden": "true",
+      "data-slot": "skeleton",
+      className: cn("animate-pulse rounded-md bg-muted", className),
+      ...props
+    }
+  );
 }
 
 // src/ui/submit-button/submit-button.tsx
+var import_lucide_react14 = require("lucide-react");
+var import_react14 = require("react");
 var import_react_dom = require("react-dom");
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
-function SubmitButton({ pendingLabel = "Guardando\u2026", loading = false, children, isDisabled, size = "sm", ...props }) {
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function assignRef(ref, node) {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref) {
+    ref.current = node;
+  }
+}
+function SubmitButton({
+  loadingLabel,
+  pendingLabel,
+  loading = false,
+  children,
+  isDisabled,
+  ref: forwardedRef,
+  size = "sm",
+  ...props
+}) {
   const { pending } = (0, import_react_dom.useFormStatus)();
   const busy = pending || loading;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react15.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-    pendingLabel
-  ] }) : children });
+  const label = loadingLabel ?? pendingLabel ?? "Guardando\u2026";
+  const buttonRef = (0, import_react14.useRef)(null);
+  const setButtonRef = (0, import_react14.useCallback)(
+    (node) => {
+      buttonRef.current = node;
+      assignRef(forwardedRef, node);
+    },
+    [forwardedRef]
+  );
+  (0, import_react14.useLayoutEffect)(() => {
+    const button = buttonRef.current;
+    if (!button) return;
+    if (busy) button.setAttribute("aria-busy", "true");
+    else button.removeAttribute("aria-busy");
+  }, [busy]);
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    Button,
+    {
+      ref: setButtonRef,
+      type: "submit",
+      size,
+      isDisabled: busy || isDisabled,
+      "aria-busy": busy || void 0,
+      ...props,
+      children: busy ? /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react14.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+        label
+      ] }) : children
+    }
+  );
 }
 
 // src/ui/switch/switch.tsx
-var import_react13 = require("react");
-var import_react_aria_components27 = require("react-aria-components");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_react15 = require("react");
+var import_react_aria_components25 = require("react-aria-components");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var switchSizes = {
   sm: {
     control: "h-4 w-[1.875rem] p-0.5",
@@ -3126,13 +3715,14 @@ function Switch({
   ...props
 }) {
   const styles = switchSizes[size];
-  const fallbackInputRef = (0, import_react13.useRef)(null);
+  const fallbackInputRef = (0, import_react15.useRef)(null);
   const resolvedInputRef = inputRef ?? fallbackInputRef;
-  (0, import_react13.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const input = resolvedInputRef.current;
     if (!input) return;
     const handleDirectionalKey = (event) => {
-      if (event.target !== input || event.defaultPrevented || isDisabled || isReadOnly || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey) return;
+      if (event.target !== input || event.defaultPrevented || isDisabled || isReadOnly || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
+        return;
       const nextSelected = event.key === "ArrowRight" ? true : event.key === "ArrowLeft" ? false : null;
       if (nextSelected === null) return;
       event.preventDefault();
@@ -3142,8 +3732,8 @@ function Switch({
     ownerDocument.addEventListener("keydown", handleDirectionalKey);
     return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
   }, [isDisabled, isReadOnly, resolvedInputRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-    import_react_aria_components27.Switch,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_react_aria_components25.Switch,
     {
       "data-slot": "switch",
       "data-size": size,
@@ -3157,10 +3747,10 @@ function Switch({
       ),
       ...props,
       children: (state) => {
-        const isThumbActive = state.isHovered || state.isPressed;
-        const thumbOffset = state.isSelected ? isThumbActive ? styles.activeSelectedOffset : styles.selectedOffset : "0";
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        const isThumbPressed = state.isPressed;
+        const thumbOffset = state.isSelected ? isThumbPressed ? styles.activeSelectedOffset : styles.selectedOffset : "0";
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "span",
             {
               "aria-hidden": "true",
@@ -3174,13 +3764,13 @@ function Switch({
                 "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
                 styles.control
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 "span",
                 {
                   "data-slot": "switch-thumb",
                   style: {
                     transform: `translate3d(${thumbOffset}, 0, 0)`,
-                    width: isThumbActive ? styles.activeWidth : styles.idleWidth
+                    width: isThumbPressed ? styles.activeWidth : styles.idleWidth
                   },
                   className: cn(
                     "grid shrink-0 place-items-center rounded-full border border-border/60 bg-background text-[0.625rem] text-muted-foreground shadow-sm",
@@ -3194,9 +3784,16 @@ function Switch({
               )
             }
           ),
-          children || description ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "grid gap-0.5 leading-tight", children: [
-            children ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { "data-slot": "switch-description", className: "text-xs font-normal text-muted-foreground", children: description }) : null
+          children || description ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "grid gap-0.5 leading-tight", children: [
+            children ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              "span",
+              {
+                "data-slot": "switch-description",
+                className: "text-muted-foreground text-xs font-normal",
+                children: description
+              }
+            ) : null
           ] }) : null
         ] });
       }
@@ -3205,9 +3802,9 @@ function Switch({
 }
 
 // src/ui/table/table.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "table",
     {
       "data-slot": "table",
@@ -3217,10 +3814,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -3230,7 +3827,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -3243,7 +3840,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -3256,7 +3853,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -3266,7 +3863,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -3276,39 +3873,87 @@ function TableCaption({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
-      className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+      className: cn(
+        "border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        className
+      ),
       ...props
     }
   );
 }
 
 // src/ui/tabs/tabs.tsx
-var import_react_aria_components28 = require("react-aria-components");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_react_aria_components26 = require("react-aria-components");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_aria_components28.Tabs, { "data-slot": "tabs", className: (0, import_react_aria_components28.composeRenderProps)(className, (value) => cn("flex flex-col gap-2", value)), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_react_aria_components26.Tabs,
+    {
+      "data-slot": "tabs",
+      className: (0, import_react_aria_components26.composeRenderProps)(className, (value) => cn("flex flex-col gap-2", value)),
+      ...props
+    }
+  );
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_aria_components28.TabList, { "data-slot": "tabs-list", className: (0, import_react_aria_components28.composeRenderProps)(className, (value) => cn("inline-flex w-fit items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground", value)), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_react_aria_components26.TabList,
+    {
+      "data-slot": "tabs-list",
+      className: (0, import_react_aria_components26.composeRenderProps)(
+        className,
+        (value) => cn(
+          "inline-flex w-fit items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground",
+          value
+        )
+      ),
+      ...props
+    }
+  );
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_aria_components28.Tab, { "data-slot": "tabs-trigger", className: (0, import_react_aria_components28.composeRenderProps)(className, (value) => cn("inline-flex h-7 items-center justify-center gap-1.5 rounded-md px-2.5 text-sm font-medium outline-none transition-colors data-hovered:text-foreground data-selected:bg-background data-selected:text-foreground data-selected:shadow-sm data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", value)), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_react_aria_components26.Tab,
+    {
+      "data-slot": "tabs-trigger",
+      className: (0, import_react_aria_components26.composeRenderProps)(
+        className,
+        (value) => cn(
+          "inline-flex h-7 items-center justify-center gap-1.5 rounded-md px-2.5 text-sm font-medium outline-none transition-colors data-hovered:text-foreground data-selected:bg-background data-selected:text-foreground data-selected:shadow-sm data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+          value
+        )
+      ),
+      ...props
+    }
+  );
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_aria_components28.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_aria_components26.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react_aria_components28.TabPanel, { "data-slot": "tabs-content", className: (0, import_react_aria_components28.composeRenderProps)(className, (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    import_react_aria_components26.TabPanel,
+    {
+      "data-slot": "tabs-content",
+      className: (0, import_react_aria_components26.composeRenderProps)(
+        className,
+        (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)
+      ),
+      ...props
+    }
+  );
 }
 
 // src/ui/toast/toast.tsx
-var import_react14 = require("react");
+var import_react16 = require("react");
+var import_sileo2 = require("sileo");
+
+// src/ui/toast/toast-store.ts
 var import_sileo = require("sileo");
-var import_jsx_runtime50 = require("react/jsx-runtime");
 function toSileoOptions({ title, description, duration, position, action }) {
   return {
     title,
@@ -3337,8 +3982,14 @@ var toast = Object.assign((options) => create(options), {
     const shared = { description: options.description, position: options.position };
     return import_sileo.sileo.promise(promise, {
       loading: { ...shared, title: options.loading },
-      success: (value) => ({ ...shared, title: typeof options.success === "function" ? options.success(value) : options.success }),
-      error: (error) => ({ ...shared, title: typeof options.error === "function" ? options.error(error) : options.error }),
+      success: (value) => ({
+        ...shared,
+        title: typeof options.success === "function" ? options.success(value) : options.success
+      }),
+      error: (error) => ({
+        ...shared,
+        title: typeof options.error === "function" ? options.error(error) : options.error
+      }),
       position: options.position
     });
   }
@@ -3346,26 +3997,43 @@ var toast = Object.assign((options) => create(options), {
 function useToast() {
   return toast;
 }
+
+// src/ui/toast/toast.tsx
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Toaster, {})
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Toaster, {})
   ] });
 }
 function Toaster({ position }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_sileo.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_sileo2.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
 }
-function ToastViewport({ position, visiblePosition, className }) {
+function ToastViewport({
+  position,
+  visiblePosition,
+  className
+}) {
   void className;
   if (visiblePosition && visiblePosition !== position) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Toaster, { position });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Toaster, { position });
 }
-function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, position, onDismiss }) {
-  (0, import_react14.useEffect)(() => {
+function Toast({
+  id,
+  title,
+  description,
+  variant = "default",
+  action,
+  state,
+  duration = 0,
+  position,
+  onDismiss
+}) {
+  (0, import_react16.useEffect)(() => {
     if (state !== "open") return;
-    const toastId = create({ title, description, variant, action, duration, position });
+    const toastId = toast({ title, description, variant, action, duration, position });
     return () => {
-      import_sileo.sileo.dismiss(toastId);
+      import_sileo2.sileo.dismiss(toastId);
       onDismiss?.();
     };
   }, [action, description, duration, id, onDismiss, position, state, title, variant]);
@@ -3373,15 +4041,30 @@ function Toast({ id, title, description, variant = "default", action, state = "o
 }
 
 // src/ui/toolbar/toolbar.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { role: "toolbar", "data-slot": "toolbar", className: cn("flex flex-wrap items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    "div",
+    {
+      role: "toolbar",
+      "data-slot": "toolbar",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { "data-slot": "toolbar-group", className: cn("flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    "div",
+    {
+      "data-slot": "toolbar-group",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -3460,15 +4143,20 @@ function ToolbarSpacer({ className, ...props }) {
   DialogHeader,
   DialogOverlay,
   DialogPortal,
+  DialogRoot,
   DialogTitle,
   DialogTrigger,
   DocPreview,
   Drawer,
+  DrawerClose,
+  DrawerContent,
   DrawerDescription,
   DrawerFooter,
   DrawerHeader,
   DrawerTitle,
+  DrawerTrigger,
   DropdownMenu,
+  DropdownMenuContent,
   DropdownMenuGroup,
   DropdownMenuItem,
   DropdownMenuLabel,
@@ -3515,7 +4203,6 @@ function ToolbarSpacer({ className, ...props }) {
   MenuItem,
   MenuTrigger,
   MetricCard,
-  ModalDialog,
   OtpInput,
   PageHeader,
   PageHeaderActions,
@@ -3544,6 +4231,7 @@ function ToolbarSpacer({ className, ...props }) {
   SheetTrigger,
   Sidebar,
   SidebarContent,
+  SidebarContext,
   SidebarFooter,
   SidebarGroup,
   SidebarHeader,
@@ -3579,6 +4267,7 @@ function ToolbarSpacer({ className, ...props }) {
   ToolbarGroup,
   ToolbarSpacer,
   Tooltip,
+  TooltipContent,
   TooltipTrigger,
   actionRipple,
   alertVariants,