@doscientos/ui 0.1.22 → 0.1.23

package/dist/index.cjs

@@ -83,6 +83,7 @@ __export(index_exports, {
   CommandItem: () => CommandItem,
   CommandList: () => CommandList,
   ConfirmDialog: () => ConfirmDialog,
+  DangerZone: () => DangerZone,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
   DialogContent: () => DialogContent,
@@ -93,6 +94,7 @@ __export(index_exports, {
   DialogPortal: () => DialogPortal,
   DialogTitle: () => DialogTitle,
   DialogTrigger: () => DialogTrigger,
+  DocPreview: () => DocPreview,
   Drawer: () => Drawer,
   DrawerDescription: () => DrawerDescription,
   DrawerFooter: () => DrawerFooter,
@@ -331,7 +333,7 @@ function useFormDirty() {
 // 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 after:pointer-events-none after:absolute after:top-1/2 after:left-1/2 after:aspect-square after:w-full after:-translate-x-1/2 after:-translate-y-1/2 after:scale-0 after:rounded-full after:bg-current after:opacity-0 after:content-[''] after:transition-[scale,opacity] after:duration-300 after:ease-out active:after:scale-150 active:after:opacity-10 data-pressed:after:scale-150 data-pressed:after:opacity-10 motion-reduce:after:hidden"
+  "relative isolate overflow-hidden"
 );
 
 // src/lib/cn.ts
@@ -812,8 +814,26 @@ function ButtonGroupSeparator({
 
 // src/ui/button/button.tsx
 var import_class_variance_authority5 = require("class-variance-authority");
+var import_react5 = require("react");
 var import_react_aria_components5 = require("react-aria-components");
 var import_jsx_runtime9 = require("react/jsx-runtime");
+function useActionRipple(enabled) {
+  const [rippleId, setRippleId] = (0, import_react5.useState)(0);
+  function triggerRipple() {
+    if (enabled) setRippleId((currentId) => currentId + 1);
+  }
+  const ripple = rippleId ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "button-ripple",
+      className: "pointer-events-none absolute top-1/2 left-1/2 aspect-square w-full rounded-full bg-current animate-ui-ripple motion-reduce:hidden",
+      onAnimationEnd: () => setRippleId(0)
+    },
+    rippleId
+  ) : null;
+  return { ripple, triggerRipple };
+}
 var buttonVariants = (0, import_class_variance_authority5.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",
@@ -846,7 +866,8 @@ var buttonVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-function Button({ className, variant = "default", size = "default", ...props }) {
+function Button({ className, variant = "default", size = "default", onClick, children, ...props }) {
+  const { ripple, triggerRipple } = useActionRipple(variant !== "link");
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_react_aria_components5.Button,
     {
@@ -854,7 +875,15 @@ function Button({ className, variant = "default", size = "default", ...props })
       "data-variant": variant,
       "data-size": size,
       className: cn(buttonVariants({ variant, size, className })),
-      ...props
+      onClick: (event) => {
+        onClick?.(event);
+        triggerRipple();
+      },
+      ...props,
+      children: (renderProps) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        typeof children === "function" ? children(renderProps) : children,
+        ripple
+      ] })
     }
   );
 }
@@ -862,8 +891,11 @@ function LinkButton({
   className,
   variant = "default",
   size = "default",
+  onClick,
+  children,
   ...props
 }) {
+  const { ripple, triggerRipple } = useActionRipple(variant !== "link");
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     import_react_aria_components5.Link,
     {
@@ -871,7 +903,15 @@ function LinkButton({
       "data-variant": variant,
       "data-size": size,
       className: cn(buttonVariants({ variant, size, className })),
-      ...props
+      onClick: (event) => {
+        onClick?.(event);
+        triggerRipple();
+      },
+      ...props,
+      children: (renderProps) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+        typeof children === "function" ? children(renderProps) : children,
+        ripple
+      ] })
     }
   );
 }
@@ -985,7 +1025,7 @@ function Checkbox({ className, children, ...props }) {
 }
 
 // src/ui/combobox/combobox.tsx
-var import_react5 = require("react");
+var import_react6 = require("react");
 var import_react_aria_components7 = require("react-aria-components");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 var Combobox = import_react_aria_components7.ComboBox;
