@doscientos/ui 0.1.32 → 0.1.34

package/dist/index.cjs

@@ -314,6 +314,7 @@ function useAsyncAction(action) {
       pendingRef.current = true;
       setStatus("pending");
       setError(null);
+      setData(null);
       try {
         const result = await action(...args);
         setData(result);
@@ -330,6 +331,7 @@ function useAsyncAction(action) {
     [action]
   );
   const reset = (0, import_react.useCallback)(() => {
+    if (pendingRef.current) return;
     setData(null);
     setError(null);
     setStatus("idle");
@@ -352,24 +354,45 @@ function useAutosave({
   const saveRef = (0, import_react2.useRef)(onSave);
   const serializeRef = (0, import_react2.useRef)(serialize);
   const latestSaveId = (0, import_react2.useRef)(0);
+  const queue = (0, import_react2.useRef)(Promise.resolve());
+  const queuedCount = (0, import_react2.useRef)(0);
+  const timeoutRef = (0, import_react2.useRef)(void 0);
+  const mounted = (0, import_react2.useRef)(true);
+  (0, import_react2.useEffect)(() => {
+    mounted.current = true;
+    return () => {
+      mounted.current = false;
+      clearTimeout(timeoutRef.current);
+    };
+  }, []);
   (0, import_react2.useEffect)(() => {
     saveRef.current = onSave;
     serializeRef.current = serialize;
   }, [onSave, serialize]);
-  const save = (0, import_react2.useCallback)(async (value) => {
+  const save = (0, import_react2.useCallback)((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;
   }, []);
   (0, import_react2.useEffect)(() => {
     if (!enabled) return;
@@ -378,11 +401,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
@@ -1783,10 +1806,10 @@ function ComboboxContent({ className, ...props }) {
     import_react_aria_components9.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
     }
@@ -1801,7 +1824,10 @@ function ComboboxList({
     import_react_aria_components9.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
     }
@@ -1816,9 +1842,9 @@ function ComboboxItem({
     import_react_aria_components9.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
@@ -1893,7 +1919,10 @@ function AutocompleteCombobox({
     import_react_aria_components9.ComboBox,
     {
       ...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,
@@ -1997,15 +2026,197 @@ function CommandItem({ className, ...props }) {
   );
 }
 
-// src/ui/sheet/sheet.tsx
+// src/ui/confirm-dialog/confirm-dialog.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
+  destructive = false,
+  pending = false,
+  onConfirm
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    AlertDialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!pending || nextOpen) onOpenChange(nextOpen);
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogTitle, { children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogDescription, { children: description }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogFooter, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            Button,
+            {
+              variant: destructive ? "destructive" : "default",
+              isDisabled: pending,
+              onPress: onConfirm,
+              children: confirmLabel
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/ui/copy-button/copy-button.tsx
 var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime18 = require("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__ */ (0, import_jsx_runtime18.jsxs)(
+    Button,
+    {
+      "aria-label": typeof label === "string" ? label : void 0,
+      onPress: () => {
+        void copy(value).then((wasCopied) => {
+          if (wasCopied) onCopied?.(value);
+        });
+      },
+      ...props,
+      children: [
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.Check, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.Copy, { "aria-hidden": "true", className: "size-3.5" }),
+        label
+      ]
+    }
+  );
+}
+
+// src/ui/danger-zone/danger-zone.tsx
+var import_lucide_react5 = require("lucide-react");
 var import_react_aria_components11 = require("react-aria-components");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function DangerZone({
+  title = "Zona de peligro",
+  description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
+  defaultOpen = false,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components11.Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Card, { className: cn("border-destructive/30", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components11.Heading, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+      import_react_aria_components11.Button,
+      {
+        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__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("span", { className: "flex flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-muted-foreground text-xs", children: description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react5.ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components11.DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardContent, { children }) })
+  ] }) });
+}
+
+// src/ui/data-view-state/data-view-state.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function DataViewState({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "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__ */ (0, import_jsx_runtime20.jsx)("h2", { "data-slot": "data-view-state-title", className: cn("font-semibold", className), ...props, children });
+}
+function DataViewStateDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "p",
+    {
+      "data-slot": "data-view-state-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DataViewStateActions({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      "data-slot": "data-view-state-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/description-list/description-list.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function DescriptionList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "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__ */ (0, import_jsx_runtime21.jsx)("div", { "data-slot": "description-item", className: cn("min-w-0", className), ...props });
+}
+function DescriptionTerm({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "dt",
+    {
+      "data-slot": "description-term",
+      className: cn("text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DescriptionDetails({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    "dd",
+    {
+      "data-slot": "description-details",
+      className: cn("mt-1 wrap-break-word text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/drawer/drawer.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_react_aria_components12 = require("react-aria-components");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function DrawerTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components11.DialogTrigger, { "data-slot": "drawer-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components12.DialogTrigger, { "data-slot": "drawer-trigger", ...props });
 }
 function DrawerClose({ className, variant = "outline", size = "default", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     Button,
     {
       slot: "close",
@@ -2022,8 +2233,8 @@ function DrawerOverlay({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_aria_components11.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_aria_components12.ModalOverlay,
     {
       "data-slot": "drawer-overlay",
       isDismissable: true,
@@ -2044,8 +2255,8 @@ function DrawerContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_aria_components11.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DrawerOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_aria_components12.Modal,
     {
       "data-slot": "drawer-content",
       "data-side": side,
@@ -2053,17 +2264,17 @@ 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__ */ (0, import_jsx_runtime17.jsxs)(
-        import_react_aria_components11.Dialog,
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        import_react_aria_components12.Dialog,
         {
           "data-slot": "drawer",
           className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
           ...dialogProps,
           children: [
             children,
-            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DrawerClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.XIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: "Cerrar" })
+            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DrawerClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react6.XIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: "Cerrar" })
             ] })
           ]
         }
@@ -2072,16 +2283,16 @@ function DrawerContent({
   ) });
 }
 function Drawer(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DrawerContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DrawerTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DrawerTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerContent, { ...contentProps, children })
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DrawerContent, { ...contentProps, children })
   ] });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       "data-slot": "drawer-header",
@@ -2091,7 +2302,7 @@ function DrawerHeader({ className, ...props }) {
   );
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       "data-slot": "drawer-footer",
@@ -2101,8 +2312,8 @@ function DrawerFooter({ className, ...props }) {
   );
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_aria_components11.Heading,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_aria_components12.Heading,
     {
       slot: "title",
       "data-slot": "drawer-title",
@@ -2115,8 +2326,8 @@ function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_react_aria_components11.Text,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_aria_components12.Text,
     {
       slot: "description",
       "data-slot": "drawer-description",
@@ -2134,281 +2345,29 @@ var SheetHeader = DrawerHeader;
 var SheetTitle = DrawerTitle;
 var SheetTrigger = DrawerTrigger;
 
-// src/ui/composition/composition.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function FilterBar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "div",
-    {
-      "data-slot": "filter-bar",
-      className: cn("flex flex-wrap items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function FilterGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "div",
-    {
-      "data-slot": "filter-group",
-      className: cn("flex flex-wrap items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function ActiveFilters({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "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__ */ (0, import_jsx_runtime18.jsxs)(Button, { size: "sm", variant: "outline", onPress: onRemove, ...props, children: [
-    children,
-    " \xD7"
-  ] });
-}
-function SelectionToolbar({
-  count,
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-    "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__ */ (0, import_jsx_runtime18.jsxs)("output", { "aria-live": "polite", className: "text-sm font-medium", children: [
-          count,
-          " seleccionados"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center gap-2", children })
-      ]
-    }
-  );
-}
-function DescriptionList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "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__ */ (0, import_jsx_runtime18.jsx)("div", { "data-slot": "description-item", className: cn("min-w-0", className), ...props });
-}
-function DescriptionTerm({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "dt",
-    {
-      "data-slot": "description-term",
-      className: cn("text-xs font-medium text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function DescriptionDetails({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "dd",
-    {
-      "data-slot": "description-details",
-      className: cn("mt-1 wrap-break-word text-sm", className),
-      ...props
-    }
-  );
-}
-function DataViewState({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "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__ */ (0, import_jsx_runtime18.jsx)("h2", { "data-slot": "data-view-state-title", className: cn("font-semibold", className), ...props, children });
-}
-function DataViewStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "p",
-    {
-      "data-slot": "data-view-state-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-function DataViewStateActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "div",
-    {
-      "data-slot": "data-view-state-actions",
-      className: cn("flex items-center gap-2", className),
-      ...props
-    }
-  );
-}
-function MetricGrid({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    "div",
-    {
-      "data-slot": "metric-grid",
-      className: cn("grid gap-4 sm:grid-cols-2 xl:grid-cols-4", className),
-      ...props
-    }
-  );
-}
+// src/ui/detail-drawer/detail-drawer.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function DetailDrawer({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DrawerContent, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DrawerContent, { ...props, children });
 }
 function DetailDrawerBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "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
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function ConfirmDialog({
-  open,
-  onOpenChange,
-  title,
-  description,
-  confirmLabel = "Confirmar",
-  cancelLabel = "Cancelar",
-  destructive = false,
-  pending = false,
-  onConfirm
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    AlertDialog,
-    {
-      open,
-      onOpenChange: (nextOpen) => {
-        if (!pending || nextOpen) onOpenChange(nextOpen);
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogContent, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogHeader, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogTitle, { children: title }),
-          description ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogDescription, { children: description }) : null
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogFooter, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-            Button,
-            {
-              variant: destructive ? "destructive" : "default",
-              isDisabled: pending,
-              onPress: onConfirm,
-              children: confirmLabel
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-}
-
-// src/ui/copy-button/copy-button.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime20 = require("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__ */ (0, import_jsx_runtime20.jsxs)(
-    Button,
-    {
-      "aria-label": typeof label === "string" ? label : void 0,
-      onPress: () => {
-        void copy(value).then((wasCopied) => {
-          if (wasCopied) onCopied?.(value);
-        });
-      },
-      ...props,
-      children: [
-        copied ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react5.Check, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react5.Copy, { "aria-hidden": "true", className: "size-3.5" }),
-        label
-      ]
+      ...props
     }
   );
 }
 
-// src/ui/danger-zone/danger-zone.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_react_aria_components12 = require("react-aria-components");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-function DangerZone({
-  title = "Zona de peligro",
-  description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
-  defaultOpen = false,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components12.Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Card, { className: cn("border-destructive/30", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components12.Heading, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
-      import_react_aria_components12.Button,
-      {
-        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__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "flex flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground text-xs", children: description })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components12.DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardContent, { children }) })
-  ] }) });
-}
-
 // src/ui/doc-preview/doc-preview.tsx
 var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function DocPreview({ url, mimeType, name }) {
-  if (!url) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Fallback, { mimeType, reason: "no-url" });
+  if (!url) return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Fallback, { mimeType, reason: "no-url" });
   if (mimeType === "application/pdf" || mimeType === "text/plain" || mimeType === "text/csv") {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       "iframe",
       {
         src: url,
@@ -2419,9 +2378,9 @@ function DocPreview({ url, mimeType, name }) {
     );
   }
   if (mimeType?.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Fallback, { mimeType, reason: "unsupported" });
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Fallback, { mimeType, reason: "unsupported" });
 }
 function Fallback({
   mimeType,
@@ -2429,11 +2388,11 @@ function Fallback({
 }) {
   const Icon = mimeType?.startsWith("image/") ? import_lucide_react7.Image : import_lucide_react7.FileText;
   const message = reason === "no-url" ? "No se pudo generar la URL de preview." : "Preview no disponible para este tipo de archivo.";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "size-9 opacity-30" }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm", children: message }),
-    mimeType ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Icon, { className: "size-9 opacity-30" }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-sm", children: message }),
+    mimeType ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
   ] });
 }
 
