@doscientos/ui 0.1.32 → 0.1.34

package/dist/index.js

@@ -13,6 +13,7 @@ function useAsyncAction(action) {
       pendingRef.current = true;
       setStatus("pending");
       setError(null);
+      setData(null);
       try {
         const result = await action(...args);
         setData(result);
@@ -29,6 +30,7 @@ function useAsyncAction(action) {
     [action]
   );
   const reset = useCallback(() => {
+    if (pendingRef.current) return;
     setData(null);
     setError(null);
     setStatus("idle");
@@ -51,24 +53,45 @@ function useAutosave({
   const saveRef = useRef2(onSave);
   const serializeRef = useRef2(serialize);
   const latestSaveId = useRef2(0);
+  const queue = useRef2(Promise.resolve());
+  const queuedCount = useRef2(0);
+  const timeoutRef = useRef2(void 0);
+  const mounted = useRef2(true);
+  useEffect(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      clearTimeout(timeoutRef.current);
+    };
+  }, []);
   useEffect(() => {
     saveRef.current = onSave;
     serializeRef.current = serialize;
   }, [onSave, serialize]);
-  const save = useCallback2(async (value) => {
+  const save = useCallback2((value, force = false) => {
+    clearTimeout(timeoutRef.current);
     const saveId = ++latestSaveId.current;
+    const snapshot = serializeRef.current(value);
+    const write = saveRef.current;
+    queuedCount.current += 1;
     setStatus("saving");
     setError(null);
-    try {
-      await saveRef.current(value);
-      if (saveId !== latestSaveId.current) return;
-      lastSaved.current = serializeRef.current(value);
-      setStatus("saved");
-    } catch (cause) {
-      if (saveId !== latestSaveId.current) return;
-      setError(cause instanceof Error ? cause : new Error("No se pudo guardar."));
-      setStatus("error");
-    }
+    const pending = queue.current.then(async () => {
+      try {
+        if (!mounted.current) return;
+        if (force || lastSaved.current !== snapshot) await write(value);
+        lastSaved.current = snapshot;
+        if (mounted.current && saveId === latestSaveId.current) setStatus("saved");
+      } catch (cause) {
+        if (!mounted.current || saveId !== latestSaveId.current) return;
+        setError(cause instanceof Error ? cause : new Error("No se pudo guardar."));
+        setStatus("error");
+      } finally {
+        queuedCount.current -= 1;
+      }
+    });
+    queue.current = pending;
+    return pending;
   }, []);
   useEffect(() => {
     if (!enabled) return;
@@ -77,11 +100,11 @@ function useAutosave({
       lastSaved.current = snapshot;
       return;
     }
-    if (snapshot === lastSaved.current) return;
-    const timeout = window.setTimeout(() => void save(data), debounceMs);
-    return () => window.clearTimeout(timeout);
+    if (snapshot === lastSaved.current && queuedCount.current === 0) return;
+    timeoutRef.current = setTimeout(() => void save(data), debounceMs);
+    return () => clearTimeout(timeoutRef.current);
   }, [data, debounceMs, enabled, save]);
-  return { status, error, saveNow: () => save(data) };
+  return { status, error, saveNow: () => save(data, true) };
 }
 
 // src/hooks/use-clipboard.ts
@@ -1513,10 +1536,10 @@ function ComboboxContent({ className, ...props }) {
     Popover,
     {
       "data-slot": "combobox-content",
-      className: cn(
+      className: (state) => cn(
         floatingSurfaceClassName,
         "max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground",
-        className
+        typeof className === "function" ? className(state) : className
       ),
       ...props
     }
@@ -1531,7 +1554,10 @@ function ComboboxList({
     ListBox,
     {
       "data-slot": "combobox-list",
-      className: cn("max-h-64 overflow-y-auto", className),
+      className: (state) => cn(
+        "max-h-64 overflow-y-auto",
+        typeof className === "function" ? className(state) : className
+      ),
       renderEmptyState: emptyState ? () => emptyState : void 0,
       ...props
     }
@@ -1546,9 +1572,9 @@ function ComboboxItem({
     ListBoxItem,
     {
       "data-slot": "combobox-item",
-      className: cn(
+      className: (state) => 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
+        typeof className === "function" ? className(state) : className
       ),
       ...props,
       children
@@ -1623,7 +1649,10 @@ function AutocompleteCombobox({
     AriaComboBox,
     {
       ...props,
-      className: cn("group/combobox flex w-full flex-col gap-1.5", className),
+      className: (state) => cn(
+        "group/combobox flex w-full flex-col gap-1.5",
+        typeof className === "function" ? className(state) : className
+      ),
       items: filteredItems,
       selectedKey,
       inputValue,
@@ -1733,22 +1762,209 @@ function CommandItem({ className, ...props }) {
   );
 }
 
-// src/ui/sheet/sheet.tsx
+// src/ui/confirm-dialog/confirm-dialog.tsx
+import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
+  destructive = false,
+  pending = false,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsx17(
+    AlertDialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!pending || nextOpen) onOpenChange(nextOpen);
+      },
+      children: /* @__PURE__ */ jsxs6(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs6(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx17(AlertDialogTitle, { children: title }),
+          description ? /* @__PURE__ */ jsx17(AlertDialogDescription, { children: description }) : null
+        ] }),
+        /* @__PURE__ */ jsxs6(AlertDialogFooter, { children: [
+          /* @__PURE__ */ jsx17(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+          /* @__PURE__ */ jsx17(
+            Button,
+            {
+              variant: destructive ? "destructive" : "default",
+              isDisabled: pending,
+              onPress: onConfirm,
+              children: confirmLabel
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/ui/copy-button/copy-button.tsx
+import { Check as Check2, Copy } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
+function CopyButton({
+  value,
+  children,
+  copiedLabel = "Copiado",
+  resetMs,
+  onCopied,
+  onCopyError,
+  ...props
+}) {
+  const { copy, status } = useClipboard({ resetMs, onError: onCopyError });
+  const copied = status === "copied";
+  const label = copied ? copiedLabel : children ?? "Copiar";
+  return /* @__PURE__ */ jsxs7(
+    Button,
+    {
+      "aria-label": typeof label === "string" ? label : void 0,
+      onPress: () => {
+        void copy(value).then((wasCopied) => {
+          if (wasCopied) onCopied?.(value);
+        });
+      },
+      ...props,
+      children: [
+        copied ? /* @__PURE__ */ jsx18(Check2, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx18(Copy, { "aria-hidden": "true", className: "size-3.5" }),
+        label
+      ]
+    }
+  );
+}
+
+// src/ui/danger-zone/danger-zone.tsx
+import { ChevronDown, ShieldAlert } from "lucide-react";
+import {
+  Button as DisclosureButton,
+  Disclosure,
+  DisclosurePanel,
+  Heading as Heading2
+} from "react-aria-components";
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+function DangerZone({
+  title = "Zona de peligro",
+  description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
+  defaultOpen = false,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx19(Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ jsxs8(Card, { className: cn("border-destructive/30", className), children: [
+    /* @__PURE__ */ jsx19(Heading2, { className: "flex", children: /* @__PURE__ */ jsxs8(
+      DisclosureButton,
+      {
+        slot: "trigger",
+        "data-slot": "danger-zone-trigger",
+        className: "group/danger focus-visible:ring-ring/50 flex w-full items-center gap-3 px-4 text-left outline-none focus-visible:ring-3",
+        children: [
+          /* @__PURE__ */ jsx19(ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
+          /* @__PURE__ */ jsxs8("span", { className: "flex flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx19("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
+            /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground text-xs", children: description })
+          ] }),
+          /* @__PURE__ */ jsx19(ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx19(DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ jsx19(CardContent, { children }) })
+  ] }) });
+}
+
+// src/ui/data-view-state/data-view-state.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function DataViewState({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "section",
+    {
+      "data-slot": "data-view-state",
+      className: cn(
+        "flex min-h-40 flex-col items-center justify-center gap-3 rounded-xl border p-6 text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DataViewStateTitle({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx20("h2", { "data-slot": "data-view-state-title", className: cn("font-semibold", className), ...props, children });
+}
+function DataViewStateDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "p",
+    {
+      "data-slot": "data-view-state-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DataViewStateActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "data-view-state-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/description-list/description-list.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+function DescriptionList({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "dl",
+    {
+      "data-slot": "description-list",
+      className: cn("grid gap-x-6 gap-y-4 sm:grid-cols-2", className),
+      ...props
+    }
+  );
+}
+function DescriptionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx21("div", { "data-slot": "description-item", className: cn("min-w-0", className), ...props });
+}
+function DescriptionTerm({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "dt",
+    {
+      "data-slot": "description-term",
+      className: cn("text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DescriptionDetails({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "dd",
+    {
+      "data-slot": "description-details",
+      className: cn("mt-1 wrap-break-word text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/drawer/drawer.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import {
   Dialog as DrawerPrimitive,
   DialogTrigger as DrawerTriggerPrimitive,
-  Heading as Heading2,
+  Heading as Heading3,
   ModalOverlay as ModalOverlayPrimitive,
   Modal as ModalPrimitive,
   Text as Text3
 } from "react-aria-components";
-import { jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
 function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx17(DrawerTriggerPrimitive, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ jsx22(DrawerTriggerPrimitive, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerClose({ className, variant = "outline", size = "default", ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx22(
     Button,
     {
       slot: "close",
@@ -1765,7 +1981,7 @@ function DrawerOverlay({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx22(
     ModalOverlayPrimitive,
     {
       "data-slot": "drawer-overlay",
@@ -1787,7 +2003,7 @@ function DrawerContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx17(DrawerOverlay, { ...props, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx22(DrawerOverlay, { ...props, children: /* @__PURE__ */ jsx22(
     ModalPrimitive,
     {
       "data-slot": "drawer-content",
@@ -1796,7 +2012,7 @@ function DrawerContent({
         "fixed z-50 flex max-h-svh flex-col gap-4 border-border bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg motion-safe:transition motion-safe:duration-200 motion-safe:ease-in-out motion-safe:data-entering:opacity-0 motion-safe:data-exiting:opacity-0 motion-reduce:transition-none data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:pb-[env(safe-area-inset-bottom)] motion-safe:data-[side=bottom]:data-entering:translate-y-10 motion-safe: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 motion-safe:data-[side=left]:data-entering:-translate-x-10 motion-safe: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 motion-safe:data-[side=right]:data-entering:translate-x-10 motion-safe: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]:pt-[env(safe-area-inset-top)] motion-safe:data-[side=top]:data-entering:-translate-y-10 motion-safe: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__ */ jsxs6(
+      children: /* @__PURE__ */ jsxs9(
         DrawerPrimitive,
         {
           "data-slot": "drawer",
@@ -1804,9 +2020,9 @@ function DrawerContent({
           ...dialogProps,
           children: [
             children,
-            showCloseButton && /* @__PURE__ */ jsxs6(DrawerClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
-              /* @__PURE__ */ jsx17(XIcon2, {}),
-              /* @__PURE__ */ jsx17("span", { className: "sr-only", children: "Cerrar" })
+            showCloseButton && /* @__PURE__ */ jsxs9(DrawerClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+              /* @__PURE__ */ jsx22(XIcon2, {}),
+              /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Cerrar" })
             ] })
           ]
         }
@@ -1815,16 +2031,16 @@ function DrawerContent({
   ) });
 }
 function Drawer(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ jsx17(DrawerContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ jsx22(DrawerContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx17(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ jsxs6(DrawerTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx22(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ jsxs9(DrawerTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ jsx17(DrawerContent, { ...contentProps, children })
+    /* @__PURE__ */ jsx22(DrawerContent, { ...contentProps, children })
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "drawer-header",
@@ -1834,7 +2050,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx22(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -1844,319 +2060,62 @@ function DrawerFooter({ className, ...props }) {
   );
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
-    Heading2,
-    {
-      slot: "title",
-      "data-slot": "drawer-title",
-      className: cn("text-base font-medium text-foreground", className),
-      ...props
-    }
-  );
-}
-function DrawerDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx17(
-    Text3,
-    {
-      slot: "description",
-      "data-slot": "drawer-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-var Sheet = DrawerContent;
-var SheetClose = DrawerClose;
-var SheetContent = DrawerContent;
-var SheetDescription = DrawerDescription;
-var SheetFooter = DrawerFooter;
-var SheetHeader = DrawerHeader;
-var SheetTitle = DrawerTitle;
-var SheetTrigger = DrawerTrigger;
-
-// src/ui/composition/composition.tsx
-import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
-function FilterBar({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "filter-bar",
-      className: cn("flex flex-wrap items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function FilterGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "filter-group",
-      className: cn("flex flex-wrap items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function ActiveFilters({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "active-filters",
-      "aria-label": "Filtros activos",
-      className: cn("flex flex-wrap items-center gap-1.5", className),
-      ...props
-    }
-  );
-}
-function FilterChip({
-  children,
-  onRemove,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs7(Button, { size: "sm", variant: "outline", onPress: onRemove, ...props, children: [
-    children,
-    " \xD7"
-  ] });
-}
-function SelectionToolbar({
-  count,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      "data-slot": "selection-toolbar",
-      className: cn(
-        "flex flex-wrap items-center justify-between gap-2 rounded-lg border bg-muted/40 p-2",
-        className
-      ),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs7("output", { "aria-live": "polite", className: "text-sm font-medium", children: [
-          count,
-          " seleccionados"
-        ] }),
-        /* @__PURE__ */ jsx18("div", { className: "flex items-center gap-2", children })
-      ]
-    }
-  );
-}
-function DescriptionList({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "dl",
-    {
-      "data-slot": "description-list",
-      className: cn("grid gap-x-6 gap-y-4 sm:grid-cols-2", className),
-      ...props
-    }
-  );
-}
-function DescriptionItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx18("div", { "data-slot": "description-item", className: cn("min-w-0", className), ...props });
-}
-function DescriptionTerm({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "dt",
-    {
-      "data-slot": "description-term",
-      className: cn("text-xs font-medium text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function DescriptionDetails({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "dd",
-    {
-      "data-slot": "description-details",
-      className: cn("mt-1 wrap-break-word text-sm", className),
-      ...props
-    }
-  );
-}
-function DataViewState({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "section",
-    {
-      "data-slot": "data-view-state",
-      className: cn(
-        "flex min-h-40 flex-col items-center justify-center gap-3 rounded-xl border p-6 text-center",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function DataViewStateTitle({ children, className, ...props }) {
-  return /* @__PURE__ */ jsx18("h2", { "data-slot": "data-view-state-title", className: cn("font-semibold", className), ...props, children });
-}
-function DataViewStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "p",
-    {
-      "data-slot": "data-view-state-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function DataViewStateActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "data-view-state-actions",
-      className: cn("flex items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function MetricGrid({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "metric-grid",
-      className: cn("grid gap-4 sm:grid-cols-2 xl:grid-cols-4", className),
-      ...props
-    }
-  );
-}
-function DetailDrawer({ children, ...props }) {
-  return /* @__PURE__ */ jsx18(DrawerContent, { ...props, children });
-}
-function DetailDrawerBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
-    "div",
-    {
-      "data-slot": "detail-drawer-body",
-      className: cn("min-h-0 flex-1 overflow-y-auto px-4", className),
-      ...props
-    }
-  );
-}
-
-// src/ui/confirm-dialog/confirm-dialog.tsx
-import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
-function ConfirmDialog({
-  open,
-  onOpenChange,
-  title,
-  description,
-  confirmLabel = "Confirmar",
-  cancelLabel = "Cancelar",
-  destructive = false,
-  pending = false,
-  onConfirm
-}) {
-  return /* @__PURE__ */ jsx19(
-    AlertDialog,
-    {
-      open,
-      onOpenChange: (nextOpen) => {
-        if (!pending || nextOpen) onOpenChange(nextOpen);
-      },
-      children: /* @__PURE__ */ jsxs8(AlertDialogContent, { children: [
-        /* @__PURE__ */ jsxs8(AlertDialogHeader, { children: [
-          /* @__PURE__ */ jsx19(AlertDialogTitle, { children: title }),
-          description ? /* @__PURE__ */ jsx19(AlertDialogDescription, { children: description }) : null
-        ] }),
-        /* @__PURE__ */ jsxs8(AlertDialogFooter, { children: [
-          /* @__PURE__ */ jsx19(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-          /* @__PURE__ */ jsx19(
-            Button,
-            {
-              variant: destructive ? "destructive" : "default",
-              isDisabled: pending,
-              onPress: onConfirm,
-              children: confirmLabel
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}
-
-// src/ui/copy-button/copy-button.tsx
-import { Check as Check2, Copy } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
-function CopyButton({
-  value,
-  children,
-  copiedLabel = "Copiado",
-  resetMs,
-  onCopied,
-  onCopyError,
+  return /* @__PURE__ */ jsx22(
+    Heading3,
+    {
+      slot: "title",
+      "data-slot": "drawer-title",
+      className: cn("text-base font-medium text-foreground", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
   ...props
 }) {
-  const { copy, status } = useClipboard({ resetMs, onError: onCopyError });
-  const copied = status === "copied";
-  const label = copied ? copiedLabel : children ?? "Copiar";
-  return /* @__PURE__ */ jsxs9(
-    Button,
+  return /* @__PURE__ */ jsx22(
+    Text3,
     {
-      "aria-label": typeof label === "string" ? label : void 0,
-      onPress: () => {
-        void copy(value).then((wasCopied) => {
-          if (wasCopied) onCopied?.(value);
-        });
-      },
-      ...props,
-      children: [
-        copied ? /* @__PURE__ */ jsx20(Check2, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx20(Copy, { "aria-hidden": "true", className: "size-3.5" }),
-        label
-      ]
+      slot: "description",
+      "data-slot": "drawer-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
     }
   );
 }
+var Sheet = DrawerContent;
+var SheetClose = DrawerClose;
+var SheetContent = DrawerContent;
+var SheetDescription = DrawerDescription;
+var SheetFooter = DrawerFooter;
+var SheetHeader = DrawerHeader;
+var SheetTitle = DrawerTitle;
+var SheetTrigger = DrawerTrigger;
 
-// src/ui/danger-zone/danger-zone.tsx
-import { ChevronDown, ShieldAlert } from "lucide-react";
-import {
-  Button as DisclosureButton,
-  Disclosure,
-  DisclosurePanel,
-  Heading as Heading3
-} from "react-aria-components";
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
-function DangerZone({
-  title = "Zona de peligro",
-  description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
-  defaultOpen = false,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx21(Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ jsxs10(Card, { className: cn("border-destructive/30", className), children: [
-    /* @__PURE__ */ jsx21(Heading3, { className: "flex", children: /* @__PURE__ */ jsxs10(
-      DisclosureButton,
-      {
-        slot: "trigger",
-        "data-slot": "danger-zone-trigger",
-        className: "group/danger focus-visible:ring-ring/50 flex w-full items-center gap-3 px-4 text-left outline-none focus-visible:ring-3",
-        children: [
-          /* @__PURE__ */ jsx21(ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
-          /* @__PURE__ */ jsxs10("span", { className: "flex flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsx21("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
-            /* @__PURE__ */ jsx21("span", { className: "text-muted-foreground text-xs", children: description })
-          ] }),
-          /* @__PURE__ */ jsx21(ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx21(DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ jsx21(CardContent, { children }) })
-  ] }) });
+// src/ui/detail-drawer/detail-drawer.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function DetailDrawer({ children, ...props }) {
+  return /* @__PURE__ */ jsx23(DrawerContent, { ...props, children });
+}
+function DetailDrawerBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(
+    "div",
+    {
+      "data-slot": "detail-drawer-body",
+      className: cn("min-h-0 flex-1 overflow-y-auto px-4", className),
+      ...props
+    }
+  );
 }
 
 // src/ui/doc-preview/doc-preview.tsx
 import { FileText, Image } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
 function DocPreview({ url, mimeType, name }) {
-  if (!url) return /* @__PURE__ */ jsx22(Fallback, { mimeType, reason: "no-url" });
+  if (!url) return /* @__PURE__ */ jsx24(Fallback, { mimeType, reason: "no-url" });
   if (mimeType === "application/pdf" || mimeType === "text/plain" || mimeType === "text/csv") {
-    return /* @__PURE__ */ jsx22(
+    return /* @__PURE__ */ jsx24(
       "iframe",
       {
         src: url,
@@ -2167,9 +2126,9 @@ function DocPreview({ url, mimeType, name }) {
     );
   }
   if (mimeType?.startsWith("image/")) {
-    return /* @__PURE__ */ jsx22("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ jsx22("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
+    return /* @__PURE__ */ jsx24("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ jsx24("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
   }
-  return /* @__PURE__ */ jsx22(Fallback, { mimeType, reason: "unsupported" });
+  return /* @__PURE__ */ jsx24(Fallback, { mimeType, reason: "unsupported" });
 }
 function Fallback({
   mimeType,
@@ -2177,11 +2136,11 @@ function Fallback({
 }) {
   const Icon = mimeType?.startsWith("image/") ? Image : FileText;
   const message = reason === "no-url" ? "No se pudo generar la URL de preview." : "Preview no disponible para este tipo de archivo.";
-  return /* @__PURE__ */ jsxs11("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
-    /* @__PURE__ */ jsx22(Icon, { className: "size-9 opacity-30" }),
-    /* @__PURE__ */ jsx22("p", { className: "text-sm", children: message }),
-    mimeType ? /* @__PURE__ */ jsx22("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
-    /* @__PURE__ */ jsx22("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
+  return /* @__PURE__ */ jsxs10("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
+    /* @__PURE__ */ jsx24(Icon, { className: "size-9 opacity-30" }),
+    /* @__PURE__ */ jsx24("p", { className: "text-sm", children: message }),
+    mimeType ? /* @__PURE__ */ jsx24("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
+    /* @__PURE__ */ jsx24("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
   ] });
 }
 
@@ -2200,9 +2159,9 @@ import {
   Separator as SeparatorPrimitive2,
   SubmenuTrigger as SubmenuTriggerPrimitive
 } from "react-aria-components";
-import { Fragment as Fragment5, jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx23(MenuTriggerPrimitive, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx25(MenuTriggerPrimitive, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   "data-slot": dataSlot = "dropdown-menu-content",
@@ -2213,7 +2172,7 @@ function DropdownMenuContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     PopoverPrimitive,
     {
       "data-slot": dataSlot,
@@ -2225,7 +2184,7 @@ function DropdownMenuContent({
         "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",
         className
       ),
-      children: /* @__PURE__ */ jsx23(
+      children: /* @__PURE__ */ jsx25(
         MenuPrimitive,
         {
           className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
@@ -2237,25 +2196,25 @@ function DropdownMenuContent({
   );
 }
 function DropdownMenu(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ jsx23(DropdownMenuContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ jsx25(DropdownMenuContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx23(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ jsxs12(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx25(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ jsxs11(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ jsx23(DropdownMenuContent, { ...contentProps, children })
+    /* @__PURE__ */ jsx25(DropdownMenuContent, { ...contentProps, children })
   ] });
 }
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(MenuSectionPrimitive, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx25(MenuSectionPrimitive, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     HeaderPrimitive,
     {
       "data-slot": "dropdown-menu-label",
@@ -2287,7 +2246,7 @@ function DropdownMenuItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     MenuItemPrimitive,
     {
       "data-slot": "dropdown-menu-item",
@@ -2299,13 +2258,13 @@ function DropdownMenuItem({
         (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
       ),
       ...props,
-      children: composeRenderProps(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ jsxs12(Fragment5, { children: [
-        selectionMode !== "none" ? /* @__PURE__ */ jsx23(
+      children: composeRenderProps(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ jsxs11(Fragment5, { children: [
+        selectionMode !== "none" ? /* @__PURE__ */ jsx25(
           "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__ */ jsx23(CheckIcon, {}) : null
+            children: isSelected ? /* @__PURE__ */ jsx25(CheckIcon, {}) : null
           }
         ) : null,
         children2
@@ -2314,7 +2273,7 @@ function DropdownMenuItem({
   );
 }
 function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsx23(SubmenuTriggerPrimitive, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx25(SubmenuTriggerPrimitive, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -2322,7 +2281,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     MenuItemPrimitive,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -2333,9 +2292,9 @@ function DropdownMenuSubTrigger({
         className
       ),
       ...props,
-      children: composeRenderProps(children, (children2) => /* @__PURE__ */ jsxs12(Fragment5, { children: [
+      children: composeRenderProps(children, (children2) => /* @__PURE__ */ jsxs11(Fragment5, { children: [
         children2,
-        /* @__PURE__ */ jsx23(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+        /* @__PURE__ */ jsx25(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
       ] }))
     }
   );
@@ -2347,7 +2306,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -2366,7 +2325,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     SeparatorPrimitive2,
     {
       "data-slot": "dropdown-menu-separator",
@@ -2376,7 +2335,7 @@ function DropdownMenuSeparator({
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -2405,9 +2364,9 @@ var emptyStateMediaVariants = cva7(
 );
 
 // src/ui/empty-state/empty-state.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "empty-state",
@@ -2420,7 +2379,7 @@ function EmptyState({ className, ...props }) {
   );
 }
 function EmptyStateHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "empty-state-header",
@@ -2434,7 +2393,7 @@ function EmptyStateMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "empty-state-media",
@@ -2445,7 +2404,7 @@ function EmptyStateMedia({
   );
 }
 function EmptyStateTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "h3",
     {
       "data-slot": "empty-state-title",
@@ -2456,7 +2415,7 @@ function EmptyStateTitle({ className, children, ...props }) {
   );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "p",
     {
       "data-slot": "empty-state-description",
@@ -2469,7 +2428,7 @@ function EmptyStateDescription({ className, ...props }) {
   );
 }
 function EmptyStateContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "empty-state-content",
@@ -2487,9 +2446,9 @@ import { Component, Suspense } from "react";
 
 // src/ui/error-state/error-state.tsx
 import { AlertCircle } from "lucide-react";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function ErrorState({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "section",
     {
       "data-slot": "error-state",
@@ -2506,7 +2465,7 @@ function ErrorStateIcon({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     AlertCircle,
     {
       "data-slot": "error-state-icon",
@@ -2517,7 +2476,7 @@ function ErrorStateIcon({
   );
 }
 function ErrorStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "h2",
     {
       "data-slot": "error-state-title",
@@ -2527,7 +2486,7 @@ function ErrorStateTitle({ className, ...props }) {
   );
 }
 function ErrorStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "p",
     {
       "data-slot": "error-state-description",
@@ -2537,7 +2496,7 @@ function ErrorStateDescription({ className, ...props }) {
   );
 }
 function ErrorStateActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "error-state-actions",
@@ -2548,17 +2507,20 @@ function ErrorStateActions({ className, ...props }) {
 }
 
 // src/ui/error-boundary/error-boundary.tsx
-import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
+function normalizeError(cause) {
+  return cause instanceof Error ? cause : new Error("No se pudo renderizar este contenido.", { cause });
+}
 function changedResetKeys(previous = [], next = []) {
   return previous.length !== next.length || previous.some((value, index) => !Object.is(value, next[index]));
 }
 var Boundary = class extends Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
-    return { error };
+    return { error: normalizeError(error) };
   }
   componentDidCatch(error, info) {
-    this.props.onError?.(error, info);
+    this.props.onError?.(this.state.error ?? normalizeError(error), info);
   }
   componentDidUpdate(previousProps) {
     if (this.state.error && changedResetKeys(previousProps.resetKeys, this.props.resetKeys))
@@ -2570,32 +2532,32 @@ var Boundary = class extends Component {
     if (!this.state.error) return children;
     if (typeof fallback === "function")
       return fallback({ error: this.state.error, reset: this.reset });
-    if (fallback) return fallback;
-    return /* @__PURE__ */ jsxs13(ErrorState, { children: [
-      /* @__PURE__ */ jsx26(ErrorStateIcon, {}),
-      /* @__PURE__ */ jsx26(ErrorStateTitle, { children: "No se pudo cargar este contenido" }),
-      /* @__PURE__ */ jsx26(ErrorStateDescription, { children: "Prueba a cargarlo de nuevo." }),
-      /* @__PURE__ */ jsx26(ErrorStateActions, { children: /* @__PURE__ */ jsx26(Button, { onPress: this.reset, children: "Reintentar" }) })
+    if (fallback !== void 0) return fallback;
+    return /* @__PURE__ */ jsxs12(ErrorState, { children: [
+      /* @__PURE__ */ jsx28(ErrorStateIcon, {}),
+      /* @__PURE__ */ jsx28(ErrorStateTitle, { children: "No se pudo cargar este contenido" }),
+      /* @__PURE__ */ jsx28(ErrorStateDescription, { children: "Prueba a cargarlo de nuevo." }),
+      /* @__PURE__ */ jsx28(ErrorStateActions, { children: /* @__PURE__ */ jsx28(Button, { onPress: this.reset, children: "Reintentar" }) })
     ] });
   }
 };
 function ErrorBoundary(props) {
-  return /* @__PURE__ */ jsx26(Boundary, { ...props });
+  return /* @__PURE__ */ jsx28(Boundary, { ...props });
 }
 function AsyncBoundary({
   pending = null,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(ErrorBoundary, { ...props, children: /* @__PURE__ */ jsx26(Suspense, { fallback: pending, children: props.children }) });
+  return /* @__PURE__ */ jsx28(ErrorBoundary, { ...props, children: /* @__PURE__ */ jsx28(Suspense, { fallback: pending, children: props.children }) });
 }
 
 // src/ui/label/label.tsx
 import { forwardRef } from "react";
 import { Label as LabelPrimitive } from "react-aria-components";
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var Label2 = forwardRef(
   function Label3({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx27(
+    return /* @__PURE__ */ jsx29(
       LabelPrimitive,
       {
         ref,
@@ -2627,16 +2589,16 @@ var fieldVariants = cva8(
 );
 
 // src/ui/field/field.tsx
-import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx28("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
+  return /* @__PURE__ */ jsx30("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
 }
 function FieldLegend({
   className,
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "legend",
     {
       "data-slot": "field-legend",
@@ -2650,7 +2612,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-group",
@@ -2665,7 +2627,7 @@ function FieldGroup({ className, ...props }) {
 function Field({ className, orientation = "vertical", ...props }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: FieldSet provides native fieldset semantics when they are appropriate.
-    /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx30(
       "div",
       {
         role: "group",
@@ -2678,7 +2640,7 @@ function Field({ className, orientation = "vertical", ...props }) {
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-content",
@@ -2688,7 +2650,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     Label2,
     {
       "data-slot": "field-label",
@@ -2701,7 +2663,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-title",
@@ -2711,7 +2673,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "p",
     {
       "data-slot": "field-description",
@@ -2724,7 +2686,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldSeparator({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-slot": "field-separator",
@@ -2732,8 +2694,8 @@ function FieldSeparator({ className, children, ...props }) {
       className: cn("relative -my-2 h-5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx28(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx30(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ jsx30(
           "span",
           {
             "data-slot": "field-separator-content",
@@ -2747,9 +2709,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__ */ jsx28("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ jsx28("li", { children: message }, message)) }) : null);
+  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ jsx30("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ jsx30("li", { children: message }, message)) }) : null);
   if (!content) return null;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       role: "alert",
@@ -2761,9 +2723,53 @@ function FieldError2({ className, children, errors, ...props }) {
   );
 }
 
+// src/ui/filter-bar/filter-bar.tsx
+import { jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
+function FilterBar({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "filter-bar",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function FilterGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "filter-group",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ActiveFilters({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "active-filters",
+      "aria-label": "Filtros activos",
+      className: cn("flex flex-wrap items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function FilterChip({
+  children,
+  onRemove,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs14(Button, { size: "sm", variant: "outline", onPress: onRemove, ...props, children: [
+    children,
+    " \xD7"
+  ] });
+}
+
 // src/ui/form-feedback/form-feedback.tsx
 import { CheckCircle, CircleAlert, LoaderCircle } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
 function FormFeedback({
   state,
   className,
@@ -2771,7 +2777,7 @@ function FormFeedback({
   successLabel = "Guardado"
 }) {
   if (state.status === "idle")
-    return /* @__PURE__ */ jsx29("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+    return /* @__PURE__ */ jsx32("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__ */ jsxs15(
@@ -2787,10 +2793,10 @@ function FormFeedback({
         className
       ),
       children: [
-        state.status === "pending" && /* @__PURE__ */ jsx29(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-        success && /* @__PURE__ */ jsx29(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-        error && /* @__PURE__ */ jsx29(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-        /* @__PURE__ */ jsx29("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+        state.status === "pending" && /* @__PURE__ */ jsx32(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+        success && /* @__PURE__ */ jsx32(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+        error && /* @__PURE__ */ jsx32(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+        /* @__PURE__ */ jsx32("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
       ]
     }
   );
@@ -2834,7 +2840,7 @@ function useFormFeedback(options) {
 }
 
 // src/ui/form-row/form-row.tsx
-import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
 function FormRow({
   label,
   htmlFor,
@@ -2850,13 +2856,13 @@ function FormRow({
     /* @__PURE__ */ jsxs16("label", { htmlFor, className: "text-foreground text-sm font-medium", children: [
       label,
       required && /* @__PURE__ */ jsxs16(Fragment6, { children: [
-        /* @__PURE__ */ jsx30("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
-        /* @__PURE__ */ jsx30("span", { className: "sr-only", children: " (obligatorio)" })
+        /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
+        /* @__PURE__ */ jsx33("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ jsx30("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
-    error && /* @__PURE__ */ jsx30("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
+    hint && /* @__PURE__ */ jsx33("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
+    error && /* @__PURE__ */ jsx33("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
   ] });
 }
 
@@ -2869,17 +2875,17 @@ import {
   Tooltip as TooltipPrimitive,
   TooltipTrigger as TooltipTriggerPrimitive
 } from "react-aria-components";
-import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
 function TooltipTrigger({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(TooltipTriggerPrimitive, { "data-slot": "tooltip-trigger", delay, ...props });
+  return /* @__PURE__ */ jsx34(TooltipTriggerPrimitive, { "data-slot": "tooltip-trigger", delay, ...props });
 }
 function Tooltip({ label, children, delay, ...props }) {
   return /* @__PURE__ */ jsxs17(TooltipTrigger, { delay, children: [
     children,
-    /* @__PURE__ */ jsx31(TooltipContent, { ...props, children: label })
+    /* @__PURE__ */ jsx34(TooltipContent, { ...props, children: label })
   ] });
 }
 function TooltipContent({
@@ -2904,7 +2910,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx34(
           OverlayArrow,
           {
             className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
@@ -2922,7 +2928,7 @@ function TooltipContent({
 }
 
 // src/ui/icon-button/icon-button.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function IconButton({
   label,
   children,
@@ -2932,7 +2938,7 @@ function IconButton({
   ...props
 }) {
   const linkClassName = cn(buttonVariants({ variant, size: "icon" }), className);
-  return /* @__PURE__ */ jsx32(Tooltip, { label, children: href ? /* @__PURE__ */ jsx32(Link2, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx35(Tooltip, { label, children: href ? /* @__PURE__ */ jsx35(Link2, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ jsx35(
     Button,
     {
       "data-slot": "icon-button",
@@ -2952,9 +2958,9 @@ import { cva as cva10 } from "class-variance-authority";
 // src/ui/input/input.tsx
 import { forwardRef as forwardRef2 } from "react";
 import { Input as AriaInput2 } from "react-aria-components";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var InputImpl = forwardRef2(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(
     AriaInput2,
     {
       ref,
@@ -2975,9 +2981,9 @@ import { forwardRef as forwardRef3 } from "react";
 import {
   TextArea as AriaTextArea
 } from "react-aria-components";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var TextareaImpl = forwardRef3(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx37(
     AriaTextArea,
     {
       ref,
@@ -3010,11 +3016,11 @@ var inputGroupAddonVariants = cva9(
 );
 
 // src/ui/input-group/input-group.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         role: "group",
@@ -3036,7 +3042,7 @@ function InputGroupAddon({
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: this addon delegates focus to its associated input.
-    /* @__PURE__ */ jsx35(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         role: "group",
@@ -3067,7 +3073,7 @@ function InputGroupButton({
   ...props
 }) {
   const buttonSize = size === "icon-xs" || size === "icon-sm" ? size : size;
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx38(
     Button,
     {
       "data-slot": "input-group-button",
@@ -3080,7 +3086,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx38(
     "span",
     {
       "data-slot": "input-group-text",
@@ -3093,7 +3099,7 @@ function InputGroupText({ className, ...props }) {
   );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx38(
     Input3,
     {
       "data-slot": "input-group-control",
@@ -3106,7 +3112,7 @@ function InputGroupInput({ className, ...props }) {
   );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx38(
     Textarea2,
     {
       "data-slot": "input-group-control",
@@ -3120,7 +3126,7 @@ function InputGroupTextarea({ className, ...props }) {
 }
 
 // src/ui/kanban/kanban.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var columnSize = {
   compact: "w-56",
   default: "w-72",
@@ -3132,13 +3138,13 @@ function KanbanViewport({
   contentClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "kanban-viewport",
       className: cn("-mx-1 overflow-x-auto pb-3", className),
       ...props,
-      children: /* @__PURE__ */ jsx36(
+      children: /* @__PURE__ */ jsx39(
         "div",
         {
           "data-slot": "kanban-viewport-content",
@@ -3154,7 +3160,7 @@ function KanbanColumn({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     "section",
     {
       "data-slot": "kanban-column",
@@ -3165,7 +3171,7 @@ function KanbanColumn({
   );
 }
 function KanbanColumnHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     "header",
     {
       "data-slot": "kanban-column-header",
@@ -3175,7 +3181,7 @@ function KanbanColumnHeader({ className, ...props }) {
   );
 }
 function KanbanColumnTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     "span",
     {
       "data-slot": "kanban-column-title",
@@ -3188,14 +3194,14 @@ function KanbanColumnTitle({ className, ...props }) {
   );
 }
 function KanbanColumnBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx36("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
+  return /* @__PURE__ */ jsx39("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
 }
 function KanbanEmpty({
   className,
   compact = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx39(
     "p",
     {
       "data-slot": "kanban-empty",
@@ -3211,9 +3217,9 @@ function KanbanEmpty({
 }
 
 // src/ui/kbd/kbd.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "kbd",
     {
       "data-slot": "kbd",
@@ -3226,7 +3232,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx40(
     "span",
     {
       "data-slot": "kbd-group",
@@ -3238,13 +3244,13 @@ function KbdGroup({ className, ...props }) {
 
 // src/ui/loading-overlay/loading-overlay.tsx
 import { LoaderCircle as LoaderCircle2 } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
 function LoadingOverlay({
   label = "Cargando",
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx41(
     "output",
     {
       "aria-live": "polite",
@@ -3254,8 +3260,8 @@ function LoadingOverlay({
       ),
       ...props,
       children: /* @__PURE__ */ jsxs18("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
-        /* @__PURE__ */ jsx38(LoaderCircle2, { className: "motion-safe:animate-spin", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx38("span", { children: label })
+        /* @__PURE__ */ jsx41(LoaderCircle2, { className: "motion-safe:animate-spin", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx41("span", { children: label })
       ] })
     }
   );
@@ -3268,10 +3274,10 @@ import {
   MenuTrigger as AriaMenuTrigger,
   Popover as Popover3
 } from "react-aria-components";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var MenuTrigger = AriaMenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx42(
     Popover3,
     {
       "data-slot": "menu-content",
@@ -3285,10 +3291,10 @@ function MenuContent({ className, ...props }) {
   );
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ jsx42(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx42(
     AriaMenuItem,
     {
       "data-slot": "menu-item",
@@ -3303,7 +3309,7 @@ function MenuItem({ className, children, ...props }) {
 }
 
 // src/ui/metric-card/metric-card.tsx
-import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
 function MetricCard({
   className,
   label,
@@ -3317,7 +3323,7 @@ function MetricCard({
   loadingLabel = "Cargando m\xE9trica",
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx43(
     Card,
     {
       "data-slot": "metric-card",
@@ -3327,15 +3333,15 @@ function MetricCard({
       className: cn("min-w-0", className),
       ...props,
       children: /* @__PURE__ */ jsxs19(CardContent, { className: "flex items-start gap-3", children: [
-        icon ? /* @__PURE__ */ jsx40("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
+        icon ? /* @__PURE__ */ jsx43("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
         /* @__PURE__ */ jsxs19("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ jsx40("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx43("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
+          /* @__PURE__ */ jsx43(
             "strong",
             {
               "data-slot": "metric-card-value",
               className: "mt-1 block text-2xl font-semibold tracking-tight",
-              children: loading ? /* @__PURE__ */ jsx40(
+              children: loading ? /* @__PURE__ */ jsx43(
                 "span",
                 {
                   "data-slot": "metric-card-loading",
@@ -3345,7 +3351,7 @@ function MetricCard({
               ) : value
             }
           ),
-          delta ? /* @__PURE__ */ jsx40(
+          delta ? /* @__PURE__ */ jsx43(
             "span",
             {
               "data-slot": "metric-card-delta",
@@ -3358,13 +3364,26 @@ function MetricCard({
               children: delta
             }
           ) : null,
-          description ? /* @__PURE__ */ jsx40("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
+          description ? /* @__PURE__ */ jsx43("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
         ] })
       ] })
     }
   );
 }
 
+// src/ui/metric-grid/metric-grid.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
+function MetricGrid({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(
+    "div",
+    {
+      "data-slot": "metric-grid",
+      className: cn("grid gap-4 sm:grid-cols-2 xl:grid-cols-4", className),
+      ...props
+    }
+  );
+}
+
 // src/ui/otp-input/otp-input.tsx
 import {
   forwardRef as forwardRef4,
@@ -3373,7 +3392,7 @@ import {
   useState as useState12
 } from "react";
 import { Input as AriaInput3 } from "react-aria-components";
-import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
 function normalizeOtp(value, length) {
   return value.replace(/[^0-9]/g, "").slice(0, length);
 }
@@ -3435,7 +3454,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
       style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx45(
           AriaInput3,
           {
             ...props,
@@ -3475,7 +3494,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
             }
           }
         ),
-        slots.map((slot, index) => /* @__PURE__ */ jsx41(
+        slots.map((slot, index) => /* @__PURE__ */ jsx45(
           "span",
           {
             "aria-hidden": "true",
@@ -3498,9 +3517,9 @@ var OtpInputImpl = forwardRef4(function OtpInput({
 var OtpInput2 = OtpInputImpl;
 
 // src/ui/page-header/page-header.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     "header",
     {
       "data-slot": "page-header",
@@ -3513,10 +3532,10 @@ function PageHeader({ className, ...props }) {
   );
 }
 function PageHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ jsx42("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     "h1",
     {
       "data-slot": "page-header-title",
@@ -3527,7 +3546,7 @@ function PageHeaderTitle({ className, children, ...props }) {
   );
 }
 function PageHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     "p",
     {
       "data-slot": "page-header-description",
@@ -3537,7 +3556,7 @@ function PageHeaderDescription({ className, ...props }) {
   );
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "page-header-actions",
@@ -3547,7 +3566,7 @@ function PageHeaderActions({ className, ...props }) {
   );
 }
 function SectionHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "section-header",
@@ -3557,10 +3576,10 @@ function SectionHeader({ className, ...props }) {
   );
 }
 function SectionHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ jsx42("div", { "data-slot": "section-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "section-header-heading", className: cn("min-w-0", className), ...props });
 }
 function SectionHeaderTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     "h2",
     {
       "data-slot": "section-header-title",
@@ -3570,7 +3589,7 @@ function SectionHeaderTitle({ className, ...props }) {
   );
 }
 function SectionHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     "p",
     {
       "data-slot": "section-header-description",
@@ -3580,7 +3599,7 @@ function SectionHeaderDescription({ className, ...props }) {
   );
 }
 function SectionHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "section-header-actions",
@@ -3593,18 +3612,19 @@ function SectionHeaderActions({ className, ...props }) {
 // src/ui/pagination/pagination.tsx
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import * as React6 from "react";
-import { jsx as jsx43, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
 function visiblePages(page, pageCount, siblingCount) {
+  const siblings = Number.isFinite(siblingCount) ? Math.min(10, Math.max(0, Math.floor(siblingCount))) : 1;
   return [
     .../* @__PURE__ */ new Set([
       1,
-      ...Array.from({ length: siblingCount * 2 + 1 }, (_, index) => page - siblingCount + index),
+      ...Array.from({ length: siblings * 2 + 1 }, (_, index) => page - siblings + index),
       pageCount
     ])
   ].filter((item) => item >= 1 && item <= pageCount).sort((left, right) => left - right);
 }
 function normalizedPageCount(pageCount) {
-  return Number.isFinite(pageCount) ? Math.max(0, Math.floor(pageCount)) : 0;
+  return Number.isFinite(pageCount) ? Math.min(Number.MAX_SAFE_INTEGER, Math.max(0, Math.floor(pageCount))) : 0;
 }
 function normalizedPage(page, pageCount) {
   if (!Number.isFinite(page)) return 1;
@@ -3629,9 +3649,9 @@ function Pagination({
       "aria-label": ariaLabel,
       className: cn("flex flex-wrap items-center justify-between gap-4", className),
       children: [
-        /* @__PURE__ */ jsx43("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${currentPage} de ${totalPages}` }),
+        /* @__PURE__ */ jsx47("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${currentPage} de ${totalPages}` }),
         /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx47(
             Button,
             {
               "aria-label": "P\xE1gina anterior",
@@ -3639,27 +3659,27 @@ function Pagination({
               onPress: () => onPageChange(currentPage - 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ jsx43(ChevronLeft, {})
+              children: /* @__PURE__ */ jsx47(ChevronLeft, {})
             }
           ),
           pages.map((item, index) => {
             const previousPage = pages[index - 1];
             return /* @__PURE__ */ jsxs21(React6.Fragment, { children: [
-              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
-              /* @__PURE__ */ jsx43(
+              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ jsx47("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
+              /* @__PURE__ */ jsx47(
                 Button,
                 {
                   "aria-current": item === currentPage ? "page" : void 0,
                   "aria-label": `P\xE1gina ${item}`,
                   onPress: () => onPageChange(item),
                   size: "icon",
-                  variant: item === page ? "secondary" : "ghost",
+                  variant: item === currentPage ? "secondary" : "ghost",
                   children: item
                 }
               )
             ] }, item);
           }),
-          /* @__PURE__ */ jsx43(
+          /* @__PURE__ */ jsx47(
             Button,
             {
               "aria-label": "P\xE1gina siguiente",
@@ -3667,7 +3687,7 @@ function Pagination({
               onPress: () => onPageChange(currentPage + 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ jsx43(ChevronRight, {})
+              children: /* @__PURE__ */ jsx47(ChevronRight, {})
             }
           )
         ] })
@@ -3681,10 +3701,10 @@ import {
   DialogTrigger as AriaDialogTrigger,
   Popover as AriaPopover
 } from "react-aria-components";
-import { jsx as jsx44, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
 var PopoverTrigger = AriaDialogTrigger;
 function PopoverContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx48(
     AriaPopover,
     {
       "data-slot": "popover",
@@ -3699,12 +3719,12 @@ function PopoverContent({ className, ...props }) {
   );
 }
 function Popover4(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ jsx44(PopoverContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ jsx48(PopoverContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx44(Button, { ...triggerProps, children: trigger }) : trigger;
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx48(Button, { ...triggerProps, children: trigger }) : trigger;
   return /* @__PURE__ */ jsxs22(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ jsx44(PopoverContent, { ...contentProps, children })
+    /* @__PURE__ */ jsx48(PopoverContent, { ...contentProps, children })
   ] });
 }
 
@@ -3716,7 +3736,7 @@ import {
   Input as AriaInput4,
   NumberField as AriaNumberField
 } from "react-aria-components";
-import { jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 function QuantityInput({
   className,
   inputClassName,
@@ -3726,7 +3746,7 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx49(
     AriaNumberField,
     {
       ...props,
@@ -3743,17 +3763,17 @@ function QuantityInput({
           "data-slot": "quantity-input-group",
           className: "border-border bg-background text-foreground focus-within:border-ring focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border transition-[border-color,box-shadow] focus-within:ring-3",
           children: [
-            /* @__PURE__ */ jsx45(
+            /* @__PURE__ */ jsx49(
               AriaButton,
               {
                 slot: "decrement",
                 "aria-label": decrementAriaLabel,
                 "data-slot": "quantity-input-decrement",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-r transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ jsx45(Minus2, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ jsx49(Minus2, { "aria-hidden": "true", className: "size-4" })
               }
             ),
-            /* @__PURE__ */ jsx45(
+            /* @__PURE__ */ jsx49(
               AriaInput4,
               {
                 "data-slot": "quantity-input-value",
@@ -3763,14 +3783,14 @@ function QuantityInput({
                 )
               }
             ),
-            /* @__PURE__ */ jsx45(
+            /* @__PURE__ */ jsx49(
               AriaButton,
               {
                 slot: "increment",
                 "aria-label": incrementAriaLabel,
                 "data-slot": "quantity-input-increment",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-l transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ jsx45(Plus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ jsx49(Plus, { "aria-hidden": "true", className: "size-4" })
               }
             )
           ]
@@ -3790,10 +3810,10 @@ import {
   ListBoxItem as ListBoxItem3,
   Popover as Popover5
 } from "react-aria-components";
-import { Fragment as Fragment8, jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 var Select = AriaSelect;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx50(
     AriaButton2,
     {
       "data-slot": "select-trigger",
@@ -3804,7 +3824,7 @@ function SelectTrigger({ className, children, ...props }) {
       ...props,
       children: (state) => /* @__PURE__ */ jsxs24(Fragment8, { children: [
         typeof children === "function" ? children(state) : children,
-        /* @__PURE__ */ jsx46(
+        /* @__PURE__ */ jsx50(
           ChevronDown2,
           {
             "aria-hidden": "true",
@@ -3816,7 +3836,7 @@ function SelectTrigger({ className, children, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx50(
     AriaSelectValue,
     {
       "data-slot": "select-value",
@@ -3826,7 +3846,7 @@ function SelectValue({ className, ...props }) {
   );
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx50(
     Popover5,
     {
       "data-slot": "select-content",
@@ -3840,7 +3860,7 @@ function SelectContent({ className, ...props }) {
   );
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx50(
     ListBox3,
     {
       "data-slot": "select-list",
@@ -3854,7 +3874,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx50(
     ListBoxItem3,
     {
       "data-slot": "select-item",
@@ -3868,6 +3888,34 @@ function SelectItem({
   );
 }
 
+// src/ui/selection-toolbar/selection-toolbar.tsx
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
+function SelectionToolbar({
+  count,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs25(
+    "div",
+    {
+      "data-slot": "selection-toolbar",
+      className: cn(
+        "flex flex-wrap items-center justify-between gap-2 rounded-lg border bg-muted/40 p-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs25("output", { "aria-live": "polite", className: "text-sm font-medium", children: [
+          count,
+          " seleccionados"
+        ] }),
+        /* @__PURE__ */ jsx51("div", { className: "flex items-center gap-2", children })
+      ]
+    }
+  );
+}
+
 // src/ui/sidebar/sidebar.tsx
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2, Ellipsis, Search } from "lucide-react";
 import { useCallback as useCallback8, useMemo as useMemo2, useState as useState13 } from "react";
@@ -3883,7 +3931,7 @@ function useSidebar() {
 }
 
 // src/ui/sidebar/sidebar.tsx
-import { Fragment as Fragment9, jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 function SidebarProvider({
   defaultCollapsed = false,
   collapsed: controlledCollapsed,
@@ -3908,11 +3956,11 @@ function SidebarProvider({
     }),
     [collapsed, setCollapsed, toggle]
   );
-  return /* @__PURE__ */ jsx47(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx52(SidebarContext.Provider, { value, children });
 }
 function Sidebar({ className, ...props }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     "aside",
     {
       "data-slot": "sidebar",
@@ -3926,7 +3974,7 @@ function Sidebar({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -3941,7 +3989,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     "button",
     {
       type: "button",
@@ -3952,15 +4000,15 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx47(Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsx47("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ jsx47("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
+        /* @__PURE__ */ jsx52(Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx52("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ jsx52("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
       ]
     }
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -3971,7 +4019,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -3987,8 +4035,8 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsxs25("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
-    label && /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsxs26("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
+    label && /* @__PURE__ */ jsx52(
       "h2",
       {
         className: cn(
@@ -4012,7 +4060,7 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     Link3,
     {
       "data-slot": "sidebar-item",
@@ -4024,16 +4072,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ jsxs25(Fragment9, { children: [
-        /* @__PURE__ */ jsx47("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx47("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
-        badge && !collapsed && /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground text-xs", children: badge })
+      children: (values) => /* @__PURE__ */ jsxs26(Fragment9, { children: [
+        /* @__PURE__ */ jsx52("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx52("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
+        badge && !collapsed && /* @__PURE__ */ jsx52("span", { className: "text-muted-foreground text-xs", children: badge })
       ] })
     }
   );
 }
 function SidebarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -4045,7 +4093,7 @@ function SidebarSeparator({ className, ...props }) {
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
   const { onPress, ...buttonProps } = props;
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
@@ -4057,14 +4105,14 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...buttonProps,
-      children: collapsed ? /* @__PURE__ */ jsx47(ChevronRight2, {}) : /* @__PURE__ */ jsx47(ChevronLeft2, {})
+      children: collapsed ? /* @__PURE__ */ jsx52(ChevronRight2, {}) : /* @__PURE__ */ jsx52(ChevronLeft2, {})
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggle } = useSidebar();
   const { onClick, ...buttonProps } = props;
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     "button",
     {
       type: "button",
@@ -4082,7 +4130,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx52(
     Button,
     {
       "aria-label": "M\xE1s opciones",
@@ -4090,15 +4138,15 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ jsx47(Ellipsis, {})
+      children: /* @__PURE__ */ jsx52(Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "aria-hidden": "true",
@@ -4113,7 +4161,7 @@ function Skeleton({ className, ...props }) {
 import { LoaderCircle as LoaderCircle3 } from "lucide-react";
 import { useCallback as useCallback9, useLayoutEffect, useRef as useRef7 } from "react";
 import { useFormStatus } from "react-dom";
-import { Fragment as Fragment10, jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs27 } from "react/jsx-runtime";
 function assignRef(ref, node) {
   if (typeof ref === "function") {
     ref(node);
@@ -4148,7 +4196,7 @@ function SubmitButton({
     if (busy) button.setAttribute("aria-busy", "true");
     else button.removeAttribute("aria-busy");
   }, [busy]);
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx54(
     Button,
     {
       ref: setButtonRef,
@@ -4157,8 +4205,8 @@ function SubmitButton({
       isDisabled: busy || isDisabled,
       "aria-busy": busy || void 0,
       ...props,
-      children: busy ? /* @__PURE__ */ jsxs26(Fragment10, { children: [
-        /* @__PURE__ */ jsx49(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 motion-safe:animate-spin" }),
+      children: busy ? /* @__PURE__ */ jsxs27(Fragment10, { children: [
+        /* @__PURE__ */ jsx54(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 motion-safe:animate-spin" }),
         label
       ] }) : children
     }
@@ -4168,7 +4216,7 @@ function SubmitButton({
 // src/ui/switch/switch.tsx
 import { useEffect as useEffect6, useRef as useRef8 } from "react";
 import { Switch as AriaSwitch } from "react-aria-components";
-import { Fragment as Fragment11, jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 var switchSizes = {
   sm: {
     control: "h-4 w-[1.875rem] p-0.5",
@@ -4225,7 +4273,7 @@ function Switch({
     ownerDocument.addEventListener("keydown", handleDirectionalKey);
     return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
   }, [isDisabled, isReadOnly, resolvedInputRef]);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx55(
     AriaSwitch,
     {
       "data-slot": "switch",
@@ -4242,8 +4290,8 @@ function Switch({
       children: (state) => {
         const isThumbPressed = state.isPressed;
         const thumbOffset = state.isSelected ? isThumbPressed ? styles.activeSelectedOffset : styles.selectedOffset : "0";
-        return /* @__PURE__ */ jsxs27(Fragment11, { children: [
-          /* @__PURE__ */ jsx50(
+        return /* @__PURE__ */ jsxs28(Fragment11, { children: [
+          /* @__PURE__ */ jsx55(
             "span",
             {
               "aria-hidden": "true",
@@ -4257,7 +4305,7 @@ function Switch({
                 "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
                 styles.control
               ),
-              children: /* @__PURE__ */ jsx50(
+              children: /* @__PURE__ */ jsx55(
                 "span",
                 {
                   "data-slot": "switch-thumb",
@@ -4277,9 +4325,9 @@ function Switch({
               )
             }
           ),
-          children || description ? /* @__PURE__ */ jsxs27("span", { className: "grid gap-0.5 leading-tight", children: [
-            children ? /* @__PURE__ */ jsx50("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
-            description ? /* @__PURE__ */ jsx50(
+          children || description ? /* @__PURE__ */ jsxs28("span", { className: "grid gap-0.5 leading-tight", children: [
+            children ? /* @__PURE__ */ jsx55("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
+            description ? /* @__PURE__ */ jsx55(
               "span",
               {
                 "data-slot": "switch-description",
@@ -4295,9 +4343,9 @@ function Switch({
 }
 
 // src/ui/table/table.tsx
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx51("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx56(
     "table",
     {
       "data-slot": "table",
@@ -4307,10 +4355,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx51("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ jsx56("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(
     "tbody",
     {
       "data-slot": "table-body",
@@ -4320,7 +4368,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(
     "tr",
     {
       "data-slot": "table-row",
@@ -4333,7 +4381,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(
     "th",
     {
       "data-slot": "table-head",
@@ -4346,7 +4394,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(
     "td",
     {
       "data-slot": "table-cell",
@@ -4356,7 +4404,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(
     "caption",
     {
       "data-slot": "table-caption",
@@ -4366,7 +4414,7 @@ function TableCaption({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -4379,7 +4427,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableToolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(
     "div",
     {
       "data-slot": "table-toolbar",
@@ -4393,7 +4441,7 @@ function TableEmpty({
   className,
   children = "No hay resultados."
 }) {
-  return /* @__PURE__ */ jsx51(TableRow, { "data-slot": "table-empty", children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(TableRow, { "data-slot": "table-empty", children: /* @__PURE__ */ jsx56(
     TableCell,
     {
       colSpan,
@@ -4407,7 +4455,7 @@ function TableLoading({
   className,
   children = "Cargando\u2026"
 }) {
-  return /* @__PURE__ */ jsx51(TableRow, { "data-slot": "table-loading", "aria-busy": "true", children: /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx56(TableRow, { "data-slot": "table-loading", "aria-busy": "true", children: /* @__PURE__ */ jsx56(
     TableCell,
     {
       colSpan,
@@ -4426,9 +4474,9 @@ import {
   Tabs as AriaTabs,
   composeRenderProps as composeRenderProps2
 } from "react-aria-components";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx57(
     AriaTabs,
     {
       "data-slot": "tabs",
@@ -4438,7 +4486,7 @@ function Tabs({ className, ...props }) {
   );
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx57(
     AriaTabList,
     {
       "data-slot": "tabs-list",
@@ -4454,7 +4502,7 @@ function TabsList({ className, ...props }) {
   );
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx57(
     AriaTab,
     {
       "data-slot": "tabs-trigger",
@@ -4470,10 +4518,10 @@ function TabsTrigger({ className, ...props }) {
   );
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx57(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx57(
     AriaTabPanel,
     {
       "data-slot": "tabs-content",
@@ -4537,15 +4585,15 @@ function useToast() {
 }
 
 // src/ui/toast/toast.tsx
-import { Fragment as Fragment12, jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ jsxs28(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs29(Fragment12, { children: [
     children,
-    /* @__PURE__ */ jsx53(Toaster, {})
+    /* @__PURE__ */ jsx58(Toaster, {})
   ] });
 }
 function Toaster({ position }) {
-  return /* @__PURE__ */ jsx53(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
+  return /* @__PURE__ */ jsx58(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
 }
 function ToastViewport({
   position,
@@ -4554,7 +4602,7 @@ function ToastViewport({
 }) {
   void className;
   if (visiblePosition && visiblePosition !== position) return null;
-  return /* @__PURE__ */ jsx53(Toaster, { position });
+  return /* @__PURE__ */ jsx58(Toaster, { position });
 }
 function Toast({
   id,
@@ -4579,9 +4627,9 @@ function Toast({
 }
 
 // src/ui/toolbar/toolbar.tsx
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       role: "toolbar",
@@ -4592,7 +4640,7 @@ function Toolbar({ className, ...props }) {
   );
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       "data-slot": "toolbar-group",
@@ -4602,7 +4650,7 @@ function ToolbarGroup({ className, ...props }) {
   );
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ jsx54("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ jsx59("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 export {
   Accordion,