@@ -1002,18 +1042,18 @@ function ComboboxItem({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.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_runtime12.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react5.Fragment, { children: part.text }, `${part.text}-${index}`)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.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 }) {
-  const [internalInputValue, setInternalInputValue] = (0, import_react5.useState)("");
+  const [internalInputValue, setInternalInputValue] = (0, import_react6.useState)("");
   const inputValue = controlledInputValue ?? internalInputValue;
   const setInputValue = (value) => {
     setInternalInputValue(value);
     onInputChange?.(value);
   };
   const normalizedQuery = inputValue.trim().toLocaleLowerCase();
-  const filteredItems = (0, import_react5.useMemo)(() => normalizedQuery ? items.filter((item) => getItemLabel(item).toLocaleLowerCase().includes(normalizedQuery)) : [...items], [getItemLabel, items, normalizedQuery]);
-  const suggestedItem = (0, import_react5.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;
@@ -1175,11 +1215,43 @@ function ConfirmDialog({
   );
 }
 
-// src/ui/dialog/dialog.tsx
+// src/ui/danger-zone/danger-zone.tsx
 var import_lucide_react4 = require("lucide-react");
-var React2 = __toESM(require("react"), 1);
 var import_react_aria_components10 = require("react-aria-components");
 var import_jsx_runtime16 = require("react/jsx-runtime");
+function DangerZone({
+  title = "Zona de peligro",
+  description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
+  defaultOpen = false,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Card, { className: cn("border-destructive/30", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Heading, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      import_react_aria_components10.Button,
+      {
+        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",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.ShieldAlert, { className: "size-4 shrink-0 text-destructive" }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "flex flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "font-heading text-base leading-snug font-medium text-destructive", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-xs text-muted-foreground", children: description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime16.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_runtime16.jsx)(import_react_aria_components10.DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(CardContent, { children }) })
+  ] }) });
+}
+
+// src/ui/dialog/dialog.tsx
+var import_lucide_react5 = require("lucide-react");
+var React2 = __toESM(require("react"), 1);
+var import_react_aria_components11 = require("react-aria-components");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var DialogContext = React2.createContext(null);
 function useDialogContext() {
   const context = React2.useContext(DialogContext);
@@ -1196,7 +1268,7 @@ function Dialog({ children, defaultOpen = false, onOpenChange, open: controlledO
     },
     [controlledOpen, onOpenChange]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogContext.Provider, { value: { open, setOpen }, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogContext.Provider, { value: { open, setOpen }, children });
 }
 function DialogTrigger({ asChild = false, children, onClick, ...props }) {
   const { setOpen } = useDialogContext();
@@ -1215,16 +1287,16 @@ function DialogTrigger({ asChild = false, children, onClick, ...props }) {
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { "data-slot": "dialog-trigger", onPress: () => setOpen(true), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { "data-slot": "dialog-trigger", onPress: () => setOpen(true), ...props, children });
 }
 function DialogPortal({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_jsx_runtime17.Fragment, { children });
 }
 function DialogOverlay({ children, className, ...props }) {
   const { open, setOpen } = useDialogContext();
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_react_aria_components10.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.ModalOverlay,
     {
       "data-slot": "dialog-overlay",
       isDismissable: true,
@@ -1247,21 +1319,21 @@ function DialogContent({
   ...props
 }) {
   const { setOpen } = useDialogContext();
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     DialogOverlay,
     {
       onClick: (event) => {
         if (event.target === event.currentTarget) onOverlayClick?.(event);
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_react_aria_components10.Modal,
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        import_react_aria_components11.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_runtime16.jsxs)(
-            import_react_aria_components10.Dialog,
+          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            import_react_aria_components11.Dialog,
             {
               "data-slot": "dialog-content",
               className: cn(
@@ -1271,7 +1343,7 @@ function DialogContent({
               ...props,
               children: [
                 children,
-                showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   Button,
                   {
                     "aria-label": "Cerrar di\xE1logo",
@@ -1280,7 +1352,7 @@ function DialogContent({
                     className: "absolute top-2 right-2",
                     size: "icon-sm",
                     onPress: () => setOpen(false),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react4.XIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react5.XIcon, {})
                   }
                 ) : null
               ]
@@ -1304,54 +1376,86 @@ function DialogClose({ asChild = false, children, onClick, ...props }) {
       }
     });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Button, { "data-slot": "dialog-close", onPress: () => setOpen(false), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { "data-slot": "dialog-close", onPress: () => setOpen(false), ...props, children });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime16.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: [
+  return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime16.jsx)(DialogClose, { variant: "outline", children: "Cerrar" }) : null
+    showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DialogClose, { variant: "outline", children: "Cerrar" }) : null
   ] });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Heading, { slot: "title", "data-slot": "dialog-title", className: cn("font-heading text-base leading-none font-medium", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components11.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_runtime16.jsx)(import_react_aria_components10.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components11.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_runtime18 = require("react/jsx-runtime");
+function DocPreview({ url, mimeType, name }) {
+  if (!url) return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Fallback, { mimeType, reason: "no-url" });
+  if (mimeType === "application/pdf" || mimeType === "text/plain" || mimeType === "text/csv") {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      "iframe",
+      {
+        src: url,
+        title: name,
+        className: "w-full rounded-sm border-0",
+        style: { height: "75vh", minHeight: 400 }
+      }
+    );
+  }
+  if (mimeType?.startsWith("image/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex justify-center rounded-sm bg-muted/30 p-6", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Fallback, { mimeType, reason: "unsupported" });
+}
+function Fallback({ mimeType, reason }) {
+  const Icon = mimeType?.startsWith("image/") ? import_lucide_react6.Image : import_lucide_react6.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_runtime18.jsxs)("div", { className: "flex flex-col items-center justify-center gap-2 py-14 text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Icon, { className: "size-9 opacity-30" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm", children: message }),
+    mimeType ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime18.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_components11 = require("react-aria-components");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_react_aria_components12 = require("react-aria-components");
+var import_jsx_runtime19 = 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_runtime17.jsx)(import_react_aria_components11.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_runtime17.jsx)(import_react_aria_components11.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_runtime17.jsx)(import_react_aria_components11.Dialog, { "data-slot": "drawer", className: "outline-none", children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components12.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_runtime19.jsx)(import_react_aria_components12.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_runtime19.jsx)(import_react_aria_components12.Dialog, { "data-slot": "drawer", className: "outline-none", children }) }) });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.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_runtime17.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.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_runtime17.jsx)("h2", { "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("h2", { "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 
 // src/ui/dropdown-menu/dropdown-menu.tsx
 var React3 = require("react");
 var import_class_variance_authority6 = require("class-variance-authority");
-var import_lucide_react5 = require("lucide-react");
-var import_react_aria_components12 = require("react-aria-components");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_lucide_react7 = require("lucide-react");
+var import_react_aria_components13 = require("react-aria-components");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components12.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components13.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenu({
   "data-slot": dataSlot = "dropdown-menu-content",
@@ -1362,16 +1466,16 @@ function DropdownMenu({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components12.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components13.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_runtime18.jsx)(
-        import_react_aria_components12.Menu,
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        import_react_aria_components13.Menu,
         {
           className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
           ...props,
@@ -1384,15 +1488,15 @@ function DropdownMenu({
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components12.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components13.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components12.Header,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components13.Header,
     {
       "data-slot": "dropdown-menu-label",
       "data-inset": inset,
@@ -1423,27 +1527,27 @@ function DropdownMenuItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components12.MenuItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components13.MenuItem,
     {
       "data-slot": "dropdown-menu-item",
       "data-inset": inset,
       "data-variant": variant,
       textValue: typeof children === "string" ? children : props.textValue,
-      className: (0, import_react_aria_components12.composeRenderProps)(
+      className: (0, import_react_aria_components13.composeRenderProps)(
         className,
         (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
       ),
       ...props,
-      children: (0, import_react_aria_components12.composeRenderProps)(
+      children: (0, import_react_aria_components13.composeRenderProps)(
         children,
-        (children2, { isSelected, selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
-          selectionMode !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        (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_runtime18.jsx)(import_lucide_react5.CheckIcon, {}) : null
+              children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.CheckIcon, {}) : null
             }
           ) : null,
           children2
@@ -1455,7 +1559,7 @@ function DropdownMenuItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components12.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components13.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1463,8 +1567,8 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components12.MenuItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components13.MenuItem,
     {
       "data-slot": "dropdown-menu-sub-trigger",
       "data-inset": inset,
@@ -1474,9 +1578,9 @@ function DropdownMenuSubTrigger({
         className
       ),
       ...props,
-      children: (0, import_react_aria_components12.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+      children: (0, import_react_aria_components13.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
         children2,
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react5.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react7.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
       ] }))
     }
   );
@@ -1488,7 +1592,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     DropdownMenu,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -1504,8 +1608,8 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_react_aria_components12.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    import_react_aria_components13.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: cn("-mx-1 my-1 h-px bg-border", className),
@@ -1517,7 +1621,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -1532,9 +1636,9 @@ function DropdownMenuShortcut({
 
 // src/ui/empty-state/empty-state.tsx
 var import_class_variance_authority7 = require("class-variance-authority");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "empty-state",
@@ -1547,7 +1651,7 @@ function EmptyState({ className, ...props }) {
   );
 }
 function EmptyStateHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "empty-state-header",
@@ -1573,7 +1677,7 @@ function EmptyStateMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "empty-state-media",
@@ -1584,7 +1688,7 @@ function EmptyStateMedia({
   );
 }
 function EmptyStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "h3",
     {
       "data-slot": "empty-state-title",
@@ -1594,7 +1698,7 @@ function EmptyStateTitle({ className, ...props }) {
   );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "p",
     {
       "data-slot": "empty-state-description",
@@ -1607,7 +1711,7 @@ function EmptyStateDescription({ className, ...props }) {
   );
 }
 function EmptyStateContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       "data-slot": "empty-state-content",
@@ -1624,24 +1728,24 @@ function EmptyStateContent({ className, ...props }) {
 var import_class_variance_authority8 = require("class-variance-authority");
 
 // src/ui/label/label.tsx
-var import_react6 = require("react");
-var import_react_aria_components13 = require("react-aria-components");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Label2 = (0, import_react6.forwardRef)(function Label3({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.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 });
+var import_react7 = require("react");
+var import_react_aria_components14 = 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_components14.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.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1655,7 +1759,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -1683,7 +1787,7 @@ var fieldVariants = (0, import_class_variance_authority8.cva)(
 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_runtime21.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
       "div",
       {
         role: "group",
@@ -1696,7 +1800,7 @@ function Field({ className, orientation = "vertical", ...props }) {
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -1706,7 +1810,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     Label2,
     {
       "data-slot": "field-label",
@@ -1719,7 +1823,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-slot": "field-title",
@@ -1729,7 +1833,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -1742,7 +1846,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldSeparator({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -1750,8 +1854,8 @@ function FieldSeparator({ className, children, ...props }) {
       className: cn("relative -my-2 h-5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime21.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",
@@ -1765,9 +1869,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_runtime21.jsx)("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime21.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_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       role: "alert",
@@ -1780,89 +1884,89 @@ function FieldError2({ className, children, errors, ...props }) {
 }
 
 // src/ui/form-feedback/form-feedback.tsx
-var import_react7 = require("react");
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
-  const [state, setState] = (0, import_react7.useState)({ status: "idle" });
-  const timer = (0, import_react7.useRef)(null);
-  const clearTimer = (0, import_react7.useCallback)(() => {
+  const [state, setState] = (0, import_react8.useState)({ status: "idle" });
+  const timer = (0, import_react8.useRef)(null);
+  const clearTimer = (0, import_react8.useCallback)(() => {
     if (timer.current) clearTimeout(timer.current);
     timer.current = null;
   }, []);
-  (0, import_react7.useEffect)(() => () => clearTimer(), [clearTimer]);
-  const setPending = (0, import_react7.useCallback)(() => {
+  (0, import_react8.useEffect)(() => () => clearTimer(), [clearTimer]);
+  const setPending = (0, import_react8.useCallback)(() => {
     clearTimer();
     setState({ status: "pending" });
   }, [clearTimer]);
-  const setSuccess = (0, import_react7.useCallback)((message) => {
+  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_react7.useCallback)((message) => {
+  const setError = (0, import_react8.useCallback)((message) => {
     clearTimer();
     setState({ status: "error", message });
   }, [clearTimer]);
-  const reset = (0, import_react7.useCallback)(() => {
+  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_runtime22.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+  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_runtime22.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_runtime22.jsx)(import_lucide_react6.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-    success && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+  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_react8.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    success && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react8.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react8.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-row/form-row.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+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_runtime23.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime23.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-sm font-medium text-foreground", children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.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: "ml-0.5 text-destructive", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime23.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-xs text-muted-foreground", children: hint }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
   ] });
 }
 
 // src/ui/icon-button/icon-button.tsx
-var import_react_aria_components15 = require("react-aria-components");
+var import_react_aria_components16 = require("react-aria-components");
 
 // src/ui/tooltip/tooltip.tsx
 var React4 = __toESM(require("react"), 1);
-var import_react_aria_components14 = require("react-aria-components");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react_aria_components15 = require("react-aria-components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function TooltipTrigger({
   delay = 0,
   children,
   ...props
 }) {
   const [trigger, tooltip] = React4.Children.toArray(children);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    import_react_aria_components14.TooltipTrigger,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_react_aria_components15.TooltipTrigger,
     {
       "data-slot": "tooltip-trigger",
       delay,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components14.Focusable, { children: trigger }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components15.Focusable, { children: trigger }),
         tooltip
       ]
     }
@@ -1876,8 +1980,8 @@ function Tooltip({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
-    import_react_aria_components14.Tooltip,
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    import_react_aria_components15.Tooltip,
     {
       "data-slot": "tooltip-content",
       placement,
@@ -1890,8 +1994,8 @@ function Tooltip({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_react_aria_components14.OverlayArrow,
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          import_react_aria_components15.OverlayArrow,
           {
             className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-foreground fill-foreground",
             style: ({ placement: placement2, defaultStyle }) => ({
@@ -1908,7 +2012,7 @@ function Tooltip({
 }
 
 // src/ui/icon-button/icon-button.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function IconButton({
   label,
   children,
@@ -1921,9 +2025,9 @@ function IconButton({
     buttonVariants({ variant, size: "icon" }),
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(TooltipTrigger, { children: [
-    href ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_react_aria_components15.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(TooltipTrigger, { children: [
+    href ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      import_react_aria_components16.Link,
       {
         "data-slot": "icon-button",
         "aria-label": label,
@@ -1931,7 +2035,7 @@ function IconButton({
         className: linkClassName,
         children
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       Button,
       {
         "data-slot": "icon-button",
@@ -1943,7 +2047,7 @@ function IconButton({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Tooltip, { children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Tooltip, { children: label })
   ] });
 }
 
@@ -1951,30 +2055,30 @@ function IconButton({
 var import_class_variance_authority9 = require("class-variance-authority");
 
 // src/ui/input/input.tsx
-var import_react8 = require("react");
-var import_react_aria_components16 = require("react-aria-components");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var InputImpl = (0, import_react8.forwardRef)(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components16.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 });
+var import_react9 = require("react");
+var import_react_aria_components17 = 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_runtime28.jsx)(import_react_aria_components17.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 });
 });
 var Input3 = InputImpl;
 
 // src/ui/textarea/textarea.tsx
-var import_react9 = require("react");
-var import_react_aria_components17 = require("react-aria-components");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var TextareaImpl = (0, import_react9.forwardRef)(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_aria_components17.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 import_react10 = require("react");
+var import_react_aria_components18 = 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_runtime29.jsx)(import_react_aria_components18.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_runtime28 = (
+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_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       role: "group",
@@ -2009,7 +2113,7 @@ function InputGroupAddon({
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: this addon delegates focus to its associated input.
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         role: "group",
@@ -2040,7 +2144,7 @@ function InputGroupButton({
   ...props
 }) {
   const buttonSize = size === "icon-xs" || size === "icon-sm" ? size : size;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Button,
     {
       "data-slot": "input-group-button",
@@ -2053,7 +2157,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "span",
     {
       "data-slot": "input-group-text",
@@ -2066,7 +2170,7 @@ function InputGroupText({ className, ...props }) {
   );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Input3,
     {
       "data-slot": "input-group-control",
@@ -2079,7 +2183,7 @@ function InputGroupInput({ className, ...props }) {
   );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Textarea2,
     {
       "data-slot": "input-group-control",
@@ -2093,46 +2197,46 @@ function InputGroupTextarea({ className, ...props }) {
 }
 
 // src/ui/kbd/kbd.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.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_runtime29.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_react7 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function LoadingOverlay({ label = "Cargando", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.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_runtime30.jsx)(import_lucide_react7.LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.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_runtime32.jsx)(import_lucide_react9.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_components18 = require("react-aria-components");
-var import_jsx_runtime31 = require("react/jsx-runtime");
-var MenuTrigger = import_react_aria_components18.MenuTrigger;
+var import_react_aria_components19 = require("react-aria-components");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var MenuTrigger = import_react_aria_components19.MenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components19.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_runtime31.jsx)(import_react_aria_components18.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components19.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components19.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/otp-input/otp-input.tsx
-var import_react10 = require("react");
-var import_react_aria_components19 = require("react-aria-components");
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_react11 = require("react");
+var import_react_aria_components20 = require("react-aria-components");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function normalizeOtp(value, length) {
   return value.replace(/[^0-9]/g, "").slice(0, length);
 }
-var OtpInputImpl = (0, import_react10.forwardRef)(function OtpInput({
+var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
   length = 6,
   value,
   defaultValue = "",
@@ -2149,15 +2253,15 @@ var OtpInputImpl = (0, import_react10.forwardRef)(function OtpInput({
 }, forwardedRef) {
   const slotCount = Math.max(1, Math.floor(length));
   const controlled = value !== void 0;
-  const [internalValue, setInternalValue] = (0, import_react10.useState)(() => normalizeOtp(defaultValue, slotCount));
+  const [internalValue, setInternalValue] = (0, import_react11.useState)(() => normalizeOtp(defaultValue, slotCount));
   const code = normalizeOtp(controlled ? value : internalValue, slotCount);
   const slots = Array.from({ length: slotCount }, (_, index) => `otp-slot-${index + 1}`);
-  const inputRef = (0, import_react10.useRef)(null);
-  const [focused, setFocused] = (0, import_react10.useState)(false);
-  const [selectionStart, setSelectionStart] = (0, import_react10.useState)(0);
+  const inputRef = (0, import_react11.useRef)(null);
+  const [focused, setFocused] = (0, import_react11.useState)(false);
+  const [selectionStart, setSelectionStart] = (0, import_react11.useState)(0);
   const invalid = props["aria-invalid"] === true || props["aria-invalid"] === "true";
   const activeIndex = code.length === slotCount ? slotCount - 1 : Math.min(selectionStart, code.length, slotCount - 1);
-  (0, import_react10.useImperativeHandle)(forwardedRef, () => inputRef.current);
+  (0, import_react11.useImperativeHandle)(forwardedRef, () => inputRef.current);
   function updateSelection(input) {
     setSelectionStart(input.selectionStart ?? code.length);
   }
@@ -2180,7 +2284,7 @@ var OtpInputImpl = (0, import_react10.forwardRef)(function OtpInput({
     input.setSelectionRange(position, position);
     setSelectionStart(position);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     "div",
     {
       "data-slot": "otp-input",
@@ -2190,8 +2294,8 @@ var OtpInputImpl = (0, import_react10.forwardRef)(function OtpInput({
       style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
-          import_react_aria_components19.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          import_react_aria_components20.Input,
           {
             ...props,
             ref: inputRef,
@@ -2230,7 +2334,7 @@ var OtpInputImpl = (0, import_react10.forwardRef)(function OtpInput({
             }
           }
         ),
-        slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -2253,56 +2357,56 @@ var OtpInputImpl = (0, import_react10.forwardRef)(function OtpInput({
 var OtpInput2 = OtpInputImpl;
 
 // src/ui/page-header/page-header.tsx
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime35.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_runtime33.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h1", { "data-slot": "page-header-title", className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h1", { "data-slot": "page-header-title", className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className), ...props });
 }
 function PageHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.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_runtime33.jsx)("div", { "data-slot": "page-header-actions", className: cn("flex shrink-0 items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.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_react8 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Pagination({ page, pageCount, onPageChange, className }) {
   const pages = Array.from({ length: pageCount }, (_, index) => index + 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("nav", { "aria-label": "Paginaci\xF3n", className: cn("flex items-center justify-between gap-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("nav", { "aria-label": "Paginaci\xF3n", className: cn("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
       "P\xE1gina ",
       page,
       " de ",
       pageCount
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react8.ChevronLeft, {}) }),
-      pages.map((item) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { "aria-current": item === page ? "page" : void 0, "aria-label": `P\xE1gina ${item}`, onPress: () => onPageChange(item), size: "icon", variant: item === page ? "secondary" : "ghost", children: item }, item)),
-      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react8.ChevronRight, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react10.ChevronLeft, {}) }),
+      pages.map((item) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { "aria-current": item === page ? "page" : void 0, "aria-label": `P\xE1gina ${item}`, onPress: () => onPageChange(item), size: "icon", variant: item === page ? "secondary" : "ghost", children: item }, item)),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Button, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react10.ChevronRight, {}) })
     ] })
   ] });
 }
 
 // src/ui/popover/popover.tsx
-var import_react_aria_components20 = require("react-aria-components");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var PopoverTrigger = import_react_aria_components20.DialogTrigger;
+var import_react_aria_components21 = require("react-aria-components");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var PopoverTrigger = import_react_aria_components21.DialogTrigger;
 function Popover4({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components20.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components21.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 PopoverContent = Popover4;
 
 // src/ui/quantity-input/quantity-input.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_react_aria_components21 = require("react-aria-components");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_react_aria_components22 = require("react-aria-components");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function QuantityInput({
   className,
   inputClassName,
@@ -2312,23 +2416,23 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-    import_react_aria_components21.NumberField,
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react_aria_components22.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_runtime36.jsxs)(
-        import_react_aria_components21.Group,
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        import_react_aria_components22.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",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_aria_components21.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_runtime36.jsx)(import_lucide_react9.Minus, { "aria-hidden": "true", className: "size-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.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_runtime36.jsx)(import_react_aria_components21.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_runtime36.jsx)(import_lucide_react9.Plus, { "aria-hidden": "true", className: "size-4" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components22.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_runtime38.jsx)(import_lucide_react11.Minus, { "aria-hidden": "true", className: "size-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components22.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_runtime38.jsx)(import_react_aria_components22.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_runtime38.jsx)(import_lucide_react11.Plus, { "aria-hidden": "true", className: "size-4" }) })
           ]
         }
       )
@@ -2337,50 +2441,50 @@ function QuantityInput({
 }
 
 // src/ui/search-field/search-field.tsx
-var import_react_aria_components22 = require("react-aria-components");
-var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var SearchField = import_react_aria_components22.SearchField;
+var import_react_aria_components23 = require("react-aria-components");
+var import_lucide_react12 = require("lucide-react");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var SearchField = import_react_aria_components23.SearchField;
 function SearchInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components22.Input, { "data-slot": "search-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", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_aria_components23.Input, { "data-slot": "search-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", className), ...props });
 }
-function SearchClearButton({ className, children = /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.X, { "aria-hidden": "true", className: "size-4" }), ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components22.Button, { slot: "clear", "data-slot": "search-clear", className: cn("absolute top-1/2 right-1 rounded p-1 text-muted-foreground outline-none hover:bg-muted data-focus-visible:ring-2 data-focus-visible:ring-ring", className), ...props, children });
+function SearchClearButton({ className, children = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.X, { "aria-hidden": "true", className: "size-4" }), ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_aria_components23.Button, { slot: "clear", "data-slot": "search-clear", className: cn("absolute top-1/2 right-1 rounded p-1 text-muted-foreground outline-none hover:bg-muted data-focus-visible:ring-2 data-focus-visible:ring-ring", className), ...props, children });
 }
 
 // src/ui/select/select.tsx
-var import_react_aria_components23 = require("react-aria-components");
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
-var Select = import_react_aria_components23.Select;
+var import_react_aria_components24 = require("react-aria-components");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var Select = import_react_aria_components24.Select;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components23.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_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
     typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.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" })
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.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" })
   ] }) });
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components23.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_components24.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_runtime38.jsx)(import_react_aria_components23.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_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 });
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components23.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_components24.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_runtime38.jsx)(import_react_aria_components23.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 });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.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 });
 }
 
 // src/ui/sheet/sheet.tsx
-var import_lucide_react12 = require("lucide-react");
-var import_react_aria_components24 = require("react-aria-components");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_react_aria_components25 = require("react-aria-components");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_aria_components24.DialogTrigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_aria_components25.DialogTrigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ className, variant = "outline", size = "default", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Button,
     {
       slot: "close",
@@ -2397,8 +2501,8 @@ function SheetOverlay({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components24.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react_aria_components25.ModalOverlay,
     {
       "data-slot": "sheet-overlay",
       isDismissable: true,
@@ -2418,8 +2522,8 @@ function Sheet({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SheetOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components24.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SheetOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react_aria_components25.Modal,
     {
       "data-slot": "sheet-content",
       "data-side": side,
@@ -2427,16 +2531,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_runtime39.jsxs)(
-        import_react_aria_components24.Dialog,
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+        import_react_aria_components25.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_runtime39.jsxs)(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.XIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime39.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_react14.XIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "sr-only", children: "Cerrar" })
             ] })
           ]
         }
@@ -2451,10 +2555,10 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Sheet, { className, side, showCloseButton, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Sheet, { className, side, showCloseButton, ...props, children });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "sheet-header",
@@ -2464,7 +2568,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -2474,8 +2578,8 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components24.Heading,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react_aria_components25.Heading,
     {
       slot: "title",
       "data-slot": "sheet-title",
@@ -2488,8 +2592,8 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components24.Text,
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    import_react_aria_components25.Text,
     {
       slot: "description",
       "data-slot": "sheet-description",
@@ -2500,13 +2604,13 @@ function SheetDescription({
 }
 
 // src/ui/sidebar/sidebar.tsx
-var import_lucide_react13 = require("lucide-react");
-var import_react11 = require("react");
-var import_react_aria_components25 = require("react-aria-components");
-var import_jsx_runtime40 = require("react/jsx-runtime");
-var SidebarContext = (0, import_react11.createContext)(null);
+var import_lucide_react15 = require("lucide-react");
+var import_react12 = require("react");
+var import_react_aria_components26 = require("react-aria-components");
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var SidebarContext = (0, import_react12.createContext)(null);
 function useSidebar() {
-  const context = (0, import_react11.useContext)(SidebarContext);
+  const context = (0, import_react12.useContext)(SidebarContext);
   if (!context)
     throw new Error("useSidebar must be used inside SidebarProvider");
   return context;
@@ -2515,8 +2619,8 @@ function SidebarProvider({
   defaultCollapsed = false,
   children
 }) {
-  const [collapsed, setCollapsed] = (0, import_react11.useState)(defaultCollapsed);
-  const value = (0, import_react11.useMemo)(
+  const [collapsed, setCollapsed] = (0, import_react12.useState)(defaultCollapsed);
+  const value = (0, import_react12.useMemo)(
     () => ({
       collapsed,
       setCollapsed,
@@ -2524,14 +2628,14 @@ function SidebarProvider({
     }),
     [collapsed]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SidebarContext.Provider, { value, children });
 }
 function Sidebar({
   className,
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "aside",
     {
       "data-slot": "sidebar",
@@ -2548,7 +2652,7 @@ function SidebarHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -2563,7 +2667,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
     "button",
     {
       type: "button",
@@ -2574,9 +2678,9 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.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_react15.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: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
       ]
     }
   );
@@ -2585,7 +2689,7 @@ function SidebarContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -2599,7 +2703,7 @@ function SidebarFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -2618,14 +2722,14 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+  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_runtime40.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "h2",
           {
             className: cn(
@@ -2651,8 +2755,8 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_react_aria_components25.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_react_aria_components26.Link,
     {
       "data-slot": "sidebar-item",
       "aria-current": active ? "page" : void 0,
@@ -2663,16 +2767,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      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_runtime40.jsx)("span", { className: "text-xs text-muted-foreground", children: badge })
+        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs text-muted-foreground", children: badge })
       ] })
     }
   );
@@ -2681,7 +2785,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -2692,7 +2796,7 @@ function SidebarSeparator({
 }
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
@@ -2701,7 +2805,7 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...props,
-      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.ChevronLeft, {})
+      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react15.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react15.ChevronLeft, {})
     }
   );
 }
@@ -2710,7 +2814,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "button",
     {
       type: "button",
@@ -2725,7 +2829,7 @@ function SidebarRail({
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     Button,
     {
       "aria-label": "M\xE1s opciones",
@@ -2733,34 +2837,34 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react13.Ellipsis, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react15.Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.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_react_dom = require("react-dom");
-var import_lucide_react14 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function SubmitButton({ pendingLabel = "Guardando\u2026", loading = false, children, isDisabled, size = "sm", ...props }) {
   const { pending } = (0, import_react_dom.useFormStatus)();
   const busy = pending || loading;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react14.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { 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_react16.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
     pendingLabel
   ] }) : children });
 }
 
 // src/ui/switch/switch.tsx
-var import_react12 = require("react");
-var import_react_aria_components26 = require("react-aria-components");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_react13 = require("react");
+var import_react_aria_components27 = require("react-aria-components");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var switchSizes = {
   sm: {
     control: "h-4 w-[1.875rem] p-0.5",
@@ -2800,9 +2904,9 @@ function Switch({
   ...props
 }) {
   const styles = switchSizes[size];
-  const fallbackInputRef = (0, import_react12.useRef)(null);
+  const fallbackInputRef = (0, import_react13.useRef)(null);
   const resolvedInputRef = inputRef ?? fallbackInputRef;
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const input = resolvedInputRef.current;
     if (!input) return;
     const handleDirectionalKey = (event) => {
@@ -2816,8 +2920,8 @@ function Switch({
     ownerDocument.addEventListener("keydown", handleDirectionalKey);
     return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
   }, [isDisabled, isReadOnly, resolvedInputRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
-    import_react_aria_components26.Switch,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_react_aria_components27.Switch,
     {
       "data-slot": "switch",
       "data-size": size,
@@ -2833,8 +2937,8 @@ function Switch({
       children: (state) => {
         const isThumbActive = state.isHovered || state.isPressed;
         const thumbOffset = state.isSelected ? isThumbActive ? styles.activeSelectedOffset : styles.selectedOffset : "0";
-        return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "span",
             {
               "aria-hidden": "true",
@@ -2848,7 +2952,7 @@ function Switch({
                 "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
                 styles.control
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
                 "span",
                 {
                   "data-slot": "switch-thumb",
@@ -2868,9 +2972,9 @@ function Switch({
               )
             }
           ),
-          children || description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "grid gap-0.5 leading-tight", children: [
-            children ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime43.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-xs font-normal text-muted-foreground", children: description }) : null
           ] }) : null
         ] });
       }
@@ -2879,9 +2983,9 @@ function Switch({
 }
 
 // src/ui/table/table.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime44.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",
@@ -2891,10 +2995,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.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_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2904,7 +3008,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -2917,7 +3021,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -2930,7 +3034,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -2940,7 +3044,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -2950,7 +3054,7 @@ function TableCaption({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -2961,28 +3065,28 @@ function TableFooter({ className, ...props }) {
 }
 
 // src/ui/tabs/tabs.tsx
-var import_react_aria_components27 = require("react-aria-components");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_react_aria_components28 = require("react-aria-components");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria_components27.Tabs, { "data-slot": "tabs", className: (0, import_react_aria_components27.composeRenderProps)(className, (value) => cn("flex flex-col gap-2", value)), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.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 });
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria_components27.TabList, { "data-slot": "tabs-list", className: (0, import_react_aria_components27.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_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 });
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria_components27.Tab, { "data-slot": "tabs-trigger", className: (0, import_react_aria_components27.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_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 });
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria_components27.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_aria_components28.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_aria_components27.TabPanel, { "data-slot": "tabs-content", className: (0, import_react_aria_components27.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_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 });
 }
 
 // src/ui/toast/toast.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_sileo = require("sileo");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function toSileoOptions({ title, description, duration, position, action }) {
   return {
     title,
@@ -3021,21 +3125,21 @@ function useToast() {
   return toast;
 }
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Toaster, {})
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Toaster, {})
   ] });
 }
 function Toaster({ position }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_sileo.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_sileo.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
 }
 function ToastViewport({ position, visiblePosition, className }) {
   void className;
   if (visiblePosition && visiblePosition !== position) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime46.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_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     if (state !== "open") return;
     const toastId = create({ title, description, variant, action, duration, position });
     return () => {
@@ -3047,15 +3151,15 @@ function Toast({ id, title, description, variant = "default", action, state = "o
 }
 
 // src/ui/toolbar/toolbar.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.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_runtime47.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_runtime47.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 = {
@@ -3111,6 +3215,7 @@ function ToolbarSpacer({ className, ...props }) {
   CommandItem,
   CommandList,
   ConfirmDialog,
+  DangerZone,
   Dialog,
   DialogClose,
   DialogContent,
@@ -3121,6 +3226,7 @@ function ToolbarSpacer({ className, ...props }) {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  DocPreview,
   Drawer,
   DrawerDescription,
   DrawerFooter,