@@ -2442,9 +2401,9 @@ var import_class_variance_authority6 = require("class-variance-authority");
 var import_lucide_react8 = require("lucide-react");
 var React5 = require("react");
 var import_react_aria_components13 = require("react-aria-components");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components13.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components13.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   "data-slot": dataSlot = "dropdown-menu-content",
@@ -2455,7 +2414,7 @@ function DropdownMenuContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_react_aria_components13.Popover,
     {
       "data-slot": dataSlot,
@@ -2467,7 +2426,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__ */ (0, import_jsx_runtime23.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
         import_react_aria_components13.Menu,
         {
           className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
@@ -2479,25 +2438,25 @@ function DropdownMenuContent({
   );
 }
 function DropdownMenu(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownMenuContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownMenuContent, { ...contentProps, children })
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuContent, { ...contentProps, children })
   ] });
 }
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components13.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components13.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_react_aria_components13.Header,
     {
       "data-slot": "dropdown-menu-label",
@@ -2529,7 +2488,7 @@ function DropdownMenuItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_react_aria_components13.MenuItem,
     {
       "data-slot": "dropdown-menu-item",
@@ -2541,13 +2500,13 @@ function DropdownMenuItem({
         (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
       ),
       ...props,
-      children: (0, import_react_aria_components13.composeRenderProps)(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
-        selectionMode !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      children: (0, import_react_aria_components13.composeRenderProps)(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+        selectionMode !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           "span",
           {
             className: "pointer-events-none absolute right-2 flex items-center justify-center",
             "data-slot": selectionMode === "single" ? "dropdown-menu-radio-item-indicator" : "dropdown-menu-checkbox-item-indicator",
-            children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.CheckIcon, {}) : null
+            children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react8.CheckIcon, {}) : null
           }
         ) : null,
         children2
@@ -2556,7 +2515,7 @@ function DropdownMenuItem({
   );
 }
 function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components13.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components13.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -2564,7 +2523,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_react_aria_components13.MenuItem,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -2575,9 +2534,9 @@ function DropdownMenuSubTrigger({
         className
       ),
       ...props,
-      children: (0, import_react_aria_components13.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+      children: (0, import_react_aria_components13.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
         children2,
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react8.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
       ] }))
     }
   );
