@doscientos/ui 0.1.31 → 0.1.33

package/dist/index.js

@@ -1,7 +1,43 @@
 "use client";
 
+// src/hooks/use-async-action.ts
+import { useCallback, useRef, useState } from "react";
+function useAsyncAction(action) {
+  const [status, setStatus] = useState("idle");
+  const [error, setError] = useState(null);
+  const [data, setData] = useState(null);
+  const pendingRef = useRef(false);
+  const run = useCallback(
+    async (...args) => {
+      if (pendingRef.current) return null;
+      pendingRef.current = true;
+      setStatus("pending");
+      setError(null);
+      try {
+        const result = await action(...args);
+        setData(result);
+        setStatus("success");
+        return result;
+      } catch (cause) {
+        setError(cause instanceof Error ? cause : new Error("La acci\xF3n no se pudo completar."));
+        setStatus("error");
+        return null;
+      } finally {
+        pendingRef.current = false;
+      }
+    },
+    [action]
+  );
+  const reset = useCallback(() => {
+    setData(null);
+    setError(null);
+    setStatus("idle");
+  }, []);
+  return { data, error, isPending: status === "pending", reset, run, status };
+}
+
 // src/hooks/use-autosave.ts
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback as useCallback2, useEffect, useRef as useRef2, useState as useState2 } from "react";
 function useAutosave({
   data,
   onSave,
@@ -9,23 +45,27 @@ function useAutosave({
   enabled = true,
   serialize = JSON.stringify
 }) {
-  const [status, setStatus] = useState("idle");
-  const [error, setError] = useState(null);
-  const lastSaved = useRef(null);
-  const saveRef = useRef(onSave);
-  const serializeRef = useRef(serialize);
+  const [status, setStatus] = useState2("idle");
+  const [error, setError] = useState2(null);
+  const lastSaved = useRef2(null);
+  const saveRef = useRef2(onSave);
+  const serializeRef = useRef2(serialize);
+  const latestSaveId = useRef2(0);
   useEffect(() => {
     saveRef.current = onSave;
     serializeRef.current = serialize;
   }, [onSave, serialize]);
-  const save = useCallback(async (value) => {
+  const save = useCallback2(async (value) => {
+    const saveId = ++latestSaveId.current;
     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");
     }
@@ -44,11 +84,49 @@ function useAutosave({
   return { status, error, saveNow: () => save(data) };
 }
 
+// src/hooks/use-clipboard.ts
+import { useCallback as useCallback3, useEffect as useEffect2, useRef as useRef3, useState as useState3 } from "react";
+function useClipboard({
+  resetMs = 1500,
+  onError
+} = {}) {
+  const [status, setStatus] = useState3("idle");
+  const [error, setError] = useState3(null);
+  const timeoutRef = useRef3(null);
+  useEffect2(
+    () => () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    },
+    []
+  );
+  const copy = useCallback3(
+    async (value) => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      try {
+        if (!navigator.clipboard?.writeText) throw new Error("El portapapeles no est\xE1 disponible.");
+        await navigator.clipboard.writeText(value);
+        setError(null);
+        setStatus("copied");
+        timeoutRef.current = setTimeout(() => setStatus("idle"), resetMs);
+        return true;
+      } catch (cause) {
+        const nextError = cause instanceof Error ? cause : new Error("No se pudo copiar.");
+        setError(nextError);
+        setStatus("error");
+        onError?.(nextError);
+        return false;
+      }
+    },
+    [onError, resetMs]
+  );
+  return { copy, error, status };
+}
+
 // src/hooks/use-debounced-value.ts
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
 function useDebouncedValue(value, delay = 250) {
-  const [debouncedValue, setDebouncedValue] = useState2(value);
-  useEffect2(() => {
+  const [debouncedValue, setDebouncedValue] = useState4(value);
+  useEffect3(() => {
     const timeout = window.setTimeout(() => setDebouncedValue(value), delay);
     return () => window.clearTimeout(timeout);
   }, [delay, value]);
@@ -56,7 +134,7 @@ function useDebouncedValue(value, delay = 250) {
 }
 
 // src/hooks/use-form-dirty.ts
-import { useCallback as useCallback2, useRef as useRef2, useState as useState3 } from "react";
+import { useCallback as useCallback4, useRef as useRef4, useState as useState5 } from "react";
 function formSnapshot(form) {
   const entries = Array.from(new FormData(form), ([key, value]) => [
     key,
@@ -66,21 +144,21 @@ function formSnapshot(form) {
   return JSON.stringify(entries);
 }
 function useFormDirty() {
-  const formElement = useRef2(null);
-  const baseline = useRef2(null);
-  const [isDirty, setIsDirty] = useState3(false);
-  const recompute = useCallback2(() => {
+  const formElement = useRef4(null);
+  const baseline = useRef4(null);
+  const [isDirty, setIsDirty] = useState5(false);
+  const recompute = useCallback4(() => {
     if (formElement.current && baseline.current !== null) {
       setIsDirty(formSnapshot(formElement.current) !== baseline.current);
     }
   }, []);
-  const reset = useCallback2(() => {
+  const reset = useCallback4(() => {
     if (formElement.current) {
       baseline.current = formSnapshot(formElement.current);
       setIsDirty(false);
     }
   }, []);
-  const formRef = useCallback2(
+  const formRef = useCallback4(
     (form) => {
       if (formElement.current) {
         formElement.current.removeEventListener("input", recompute);
@@ -112,6 +190,52 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// src/lib/search-params.ts
+function toSearchParams(input = "") {
+  if (typeof input === "string" || input instanceof URLSearchParams)
+    return new URLSearchParams(input);
+  if (Object.getPrototypeOf(input) === Object.prototype) {
+    const params = new URLSearchParams();
+    for (const [key, value] of Object.entries(input)) {
+      for (const item of Array.isArray(value) ? value : [value]) {
+        if (item !== void 0) params.append(key, item);
+      }
+    }
+    return params;
+  }
+  return new URLSearchParams(input.toString());
+}
+function updateSearchParams(current, updates) {
+  const params = toSearchParams(current);
+  for (const [key, value] of Object.entries(updates)) {
+    params.delete(key);
+    if (value === null || value === void 0 || value === "") continue;
+    for (const item of Array.isArray(value) ? value : [value]) {
+      if (item !== "") params.append(key, String(item));
+    }
+  }
+  return params;
+}
+function readSearchParam(params, key, fallback = "") {
+  return toSearchParams(params).get(key)?.trim() || fallback;
+}
+function readSearchParamArray(params, key) {
+  return toSearchParams(params).getAll(key).map((value) => value.trim()).filter(Boolean);
+}
+function readSearchParamInt(params, key, fallback = 1, options = {}) {
+  const rawValue = readSearchParam(params, key);
+  if (!rawValue) return fallback;
+  const value = Number(rawValue);
+  if (!Number.isSafeInteger(value)) return fallback;
+  const min = options.min ?? Number.NEGATIVE_INFINITY;
+  const max = options.max ?? Number.POSITIVE_INFINITY;
+  return value >= min && value <= max ? value : fallback;
+}
+function readSearchParamEnum(params, key, values, fallback) {
+  const value = readSearchParam(params, key);
+  return values.includes(value) ? value : fallback;
+}
+
 // src/lib/text-match.ts
 function normalize(value) {
   return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLocaleLowerCase();
@@ -244,7 +368,7 @@ import "react";
 import "react-aria-components";
 
 // src/ui/button/button.tsx
-import { useState as useState4 } from "react";
+import { useState as useState6 } from "react";
 import {
   Button as ButtonPrimitive,
   Link as LinkPrimitive
@@ -301,7 +425,7 @@ function getRipplePosition(event) {
   };
 }
 function useActionRipple(enabled) {
-  const [ripple, setRipple] = useState4(null);
+  const [ripple, setRipple] = useState6(null);
   function triggerRipple(event) {
     if (!enabled) return;
     const position = getRipplePosition(event);
@@ -812,7 +936,7 @@ function AppShellContent({
 }
 
 // src/ui/avatar/avatar.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect3, useState as useState6 } from "react";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect4, useState as useState8 } from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var sizes = {
   xs: "size-5 text-[10px]",
@@ -822,7 +946,7 @@ var sizes = {
 };
 var AvatarContext = createContext2(null);
 function Avatar({ className, size = "default", children, ...props }) {
-  const [status, setStatus] = useState6("idle");
+  const [status, setStatus] = useState8("idle");
   return /* @__PURE__ */ jsx7(AvatarContext.Provider, { value: { status, setStatus }, children: /* @__PURE__ */ jsx7(
     "div",
     {
@@ -846,8 +970,8 @@ function AvatarImage({
   ...props
 }) {
   const avatar = useContext2(AvatarContext);
-  const [failed, setFailed] = useState6(false);
-  useEffect3(() => {
+  const [failed, setFailed] = useState8(false);
+  useEffect4(() => {
     setFailed(false);
     avatar?.setStatus(src ? "loading" : "idle");
   }, [avatar?.setStatus, src]);
@@ -1224,7 +1348,7 @@ function CardFooter({ className, ...props }) {
 }
 
 // src/ui/checkbox/checkbox.tsx
-import { Check } from "lucide-react";
+import { Check, Minus } from "lucide-react";
 import {
   Checkbox as AriaCheckbox
 } from "react-aria-components";
@@ -1240,12 +1364,36 @@ function Checkbox({ className, children, ...props }) {
       ),
       ...props,
       children: (state) => /* @__PURE__ */ jsxs4(Fragment3, { children: [
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsxs4(
           "span",
           {
             "aria-hidden": "true",
-            className: "border-border bg-background text-primary-foreground group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-ring/50 grid size-4 place-items-center rounded border transition-colors group-data-focus-visible:ring-3",
-            children: /* @__PURE__ */ jsx13(Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" })
+            className: cn(
+              "border-border bg-background text-primary-foreground group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-ring/50 grid size-4 place-items-center rounded border transition-colors group-data-focus-visible:ring-3",
+              state.isIndeterminate && "border-primary bg-primary"
+            ),
+            children: [
+              /* @__PURE__ */ jsx13(
+                Minus,
+                {
+                  "data-slot": "checkbox-indeterminate",
+                  className: cn(
+                    "size-3 transition-opacity motion-reduce:transition-none",
+                    state.isIndeterminate ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx13(
+                Check,
+                {
+                  "data-slot": "checkbox-check",
+                  className: cn(
+                    "absolute size-3 transition-opacity motion-reduce:transition-none",
+                    state.isSelected && !state.isIndeterminate ? "opacity-100" : "opacity-0"
+                  )
+                }
+              )
+            ]
           }
         ),
         typeof children === "function" ? children(state) : children
@@ -1328,7 +1476,7 @@ function CollapsibleContent({ children, ...props }) {
 }
 
 // src/ui/combobox/combobox.tsx
-import { Fragment as Fragment4, useMemo, useState as useState8 } from "react";
+import { Fragment as Fragment4, useMemo, useState as useState10 } from "react";
 import {
   ComboBox as AriaComboBox,
   ComboBoxValue,
@@ -1340,6 +1488,11 @@ import {
   Popover,
   Text as Text2
 } from "react-aria-components";
+
+// src/lib/floating-surface.ts
+var floatingSurfaceClassName = "z-50 max-w-[calc(100vw-2rem)] shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out";
+
+// src/ui/combobox/combobox.tsx
 import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 var Combobox = AriaComboBox;
 function ComboboxInput({ className, ...props }) {
@@ -1361,7 +1514,8 @@ function ComboboxContent({ className, ...props }) {
     {
       "data-slot": "combobox-content",
       className: cn(
-        "max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        floatingSurfaceClassName,
+        "max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground",
         className
       ),
       ...props
@@ -1433,10 +1587,10 @@ function AutocompleteCombobox({
   suggestion = true,
   placeholder,
   className,
-  onKeyDown: _onKeyDown,
+  onKeyDown,
   ...props
 }) {
-  const [internalInputValue, setInternalInputValue] = useState8("");
+  const [internalInputValue, setInternalInputValue] = useState10("");
   const inputValue = controlledInputValue ?? internalInputValue;
   const setInputValue = (value) => {
     setInternalInputValue(value);
@@ -1461,6 +1615,8 @@ function AutocompleteCombobox({
     return true;
   };
   const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
     if ((event.key === "Tab" || event.key === "Enter") && acceptSuggestion()) event.preventDefault();
   };
   return /* @__PURE__ */ jsxs5(
@@ -1542,7 +1698,8 @@ function CommandContent({ className, ...props }) {
     {
       "data-slot": "command-content",
       className: cn(
-        "w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 shadow-lg outline-none",
+        floatingSurfaceClassName,
+        "max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground",
         className
       ),
       ...props
@@ -1589,24 +1746,66 @@ function ConfirmDialog({
   pending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ jsx17(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs6(AlertDialogContent, { children: [
-    /* @__PURE__ */ jsxs6(AlertDialogHeader, { children: [
-      /* @__PURE__ */ jsx17(AlertDialogTitle, { children: title }),
-      description ? /* @__PURE__ */ jsx17(AlertDialogDescription, { children: description }) : null
-    ] }),
-    /* @__PURE__ */ jsxs6(AlertDialogFooter, { children: [
-      /* @__PURE__ */ jsx17(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-      /* @__PURE__ */ jsx17(
-        Button,
-        {
-          variant: destructive ? "destructive" : "default",
-          isDisabled: pending,
-          onPress: onConfirm,
-          children: confirmLabel
-        }
-      )
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx17(
+    AlertDialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!pending || nextOpen) onOpenChange(nextOpen);
+      },
+      children: /* @__PURE__ */ jsxs6(AlertDialogContent, { children: [
+        /* @__PURE__ */ jsxs6(AlertDialogHeader, { children: [
+          /* @__PURE__ */ jsx17(AlertDialogTitle, { children: title }),
+          description ? /* @__PURE__ */ jsx17(AlertDialogDescription, { children: description }) : null
+        ] }),
+        /* @__PURE__ */ jsxs6(AlertDialogFooter, { children: [
+          /* @__PURE__ */ jsx17(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+          /* @__PURE__ */ jsx17(
+            Button,
+            {
+              variant: destructive ? "destructive" : "default",
+              isDisabled: pending,
+              onPress: onConfirm,
+              children: confirmLabel
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/ui/copy-button/copy-button.tsx
+import { Check as Check2, Copy } from "lucide-react";
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
+function CopyButton({
+  value,
+  children,
+  copiedLabel = "Copiado",
+  resetMs,
+  onCopied,
+  onCopyError,
+  ...props
+}) {
+  const { copy, status } = useClipboard({ resetMs, onError: onCopyError });
+  const copied = status === "copied";
+  const label = copied ? copiedLabel : children ?? "Copiar";
+  return /* @__PURE__ */ jsxs7(
+    Button,
+    {
+      "aria-label": typeof label === "string" ? label : void 0,
+      onPress: () => {
+        void copy(value).then((wasCopied) => {
+          if (wasCopied) onCopied?.(value);
+        });
+      },
+      ...props,
+      children: [
+        copied ? /* @__PURE__ */ jsx18(Check2, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ jsx18(Copy, { "aria-hidden": "true", className: "size-3.5" }),
+        label
+      ]
+    }
+  );
 }
 
 // src/ui/danger-zone/danger-zone.tsx
@@ -1617,7 +1816,7 @@ import {
   DisclosurePanel,
   Heading as Heading2
 } from "react-aria-components";
-import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
 function DangerZone({
   title = "Zona de peligro",
   description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
@@ -1625,34 +1824,269 @@ function DangerZone({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx18(Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ jsxs7(Card, { className: cn("border-destructive/30", className), children: [
-    /* @__PURE__ */ jsx18(Heading2, { className: "flex", children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx19(Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ jsxs8(Card, { className: cn("border-destructive/30", className), children: [
+    /* @__PURE__ */ jsx19(Heading2, { className: "flex", children: /* @__PURE__ */ jsxs8(
       DisclosureButton,
       {
         slot: "trigger",
         "data-slot": "danger-zone-trigger",
         className: "group/danger focus-visible:ring-ring/50 flex w-full items-center gap-3 px-4 text-left outline-none focus-visible:ring-3",
         children: [
-          /* @__PURE__ */ jsx18(ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
-          /* @__PURE__ */ jsxs7("span", { className: "flex flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsx18("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
-            /* @__PURE__ */ jsx18("span", { className: "text-muted-foreground text-xs", children: description })
+          /* @__PURE__ */ jsx19(ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
+          /* @__PURE__ */ jsxs8("span", { className: "flex flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ jsx19("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
+            /* @__PURE__ */ jsx19("span", { className: "text-muted-foreground text-xs", children: description })
           ] }),
-          /* @__PURE__ */ jsx18(ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
+          /* @__PURE__ */ jsx19(ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx18(DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ jsx18(CardContent, { children }) })
+    /* @__PURE__ */ jsx19(DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ jsx19(CardContent, { children }) })
   ] }) });
 }
 
+// src/ui/data-view-state/data-view-state.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function DataViewState({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "section",
+    {
+      "data-slot": "data-view-state",
+      className: cn(
+        "flex min-h-40 flex-col items-center justify-center gap-3 rounded-xl border p-6 text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DataViewStateTitle({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx20("h2", { "data-slot": "data-view-state-title", className: cn("font-semibold", className), ...props, children });
+}
+function DataViewStateDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "p",
+    {
+      "data-slot": "data-view-state-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DataViewStateActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "data-view-state-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/description-list/description-list.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+function DescriptionList({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "dl",
+    {
+      "data-slot": "description-list",
+      className: cn("grid gap-x-6 gap-y-4 sm:grid-cols-2", className),
+      ...props
+    }
+  );
+}
+function DescriptionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx21("div", { "data-slot": "description-item", className: cn("min-w-0", className), ...props });
+}
+function DescriptionTerm({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "dt",
+    {
+      "data-slot": "description-term",
+      className: cn("text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DescriptionDetails({ className, ...props }) {
+  return /* @__PURE__ */ jsx21(
+    "dd",
+    {
+      "data-slot": "description-details",
+      className: cn("mt-1 wrap-break-word text-sm", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/drawer/drawer.tsx
+import { XIcon as XIcon2 } from "lucide-react";
+import {
+  Dialog as DrawerPrimitive,
+  DialogTrigger as DrawerTriggerPrimitive,
+  Heading as Heading3,
+  ModalOverlay as ModalOverlayPrimitive,
+  Modal as ModalPrimitive,
+  Text as Text3
+} from "react-aria-components";
+import { jsx as jsx22, jsxs as jsxs9 } from "react/jsx-runtime";
+function DrawerTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx22(DrawerTriggerPrimitive, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerClose({ className, variant = "outline", size = "default", ...props }) {
+  return /* @__PURE__ */ jsx22(
+    Button,
+    {
+      slot: "close",
+      "data-slot": "drawer-close",
+      variant,
+      size,
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function DrawerOverlay({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(
+    ModalOverlayPrimitive,
+    {
+      "data-slot": "drawer-overlay",
+      isDismissable: true,
+      className: cn(
+        "fixed inset-0 z-50 bg-black/10 motion-safe:transition-opacity motion-safe:duration-150 motion-safe:data-entering:opacity-0 motion-safe:data-exiting:opacity-0 motion-reduce:transition-none supports-backdrop-filter:backdrop-blur-xs",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function DrawerContent({
+  className,
+  children,
+  dialogProps,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(DrawerOverlay, { ...props, children: /* @__PURE__ */ jsx22(
+    ModalPrimitive,
+    {
+      "data-slot": "drawer-content",
+      "data-side": side,
+      className: cn(
+        "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__ */ jsxs9(
+        DrawerPrimitive,
+        {
+          "data-slot": "drawer",
+          className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
+          ...dialogProps,
+          children: [
+            children,
+            showCloseButton && /* @__PURE__ */ jsxs9(DrawerClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+              /* @__PURE__ */ jsx22(XIcon2, {}),
+              /* @__PURE__ */ jsx22("span", { className: "sr-only", children: "Cerrar" })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+function Drawer(props) {
+  if (!("trigger" in props)) return /* @__PURE__ */ jsx22(DrawerContent, { ...props });
+  const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx22(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ jsxs9(DrawerTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+    triggerElement,
+    /* @__PURE__ */ jsx22(DrawerContent, { ...contentProps, children })
+  ] });
+}
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: cn("flex flex-col gap-0.5 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(
+    Heading3,
+    {
+      slot: "title",
+      "data-slot": "drawer-title",
+      className: cn("text-base font-medium text-foreground", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx22(
+    Text3,
+    {
+      slot: "description",
+      "data-slot": "drawer-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+var Sheet = DrawerContent;
+var SheetClose = DrawerClose;
+var SheetContent = DrawerContent;
+var SheetDescription = DrawerDescription;
+var SheetFooter = DrawerFooter;
+var SheetHeader = DrawerHeader;
+var SheetTitle = DrawerTitle;
+var SheetTrigger = DrawerTrigger;
+
+// src/ui/detail-drawer/detail-drawer.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function DetailDrawer({ children, ...props }) {
+  return /* @__PURE__ */ jsx23(DrawerContent, { ...props, children });
+}
+function DetailDrawerBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx23(
+    "div",
+    {
+      "data-slot": "detail-drawer-body",
+      className: cn("min-h-0 flex-1 overflow-y-auto px-4", className),
+      ...props
+    }
+  );
+}
+
 // src/ui/doc-preview/doc-preview.tsx
 import { FileText, Image } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
 function DocPreview({ url, mimeType, name }) {
-  if (!url) return /* @__PURE__ */ jsx19(Fallback, { mimeType, reason: "no-url" });
+  if (!url) return /* @__PURE__ */ jsx24(Fallback, { mimeType, reason: "no-url" });
   if (mimeType === "application/pdf" || mimeType === "text/plain" || mimeType === "text/csv") {
-    return /* @__PURE__ */ jsx19(
+    return /* @__PURE__ */ jsx24(
       "iframe",
       {
         src: url,
@@ -1663,9 +2097,9 @@ function DocPreview({ url, mimeType, name }) {
     );
   }
   if (mimeType?.startsWith("image/")) {
-    return /* @__PURE__ */ jsx19("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ jsx19("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
+    return /* @__PURE__ */ jsx24("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ jsx24("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
   }
-  return /* @__PURE__ */ jsx19(Fallback, { mimeType, reason: "unsupported" });
+  return /* @__PURE__ */ jsx24(Fallback, { mimeType, reason: "unsupported" });
 }
 function Fallback({
   mimeType,
@@ -1673,11 +2107,11 @@ function Fallback({
 }) {
   const Icon = mimeType?.startsWith("image/") ? Image : FileText;
   const message = reason === "no-url" ? "No se pudo generar la URL de preview." : "Preview no disponible para este tipo de archivo.";
-  return /* @__PURE__ */ jsxs8("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
-    /* @__PURE__ */ jsx19(Icon, { className: "size-9 opacity-30" }),
-    /* @__PURE__ */ jsx19("p", { className: "text-sm", children: message }),
-    mimeType ? /* @__PURE__ */ jsx19("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
-    /* @__PURE__ */ jsx19("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
+  return /* @__PURE__ */ jsxs10("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
+    /* @__PURE__ */ jsx24(Icon, { className: "size-9 opacity-30" }),
+    /* @__PURE__ */ jsx24("p", { className: "text-sm", children: message }),
+    mimeType ? /* @__PURE__ */ jsx24("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
+    /* @__PURE__ */ jsx24("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
   ] });
 }
 
@@ -1696,9 +2130,9 @@ import {
   Separator as SeparatorPrimitive2,
   SubmenuTrigger as SubmenuTriggerPrimitive
 } from "react-aria-components";
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx20(MenuTriggerPrimitive, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx25(MenuTriggerPrimitive, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenuContent({
   "data-slot": dataSlot = "dropdown-menu-content",
@@ -1709,7 +2143,7 @@ function DropdownMenuContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     PopoverPrimitive,
     {
       "data-slot": dataSlot,
@@ -1717,10 +2151,11 @@ function DropdownMenuContent({
       offset,
       crossOffset,
       className: cn(
-        "z-50 w-(--trigger-width) min-w-32 origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        floatingSurfaceClassName,
+        "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__ */ jsx20(
+      children: /* @__PURE__ */ jsx25(
         MenuPrimitive,
         {
           className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
@@ -1732,25 +2167,25 @@ function DropdownMenuContent({
   );
 }
 function DropdownMenu(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ jsx20(DropdownMenuContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ jsx25(DropdownMenuContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx20(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ jsxs9(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx25(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ jsxs11(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ jsx20(DropdownMenuContent, { ...contentProps, children })
+    /* @__PURE__ */ jsx25(DropdownMenuContent, { ...contentProps, children })
   ] });
 }
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(MenuSectionPrimitive, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx25(MenuSectionPrimitive, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     HeaderPrimitive,
     {
       "data-slot": "dropdown-menu-label",
@@ -1782,7 +2217,7 @@ function DropdownMenuItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     MenuItemPrimitive,
     {
       "data-slot": "dropdown-menu-item",
@@ -1794,13 +2229,13 @@ function DropdownMenuItem({
         (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
       ),
       ...props,
-      children: composeRenderProps(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ jsxs9(Fragment5, { children: [
-        selectionMode !== "none" ? /* @__PURE__ */ jsx20(
+      children: composeRenderProps(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ jsxs11(Fragment5, { children: [
+        selectionMode !== "none" ? /* @__PURE__ */ jsx25(
           "span",
           {
             className: "pointer-events-none absolute right-2 flex items-center justify-center",
             "data-slot": selectionMode === "single" ? "dropdown-menu-radio-item-indicator" : "dropdown-menu-checkbox-item-indicator",
-            children: isSelected ? /* @__PURE__ */ jsx20(CheckIcon, {}) : null
+            children: isSelected ? /* @__PURE__ */ jsx25(CheckIcon, {}) : null
           }
         ) : null,
         children2
@@ -1809,7 +2244,7 @@ function DropdownMenuItem({
   );
 }
 function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsx20(SubmenuTriggerPrimitive, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx25(SubmenuTriggerPrimitive, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1817,7 +2252,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     MenuItemPrimitive,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -1828,9 +2263,9 @@ function DropdownMenuSubTrigger({
         className
       ),
       ...props,
-      children: composeRenderProps(children, (children2) => /* @__PURE__ */ jsxs9(Fragment5, { children: [
+      children: composeRenderProps(children, (children2) => /* @__PURE__ */ jsxs11(Fragment5, { children: [
         children2,
-        /* @__PURE__ */ jsx20(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+        /* @__PURE__ */ jsx25(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
       ] }))
     }
   );
@@ -1842,7 +2277,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -1861,7 +2296,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     SeparatorPrimitive2,
     {
       "data-slot": "dropdown-menu-separator",
@@ -1871,7 +2306,7 @@ function DropdownMenuSeparator({
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx25(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -1900,9 +2335,9 @@ var emptyStateMediaVariants = cva7(
 );
 
 // src/ui/empty-state/empty-state.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "empty-state",
@@ -1915,7 +2350,7 @@ function EmptyState({ className, ...props }) {
   );
 }
 function EmptyStateHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "empty-state-header",
@@ -1929,7 +2364,7 @@ function EmptyStateMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "empty-state-media",
@@ -1940,7 +2375,7 @@ function EmptyStateMedia({
   );
 }
 function EmptyStateTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx26(
     "h3",
     {
       "data-slot": "empty-state-title",
@@ -1951,7 +2386,7 @@ function EmptyStateTitle({ className, children, ...props }) {
   );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx26(
     "p",
     {
       "data-slot": "empty-state-description",
@@ -1964,7 +2399,7 @@ function EmptyStateDescription({ className, ...props }) {
   );
 }
 function EmptyStateContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "empty-state-content",
@@ -1977,19 +2412,126 @@ function EmptyStateContent({ className, ...props }) {
   );
 }
 
-// src/ui/label/label.tsx
-import { forwardRef } from "react";
-import { Label as LabelPrimitive } from "react-aria-components";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Label2 = forwardRef(
-  function Label3({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx22(
-      LabelPrimitive,
-      {
-        ref,
-        "data-slot": "label",
-        className: cn(
-          "flex items-center gap-2 text-sm font-medium leading-none select-none",
+// src/ui/error-boundary/error-boundary.tsx
+import { Component, Suspense } from "react";
+
+// src/ui/error-state/error-state.tsx
+import { AlertCircle } from "lucide-react";
+import { jsx as jsx27 } from "react/jsx-runtime";
+function ErrorState({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    "section",
+    {
+      "data-slot": "error-state",
+      role: "alert",
+      className: cn(
+        "flex min-h-32 flex-col items-center justify-center gap-3 rounded-xl border border-destructive/30 bg-destructive/5 p-6 text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ErrorStateIcon({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx27(
+    AlertCircle,
+    {
+      "data-slot": "error-state-icon",
+      "aria-hidden": "true",
+      className: cn("size-6 text-destructive", className),
+      ...props
+    }
+  );
+}
+function ErrorStateTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    "h2",
+    {
+      "data-slot": "error-state-title",
+      className: cn("font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function ErrorStateDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    "p",
+    {
+      "data-slot": "error-state-description",
+      className: cn("max-w-md text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ErrorStateActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx27(
+    "div",
+    {
+      "data-slot": "error-state-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/error-boundary/error-boundary.tsx
+import { jsx as jsx28, jsxs as jsxs12 } from "react/jsx-runtime";
+function changedResetKeys(previous = [], next = []) {
+  return previous.length !== next.length || previous.some((value, index) => !Object.is(value, next[index]));
+}
+var Boundary = class extends Component {
+  state = { error: null };
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  componentDidUpdate(previousProps) {
+    if (this.state.error && changedResetKeys(previousProps.resetKeys, this.props.resetKeys))
+      this.reset();
+  }
+  reset = () => this.setState({ error: null });
+  render() {
+    const { children, fallback } = this.props;
+    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__ */ jsxs12(ErrorState, { children: [
+      /* @__PURE__ */ jsx28(ErrorStateIcon, {}),
+      /* @__PURE__ */ jsx28(ErrorStateTitle, { children: "No se pudo cargar este contenido" }),
+      /* @__PURE__ */ jsx28(ErrorStateDescription, { children: "Prueba a cargarlo de nuevo." }),
+      /* @__PURE__ */ jsx28(ErrorStateActions, { children: /* @__PURE__ */ jsx28(Button, { onPress: this.reset, children: "Reintentar" }) })
+    ] });
+  }
+};
+function ErrorBoundary(props) {
+  return /* @__PURE__ */ jsx28(Boundary, { ...props });
+}
+function AsyncBoundary({
+  pending = null,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx28(ErrorBoundary, { ...props, children: /* @__PURE__ */ jsx28(Suspense, { fallback: pending, children: props.children }) });
+}
+
+// src/ui/label/label.tsx
+import { forwardRef } from "react";
+import { Label as LabelPrimitive } from "react-aria-components";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Label2 = forwardRef(
+  function Label3({ className, ...props }, ref) {
+    return /* @__PURE__ */ jsx29(
+      LabelPrimitive,
+      {
+        ref,
+        "data-slot": "label",
+        className: cn(
+          "flex items-center gap-2 text-sm font-medium leading-none select-none",
           className
         ),
         ...props
@@ -2015,16 +2557,16 @@ var fieldVariants = cva8(
 );
 
 // src/ui/field/field.tsx
-import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs13 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx23("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
+  return /* @__PURE__ */ jsx30("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
 }
 function FieldLegend({
   className,
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx30(
     "legend",
     {
       "data-slot": "field-legend",
@@ -2038,7 +2580,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-group",
@@ -2053,7 +2595,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__ */ jsx23(
+    /* @__PURE__ */ jsx30(
       "div",
       {
         role: "group",
@@ -2066,7 +2608,7 @@ function Field({ className, orientation = "vertical", ...props }) {
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-content",
@@ -2076,7 +2618,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx30(
     Label2,
     {
       "data-slot": "field-label",
@@ -2089,7 +2631,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       "data-slot": "field-title",
@@ -2099,7 +2641,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx30(
     "p",
     {
       "data-slot": "field-description",
@@ -2112,7 +2654,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldSeparator({ className, children, ...props }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-slot": "field-separator",
@@ -2120,8 +2662,8 @@ function FieldSeparator({ className, children, ...props }) {
       className: cn("relative -my-2 h-5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx23(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx30(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ jsx30(
           "span",
           {
             "data-slot": "field-separator-content",
@@ -2135,9 +2677,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__ */ jsx23("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ jsx23("li", { children: message }, message)) }) : null);
+  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ jsx30("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ jsx30("li", { children: message }, message)) }) : null);
   if (!content) return null;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx30(
     "div",
     {
       role: "alert",
@@ -2149,9 +2691,53 @@ function FieldError2({ className, children, errors, ...props }) {
   );
 }
 
+// src/ui/filter-bar/filter-bar.tsx
+import { jsx as jsx31, jsxs as jsxs14 } from "react/jsx-runtime";
+function FilterBar({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "filter-bar",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function FilterGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "filter-group",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ActiveFilters({ className, ...props }) {
+  return /* @__PURE__ */ jsx31(
+    "div",
+    {
+      "data-slot": "active-filters",
+      "aria-label": "Filtros activos",
+      className: cn("flex flex-wrap items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function FilterChip({
+  children,
+  onRemove,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs14(Button, { size: "sm", variant: "outline", onPress: onRemove, ...props, children: [
+    children,
+    " \xD7"
+  ] });
+}
+
 // src/ui/form-feedback/form-feedback.tsx
 import { CheckCircle, CircleAlert, LoaderCircle } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs15 } from "react/jsx-runtime";
 function FormFeedback({
   state,
   className,
@@ -2159,14 +2745,14 @@ function FormFeedback({
   successLabel = "Guardado"
 }) {
   if (state.status === "idle")
-    return /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+    return /* @__PURE__ */ jsx32("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
   const error = state.status === "error";
   const success = state.status === "success";
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs15(
     "span",
     {
       role: error ? "alert" : "status",
-      "aria-live": "polite",
+      "aria-live": error ? "assertive" : "polite",
       className: cn(
         "inline-flex h-5 items-center gap-1.5 text-xs",
         error && "text-destructive",
@@ -2175,31 +2761,31 @@ function FormFeedback({
         className
       ),
       children: [
-        state.status === "pending" && /* @__PURE__ */ jsx24(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-        success && /* @__PURE__ */ jsx24(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-        error && /* @__PURE__ */ jsx24(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-        /* @__PURE__ */ jsx24("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+        state.status === "pending" && /* @__PURE__ */ jsx32(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+        success && /* @__PURE__ */ jsx32(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+        error && /* @__PURE__ */ jsx32(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+        /* @__PURE__ */ jsx32("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
       ]
     }
   );
 }
 
 // src/ui/form-feedback/use-form-feedback.ts
-import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef3, useState as useState9 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect5, useRef as useRef5, useState as useState11 } from "react";
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
-  const [state, setState] = useState9({ status: "idle" });
-  const timer = useRef3(null);
-  const clearTimer = useCallback5(() => {
+  const [state, setState] = useState11({ status: "idle" });
+  const timer = useRef5(null);
+  const clearTimer = useCallback7(() => {
     if (timer.current) clearTimeout(timer.current);
     timer.current = null;
   }, []);
-  useEffect4(() => () => clearTimer(), [clearTimer]);
-  const setPending = useCallback5(() => {
+  useEffect5(() => () => clearTimer(), [clearTimer]);
+  const setPending = useCallback7(() => {
     clearTimer();
     setState({ status: "pending" });
   }, [clearTimer]);
-  const setSuccess = useCallback5(
+  const setSuccess = useCallback7(
     (message) => {
       clearTimer();
       setState({ status: "success", message });
@@ -2207,14 +2793,14 @@ function useFormFeedback(options) {
     },
     [clearTimer, resetMs]
   );
-  const setError = useCallback5(
+  const setError = useCallback7(
     (message) => {
       clearTimer();
       setState({ status: "error", message });
     },
     [clearTimer]
   );
-  const reset = useCallback5(() => {
+  const reset = useCallback7(() => {
     clearTimer();
     setState({ status: "idle" });
   }, [clearTimer]);
@@ -2222,7 +2808,7 @@ function useFormFeedback(options) {
 }
 
 // src/ui/form-row/form-row.tsx
-import { Fragment as Fragment6, jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs16 } from "react/jsx-runtime";
 function FormRow({
   label,
   htmlFor,
@@ -2234,17 +2820,17 @@ function FormRow({
 }) {
   const hintId = hint ? `${htmlFor}-hint` : void 0;
   const errorId = error ? `${htmlFor}-error` : void 0;
-  return /* @__PURE__ */ jsxs12("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ jsxs12("label", { htmlFor, className: "text-foreground text-sm font-medium", children: [
+  return /* @__PURE__ */ jsxs16("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ jsxs16("label", { htmlFor, className: "text-foreground text-sm font-medium", children: [
       label,
-      required && /* @__PURE__ */ jsxs12(Fragment6, { children: [
-        /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
-        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: " (obligatorio)" })
+      required && /* @__PURE__ */ jsxs16(Fragment6, { children: [
+        /* @__PURE__ */ jsx33("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
+        /* @__PURE__ */ jsx33("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ jsx25("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
-    error && /* @__PURE__ */ jsx25("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
+    hint && /* @__PURE__ */ jsx33("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
+    error && /* @__PURE__ */ jsx33("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
   ] });
 }
 
@@ -2257,17 +2843,17 @@ import {
   Tooltip as TooltipPrimitive,
   TooltipTrigger as TooltipTriggerPrimitive
 } from "react-aria-components";
-import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
 function TooltipTrigger({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(TooltipTriggerPrimitive, { "data-slot": "tooltip-trigger", delay, ...props });
+  return /* @__PURE__ */ jsx34(TooltipTriggerPrimitive, { "data-slot": "tooltip-trigger", delay, ...props });
 }
 function Tooltip({ label, children, delay, ...props }) {
-  return /* @__PURE__ */ jsxs13(TooltipTrigger, { delay, children: [
+  return /* @__PURE__ */ jsxs17(TooltipTrigger, { delay, children: [
     children,
-    /* @__PURE__ */ jsx26(TooltipContent, { ...props, children: label })
+    /* @__PURE__ */ jsx34(TooltipContent, { ...props, children: label })
   ] });
 }
 function TooltipContent({
@@ -2278,7 +2864,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs17(
     TooltipPrimitive,
     {
       "data-slot": "tooltip-content",
@@ -2292,7 +2878,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx34(
           OverlayArrow,
           {
             className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
@@ -2310,7 +2896,7 @@ function TooltipContent({
 }
 
 // src/ui/icon-button/icon-button.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function IconButton({
   label,
   children,
@@ -2320,7 +2906,7 @@ function IconButton({
   ...props
 }) {
   const linkClassName = cn(buttonVariants({ variant, size: "icon" }), className);
-  return /* @__PURE__ */ jsx27(Tooltip, { label, children: href ? /* @__PURE__ */ jsx27(Link2, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx35(Tooltip, { label, children: href ? /* @__PURE__ */ jsx35(Link2, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ jsx35(
     Button,
     {
       "data-slot": "icon-button",
@@ -2340,9 +2926,9 @@ import { cva as cva10 } from "class-variance-authority";
 // src/ui/input/input.tsx
 import { forwardRef as forwardRef2 } from "react";
 import { Input as AriaInput2 } from "react-aria-components";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var InputImpl = forwardRef2(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx36(
     AriaInput2,
     {
       ref,
@@ -2363,9 +2949,9 @@ import { forwardRef as forwardRef3 } from "react";
 import {
   TextArea as AriaTextArea
 } from "react-aria-components";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var TextareaImpl = forwardRef3(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx37(
     AriaTextArea,
     {
       ref,
@@ -2398,11 +2984,11 @@ var inputGroupAddonVariants = cva9(
 );
 
 // src/ui/input-group/input-group.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         role: "group",
@@ -2424,7 +3010,7 @@ function InputGroupAddon({
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: this addon delegates focus to its associated input.
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx38(
       "div",
       {
         role: "group",
@@ -2455,7 +3041,7 @@ function InputGroupButton({
   ...props
 }) {
   const buttonSize = size === "icon-xs" || size === "icon-sm" ? size : size;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx38(
     Button,
     {
       "data-slot": "input-group-button",
@@ -2468,7 +3054,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx38(
     "span",
     {
       "data-slot": "input-group-text",
@@ -2481,7 +3067,7 @@ function InputGroupText({ className, ...props }) {
   );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx38(
     Input3,
     {
       "data-slot": "input-group-control",
@@ -2494,7 +3080,7 @@ function InputGroupInput({ className, ...props }) {
   );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx38(
     Textarea2,
     {
       "data-slot": "input-group-control",
@@ -2508,7 +3094,7 @@ function InputGroupTextarea({ className, ...props }) {
 }
 
 // src/ui/kanban/kanban.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var columnSize = {
   compact: "w-56",
   default: "w-72",
@@ -2520,13 +3106,13 @@ function KanbanViewport({
   contentClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "kanban-viewport",
       className: cn("-mx-1 overflow-x-auto pb-3", className),
       ...props,
-      children: /* @__PURE__ */ jsx31(
+      children: /* @__PURE__ */ jsx39(
         "div",
         {
           "data-slot": "kanban-viewport-content",
@@ -2542,7 +3128,7 @@ function KanbanColumn({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx39(
     "section",
     {
       "data-slot": "kanban-column",
@@ -2553,7 +3139,7 @@ function KanbanColumn({
   );
 }
 function KanbanColumnHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx39(
     "header",
     {
       "data-slot": "kanban-column-header",
@@ -2563,7 +3149,7 @@ function KanbanColumnHeader({ className, ...props }) {
   );
 }
 function KanbanColumnTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx39(
     "span",
     {
       "data-slot": "kanban-column-title",
@@ -2576,14 +3162,14 @@ function KanbanColumnTitle({ className, ...props }) {
   );
 }
 function KanbanColumnBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx31("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
+  return /* @__PURE__ */ jsx39("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
 }
 function KanbanEmpty({
   className,
   compact = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx39(
     "p",
     {
       "data-slot": "kanban-empty",
@@ -2599,9 +3185,9 @@ function KanbanEmpty({
 }
 
 // src/ui/kbd/kbd.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx40(
     "kbd",
     {
       "data-slot": "kbd",
@@ -2614,7 +3200,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx40(
     "span",
     {
       "data-slot": "kbd-group",
@@ -2626,13 +3212,13 @@ function KbdGroup({ className, ...props }) {
 
 // src/ui/loading-overlay/loading-overlay.tsx
 import { LoaderCircle as LoaderCircle2 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
 function LoadingOverlay({
   label = "Cargando",
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx41(
     "output",
     {
       "aria-live": "polite",
@@ -2641,9 +3227,9 @@ function LoadingOverlay({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs14("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
-        /* @__PURE__ */ jsx33(LoaderCircle2, { className: "animate-spin", "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx33("span", { children: label })
+      children: /* @__PURE__ */ jsxs18("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
+        /* @__PURE__ */ jsx41(LoaderCircle2, { className: "motion-safe:animate-spin", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx41("span", { children: label })
       ] })
     }
   );
@@ -2656,15 +3242,16 @@ import {
   MenuTrigger as AriaMenuTrigger,
   Popover as Popover3
 } from "react-aria-components";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var MenuTrigger = AriaMenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx42(
     Popover3,
     {
       "data-slot": "menu-content",
       className: cn(
-        "min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        floatingSurfaceClassName,
+        "min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground",
         className
       ),
       ...props
@@ -2672,10 +3259,10 @@ function MenuContent({ className, ...props }) {
   );
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ jsx42(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx42(
     AriaMenuItem,
     {
       "data-slot": "menu-item",
@@ -2690,7 +3277,7 @@ function MenuItem({ className, children, ...props }) {
 }
 
 // src/ui/metric-card/metric-card.tsx
-import { jsx as jsx35, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
 function MetricCard({
   className,
   label,
@@ -2698,34 +3285,82 @@ function MetricCard({
   description,
   icon,
   tone = "default",
+  trend,
+  delta,
+  loading = false,
+  loadingLabel = "Cargando m\xE9trica",
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(Card, { "data-slot": "metric-card", "data-tone": tone, className: cn("min-w-0", className), ...props, children: /* @__PURE__ */ jsxs15(CardContent, { className: "flex items-start gap-3", children: [
-    icon ? /* @__PURE__ */ jsx35("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
-    /* @__PURE__ */ jsxs15("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ jsx35("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
-      /* @__PURE__ */ jsx35(
-        "strong",
-        {
-          "data-slot": "metric-card-value",
-          className: "mt-1 block text-2xl font-semibold tracking-tight",
-          children: value
-        }
-      ),
-      description ? /* @__PURE__ */ jsx35("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx43(
+    Card,
+    {
+      "data-slot": "metric-card",
+      "data-tone": tone,
+      "data-trend": trend,
+      "aria-busy": loading || void 0,
+      className: cn("min-w-0", className),
+      ...props,
+      children: /* @__PURE__ */ jsxs19(CardContent, { className: "flex items-start gap-3", children: [
+        icon ? /* @__PURE__ */ jsx43("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
+        /* @__PURE__ */ jsxs19("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx43("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
+          /* @__PURE__ */ jsx43(
+            "strong",
+            {
+              "data-slot": "metric-card-value",
+              className: "mt-1 block text-2xl font-semibold tracking-tight",
+              children: loading ? /* @__PURE__ */ jsx43(
+                "span",
+                {
+                  "data-slot": "metric-card-loading",
+                  "aria-label": loadingLabel,
+                  className: "bg-muted block h-7 w-24 animate-pulse rounded motion-reduce:animate-none"
+                }
+              ) : value
+            }
+          ),
+          delta ? /* @__PURE__ */ jsx43(
+            "span",
+            {
+              "data-slot": "metric-card-delta",
+              className: cn(
+                "mt-1 block text-xs",
+                trend === "up" && "text-emerald-600",
+                trend === "down" && "text-destructive",
+                trend === "neutral" && "text-muted-foreground"
+              ),
+              children: delta
+            }
+          ) : null,
+          description ? /* @__PURE__ */ jsx43("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/ui/metric-grid/metric-grid.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
+function MetricGrid({ className, ...props }) {
+  return /* @__PURE__ */ jsx44(
+    "div",
+    {
+      "data-slot": "metric-grid",
+      className: cn("grid gap-4 sm:grid-cols-2 xl:grid-cols-4", className),
+      ...props
+    }
+  );
 }
 
 // src/ui/otp-input/otp-input.tsx
 import {
   forwardRef as forwardRef4,
   useImperativeHandle,
-  useRef as useRef4,
-  useState as useState10
+  useRef as useRef6,
+  useState as useState12
 } from "react";
 import { Input as AriaInput3 } from "react-aria-components";
-import { jsx as jsx36, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
 function normalizeOtp(value, length) {
   return value.replace(/[^0-9]/g, "").slice(0, length);
 }
@@ -2744,14 +3379,14 @@ var OtpInputImpl = forwardRef4(function OtpInput({
   onSelect,
   ...props
 }, forwardedRef) {
-  const slotCount = Math.max(1, Math.floor(length));
+  const slotCount = Number.isFinite(length) ? Math.max(1, Math.floor(length)) : 6;
   const controlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState10(() => normalizeOtp(defaultValue, slotCount));
+  const [internalValue, setInternalValue] = useState12(() => normalizeOtp(defaultValue, slotCount));
   const code = normalizeOtp(controlled ? value : internalValue, slotCount);
   const slots = Array.from({ length: slotCount }, (_, index) => `otp-slot-${index + 1}`);
-  const inputRef = useRef4(null);
-  const [focused, setFocused] = useState10(false);
-  const [selectionStart, setSelectionStart] = useState10(0);
+  const inputRef = useRef6(null);
+  const [focused, setFocused] = useState12(false);
+  const [selectionStart, setSelectionStart] = useState12(0);
   const invalid = props["aria-invalid"] === true || props["aria-invalid"] === "true";
   const activeIndex = code.length === slotCount ? slotCount - 1 : Math.min(selectionStart, code.length, slotCount - 1);
   useImperativeHandle(forwardedRef, () => inputRef.current);
@@ -2763,7 +3398,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
     if (!controlled) setInternalValue(nextValue);
     if (nextValue === code) return;
     onChange?.(nextValue);
-    if (nextValue.length === slotCount) onComplete?.(nextValue);
+    if (nextValue.length === slotCount && code.length < slotCount) onComplete?.(nextValue);
   }
   function handlePointerDown(event) {
     if (disabled) return;
@@ -2777,7 +3412,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
     input.setSelectionRange(position, position);
     setSelectionStart(position);
   }
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       "data-slot": "otp-input",
@@ -2787,7 +3422,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
       style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ jsx36(
+        /* @__PURE__ */ jsx45(
           AriaInput3,
           {
             ...props,
@@ -2827,7 +3462,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
             }
           }
         ),
-        slots.map((slot, index) => /* @__PURE__ */ jsx36(
+        slots.map((slot, index) => /* @__PURE__ */ jsx45(
           "span",
           {
             "aria-hidden": "true",
@@ -2850,9 +3485,9 @@ var OtpInputImpl = forwardRef4(function OtpInput({
 var OtpInput2 = OtpInputImpl;
 
 // src/ui/page-header/page-header.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx46(
     "header",
     {
       "data-slot": "page-header",
@@ -2865,10 +3500,10 @@ function PageHeader({ className, ...props }) {
   );
 }
 function PageHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ jsx37("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx46(
     "h1",
     {
       "data-slot": "page-header-title",
@@ -2879,7 +3514,7 @@ function PageHeaderTitle({ className, children, ...props }) {
   );
 }
 function PageHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx46(
     "p",
     {
       "data-slot": "page-header-description",
@@ -2889,7 +3524,7 @@ function PageHeaderDescription({ className, ...props }) {
   );
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "page-header-actions",
@@ -2898,11 +3533,54 @@ function PageHeaderActions({ className, ...props }) {
     }
   );
 }
+function SectionHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx46(
+    "div",
+    {
+      "data-slot": "section-header",
+      className: cn("flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", className),
+      ...props
+    }
+  );
+}
+function SectionHeaderHeading({ className, ...props }) {
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "section-header-heading", className: cn("min-w-0", className), ...props });
+}
+function SectionHeaderTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx46(
+    "h2",
+    {
+      "data-slot": "section-header-title",
+      className: cn("text-base font-semibold tracking-tight", className),
+      ...props
+    }
+  );
+}
+function SectionHeaderDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx46(
+    "p",
+    {
+      "data-slot": "section-header-description",
+      className: cn("mt-1 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SectionHeaderActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx46(
+    "div",
+    {
+      "data-slot": "section-header-actions",
+      className: cn("flex shrink-0 items-center gap-2", className),
+      ...props
+    }
+  );
+}
 
 // src/ui/pagination/pagination.tsx
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import * as React6 from "react";
-import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs21 } from "react/jsx-runtime";
 function visiblePages(page, pageCount, siblingCount) {
   return [
     .../* @__PURE__ */ new Set([
@@ -2912,6 +3590,13 @@ function visiblePages(page, pageCount, siblingCount) {
     ])
   ].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;
+}
+function normalizedPage(page, pageCount) {
+  if (!Number.isFinite(page)) return 1;
+  return Math.min(Math.max(1, Math.floor(page)), pageCount);
+}
 function Pagination({
   page,
   pageCount,
@@ -2921,35 +3606,37 @@ function Pagination({
   siblingCount = 1,
   className
 }) {
-  if (pageCount <= 1) return null;
-  const pages = visiblePages(page, pageCount, siblingCount);
-  return /* @__PURE__ */ jsxs17(
+  const totalPages = normalizedPageCount(pageCount);
+  if (totalPages <= 1) return null;
+  const currentPage = normalizedPage(page, totalPages);
+  const pages = visiblePages(currentPage, totalPages, siblingCount);
+  return /* @__PURE__ */ jsxs21(
     "nav",
     {
       "aria-label": ariaLabel,
       className: cn("flex flex-wrap items-center justify-between gap-4", className),
       children: [
-        /* @__PURE__ */ jsx38("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${page} de ${pageCount}` }),
-        /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx47("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${currentPage} de ${totalPages}` }),
+        /* @__PURE__ */ jsxs21("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx47(
             Button,
             {
               "aria-label": "P\xE1gina anterior",
-              isDisabled: page <= 1,
-              onPress: () => onPageChange(page - 1),
+              isDisabled: currentPage <= 1,
+              onPress: () => onPageChange(currentPage - 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ jsx38(ChevronLeft, {})
+              children: /* @__PURE__ */ jsx47(ChevronLeft, {})
             }
           ),
           pages.map((item, index) => {
             const previousPage = pages[index - 1];
-            return /* @__PURE__ */ jsxs17(React6.Fragment, { children: [
-              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ jsx38("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
-              /* @__PURE__ */ jsx38(
+            return /* @__PURE__ */ jsxs21(React6.Fragment, { children: [
+              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ jsx47("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
+              /* @__PURE__ */ jsx47(
                 Button,
                 {
-                  "aria-current": item === page ? "page" : void 0,
+                  "aria-current": item === currentPage ? "page" : void 0,
                   "aria-label": `P\xE1gina ${item}`,
                   onPress: () => onPageChange(item),
                   size: "icon",
@@ -2959,15 +3646,15 @@ function Pagination({
               )
             ] }, item);
           }),
-          /* @__PURE__ */ jsx38(
+          /* @__PURE__ */ jsx47(
             Button,
             {
               "aria-label": "P\xE1gina siguiente",
-              isDisabled: page >= pageCount,
-              onPress: () => onPageChange(page + 1),
+              isDisabled: currentPage >= totalPages,
+              onPress: () => onPageChange(currentPage + 1),
               size: "icon",
               variant: "ghost",
-              children: /* @__PURE__ */ jsx38(ChevronRight, {})
+              children: /* @__PURE__ */ jsx47(ChevronRight, {})
             }
           )
         ] })
@@ -2981,16 +3668,17 @@ import {
   DialogTrigger as AriaDialogTrigger,
   Popover as AriaPopover
 } from "react-aria-components";
-import { jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs22 } from "react/jsx-runtime";
 var PopoverTrigger = AriaDialogTrigger;
 function PopoverContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx48(
     AriaPopover,
     {
       "data-slot": "popover",
       offset: 6,
       className: cn(
-        "z-50 min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        floatingSurfaceClassName,
+        "min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground",
         className
       ),
       ...props
@@ -2998,24 +3686,24 @@ function PopoverContent({ className, ...props }) {
   );
 }
 function Popover4(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ jsx39(PopoverContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ jsx48(PopoverContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx39(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ jsxs18(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx48(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ jsxs22(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ jsx39(PopoverContent, { ...contentProps, children })
+    /* @__PURE__ */ jsx48(PopoverContent, { ...contentProps, children })
   ] });
 }
 
 // src/ui/quantity-input/quantity-input.tsx
-import { Minus, Plus } from "lucide-react";
+import { Minus as Minus2, Plus } from "lucide-react";
 import {
   Button as AriaButton,
   Group as AriaGroup,
   Input as AriaInput4,
   NumberField as AriaNumberField
 } from "react-aria-components";
-import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs23 } from "react/jsx-runtime";
 function QuantityInput({
   className,
   inputClassName,
@@ -3025,7 +3713,7 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx49(
     AriaNumberField,
     {
       ...props,
@@ -3036,23 +3724,23 @@ function QuantityInput({
         "group/quantity-input inline-flex min-w-0 data-disabled:cursor-not-allowed data-disabled:opacity-50",
         className
       ),
-      children: /* @__PURE__ */ jsxs19(
+      children: /* @__PURE__ */ jsxs23(
         AriaGroup,
         {
           "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__ */ jsx40(
+            /* @__PURE__ */ jsx49(
               AriaButton,
               {
                 slot: "decrement",
                 "aria-label": decrementAriaLabel,
                 "data-slot": "quantity-input-decrement",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-r transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ jsx40(Minus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ jsx49(Minus2, { "aria-hidden": "true", className: "size-4" })
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx49(
               AriaInput4,
               {
                 "data-slot": "quantity-input-value",
@@ -3062,14 +3750,14 @@ function QuantityInput({
                 )
               }
             ),
-            /* @__PURE__ */ jsx40(
+            /* @__PURE__ */ jsx49(
               AriaButton,
               {
                 slot: "increment",
                 "aria-label": incrementAriaLabel,
                 "data-slot": "quantity-input-increment",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-l transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ jsx40(Plus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ jsx49(Plus, { "aria-hidden": "true", className: "size-4" })
               }
             )
           ]
@@ -3089,10 +3777,10 @@ import {
   ListBoxItem as ListBoxItem3,
   Popover as Popover5
 } from "react-aria-components";
-import { Fragment as Fragment8, jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx50, jsxs as jsxs24 } from "react/jsx-runtime";
 var Select = AriaSelect;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx50(
     AriaButton2,
     {
       "data-slot": "select-trigger",
@@ -3101,9 +3789,9 @@ function SelectTrigger({ className, children, ...props }) {
         className
       ),
       ...props,
-      children: (state) => /* @__PURE__ */ jsxs20(Fragment8, { children: [
+      children: (state) => /* @__PURE__ */ jsxs24(Fragment8, { children: [
         typeof children === "function" ? children(state) : children,
-        /* @__PURE__ */ jsx41(
+        /* @__PURE__ */ jsx50(
           ChevronDown2,
           {
             "aria-hidden": "true",
@@ -3115,7 +3803,7 @@ function SelectTrigger({ className, children, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx50(
     AriaSelectValue,
     {
       "data-slot": "select-value",
@@ -3125,12 +3813,13 @@ function SelectValue({ className, ...props }) {
   );
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx50(
     Popover5,
     {
       "data-slot": "select-content",
       className: cn(
-        "w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        floatingSurfaceClassName,
+        "w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground",
         className
       ),
       ...props
@@ -3138,7 +3827,7 @@ function SelectContent({ className, ...props }) {
   );
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx50(
     ListBox3,
     {
       "data-slot": "select-list",
@@ -3152,7 +3841,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx50(
     ListBoxItem3,
     {
       "data-slot": "select-item",
@@ -3166,165 +3855,37 @@ function SelectItem({
   );
 }
 
-// src/ui/sheet/sheet.tsx
-import { XIcon as XIcon2 } from "lucide-react";
-import {
-  Heading as Heading3,
-  ModalOverlay as ModalOverlayPrimitive,
-  Modal as ModalPrimitive,
-  Dialog as SheetPrimitive,
-  DialogTrigger as SheetTriggerPrimitive,
-  Text as Text3
-} from "react-aria-components";
-import { jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
-function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx42(SheetTriggerPrimitive, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose({ className, variant = "outline", size = "default", ...props }) {
-  return /* @__PURE__ */ jsx42(
-    Button,
-    {
-      slot: "close",
-      "data-slot": "sheet-close",
-      variant,
-      size,
-      className: cn(className),
-      ...props
-    }
-  );
-}
-function SheetOverlay({
+// src/ui/selection-toolbar/selection-toolbar.tsx
+import { jsx as jsx51, jsxs as jsxs25 } from "react/jsx-runtime";
+function SelectionToolbar({
+  count,
   className,
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
-    ModalOverlayPrimitive,
+  return /* @__PURE__ */ jsxs25(
+    "div",
     {
-      "data-slot": "sheet-overlay",
-      isDismissable: true,
+      "data-slot": "selection-toolbar",
       className: cn(
-        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-entering:opacity-0 data-exiting:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
+        "flex flex-wrap items-center justify-between gap-2 rounded-lg border bg-muted/40 p-2",
         className
       ),
       ...props,
-      children
-    }
-  );
-}
-function Sheet({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(SheetOverlay, { ...props, children: /* @__PURE__ */ jsx42(
-    ModalPrimitive,
-    {
-      "data-slot": "sheet-content",
-      "data-side": side,
-      className: cn(
-        "fixed z-50 flex flex-col gap-4 border-border bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-entering:opacity-0 data-exiting:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-entering:translate-y-10 data-[side=bottom]:data-exiting:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-entering:-translate-x-10 data-[side=left]:data-exiting:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-entering:translate-x-10 data-[side=right]:data-exiting:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-entering:-translate-y-10 data-[side=top]:data-exiting:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
-        className
-      ),
-      children: /* @__PURE__ */ jsxs21(
-        SheetPrimitive,
-        {
-          "data-slot": "sheet",
-          className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
-          children: [
-            children,
-            showCloseButton && /* @__PURE__ */ jsxs21(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
-              /* @__PURE__ */ jsx42(XIcon2, {}),
-              /* @__PURE__ */ jsx42("span", { className: "sr-only", children: "Cerrar" })
-            ] })
-          ]
-        }
-      )
-    }
-  ) });
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(Sheet, { className, side, showCloseButton, ...props, children });
-}
-function Drawer({
-  children,
-  trigger,
-  triggerProps,
-  defaultOpen,
-  isOpen,
-  onOpenChange,
-  ...contentProps
-}) {
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ jsx42(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ jsxs21(SheetTrigger, { defaultOpen, isOpen, onOpenChange, children: [
-    triggerElement,
-    /* @__PURE__ */ jsx42(SheetContent, { ...contentProps, children })
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-0.5 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
-    Heading3,
-    {
-      slot: "title",
-      "data-slot": "sheet-title",
-      className: cn("text-base font-medium text-foreground", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx42(
-    Text3,
-    {
-      slot: "description",
-      "data-slot": "sheet-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
+      children: [
+        /* @__PURE__ */ jsxs25("output", { "aria-live": "polite", className: "text-sm font-medium", children: [
+          count,
+          " seleccionados"
+        ] }),
+        /* @__PURE__ */ jsx51("div", { className: "flex items-center gap-2", children })
+      ]
     }
   );
 }
-var DrawerTrigger = SheetTrigger;
-var DrawerContent = SheetContent;
-var DrawerClose = SheetClose;
-var DrawerHeader = SheetHeader;
-var DrawerFooter = SheetFooter;
-var DrawerTitle = SheetTitle;
-var DrawerDescription = SheetDescription;
 
 // src/ui/sidebar/sidebar.tsx
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight2, Ellipsis, Search } from "lucide-react";
-import { useMemo as useMemo2, useState as useState11 } from "react";
+import { useCallback as useCallback8, useMemo as useMemo2, useState as useState13 } from "react";
 import { Link as Link3 } from "react-aria-components";
 
 // src/ui/sidebar/sidebar-context.ts
@@ -3337,25 +3898,36 @@ function useSidebar() {
 }
 
 // src/ui/sidebar/sidebar.tsx
-import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs26 } from "react/jsx-runtime";
 function SidebarProvider({
   defaultCollapsed = false,
+  collapsed: controlledCollapsed,
+  onCollapsedChange,
   children
 }) {
-  const [collapsed, setCollapsed] = useState11(defaultCollapsed);
+  const [uncontrolledCollapsed, setUncontrolledCollapsed] = useState13(defaultCollapsed);
+  const collapsed = controlledCollapsed ?? uncontrolledCollapsed;
+  const setCollapsed = useCallback8(
+    (next) => {
+      if (controlledCollapsed === void 0) setUncontrolledCollapsed(next);
+      onCollapsedChange?.(next);
+    },
+    [controlledCollapsed, onCollapsedChange]
+  );
+  const toggle = useCallback8(() => setCollapsed(!collapsed), [collapsed, setCollapsed]);
   const value = useMemo2(
     () => ({
       collapsed,
       setCollapsed,
-      toggle: () => setCollapsed((current) => !current)
+      toggle
     }),
-    [collapsed]
+    [collapsed, setCollapsed, toggle]
   );
-  return /* @__PURE__ */ jsx43(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx52(SidebarContext.Provider, { value, children });
 }
 function Sidebar({ className, ...props }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx52(
     "aside",
     {
       "data-slot": "sidebar",
@@ -3369,7 +3941,7 @@ function Sidebar({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -3384,7 +3956,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs26(
     "button",
     {
       type: "button",
@@ -3395,15 +3967,15 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx43(Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsx43("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ jsx43("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
+        /* @__PURE__ */ jsx52(Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx52("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ jsx52("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
       ]
     }
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx52(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -3414,7 +3986,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx52(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -3430,8 +4002,8 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsxs22("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
-    label && /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsxs26("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
+    label && /* @__PURE__ */ jsx52(
       "h2",
       {
         className: cn(
@@ -3455,7 +4027,7 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx52(
     Link3,
     {
       "data-slot": "sidebar-item",
@@ -3467,16 +4039,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ jsxs22(Fragment9, { children: [
-        /* @__PURE__ */ jsx43("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx43("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
-        badge && !collapsed && /* @__PURE__ */ jsx43("span", { className: "text-muted-foreground text-xs", children: badge })
+      children: (values) => /* @__PURE__ */ jsxs26(Fragment9, { children: [
+        /* @__PURE__ */ jsx52("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx52("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
+        badge && !collapsed && /* @__PURE__ */ jsx52("span", { className: "text-muted-foreground text-xs", children: badge })
       ] })
     }
   );
 }
 function SidebarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx52(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -3487,37 +4059,45 @@ function SidebarSeparator({ className, ...props }) {
 }
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
-  return /* @__PURE__ */ jsx43(
+  const { onPress, ...buttonProps } = props;
+  return /* @__PURE__ */ jsx52(
     Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
-      onPress: toggle,
+      onPress: (event) => {
+        onPress?.(event);
+        toggle();
+      },
       size: "icon",
       variant: "ghost",
       className: cn("ml-auto", className),
-      ...props,
-      children: collapsed ? /* @__PURE__ */ jsx43(ChevronRight2, {}) : /* @__PURE__ */ jsx43(ChevronLeft2, {})
+      ...buttonProps,
+      children: collapsed ? /* @__PURE__ */ jsx52(ChevronRight2, {}) : /* @__PURE__ */ jsx52(ChevronLeft2, {})
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ jsx43(
+  const { onClick, ...buttonProps } = props;
+  return /* @__PURE__ */ jsx52(
     "button",
     {
       type: "button",
       "aria-label": "Alternar navegaci\xF3n",
-      onClick: toggle,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) toggle();
+      },
       className: cn(
         "absolute inset-y-0 right-0 z-20 hidden w-1 -translate-x-1/2 cursor-ew-resize bg-transparent transition-colors hover:bg-border lg:block",
         className
       ),
-      ...props
+      ...buttonProps
     }
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx52(
     Button,
     {
       "aria-label": "M\xE1s opciones",
@@ -3525,15 +4105,15 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ jsx43(Ellipsis, {})
+      children: /* @__PURE__ */ jsx52(Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx53(
     "div",
     {
       "aria-hidden": "true",
@@ -3546,9 +4126,9 @@ function Skeleton({ className, ...props }) {
 
 // src/ui/submit-button/submit-button.tsx
 import { LoaderCircle as LoaderCircle3 } from "lucide-react";
-import { useCallback as useCallback6, useLayoutEffect, useRef as useRef5 } from "react";
+import { useCallback as useCallback9, useLayoutEffect, useRef as useRef7 } from "react";
 import { useFormStatus } from "react-dom";
-import { Fragment as Fragment10, jsx as jsx45, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx54, jsxs as jsxs27 } from "react/jsx-runtime";
 function assignRef(ref, node) {
   if (typeof ref === "function") {
     ref(node);
@@ -3569,8 +4149,8 @@ function SubmitButton({
   const { pending } = useFormStatus();
   const busy = pending || loading;
   const label = loadingLabel ?? pendingLabel ?? "Guardando\u2026";
-  const buttonRef = useRef5(null);
-  const setButtonRef = useCallback6(
+  const buttonRef = useRef7(null);
+  const setButtonRef = useCallback9(
     (node) => {
       buttonRef.current = node;
       assignRef(forwardedRef, node);
@@ -3583,7 +4163,7 @@ function SubmitButton({
     if (busy) button.setAttribute("aria-busy", "true");
     else button.removeAttribute("aria-busy");
   }, [busy]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx54(
     Button,
     {
       ref: setButtonRef,
@@ -3592,8 +4172,8 @@ function SubmitButton({
       isDisabled: busy || isDisabled,
       "aria-busy": busy || void 0,
       ...props,
-      children: busy ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
-        /* @__PURE__ */ jsx45(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+      children: busy ? /* @__PURE__ */ jsxs27(Fragment10, { children: [
+        /* @__PURE__ */ jsx54(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 motion-safe:animate-spin" }),
         label
       ] }) : children
     }
@@ -3601,9 +4181,9 @@ function SubmitButton({
 }
 
 // src/ui/switch/switch.tsx
-import { useEffect as useEffect5, useRef as useRef6 } from "react";
+import { useEffect as useEffect6, useRef as useRef8 } from "react";
 import { Switch as AriaSwitch } from "react-aria-components";
-import { Fragment as Fragment11, jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx55, jsxs as jsxs28 } from "react/jsx-runtime";
 var switchSizes = {
   sm: {
     control: "h-4 w-[1.875rem] p-0.5",
@@ -3643,9 +4223,9 @@ function Switch({
   ...props
 }) {
   const styles = switchSizes[size];
-  const fallbackInputRef = useRef6(null);
+  const fallbackInputRef = useRef8(null);
   const resolvedInputRef = inputRef ?? fallbackInputRef;
-  useEffect5(() => {
+  useEffect6(() => {
     const input = resolvedInputRef.current;
     if (!input) return;
     const handleDirectionalKey = (event) => {
@@ -3660,7 +4240,7 @@ function Switch({
     ownerDocument.addEventListener("keydown", handleDirectionalKey);
     return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
   }, [isDisabled, isReadOnly, resolvedInputRef]);
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx55(
     AriaSwitch,
     {
       "data-slot": "switch",
@@ -3677,8 +4257,8 @@ function Switch({
       children: (state) => {
         const isThumbPressed = state.isPressed;
         const thumbOffset = state.isSelected ? isThumbPressed ? styles.activeSelectedOffset : styles.selectedOffset : "0";
-        return /* @__PURE__ */ jsxs24(Fragment11, { children: [
-          /* @__PURE__ */ jsx46(
+        return /* @__PURE__ */ jsxs28(Fragment11, { children: [
+          /* @__PURE__ */ jsx55(
             "span",
             {
               "aria-hidden": "true",
@@ -3692,7 +4272,7 @@ function Switch({
                 "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
                 styles.control
               ),
-              children: /* @__PURE__ */ jsx46(
+              children: /* @__PURE__ */ jsx55(
                 "span",
                 {
                   "data-slot": "switch-thumb",
@@ -3712,9 +4292,9 @@ function Switch({
               )
             }
           ),
-          children || description ? /* @__PURE__ */ jsxs24("span", { className: "grid gap-0.5 leading-tight", children: [
-            children ? /* @__PURE__ */ jsx46("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
-            description ? /* @__PURE__ */ jsx46(
+          children || description ? /* @__PURE__ */ jsxs28("span", { className: "grid gap-0.5 leading-tight", children: [
+            children ? /* @__PURE__ */ jsx55("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
+            description ? /* @__PURE__ */ jsx55(
               "span",
               {
                 "data-slot": "switch-description",
@@ -3730,9 +4310,9 @@ function Switch({
 }
 
 // src/ui/table/table.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx56 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx47("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx56("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx56(
     "table",
     {
       "data-slot": "table",
@@ -3742,10 +4322,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx47("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ jsx56("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx56(
     "tbody",
     {
       "data-slot": "table-body",
@@ -3755,7 +4335,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx56(
     "tr",
     {
       "data-slot": "table-row",
@@ -3768,7 +4348,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx56(
     "th",
     {
       "data-slot": "table-head",
@@ -3781,7 +4361,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx56(
     "td",
     {
       "data-slot": "table-cell",
@@ -3791,7 +4371,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx56(
     "caption",
     {
       "data-slot": "table-caption",
@@ -3801,7 +4381,7 @@ function TableCaption({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx56(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -3813,6 +4393,44 @@ function TableFooter({ className, ...props }) {
     }
   );
 }
+function TableToolbar({ className, ...props }) {
+  return /* @__PURE__ */ jsx56(
+    "div",
+    {
+      "data-slot": "table-toolbar",
+      className: cn("flex flex-wrap items-center justify-between gap-2 py-2", className),
+      ...props
+    }
+  );
+}
+function TableEmpty({
+  colSpan = 1,
+  className,
+  children = "No hay resultados."
+}) {
+  return /* @__PURE__ */ jsx56(TableRow, { "data-slot": "table-empty", children: /* @__PURE__ */ jsx56(
+    TableCell,
+    {
+      colSpan,
+      className: cn("h-24 text-center text-muted-foreground", className),
+      children
+    }
+  ) });
+}
+function TableLoading({
+  colSpan = 1,
+  className,
+  children = "Cargando\u2026"
+}) {
+  return /* @__PURE__ */ jsx56(TableRow, { "data-slot": "table-loading", "aria-busy": "true", children: /* @__PURE__ */ jsx56(
+    TableCell,
+    {
+      colSpan,
+      className: cn("h-24 text-center text-muted-foreground", className),
+      children
+    }
+  ) });
+}
 
 // src/ui/tabs/tabs.tsx
 import {
@@ -3823,9 +4441,9 @@ import {
   Tabs as AriaTabs,
   composeRenderProps as composeRenderProps2
 } from "react-aria-components";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx57 } from "react/jsx-runtime";
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx57(
     AriaTabs,
     {
       "data-slot": "tabs",
@@ -3835,7 +4453,7 @@ function Tabs({ className, ...props }) {
   );
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx57(
     AriaTabList,
     {
       "data-slot": "tabs-list",
@@ -3851,7 +4469,7 @@ function TabsList({ className, ...props }) {
   );
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx57(
     AriaTab,
     {
       "data-slot": "tabs-trigger",
@@ -3867,10 +4485,10 @@ function TabsTrigger({ className, ...props }) {
   );
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx57(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx57(
     AriaTabPanel,
     {
       "data-slot": "tabs-content",
@@ -3884,7 +4502,7 @@ function TabsContent({ className, ...props }) {
 }
 
 // src/ui/toast/toast.tsx
-import { useEffect as useEffect6 } from "react";
+import { useEffect as useEffect7 } from "react";
 import { sileo as sileo2, Toaster as SileoToaster } from "sileo";
 
 // src/ui/toast/toast-store.ts
@@ -3934,15 +4552,15 @@ function useToast() {
 }
 
 // src/ui/toast/toast.tsx
-import { Fragment as Fragment12, jsx as jsx49, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ jsxs25(Fragment12, { children: [
+  return /* @__PURE__ */ jsxs29(Fragment12, { children: [
     children,
-    /* @__PURE__ */ jsx49(Toaster, {})
+    /* @__PURE__ */ jsx58(Toaster, {})
   ] });
 }
 function Toaster({ position }) {
-  return /* @__PURE__ */ jsx49(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
+  return /* @__PURE__ */ jsx58(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
 }
 function ToastViewport({
   position,
@@ -3951,7 +4569,7 @@ function ToastViewport({
 }) {
   void className;
   if (visiblePosition && visiblePosition !== position) return null;
-  return /* @__PURE__ */ jsx49(Toaster, { position });
+  return /* @__PURE__ */ jsx58(Toaster, { position });
 }
 function Toast({
   id,
@@ -3964,7 +4582,7 @@ function Toast({
   position,
   onDismiss
 }) {
-  useEffect6(() => {
+  useEffect7(() => {
     if (state !== "open") return;
     const toastId = toast({ title, description, variant, action, duration, position });
     return () => {
@@ -3976,9 +4594,9 @@ function Toast({
 }
 
 // src/ui/toolbar/toolbar.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       role: "toolbar",
@@ -3989,7 +4607,7 @@ function Toolbar({ className, ...props }) {
   );
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx59(
     "div",
     {
       "data-slot": "toolbar-group",
@@ -3999,13 +4617,14 @@ function ToolbarGroup({ className, ...props }) {
   );
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ jsx50("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ jsx59("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 export {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
+  ActiveFilters,
   Alert,
   AlertAction,
   AlertDescription,
@@ -4027,6 +4646,7 @@ export {
   AppShellMain,
   AppShellMobileHeader,
   AppShellSidebar,
+  AsyncBoundary,
   AutocompleteCombobox,
   Avatar,
   AvatarBadge,
@@ -4068,7 +4688,20 @@ export {
   CommandItem,
   CommandList,
   ConfirmDialog,
+  CopyButton,
   DangerZone,
+  DataViewState,
+  DataViewStateActions,
+  DataViewStateDescription,
+  DataViewStateTitle,
+  DescriptionDetails,
+  DescriptionItem,
+  DescriptionList,
+  DescriptionTerm,
+  DetailDrawer,
+  DetailDrawerBody,
+  DrawerFooter as DetailDrawerFooter,
+  DrawerHeader as DetailDrawerHeader,
   Dialog,
   DialogClose,
   DialogContent,
@@ -4106,6 +4739,12 @@ export {
   EmptyStateHeader,
   EmptyStateMedia,
   EmptyStateTitle,
+  ErrorBoundary,
+  ErrorState,
+  ErrorStateActions,
+  ErrorStateDescription,
+  ErrorStateIcon,
+  ErrorStateTitle,
   Field,
   FieldContent,
   FieldDescription,
@@ -4116,6 +4755,9 @@ export {
   FieldSeparator,
   FieldSet,
   FieldTitle,
+  FilterBar,
+  FilterChip,
+  FilterGroup,
   FormFeedback,
   FormRow,
   HighlightMatch,
@@ -4143,6 +4785,7 @@ export {
   MenuItem,
   MenuTrigger,
   MetricCard,
+  MetricGrid,
   OtpInput2 as OtpInput,
   PageHeader,
   PageHeaderActions,
@@ -4154,12 +4797,18 @@ export {
   PopoverContent,
   PopoverTrigger,
   QuantityInput,
+  SectionHeader,
+  SectionHeaderActions,
+  SectionHeaderDescription,
+  SectionHeaderHeading,
+  SectionHeaderTitle,
   Select,
   SelectContent,
   SelectItem,
   SelectList,
   SelectTrigger,
   SelectValue,
+  SelectionToolbar,
   Separator,
   Sheet,
   SheetClose,
@@ -4189,10 +4838,13 @@ export {
   TableBody,
   TableCaption,
   TableCell,
+  TableEmpty,
   TableFooter,
   TableHead,
   TableHeader,
+  TableLoading,
   TableRow,
+  TableToolbar,
   Tabs,
   TabsContent,
   TabsList,
@@ -4220,8 +4872,16 @@ export {
   formSnapshot,
   getTextMatchParts,
   inputGroupAddonVariants,
+  readSearchParam,
+  readSearchParamArray,
+  readSearchParamEnum,
+  readSearchParamInt,
+  toSearchParams,
   toast,
+  updateSearchParams,
+  useAsyncAction,
   useAutosave,
+  useClipboard,
   useDebouncedValue,
   useFormDirty,
   useFormFeedback,