@@ -2589,7 +2548,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     DropdownMenuContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -2608,7 +2567,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     import_react_aria_components13.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -2618,7 +2577,7 @@ function DropdownMenuSeparator({
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -2647,9 +2606,9 @@ var emptyStateMediaVariants = (0, import_class_variance_authority7.cva)(
 );
 
 // src/ui/empty-state/empty-state.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       "data-slot": "empty-state",
@@ -2662,7 +2621,7 @@ function EmptyState({ className, ...props }) {
   );
 }
 function EmptyStateHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       "data-slot": "empty-state-header",
@@ -2676,7 +2635,7 @@ function EmptyStateMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       "data-slot": "empty-state-media",
@@ -2687,7 +2646,7 @@ function EmptyStateMedia({
   );
 }
 function EmptyStateTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "h3",
     {
       "data-slot": "empty-state-title",
@@ -2698,7 +2657,7 @@ function EmptyStateTitle({ className, children, ...props }) {
   );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "p",
     {
       "data-slot": "empty-state-description",
@@ -2711,7 +2670,7 @@ function EmptyStateDescription({ className, ...props }) {
   );
 }
 function EmptyStateContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
     "div",
     {
       "data-slot": "empty-state-content",
@@ -2729,9 +2688,9 @@ var import_react9 = require("react");
 
 // src/ui/error-state/error-state.tsx
 var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function ErrorState({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "section",
     {
       "data-slot": "error-state",
@@ -2748,7 +2707,7 @@ function ErrorStateIcon({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     import_lucide_react9.AlertCircle,
     {
       "data-slot": "error-state-icon",
@@ -2759,7 +2718,7 @@ function ErrorStateIcon({
   );
 }
 function ErrorStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "h2",
     {
       "data-slot": "error-state-title",
@@ -2769,7 +2728,7 @@ function ErrorStateTitle({ className, ...props }) {
   );
 }
 function ErrorStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "p",
     {
       "data-slot": "error-state-description",
@@ -2779,7 +2738,7 @@ function ErrorStateDescription({ className, ...props }) {
   );
 }
 function ErrorStateActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-slot": "error-state-actions",
@@ -2790,17 +2749,20 @@ function ErrorStateActions({ className, ...props }) {
 }
 
 // src/ui/error-boundary/error-boundary.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("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 import_react9.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))
@@ -2812,32 +2774,32 @@ var Boundary = class extends import_react9.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__ */ (0, import_jsx_runtime26.jsxs)(ErrorState, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorStateIcon, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorStateTitle, { children: "No se pudo cargar este contenido" }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorStateDescription, { children: "Prueba a cargarlo de nuevo." }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorStateActions, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { onPress: this.reset, children: "Reintentar" }) })
+    if (fallback !== void 0) return fallback;
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(ErrorState, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ErrorStateIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ErrorStateTitle, { children: "No se pudo cargar este contenido" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ErrorStateDescription, { children: "Prueba a cargarlo de nuevo." }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ErrorStateActions, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { onPress: this.reset, children: "Reintentar" }) })
     ] });
   }
 };
 function ErrorBoundary(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Boundary, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Boundary, { ...props });
 }
 function AsyncBoundary({
   pending = null,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorBoundary, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react9.Suspense, { fallback: pending, children: props.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ErrorBoundary, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react9.Suspense, { fallback: pending, children: props.children }) });
 }
 
 // src/ui/label/label.tsx
 var import_react10 = require("react");
 var import_react_aria_components14 = require("react-aria-components");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 var Label2 = (0, import_react10.forwardRef)(
   function Label3({ className, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
       import_react_aria_components14.Label,
       {
         ref,
@@ -2869,16 +2831,16 @@ var fieldVariants = (0, import_class_variance_authority8.cva)(
 );
 
 // src/ui/field/field.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
 }
 function FieldLegend({
   className,
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -2892,7 +2854,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -2907,7 +2869,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__ */ (0, import_jsx_runtime28.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       "div",
       {
         role: "group",
@@ -2920,7 +2882,7 @@ function Field({ className, orientation = "vertical", ...props }) {
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -2930,7 +2892,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     Label2,
     {
       "data-slot": "field-label",
@@ -2943,7 +2905,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       "data-slot": "field-title",
@@ -2953,7 +2915,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -2966,7 +2928,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldSeparator({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -2974,8 +2936,8 @@ function FieldSeparator({ className, children, ...props }) {
       className: cn("relative -my-2 h-5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           "span",
           {
             "data-slot": "field-separator-content",
@@ -2989,9 +2951,9 @@ function FieldSeparator({ className, children, ...props }) {
 }
 function FieldError2({ className, children, errors, ...props }) {
   const messages = [...new Set(errors?.flatMap((error) => error?.message ?? []) ?? [])];
-  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: message }, message)) }) : null);
+  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { children: message }, message)) }) : null);
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
       role: "alert",
@@ -3003,9 +2965,53 @@ function FieldError2({ className, children, errors, ...props }) {
   );
 }
 
+// src/ui/filter-bar/filter-bar.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function FilterBar({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "div",
+    {
+      "data-slot": "filter-bar",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function FilterGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "div",
+    {
+      "data-slot": "filter-group",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ActiveFilters({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    "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__ */ (0, import_jsx_runtime31.jsxs)(Button, { size: "sm", variant: "outline", onPress: onRemove, ...props, children: [
+    children,
+    " \xD7"
+  ] });
+}
+
 // src/ui/form-feedback/form-feedback.tsx
 var import_lucide_react10 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function FormFeedback({
   state,
   className,
@@ -3013,10 +3019,10 @@ function FormFeedback({
   successLabel = "Guardado"
 }) {
   if (state.status === "idle")
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
   const error = state.status === "error";
   const success = state.status === "success";
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     "span",
     {
       role: error ? "alert" : "status",
@@ -3029,10 +3035,10 @@ function FormFeedback({
         className
       ),
       children: [
-        state.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react10.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-        success && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react10.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react10.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+        state.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react10.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+        success && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react10.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_lucide_react10.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
       ]
     }
   );
@@ -3076,7 +3082,7 @@ function useFormFeedback(options) {
 }
 
 // src/ui/form-row/form-row.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function FormRow({
   label,
   htmlFor,
@@ -3088,17 +3094,17 @@ function FormRow({
 }) {
   const hintId = hint ? `${htmlFor}-hint` : void 0;
   const errorId = error ? `${htmlFor}-error` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { htmlFor, className: "text-foreground text-sm font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("label", { htmlFor, className: "text-foreground text-sm font-medium", children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
   ] });
 }
 
@@ -3107,17 +3113,17 @@ var import_react_aria_components16 = require("react-aria-components");
 
 // src/ui/tooltip/tooltip.tsx
 var import_react_aria_components15 = require("react-aria-components");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function TooltipTrigger({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_aria_components15.TooltipTrigger, { "data-slot": "tooltip-trigger", delay, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components15.TooltipTrigger, { "data-slot": "tooltip-trigger", delay, ...props });
 }
 function Tooltip({ label, children, delay, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TooltipTrigger, { delay, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(TooltipTrigger, { delay, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContent, { ...props, children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(TooltipContent, { ...props, children: label })
   ] });
 }
 function TooltipContent({
@@ -3128,7 +3134,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     import_react_aria_components15.Tooltip,
     {
       "data-slot": "tooltip-content",
@@ -3142,7 +3148,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
           import_react_aria_components15.OverlayArrow,
           {
             className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
@@ -3160,7 +3166,7 @@ function TooltipContent({
 }
 
 // src/ui/icon-button/icon-button.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function IconButton({
   label,
   children,
@@ -3170,7 +3176,7 @@ function IconButton({
   ...props
 }) {
   const linkClassName = cn(buttonVariants({ variant, size: "icon" }), className);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Tooltip, { label, children: href ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_aria_components16.Link, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Tooltip, { label, children: href ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components16.Link, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Button,
     {
       "data-slot": "icon-button",
@@ -3190,9 +3196,9 @@ var import_class_variance_authority10 = require("class-variance-authority");
 // src/ui/input/input.tsx
 var import_react12 = require("react");
 var import_react_aria_components17 = require("react-aria-components");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var InputImpl = (0, import_react12.forwardRef)(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     import_react_aria_components17.Input,
     {
       ref,
@@ -3211,9 +3217,9 @@ var Input3 = InputImpl;
 // src/ui/textarea/textarea.tsx
 var import_react13 = require("react");
 var import_react_aria_components18 = require("react-aria-components");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var TextareaImpl = (0, import_react13.forwardRef)(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     import_react_aria_components18.TextArea,
     {
       ref,
@@ -3246,12 +3252,12 @@ var inputGroupAddonVariants = (0, import_class_variance_authority9.cva)(
 );
 
 // src/ui/input-group/input-group.tsx
-var import_jsx_runtime35 = (
+var import_jsx_runtime38 = (
   // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
   require("react/jsx-runtime")
 );
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
     {
       role: "group",
@@ -3272,7 +3278,7 @@ function InputGroupAddon({
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: this addon delegates focus to its associated input.
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       "div",
       {
         role: "group",
@@ -3303,7 +3309,7 @@ function InputGroupButton({
   ...props
 }) {
   const buttonSize = size === "icon-xs" || size === "icon-sm" ? size : size;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Button,
     {
       "data-slot": "input-group-button",
@@ -3316,7 +3322,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "span",
     {
       "data-slot": "input-group-text",
@@ -3329,7 +3335,7 @@ function InputGroupText({ className, ...props }) {
   );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Input3,
     {
       "data-slot": "input-group-control",
@@ -3342,7 +3348,7 @@ function InputGroupInput({ className, ...props }) {
   );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Textarea2,
     {
       "data-slot": "input-group-control",
@@ -3356,7 +3362,7 @@ function InputGroupTextarea({ className, ...props }) {
 }
 
 // src/ui/kanban/kanban.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var columnSize = {
   compact: "w-56",
   default: "w-72",
@@ -3368,13 +3374,13 @@ function KanbanViewport({
   contentClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       "data-slot": "kanban-viewport",
       className: cn("-mx-1 overflow-x-auto pb-3", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
         "div",
         {
           "data-slot": "kanban-viewport-content",
@@ -3390,7 +3396,7 @@ function KanbanColumn({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "section",
     {
       "data-slot": "kanban-column",
@@ -3401,7 +3407,7 @@ function KanbanColumn({
   );
 }
 function KanbanColumnHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "header",
     {
       "data-slot": "kanban-column-header",
@@ -3411,7 +3417,7 @@ function KanbanColumnHeader({ className, ...props }) {
   );
 }
 function KanbanColumnTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "span",
     {
       "data-slot": "kanban-column-title",
@@ -3424,14 +3430,14 @@ function KanbanColumnTitle({ className, ...props }) {
   );
 }
 function KanbanColumnBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
 }
 function KanbanEmpty({
   className,
   compact = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "p",
     {
       "data-slot": "kanban-empty",
@@ -3447,9 +3453,9 @@ function KanbanEmpty({
 }
 
 // src/ui/kbd/kbd.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "kbd",
     {
       "data-slot": "kbd",
@@ -3462,7 +3468,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     "span",
     {
       "data-slot": "kbd-group",
@@ -3474,13 +3480,13 @@ function KbdGroup({ className, ...props }) {
 
 // src/ui/loading-overlay/loading-overlay.tsx
 var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function LoadingOverlay({
   label = "Cargando",
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "output",
     {
       "aria-live": "polite",
@@ -3489,9 +3495,9 @@ function LoadingOverlay({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.LoaderCircle, { className: "motion-safe:animate-spin", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: label })
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react11.LoaderCircle, { className: "motion-safe:animate-spin", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: label })
       ] })
     }
   );
@@ -3499,10 +3505,10 @@ function LoadingOverlay({
 
 // src/ui/menu/menu.tsx
 var import_react_aria_components19 = require("react-aria-components");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var MenuTrigger = import_react_aria_components19.MenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_react_aria_components19.Popover,
     {
       "data-slot": "menu-content",
@@ -3516,10 +3522,10 @@ function MenuContent({ className, ...props }) {
   );
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_aria_components19.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components19.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     import_react_aria_components19.MenuItem,
     {
       "data-slot": "menu-item",
@@ -3534,7 +3540,7 @@ function MenuItem({ className, children, ...props }) {
 }
 
 // src/ui/metric-card/metric-card.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function MetricCard({
   className,
   label,
@@ -3548,7 +3554,7 @@ function MetricCard({
   loadingLabel = "Cargando m\xE9trica",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     Card,
     {
       "data-slot": "metric-card",
@@ -3557,16 +3563,16 @@ function MetricCard({
       "aria-busy": loading || void 0,
       className: cn("min-w-0", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CardContent, { className: "flex items-start gap-3", children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "min-w-0", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(CardContent, { className: "flex items-start gap-3", children: [
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "strong",
             {
               "data-slot": "metric-card-value",
               className: "mt-1 block text-2xl font-semibold tracking-tight",
-              children: loading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              children: loading ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 "span",
                 {
                   "data-slot": "metric-card-loading",
@@ -3576,7 +3582,7 @@ function MetricCard({
               ) : value
             }
           ),
-          delta ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          delta ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "span",
             {
               "data-slot": "metric-card-delta",
@@ -3589,17 +3595,30 @@ function MetricCard({
               children: delta
             }
           ) : null,
-          description ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
+          description ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
         ] })
       ] })
     }
   );
 }
 
+// src/ui/metric-grid/metric-grid.tsx
+var import_jsx_runtime44 = require("react/jsx-runtime");
+function MetricGrid({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    "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
 var import_react14 = require("react");
 var import_react_aria_components20 = require("react-aria-components");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function normalizeOtp(value, length) {
   return value.replace(/[^0-9]/g, "").slice(0, length);
 }
@@ -3651,7 +3670,7 @@ var OtpInputImpl = (0, import_react14.forwardRef)(function OtpInput({
     input.setSelectionRange(position, position);
     setSelectionStart(position);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "div",
     {
       "data-slot": "otp-input",
@@ -3661,7 +3680,7 @@ var OtpInputImpl = (0, import_react14.forwardRef)(function OtpInput({
       style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           import_react_aria_components20.Input,
           {
             ...props,
@@ -3701,7 +3720,7 @@ var OtpInputImpl = (0, import_react14.forwardRef)(function OtpInput({
             }
           }
         ),
-        slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -3724,9 +3743,9 @@ var OtpInputImpl = (0, import_react14.forwardRef)(function OtpInput({
 var OtpInput2 = OtpInputImpl;
 
 // src/ui/page-header/page-header.tsx
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "header",
     {
       "data-slot": "page-header",
@@ -3739,10 +3758,10 @@ function PageHeader({ className, ...props }) {
   );
 }
 function PageHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "h1",
     {
       "data-slot": "page-header-title",
@@ -3753,7 +3772,7 @@ function PageHeaderTitle({ className, children, ...props }) {
   );
 }
 function PageHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "p",
     {
       "data-slot": "page-header-description",
@@ -3763,7 +3782,7 @@ function PageHeaderDescription({ className, ...props }) {
   );
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "page-header-actions",
@@ -3773,7 +3792,7 @@ function PageHeaderActions({ className, ...props }) {
   );
 }
 function SectionHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "section-header",
@@ -3783,10 +3802,10 @@ function SectionHeader({ className, ...props }) {
   );
 }
 function SectionHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { "data-slot": "section-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "section-header-heading", className: cn("min-w-0", className), ...props });
 }
 function SectionHeaderTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "h2",
     {
       "data-slot": "section-header-title",
@@ -3796,7 +3815,7 @@ function SectionHeaderTitle({ className, ...props }) {
   );
 }
 function SectionHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "p",
     {
       "data-slot": "section-header-description",
@@ -3806,7 +3825,7 @@ function SectionHeaderDescription({ className, ...props }) {
   );
 }
 function SectionHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "div",
     {
       "data-slot": "section-header-actions",
@@ -3819,18 +3838,19 @@ function SectionHeaderActions({ className, ...props }) {
 // src/ui/pagination/pagination.tsx
 var import_lucide_react12 = require("lucide-react");
 var React6 = __toESM(require("react"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("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;
@@ -3849,15 +3869,15 @@ function Pagination({
   if (totalPages <= 1) return null;
   const currentPage = normalizedPage(page, totalPages);
   const pages = visiblePages(currentPage, totalPages, siblingCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "nav",
     {
       "aria-label": ariaLabel,
       className: cn("flex flex-wrap items-center justify-between gap-4", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${currentPage} de ${totalPages}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${currentPage} de ${totalPages}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             Button,
             {
               "aria-label": "P\xE1gina anterior",
@@ -3865,27 +3885,27 @@ function Pagination({
               onPress: () => onPageChange(currentPage - 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.ChevronLeft, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react12.ChevronLeft, {})
             }
           ),
           pages.map((item, index) => {
             const previousPage = pages[index - 1];
-            return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(React6.Fragment, { children: [
-              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(React6.Fragment, { children: [
+              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                 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__ */ (0, import_jsx_runtime43.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             Button,
             {
               "aria-label": "P\xE1gina siguiente",
@@ -3893,7 +3913,7 @@ function Pagination({
               onPress: () => onPageChange(currentPage + 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.ChevronRight, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react12.ChevronRight, {})
             }
           )
         ] })
@@ -3904,10 +3924,10 @@ function Pagination({
 
 // src/ui/popover/popover.tsx
 var import_react_aria_components21 = require("react-aria-components");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var PopoverTrigger = import_react_aria_components21.DialogTrigger;
 function PopoverContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     import_react_aria_components21.Popover,
     {
       "data-slot": "popover",
@@ -3922,19 +3942,19 @@ function PopoverContent({ className, ...props }) {
   );
 }
 function Popover4(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverContent, { ...contentProps, children })
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(PopoverContent, { ...contentProps, children })
   ] });
 }
 
 // src/ui/quantity-input/quantity-input.tsx
 var import_lucide_react13 = require("lucide-react");
 var import_react_aria_components22 = require("react-aria-components");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function QuantityInput({
   className,
   inputClassName,
@@ -3944,7 +3964,7 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     import_react_aria_components22.NumberField,
     {
       ...props,
@@ -3955,23 +3975,23 @@ function QuantityInput({
         "group/quantity-input inline-flex min-w-0 data-disabled:cursor-not-allowed data-disabled:opacity-50",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
         import_react_aria_components22.Group,
         {
           "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__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               import_react_aria_components22.Button,
               {
                 slot: "decrement",
                 "aria-label": decrementAriaLabel,
                 "data-slot": "quantity-input-decrement",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-r transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Minus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react13.Minus, { "aria-hidden": "true", className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               import_react_aria_components22.Input,
               {
                 "data-slot": "quantity-input-value",
@@ -3981,14 +4001,14 @@ function QuantityInput({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               import_react_aria_components22.Button,
               {
                 slot: "increment",
                 "aria-label": incrementAriaLabel,
                 "data-slot": "quantity-input-increment",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-l transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Plus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react13.Plus, { "aria-hidden": "true", className: "size-4" })
               }
             )
           ]
@@ -4001,10 +4021,10 @@ function QuantityInput({
 // src/ui/select/select.tsx
 var import_lucide_react14 = require("lucide-react");
 var import_react_aria_components23 = require("react-aria-components");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var Select = import_react_aria_components23.Select;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_react_aria_components23.Button,
     {
       "data-slot": "select-trigger",
@@ -4013,9 +4033,9 @@ function SelectTrigger({ className, children, ...props }) {
         className
       ),
       ...props,
-      children: (state) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
+      children: (state) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
         typeof children === "function" ? children(state) : children,
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           import_lucide_react14.ChevronDown,
           {
             "aria-hidden": "true",
@@ -4027,7 +4047,7 @@ function SelectTrigger({ className, children, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_react_aria_components23.SelectValue,
     {
       "data-slot": "select-value",
@@ -4037,7 +4057,7 @@ function SelectValue({ className, ...props }) {
   );
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_react_aria_components23.Popover,
     {
       "data-slot": "select-content",
@@ -4051,7 +4071,7 @@ function SelectContent({ className, ...props }) {
   );
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_react_aria_components23.ListBox,
     {
       "data-slot": "select-list",
@@ -4065,7 +4085,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_react_aria_components23.ListBoxItem,
     {
       "data-slot": "select-item",
@@ -4079,6 +4099,34 @@ function SelectItem({
   );
 }
 
+// src/ui/selection-toolbar/selection-toolbar.tsx
+var import_jsx_runtime51 = require("react/jsx-runtime");
+function SelectionToolbar({
+  count,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    "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__ */ (0, import_jsx_runtime51.jsxs)("output", { "aria-live": "polite", className: "text-sm font-medium", children: [
+          count,
+          " seleccionados"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex items-center gap-2", children })
+      ]
+    }
+  );
+}
+
 // src/ui/sidebar/sidebar.tsx
 var import_lucide_react15 = require("lucide-react");
 var import_react16 = require("react");
@@ -4094,7 +4142,7 @@ function useSidebar() {
 }
 
 // src/ui/sidebar/sidebar.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function SidebarProvider({
   defaultCollapsed = false,
   collapsed: controlledCollapsed,
@@ -4119,11 +4167,11 @@ function SidebarProvider({
     }),
     [collapsed, setCollapsed, toggle]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SidebarContext.Provider, { value, children });
 }
 function Sidebar({ className, ...props }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "aside",
     {
       "data-slot": "sidebar",
@@ -4137,7 +4185,7 @@ function Sidebar({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -4152,7 +4200,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
     "button",
     {
       type: "button",
@@ -4163,15 +4211,15 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react15.Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
       ]
     }
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -4182,7 +4230,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -4198,8 +4246,8 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       "h2",
       {
         className: cn(
@@ -4223,7 +4271,7 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_react_aria_components24.Link,
     {
       "data-slot": "sidebar-item",
@@ -4235,16 +4283,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
-        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground text-xs", children: badge })
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
+        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-muted-foreground text-xs", children: badge })
       ] })
     }
   );
 }
 function SidebarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -4256,7 +4304,7 @@ function SidebarSeparator({ className, ...props }) {
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
   const { onPress, ...buttonProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
@@ -4268,14 +4316,14 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...buttonProps,
-      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronLeft, {})
+      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react15.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react15.ChevronLeft, {})
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggle } = useSidebar();
   const { onClick, ...buttonProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     "button",
     {
       type: "button",
@@ -4293,7 +4341,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Button,
     {
       "aria-label": "M\xE1s opciones",
@@ -4301,15 +4349,15 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Ellipsis, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react15.Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "div",
     {
       "aria-hidden": "true",
@@ -4324,7 +4372,7 @@ function Skeleton({ className, ...props }) {
 var import_lucide_react16 = require("lucide-react");
 var import_react17 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function assignRef(ref, node) {
   if (typeof ref === "function") {
     ref(node);
@@ -4359,7 +4407,7 @@ function SubmitButton({
     if (busy) button.setAttribute("aria-busy", "true");
     else button.removeAttribute("aria-busy");
   }, [busy]);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Button,
     {
       ref: setButtonRef,
@@ -4368,8 +4416,8 @@ function SubmitButton({
       isDisabled: busy || isDisabled,
       "aria-busy": busy || void 0,
       ...props,
-      children: busy ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react16.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 motion-safe:animate-spin" }),
+      children: busy ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react16.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 motion-safe:animate-spin" }),
         label
       ] }) : children
     }
@@ -4379,7 +4427,7 @@ function SubmitButton({
 // src/ui/switch/switch.tsx
 var import_react18 = require("react");
 var import_react_aria_components25 = require("react-aria-components");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var switchSizes = {
   sm: {
     control: "h-4 w-[1.875rem] p-0.5",
@@ -4436,7 +4484,7 @@ function Switch({
     ownerDocument.addEventListener("keydown", handleDirectionalKey);
     return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
   }, [isDisabled, isReadOnly, resolvedInputRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     import_react_aria_components25.Switch,
     {
       "data-slot": "switch",
@@ -4453,8 +4501,8 @@ function Switch({
       children: (state) => {
         const isThumbPressed = state.isPressed;
         const thumbOffset = state.isSelected ? isThumbPressed ? styles.activeSelectedOffset : styles.selectedOffset : "0";
-        return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
             "span",
             {
               "aria-hidden": "true",
@@ -4468,7 +4516,7 @@ function Switch({
                 "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
                 styles.control
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
                 "span",
                 {
                   "data-slot": "switch-thumb",
@@ -4488,9 +4536,9 @@ function Switch({
               )
             }
           ),
-          children || description ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "grid gap-0.5 leading-tight", children: [
-            children ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          children || description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("span", { className: "grid gap-0.5 leading-tight", children: [
+            children ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
               "span",
               {
                 "data-slot": "switch-description",
@@ -4506,9 +4554,9 @@ function Switch({
 }
 
 // src/ui/table/table.tsx
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "table",
     {
       "data-slot": "table",
@@ -4518,10 +4566,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -4531,7 +4579,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -4544,7 +4592,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -4557,7 +4605,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -4567,7 +4615,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -4577,7 +4625,7 @@ function TableCaption({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -4590,7 +4638,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableToolbar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     "div",
     {
       "data-slot": "table-toolbar",
@@ -4604,7 +4652,7 @@ function TableEmpty({
   className,
   children = "No hay resultados."
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableRow, { "data-slot": "table-empty", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TableRow, { "data-slot": "table-empty", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     TableCell,
     {
       colSpan,
@@ -4618,7 +4666,7 @@ function TableLoading({
   className,
   children = "Cargando\u2026"
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableRow, { "data-slot": "table-loading", "aria-busy": "true", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(TableRow, { "data-slot": "table-loading", "aria-busy": "true", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     TableCell,
     {
       colSpan,
@@ -4630,9 +4678,9 @@ function TableLoading({
 
 // src/ui/tabs/tabs.tsx
 var import_react_aria_components26 = require("react-aria-components");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_react_aria_components26.Tabs,
     {
       "data-slot": "tabs",
@@ -4642,7 +4690,7 @@ function Tabs({ className, ...props }) {
   );
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_react_aria_components26.TabList,
     {
       "data-slot": "tabs-list",
@@ -4658,7 +4706,7 @@ function TabsList({ className, ...props }) {
   );
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_react_aria_components26.Tab,
     {
       "data-slot": "tabs-trigger",
@@ -4674,10 +4722,10 @@ function TabsTrigger({ className, ...props }) {
   );
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_aria_components26.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react_aria_components26.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     import_react_aria_components26.TabPanel,
     {
       "data-slot": "tabs-content",
@@ -4741,15 +4789,15 @@ function useToast() {
 }
 
 // src/ui/toast/toast.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Toaster, {})
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Toaster, {})
   ] });
 }
 function Toaster({ position }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_sileo2.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_sileo2.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
 }
 function ToastViewport({
   position,
@@ -4758,7 +4806,7 @@ function ToastViewport({
 }) {
   void className;
   if (visiblePosition && visiblePosition !== position) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Toaster, { position });
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Toaster, { position });
 }
 function Toast({
   id,
@@ -4783,9 +4831,9 @@ function Toast({
 }
 
 // src/ui/toolbar/toolbar.tsx
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       role: "toolbar",
@@ -4796,7 +4844,7 @@ function Toolbar({ className, ...props }) {
   );
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     "div",
     {
       "data-slot": "toolbar-group",
@@ -4806,7 +4854,7 @@ function ToolbarGroup({ className, ...props }) {
   );
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {