@doscientos/ui 0.1.31 → 0.1.32

package/dist/index.cjs

@@ -35,6 +35,7 @@ __export(index_exports, {
   AccordionContent: () => AccordionContent,
   AccordionItem: () => AccordionItem,
   AccordionTrigger: () => AccordionTrigger,
+  ActiveFilters: () => ActiveFilters,
   Alert: () => Alert,
   AlertAction: () => AlertAction,
   AlertDescription: () => AlertDescription,
@@ -56,6 +57,7 @@ __export(index_exports, {
   AppShellMain: () => AppShellMain,
   AppShellMobileHeader: () => AppShellMobileHeader,
   AppShellSidebar: () => AppShellSidebar,
+  AsyncBoundary: () => AsyncBoundary,
   AutocompleteCombobox: () => AutocompleteCombobox,
   Avatar: () => Avatar,
   AvatarBadge: () => AvatarBadge,
@@ -97,7 +99,20 @@ __export(index_exports, {
   CommandItem: () => CommandItem,
   CommandList: () => CommandList,
   ConfirmDialog: () => ConfirmDialog,
+  CopyButton: () => CopyButton,
   DangerZone: () => DangerZone,
+  DataViewState: () => DataViewState,
+  DataViewStateActions: () => DataViewStateActions,
+  DataViewStateDescription: () => DataViewStateDescription,
+  DataViewStateTitle: () => DataViewStateTitle,
+  DescriptionDetails: () => DescriptionDetails,
+  DescriptionItem: () => DescriptionItem,
+  DescriptionList: () => DescriptionList,
+  DescriptionTerm: () => DescriptionTerm,
+  DetailDrawer: () => DetailDrawer,
+  DetailDrawerBody: () => DetailDrawerBody,
+  DetailDrawerFooter: () => DrawerFooter,
+  DetailDrawerHeader: () => DrawerHeader,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
   DialogContent: () => DialogContent,
@@ -135,6 +150,12 @@ __export(index_exports, {
   EmptyStateHeader: () => EmptyStateHeader,
   EmptyStateMedia: () => EmptyStateMedia,
   EmptyStateTitle: () => EmptyStateTitle,
+  ErrorBoundary: () => ErrorBoundary,
+  ErrorState: () => ErrorState,
+  ErrorStateActions: () => ErrorStateActions,
+  ErrorStateDescription: () => ErrorStateDescription,
+  ErrorStateIcon: () => ErrorStateIcon,
+  ErrorStateTitle: () => ErrorStateTitle,
   Field: () => Field,
   FieldContent: () => FieldContent,
   FieldDescription: () => FieldDescription,
@@ -145,6 +166,9 @@ __export(index_exports, {
   FieldSeparator: () => FieldSeparator,
   FieldSet: () => FieldSet,
   FieldTitle: () => FieldTitle,
+  FilterBar: () => FilterBar,
+  FilterChip: () => FilterChip,
+  FilterGroup: () => FilterGroup,
   FormFeedback: () => FormFeedback,
   FormRow: () => FormRow,
   HighlightMatch: () => HighlightMatch,
@@ -172,6 +196,7 @@ __export(index_exports, {
   MenuItem: () => MenuItem,
   MenuTrigger: () => MenuTrigger,
   MetricCard: () => MetricCard,
+  MetricGrid: () => MetricGrid,
   OtpInput: () => OtpInput2,
   PageHeader: () => PageHeader,
   PageHeaderActions: () => PageHeaderActions,
@@ -183,12 +208,18 @@ __export(index_exports, {
   PopoverContent: () => PopoverContent,
   PopoverTrigger: () => PopoverTrigger,
   QuantityInput: () => QuantityInput,
+  SectionHeader: () => SectionHeader,
+  SectionHeaderActions: () => SectionHeaderActions,
+  SectionHeaderDescription: () => SectionHeaderDescription,
+  SectionHeaderHeading: () => SectionHeaderHeading,
+  SectionHeaderTitle: () => SectionHeaderTitle,
   Select: () => Select,
   SelectContent: () => SelectContent,
   SelectItem: () => SelectItem,
   SelectList: () => SelectList,
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
+  SelectionToolbar: () => SelectionToolbar,
   Separator: () => Separator,
   Sheet: () => Sheet,
   SheetClose: () => SheetClose,
@@ -218,10 +249,13 @@ __export(index_exports, {
   TableBody: () => TableBody,
   TableCaption: () => TableCaption,
   TableCell: () => TableCell,
+  TableEmpty: () => TableEmpty,
   TableFooter: () => TableFooter,
   TableHead: () => TableHead,
   TableHeader: () => TableHeader,
+  TableLoading: () => TableLoading,
   TableRow: () => TableRow,
+  TableToolbar: () => TableToolbar,
   Tabs: () => Tabs,
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
@@ -249,8 +283,16 @@ __export(index_exports, {
   formSnapshot: () => formSnapshot,
   getTextMatchParts: () => getTextMatchParts,
   inputGroupAddonVariants: () => inputGroupAddonVariants,
+  readSearchParam: () => readSearchParam,
+  readSearchParamArray: () => readSearchParamArray,
+  readSearchParamEnum: () => readSearchParamEnum,
+  readSearchParamInt: () => readSearchParamInt,
+  toSearchParams: () => toSearchParams,
   toast: () => toast,
+  updateSearchParams: () => updateSearchParams,
+  useAsyncAction: () => useAsyncAction,
   useAutosave: () => useAutosave,
+  useClipboard: () => useClipboard,
   useDebouncedValue: () => useDebouncedValue,
   useFormDirty: () => useFormDirty,
   useFormFeedback: () => useFormFeedback,
@@ -259,8 +301,44 @@ __export(index_exports, {
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/hooks/use-autosave.ts
+// src/hooks/use-async-action.ts
 var import_react = require("react");
+function useAsyncAction(action) {
+  const [status, setStatus] = (0, import_react.useState)("idle");
+  const [error, setError] = (0, import_react.useState)(null);
+  const [data, setData] = (0, import_react.useState)(null);
+  const pendingRef = (0, import_react.useRef)(false);
+  const run = (0, import_react.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 = (0, import_react.useCallback)(() => {
+    setData(null);
+    setError(null);
+    setStatus("idle");
+  }, []);
+  return { data, error, isPending: status === "pending", reset, run, status };
+}
+
+// src/hooks/use-autosave.ts
+var import_react2 = require("react");
 function useAutosave({
   data,
   onSave,
@@ -268,28 +346,32 @@ function useAutosave({
   enabled = true,
   serialize = JSON.stringify
 }) {
-  const [status, setStatus] = (0, import_react.useState)("idle");
-  const [error, setError] = (0, import_react.useState)(null);
-  const lastSaved = (0, import_react.useRef)(null);
-  const saveRef = (0, import_react.useRef)(onSave);
-  const serializeRef = (0, import_react.useRef)(serialize);
-  (0, import_react.useEffect)(() => {
+  const [status, setStatus] = (0, import_react2.useState)("idle");
+  const [error, setError] = (0, import_react2.useState)(null);
+  const lastSaved = (0, import_react2.useRef)(null);
+  const saveRef = (0, import_react2.useRef)(onSave);
+  const serializeRef = (0, import_react2.useRef)(serialize);
+  const latestSaveId = (0, import_react2.useRef)(0);
+  (0, import_react2.useEffect)(() => {
     saveRef.current = onSave;
     serializeRef.current = serialize;
   }, [onSave, serialize]);
-  const save = (0, import_react.useCallback)(async (value) => {
+  const save = (0, import_react2.useCallback)(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");
     }
   }, []);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (!enabled) return;
     const snapshot = serializeRef.current(data);
     if (lastSaved.current === null) {
@@ -303,11 +385,49 @@ function useAutosave({
   return { status, error, saveNow: () => save(data) };
 }
 
+// src/hooks/use-clipboard.ts
+var import_react3 = require("react");
+function useClipboard({
+  resetMs = 1500,
+  onError
+} = {}) {
+  const [status, setStatus] = (0, import_react3.useState)("idle");
+  const [error, setError] = (0, import_react3.useState)(null);
+  const timeoutRef = (0, import_react3.useRef)(null);
+  (0, import_react3.useEffect)(
+    () => () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    },
+    []
+  );
+  const copy = (0, import_react3.useCallback)(
+    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
-var import_react2 = require("react");
+var import_react4 = require("react");
 function useDebouncedValue(value, delay = 250) {
-  const [debouncedValue, setDebouncedValue] = (0, import_react2.useState)(value);
-  (0, import_react2.useEffect)(() => {
+  const [debouncedValue, setDebouncedValue] = (0, import_react4.useState)(value);
+  (0, import_react4.useEffect)(() => {
     const timeout = window.setTimeout(() => setDebouncedValue(value), delay);
     return () => window.clearTimeout(timeout);
   }, [delay, value]);
@@ -315,7 +435,7 @@ function useDebouncedValue(value, delay = 250) {
 }
 
 // src/hooks/use-form-dirty.ts
-var import_react3 = require("react");
+var import_react5 = require("react");
 function formSnapshot(form) {
   const entries = Array.from(new FormData(form), ([key, value]) => [
     key,
@@ -325,21 +445,21 @@ function formSnapshot(form) {
   return JSON.stringify(entries);
 }
 function useFormDirty() {
-  const formElement = (0, import_react3.useRef)(null);
-  const baseline = (0, import_react3.useRef)(null);
-  const [isDirty, setIsDirty] = (0, import_react3.useState)(false);
-  const recompute = (0, import_react3.useCallback)(() => {
+  const formElement = (0, import_react5.useRef)(null);
+  const baseline = (0, import_react5.useRef)(null);
+  const [isDirty, setIsDirty] = (0, import_react5.useState)(false);
+  const recompute = (0, import_react5.useCallback)(() => {
     if (formElement.current && baseline.current !== null) {
       setIsDirty(formSnapshot(formElement.current) !== baseline.current);
     }
   }, []);
-  const reset = (0, import_react3.useCallback)(() => {
+  const reset = (0, import_react5.useCallback)(() => {
     if (formElement.current) {
       baseline.current = formSnapshot(formElement.current);
       setIsDirty(false);
     }
   }, []);
-  const formRef = (0, import_react3.useCallback)(
+  const formRef = (0, import_react5.useCallback)(
     (form) => {
       if (formElement.current) {
         formElement.current.removeEventListener("input", recompute);
@@ -371,6 +491,52 @@ function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.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();
@@ -497,7 +663,7 @@ var React3 = require("react");
 var import_react_aria_components4 = require("react-aria-components");
 
 // src/ui/button/button.tsx
-var import_react4 = require("react");
+var import_react6 = require("react");
 var import_react_aria_components2 = require("react-aria-components");
 
 // src/ui/button/button-variants.ts
@@ -551,7 +717,7 @@ function getRipplePosition(event) {
   };
 }
 function useActionRipple(enabled) {
-  const [ripple, setRipple] = (0, import_react4.useState)(null);
+  const [ripple, setRipple] = (0, import_react6.useState)(null);
   function triggerRipple(event) {
     if (!enabled) return;
     const position = getRipplePosition(event);
@@ -1056,7 +1222,7 @@ function AppShellContent({
 }
 
 // src/ui/avatar/avatar.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var sizes = {
   xs: "size-5 text-[10px]",
@@ -1064,9 +1230,9 @@ var sizes = {
   default: "size-8 text-sm",
   lg: "size-10 text-base"
 };
-var AvatarContext = (0, import_react5.createContext)(null);
+var AvatarContext = (0, import_react7.createContext)(null);
 function Avatar({ className, size = "default", children, ...props }) {
-  const [status, setStatus] = (0, import_react5.useState)("idle");
+  const [status, setStatus] = (0, import_react7.useState)("idle");
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(AvatarContext.Provider, { value: { status, setStatus }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
@@ -1089,9 +1255,9 @@ function AvatarImage({
   onLoad,
   ...props
 }) {
-  const avatar = (0, import_react5.useContext)(AvatarContext);
-  const [failed, setFailed] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const avatar = (0, import_react7.useContext)(AvatarContext);
+  const [failed, setFailed] = (0, import_react7.useState)(false);
+  (0, import_react7.useEffect)(() => {
     setFailed(false);
     avatar?.setStatus(src ? "loading" : "idle");
   }, [avatar?.setStatus, src]);
@@ -1117,7 +1283,7 @@ function AvatarImage({
   );
 }
 function AvatarFallback({ className, ...props }) {
-  const avatar = (0, import_react5.useContext)(AvatarContext);
+  const avatar = (0, import_react7.useContext)(AvatarContext);
   if (avatar?.status === "loaded") return null;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "span",
@@ -1478,12 +1644,36 @@ function Checkbox({ className, children, ...props }) {
       ),
       ...props,
       children: (state) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
           "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__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" })
+            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__ */ (0, import_jsx_runtime13.jsx)(
+                import_lucide_react3.Minus,
+                {
+                  "data-slot": "checkbox-indeterminate",
+                  className: cn(
+                    "size-3 transition-opacity motion-reduce:transition-none",
+                    state.isIndeterminate ? "opacity-100" : "opacity-0"
+                  )
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                import_lucide_react3.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
@@ -1566,8 +1756,13 @@ function CollapsibleContent({ children, ...props }) {
 }
 
 // src/ui/combobox/combobox.tsx
-var import_react6 = require("react");
+var import_react8 = require("react");
 var import_react_aria_components9 = require("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
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var Combobox = import_react_aria_components9.ComboBox;
 function ComboboxInput({ className, ...props }) {
@@ -1589,7 +1784,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
@@ -1642,7 +1838,7 @@ function HighlightMatch({
         children: part.text
       },
       `${part.text}-${index}`
-    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react6.Fragment, { children: part.text }, `${part.text}-${index}`)
+    ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react8.Fragment, { children: part.text }, `${part.text}-${index}`)
   ) });
 }
 function AutocompleteCombobox({
@@ -1661,21 +1857,21 @@ function AutocompleteCombobox({
   suggestion = true,
   placeholder,
   className,
-  onKeyDown: _onKeyDown,
+  onKeyDown,
   ...props
 }) {
-  const [internalInputValue, setInternalInputValue] = (0, import_react6.useState)("");
+  const [internalInputValue, setInternalInputValue] = (0, import_react8.useState)("");
   const inputValue = controlledInputValue ?? internalInputValue;
   const setInputValue = (value) => {
     setInternalInputValue(value);
     onInputChange?.(value);
   };
   const normalizedQuery = inputValue.trim().toLocaleLowerCase();
-  const filteredItems = (0, import_react6.useMemo)(
+  const filteredItems = (0, import_react8.useMemo)(
     () => normalizedQuery ? items.filter((item) => getItemLabel(item).toLocaleLowerCase().includes(normalizedQuery)) : [...items],
     [getItemLabel, items, normalizedQuery]
   );
-  const suggestedItem = (0, import_react6.useMemo)(
+  const suggestedItem = (0, import_react8.useMemo)(
     () => !suggestion || !normalizedQuery ? void 0 : items.find(
       (item) => getItemLabel(item).toLocaleLowerCase().startsWith(normalizedQuery) && getItemLabel(item).length > inputValue.length
     ),
@@ -1689,6 +1885,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__ */ (0, import_jsx_runtime15.jsxs)(
@@ -1764,7 +1962,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
@@ -1798,259 +1997,600 @@ function CommandItem({ className, ...props }) {
   );
 }
 
-// src/ui/confirm-dialog/confirm-dialog.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-function ConfirmDialog({
-  open,
-  onOpenChange,
-  title,
-  description,
-  confirmLabel = "Confirmar",
-  cancelLabel = "Cancelar",
-  destructive = false,
-  pending = false,
-  onConfirm
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogContent, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogTitle, { children: title }),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(AlertDialogDescription, { children: description }) : null
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(AlertDialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-        Button,
-        {
-          variant: destructive ? "destructive" : "default",
-          isDisabled: pending,
-          onPress: onConfirm,
-          children: confirmLabel
-        }
-      )
-    ] })
-  ] }) });
-}
-
-// src/ui/danger-zone/danger-zone.tsx
+// src/ui/sheet/sheet.tsx
 var import_lucide_react4 = require("lucide-react");
 var import_react_aria_components11 = require("react-aria-components");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function DangerZone({
-  title = "Zona de peligro",
-  description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
-  defaultOpen = false,
-  className,
-  children
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components11.Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Card, { className: cn("border-destructive/30", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components11.Heading, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
-      import_react_aria_components11.Button,
-      {
-        slot: "trigger",
-        "data-slot": "danger-zone-trigger",
-        className: "group/danger focus-visible:ring-ring/50 flex w-full items-center gap-3 px-4 text-left outline-none focus-visible:ring-3",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "flex flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-muted-foreground text-xs", children: description })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react4.ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components11.DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CardContent, { children }) })
-  ] }) });
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function DrawerTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components11.DialogTrigger, { "data-slot": "drawer-trigger", ...props });
 }
-
-// src/ui/doc-preview/doc-preview.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function DocPreview({ url, mimeType, name }) {
-  if (!url) return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Fallback, { mimeType, reason: "no-url" });
-  if (mimeType === "application/pdf" || mimeType === "text/plain" || mimeType === "text/csv") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-      "iframe",
-      {
-        src: url,
-        title: name,
-        className: "w-full rounded-sm border-0",
-        style: { height: "75vh", minHeight: 400 }
-      }
-    );
-  }
-  if (mimeType?.startsWith("image/")) {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Fallback, { mimeType, reason: "unsupported" });
+function DrawerClose({ className, variant = "outline", size = "default", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Button,
+    {
+      slot: "close",
+      "data-slot": "drawer-close",
+      variant,
+      size,
+      className: cn(className),
+      ...props
+    }
+  );
 }
-function Fallback({
-  mimeType,
-  reason
+function DrawerOverlay({
+  className,
+  children,
+  ...props
 }) {
-  const Icon = mimeType?.startsWith("image/") ? import_lucide_react5.Image : import_lucide_react5.FileText;
-  const message = reason === "no-url" ? "No se pudo generar la URL de preview." : "Preview no disponible para este tipo de archivo.";
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Icon, { className: "size-9 opacity-30" }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm", children: message }),
-    mimeType ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
-  ] });
-}
-
-// src/ui/dropdown-menu/dropdown-menu.tsx
-var import_class_variance_authority6 = require("class-variance-authority");
-var import_lucide_react6 = require("lucide-react");
-var React5 = require("react");
-var import_react_aria_components12 = require("react-aria-components");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components12.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.ModalOverlay,
+    {
+      "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 DropdownMenuContent({
-  "data-slot": dataSlot = "dropdown-menu-content",
-  placement = "bottom start",
-  offset = 4,
-  crossOffset = 0,
+function DrawerContent({
   className,
   children,
+  dialogProps,
+  side = "right",
+  showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_aria_components12.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.Modal,
     {
-      "data-slot": dataSlot,
-      placement,
-      offset,
-      crossOffset,
+      "data-slot": "drawer-content",
+      "data-side": side,
       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",
+        "fixed z-50 flex max-h-svh flex-col gap-4 border-border bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg motion-safe:transition motion-safe:duration-200 motion-safe:ease-in-out motion-safe:data-entering:opacity-0 motion-safe:data-exiting:opacity-0 motion-reduce:transition-none data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:pb-[env(safe-area-inset-bottom)] motion-safe:data-[side=bottom]:data-entering:translate-y-10 motion-safe:data-[side=bottom]:data-exiting:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r motion-safe:data-[side=left]:data-entering:-translate-x-10 motion-safe:data-[side=left]:data-exiting:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l motion-safe:data-[side=right]:data-entering:translate-x-10 motion-safe:data-[side=right]:data-exiting:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:pt-[env(safe-area-inset-top)] motion-safe:data-[side=top]:data-entering:-translate-y-10 motion-safe:data-[side=top]:data-exiting:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-        import_react_aria_components12.Menu,
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        import_react_aria_components11.Dialog,
         {
-          className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
-          ...props,
-          children
+          "data-slot": "drawer",
+          className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
+          ...dialogProps,
+          children: [
+            children,
+            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DrawerClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.XIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "sr-only", children: "Cerrar" })
+            ] })
+          ]
         }
       )
     }
-  );
+  ) });
 }
-function DropdownMenu(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuContent, { ...props });
+function Drawer(props) {
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(DrawerTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(DropdownMenuContent, { ...contentProps, children })
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerContent, { ...contentProps, children })
   ] });
 }
-function DropdownMenuGroup({
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components12.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
-}
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_aria_components12.Header,
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "div",
     {
-      "data-slot": "dropdown-menu-label",
-      "data-inset": inset,
-      className: cn(
-        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
-        className
-      ),
+      "data-slot": "drawer-header",
+      className: cn("flex flex-col gap-0.5 p-4", className),
       ...props
     }
   );
 }
-var dropdownMenuItemVariants = (0, import_class_variance_authority6.cva)(
-  "group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
-  {
-    variants: {
-      selectionMode: {
-        none: "gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-muted focus:text-foreground not-data-[variant=destructive]:focus:**:text-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
-        single: "gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4",
-        multiple: "gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4"
-      }
-    }
-  }
-);
-function DropdownMenuItem({
-  className,
-  inset,
-  variant = "default",
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_aria_components12.MenuItem,
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "div",
     {
-      "data-slot": "dropdown-menu-item",
-      "data-inset": inset,
-      "data-variant": variant,
-      textValue: typeof children === "string" ? children : props.textValue,
-      className: (0, import_react_aria_components12.composeRenderProps)(
-        className,
-        (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
-      ),
-      ...props,
-      children: (0, import_react_aria_components12.composeRenderProps)(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-        selectionMode !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-          "span",
-          {
-            className: "pointer-events-none absolute right-2 flex items-center justify-center",
-            "data-slot": selectionMode === "single" ? "dropdown-menu-radio-item-indicator" : "dropdown-menu-checkbox-item-indicator",
-            children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.CheckIcon, {}) : null
-          }
-        ) : null,
-        children2
-      ] }))
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
     }
   );
 }
-function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_aria_components12.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
-}
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_aria_components12.MenuItem,
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.Heading,
     {
-      "data-slot": "dropdown-menu-sub-trigger",
-      "data-inset": inset,
-      textValue: typeof children === "string" ? children : props.textValue,
-      className: cn(
-        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 data-open:bg-muted data-open:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      ),
-      ...props,
-      children: (0, import_react_aria_components12.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-        children2,
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react6.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
-      ] }))
+      slot: "title",
+      "data-slot": "drawer-title",
+      className: cn("text-base font-medium text-foreground", className),
+      ...props
     }
   );
 }
-function DropdownMenuSubContent({
-  placement = "end top",
-  crossOffset = -3,
-  offset = 0,
+function DrawerDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    DropdownMenuContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.Text,
+    {
+      slot: "description",
+      "data-slot": "drawer-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+var Sheet = DrawerContent;
+var SheetClose = DrawerClose;
+var SheetContent = DrawerContent;
+var SheetDescription = DrawerDescription;
+var SheetFooter = DrawerFooter;
+var SheetHeader = DrawerHeader;
+var SheetTitle = DrawerTitle;
+var SheetTrigger = DrawerTrigger;
+
+// src/ui/composition/composition.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function FilterBar({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "filter-bar",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function FilterGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "filter-group",
+      className: cn("flex flex-wrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ActiveFilters({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "active-filters",
+      "aria-label": "Filtros activos",
+      className: cn("flex flex-wrap items-center gap-1.5", className),
+      ...props
+    }
+  );
+}
+function FilterChip({
+  children,
+  onRemove,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Button, { size: "sm", variant: "outline", onPress: onRemove, ...props, children: [
+    children,
+    " \xD7"
+  ] });
+}
+function SelectionToolbar({
+  count,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+    "div",
+    {
+      "data-slot": "selection-toolbar",
+      className: cn(
+        "flex flex-wrap items-center justify-between gap-2 rounded-lg border bg-muted/40 p-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("output", { "aria-live": "polite", className: "text-sm font-medium", children: [
+          count,
+          " seleccionados"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "flex items-center gap-2", children })
+      ]
+    }
+  );
+}
+function DescriptionList({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "dl",
+    {
+      "data-slot": "description-list",
+      className: cn("grid gap-x-6 gap-y-4 sm:grid-cols-2", className),
+      ...props
+    }
+  );
+}
+function DescriptionItem({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "data-slot": "description-item", className: cn("min-w-0", className), ...props });
+}
+function DescriptionTerm({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "dt",
+    {
+      "data-slot": "description-term",
+      className: cn("text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DescriptionDetails({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "dd",
+    {
+      "data-slot": "description-details",
+      className: cn("mt-1 wrap-break-word text-sm", className),
+      ...props
+    }
+  );
+}
+function DataViewState({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "section",
+    {
+      "data-slot": "data-view-state",
+      className: cn(
+        "flex min-h-40 flex-col items-center justify-center gap-3 rounded-xl border p-6 text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DataViewStateTitle({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h2", { "data-slot": "data-view-state-title", className: cn("font-semibold", className), ...props, children });
+}
+function DataViewStateDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "p",
+    {
+      "data-slot": "data-view-state-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DataViewStateActions({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "data-view-state-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function MetricGrid({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "metric-grid",
+      className: cn("grid gap-4 sm:grid-cols-2 xl:grid-cols-4", className),
+      ...props
+    }
+  );
+}
+function DetailDrawer({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DrawerContent, { ...props, children });
+}
+function DetailDrawerBody({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "detail-drawer-body",
+      className: cn("min-h-0 flex-1 overflow-y-auto px-4", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/confirm-dialog/confirm-dialog.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
+  destructive = false,
+  pending = false,
+  onConfirm
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    AlertDialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        if (!pending || nextOpen) onOpenChange(nextOpen);
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogContent, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogTitle, { children: title }),
+          description ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(AlertDialogDescription, { children: description }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(AlertDialogFooter, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Button,
+            {
+              variant: destructive ? "destructive" : "default",
+              isDisabled: pending,
+              onPress: onConfirm,
+              children: confirmLabel
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+
+// src/ui/copy-button/copy-button.tsx
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function CopyButton({
+  value,
+  children,
+  copiedLabel = "Copiado",
+  resetMs,
+  onCopied,
+  onCopyError,
+  ...props
+}) {
+  const { copy, status } = useClipboard({ resetMs, onError: onCopyError });
+  const copied = status === "copied";
+  const label = copied ? copiedLabel : children ?? "Copiar";
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+    Button,
+    {
+      "aria-label": typeof label === "string" ? label : void 0,
+      onPress: () => {
+        void copy(value).then((wasCopied) => {
+          if (wasCopied) onCopied?.(value);
+        });
+      },
+      ...props,
+      children: [
+        copied ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react5.Check, { "aria-hidden": "true", className: "size-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react5.Copy, { "aria-hidden": "true", className: "size-3.5" }),
+        label
+      ]
+    }
+  );
+}
+
+// src/ui/danger-zone/danger-zone.tsx
+var import_lucide_react6 = require("lucide-react");
+var import_react_aria_components12 = require("react-aria-components");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function DangerZone({
+  title = "Zona de peligro",
+  description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
+  defaultOpen = false,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components12.Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Card, { className: cn("border-destructive/30", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components12.Heading, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+      import_react_aria_components12.Button,
+      {
+        slot: "trigger",
+        "data-slot": "danger-zone-trigger",
+        className: "group/danger focus-visible:ring-ring/50 flex w-full items-center gap-3 px-4 text-left outline-none focus-visible:ring-3",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.ShieldAlert, { className: "text-destructive size-4 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("span", { className: "flex flex-1 flex-col gap-0.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "font-heading text-destructive text-base leading-snug font-medium", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground text-xs", children: description })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react6.ChevronDown, { className: "text-muted-foreground size-4 shrink-0 transition-transform group-aria-expanded/danger:rotate-180" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components12.DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CardContent, { children }) })
+  ] }) });
+}
+
+// src/ui/doc-preview/doc-preview.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
+function DocPreview({ url, mimeType, name }) {
+  if (!url) return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Fallback, { mimeType, reason: "no-url" });
+  if (mimeType === "application/pdf" || mimeType === "text/plain" || mimeType === "text/csv") {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      "iframe",
+      {
+        src: url,
+        title: name,
+        className: "w-full rounded-sm border-0",
+        style: { height: "75vh", minHeight: 400 }
+      }
+    );
+  }
+  if (mimeType?.startsWith("image/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "bg-muted/30 flex justify-center rounded-sm p-6", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Fallback, { mimeType, reason: "unsupported" });
+}
+function Fallback({
+  mimeType,
+  reason
+}) {
+  const Icon = mimeType?.startsWith("image/") ? import_lucide_react7.Image : import_lucide_react7.FileText;
+  const message = reason === "no-url" ? "No se pudo generar la URL de preview." : "Preview no disponible para este tipo de archivo.";
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "text-muted-foreground flex flex-col items-center justify-center gap-2 py-14", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "size-9 opacity-30" }),
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-sm", children: message }),
+    mimeType ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
+  ] });
+}
+
+// src/ui/dropdown-menu/dropdown-menu.tsx
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_lucide_react8 = require("lucide-react");
+var React5 = require("react");
+var import_react_aria_components13 = require("react-aria-components");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components13.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  "data-slot": dataSlot = "dropdown-menu-content",
+  placement = "bottom start",
+  offset = 4,
+  crossOffset = 0,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react_aria_components13.Popover,
+    {
+      "data-slot": dataSlot,
+      placement,
+      offset,
+      crossOffset,
+      className: cn(
+        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__ */ (0, import_jsx_runtime23.jsx)(
+        import_react_aria_components13.Menu,
+        {
+          className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function DropdownMenu(props) {
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownMenuContent, { ...props });
+  const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(DropdownMenuTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+    triggerElement,
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DropdownMenuContent, { ...contentProps, children })
+  ] });
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components13.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react_aria_components13.Header,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var dropdownMenuItemVariants = (0, import_class_variance_authority6.cva)(
+  "group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      selectionMode: {
+        none: "gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-muted focus:text-foreground not-data-[variant=destructive]:focus:**:text-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
+        single: "gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4",
+        multiple: "gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4"
+      }
+    }
+  }
+);
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react_aria_components13.MenuItem,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      textValue: typeof children === "string" ? children : props.textValue,
+      className: (0, import_react_aria_components13.composeRenderProps)(
+        className,
+        (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
+      ),
+      ...props,
+      children: (0, import_react_aria_components13.composeRenderProps)(children, (children2, { isSelected, selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+        selectionMode !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": selectionMode === "single" ? "dropdown-menu-radio-item-indicator" : "dropdown-menu-checkbox-item-indicator",
+            children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.CheckIcon, {}) : null
+          }
+        ) : null,
+        children2
+      ] }))
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components13.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react_aria_components13.MenuItem,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      textValue: typeof children === "string" ? children : props.textValue,
+      className: cn(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 data-open:bg-muted data-open:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: (0, import_react_aria_components13.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+        children2,
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react8.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+      ] }))
+    }
+  );
+}
+function DropdownMenuSubContent({
+  placement = "end top",
+  crossOffset = -3,
+  offset = 0,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    DropdownMenuContent,
     {
       "data-slot": "dropdown-menu-sub-content",
       className: cn(
@@ -2068,8 +2608,8 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_react_aria_components12.Separator,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react_aria_components13.Separator,
     {
       "data-slot": "dropdown-menu-separator",
       className: cn("-mx-1 my-1 h-px bg-border", className),
@@ -2078,7 +2618,7 @@ function DropdownMenuSeparator({
   );
 }
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -2107,9 +2647,9 @@ var emptyStateMediaVariants = (0, import_class_variance_authority7.cva)(
 );
 
 // src/ui/empty-state/empty-state.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "empty-state",
@@ -2122,7 +2662,7 @@ function EmptyState({ className, ...props }) {
   );
 }
 function EmptyStateHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "empty-state-header",
@@ -2136,7 +2676,7 @@ function EmptyStateMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "empty-state-media",
@@ -2147,7 +2687,7 @@ function EmptyStateMedia({
   );
 }
 function EmptyStateTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "h3",
     {
       "data-slot": "empty-state-title",
@@ -2158,7 +2698,7 @@ function EmptyStateTitle({ className, children, ...props }) {
   );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "p",
     {
       "data-slot": "empty-state-description",
@@ -2171,7 +2711,7 @@ function EmptyStateDescription({ className, ...props }) {
   );
 }
 function EmptyStateContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "div",
     {
       "data-slot": "empty-state-content",
@@ -2184,14 +2724,121 @@ function EmptyStateContent({ className, ...props }) {
   );
 }
 
+// src/ui/error-boundary/error-boundary.tsx
+var import_react9 = require("react");
+
+// src/ui/error-state/error-state.tsx
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function ErrorState({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "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__ */ (0, import_jsx_runtime25.jsx)(
+    import_lucide_react9.AlertCircle,
+    {
+      "data-slot": "error-state-icon",
+      "aria-hidden": "true",
+      className: cn("size-6 text-destructive", className),
+      ...props
+    }
+  );
+}
+function ErrorStateTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "h2",
+    {
+      "data-slot": "error-state-title",
+      className: cn("font-semibold text-foreground", className),
+      ...props
+    }
+  );
+}
+function ErrorStateDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "p",
+    {
+      "data-slot": "error-state-description",
+      className: cn("max-w-md text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ErrorStateActions({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    "div",
+    {
+      "data-slot": "error-state-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+
+// src/ui/error-boundary/error-boundary.tsx
+var import_jsx_runtime26 = require("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 import_react9.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__ */ (0, import_jsx_runtime26.jsxs)(ErrorState, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorStateIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorStateTitle, { children: "No se pudo cargar este contenido" }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorStateDescription, { children: "Prueba a cargarlo de nuevo." }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorStateActions, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Button, { onPress: this.reset, children: "Reintentar" }) })
+    ] });
+  }
+};
+function ErrorBoundary(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Boundary, { ...props });
+}
+function AsyncBoundary({
+  pending = null,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(ErrorBoundary, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react9.Suspense, { fallback: pending, children: props.children }) });
+}
+
 // src/ui/label/label.tsx
-var import_react7 = require("react");
-var import_react_aria_components13 = require("react-aria-components");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var Label2 = (0, import_react7.forwardRef)(
+var import_react10 = require("react");
+var import_react_aria_components14 = require("react-aria-components");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var Label2 = (0, import_react10.forwardRef)(
   function Label3({ className, ...props }, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      import_react_aria_components13.Label,
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+      import_react_aria_components14.Label,
       {
         ref,
         "data-slot": "label",
@@ -2222,16 +2869,16 @@ var fieldVariants = (0, import_class_variance_authority8.cva)(
 );
 
 // src/ui/field/field.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
 }
 function FieldLegend({
   className,
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "legend",
     {
       "data-slot": "field-legend",
@@ -2245,7 +2892,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "field-group",
@@ -2260,7 +2907,7 @@ function FieldGroup({ className, ...props }) {
 function Field({ className, orientation = "vertical", ...props }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: FieldSet provides native fieldset semantics when they are appropriate.
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "div",
       {
         role: "group",
@@ -2273,7 +2920,7 @@ function Field({ className, orientation = "vertical", ...props }) {
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "field-content",
@@ -2283,7 +2930,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Label2,
     {
       "data-slot": "field-label",
@@ -2296,7 +2943,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       "data-slot": "field-title",
@@ -2306,7 +2953,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "p",
     {
       "data-slot": "field-description",
@@ -2319,7 +2966,7 @@ function FieldDescription({ className, ...props }) {
   );
 }
 function FieldSeparator({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "div",
     {
       "data-slot": "field-separator",
@@ -2327,8 +2974,8 @@ function FieldSeparator({ className, children, ...props }) {
       className: cn("relative -my-2 h-5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "span",
           {
             "data-slot": "field-separator-content",
@@ -2342,9 +2989,9 @@ function FieldSeparator({ className, children, ...props }) {
 }
 function FieldError2({ className, children, errors, ...props }) {
   const messages = [...new Set(errors?.flatMap((error) => error?.message ?? []) ?? [])];
-  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { children: message }, message)) }) : null);
+  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("li", { children: message }, message)) }) : null);
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     "div",
     {
       role: "alert",
@@ -2357,8 +3004,8 @@ function FieldError2({ className, children, errors, ...props }) {
 }
 
 // src/ui/form-feedback/form-feedback.tsx
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function FormFeedback({
   state,
   className,
@@ -2366,14 +3013,14 @@ function FormFeedback({
   successLabel = "Guardado"
 }) {
   if (state.status === "idle")
-    return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
   const error = state.status === "error";
   const success = state.status === "success";
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
     "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",
@@ -2382,31 +3029,31 @@ function FormFeedback({
         className
       ),
       children: [
-        state.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-        success && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-        error && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react7.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+        state.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react10.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+        success && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react10.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react10.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
       ]
     }
   );
 }
 
 // src/ui/form-feedback/use-form-feedback.ts
-var import_react8 = require("react");
+var import_react11 = require("react");
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
-  const [state, setState] = (0, import_react8.useState)({ status: "idle" });
-  const timer = (0, import_react8.useRef)(null);
-  const clearTimer = (0, import_react8.useCallback)(() => {
+  const [state, setState] = (0, import_react11.useState)({ status: "idle" });
+  const timer = (0, import_react11.useRef)(null);
+  const clearTimer = (0, import_react11.useCallback)(() => {
     if (timer.current) clearTimeout(timer.current);
     timer.current = null;
   }, []);
-  (0, import_react8.useEffect)(() => () => clearTimer(), [clearTimer]);
-  const setPending = (0, import_react8.useCallback)(() => {
+  (0, import_react11.useEffect)(() => () => clearTimer(), [clearTimer]);
+  const setPending = (0, import_react11.useCallback)(() => {
     clearTimer();
     setState({ status: "pending" });
   }, [clearTimer]);
-  const setSuccess = (0, import_react8.useCallback)(
+  const setSuccess = (0, import_react11.useCallback)(
     (message) => {
       clearTimer();
       setState({ status: "success", message });
@@ -2414,14 +3061,14 @@ function useFormFeedback(options) {
     },
     [clearTimer, resetMs]
   );
-  const setError = (0, import_react8.useCallback)(
+  const setError = (0, import_react11.useCallback)(
     (message) => {
       clearTimer();
       setState({ status: "error", message });
     },
     [clearTimer]
   );
-  const reset = (0, import_react8.useCallback)(() => {
+  const reset = (0, import_react11.useCallback)(() => {
     clearTimer();
     setState({ status: "idle" });
   }, [clearTimer]);
@@ -2429,7 +3076,7 @@ function useFormFeedback(options) {
 }
 
 // src/ui/form-row/form-row.tsx
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function FormRow({
   label,
   htmlFor,
@@ -2441,36 +3088,36 @@ function FormRow({
 }) {
   const hintId = hint ? `${htmlFor}-hint` : void 0;
   const errorId = error ? `${htmlFor}-error` : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("label", { htmlFor, className: "text-foreground text-sm font-medium", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { htmlFor, className: "text-foreground text-sm font-medium", children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { "aria-hidden": "true", className: "text-destructive ml-0.5", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { id: hintId, className: "text-muted-foreground text-xs", children: hint }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { id: errorId, role: "alert", className: "text-destructive text-xs font-medium", children: error })
   ] });
 }
 
 // src/ui/icon-button/icon-button.tsx
-var import_react_aria_components15 = require("react-aria-components");
+var import_react_aria_components16 = require("react-aria-components");
 
 // src/ui/tooltip/tooltip.tsx
-var import_react_aria_components14 = require("react-aria-components");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_react_aria_components15 = require("react-aria-components");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function TooltipTrigger({
   delay = 0,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components14.TooltipTrigger, { "data-slot": "tooltip-trigger", delay, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react_aria_components15.TooltipTrigger, { "data-slot": "tooltip-trigger", delay, ...props });
 }
 function Tooltip({ label, children, delay, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(TooltipTrigger, { delay, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(TooltipTrigger, { delay, children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipContent, { ...props, children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(TooltipContent, { ...props, children: label })
   ] });
 }
 function TooltipContent({
@@ -2481,8 +3128,8 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-    import_react_aria_components14.Tooltip,
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    import_react_aria_components15.Tooltip,
     {
       "data-slot": "tooltip-content",
       placement,
@@ -2495,8 +3142,8 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          import_react_aria_components14.OverlayArrow,
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          import_react_aria_components15.OverlayArrow,
           {
             className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs",
             style: ({ placement: placement2, defaultStyle }) => ({
@@ -2513,7 +3160,7 @@ function TooltipContent({
 }
 
 // src/ui/icon-button/icon-button.tsx
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function IconButton({
   label,
   children,
@@ -2523,7 +3170,7 @@ function IconButton({
   ...props
 }) {
   const linkClassName = cn(buttonVariants({ variant, size: "icon" }), className);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Tooltip, { label, children: href ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_aria_components15.Link, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Tooltip, { label, children: href ? /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_aria_components16.Link, { "data-slot": "icon-button", "aria-label": label, href, className: linkClassName, children }) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Button,
     {
       "data-slot": "icon-button",
@@ -2541,12 +3188,12 @@ function IconButton({
 var import_class_variance_authority10 = require("class-variance-authority");
 
 // src/ui/input/input.tsx
-var import_react9 = require("react");
-var import_react_aria_components16 = require("react-aria-components");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var InputImpl = (0, import_react9.forwardRef)(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_react_aria_components16.Input,
+var import_react12 = require("react");
+var import_react_aria_components17 = require("react-aria-components");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var InputImpl = (0, import_react12.forwardRef)(function Input2({ className, type, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_react_aria_components17.Input,
     {
       ref,
       type,
@@ -2562,12 +3209,12 @@ var InputImpl = (0, import_react9.forwardRef)(function Input2({ className, type,
 var Input3 = InputImpl;
 
 // src/ui/textarea/textarea.tsx
-var import_react10 = require("react");
-var import_react_aria_components17 = require("react-aria-components");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var TextareaImpl = (0, import_react10.forwardRef)(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_react_aria_components17.TextArea,
+var import_react13 = require("react");
+var import_react_aria_components18 = require("react-aria-components");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var TextareaImpl = (0, import_react13.forwardRef)(function Textarea({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_react_aria_components18.TextArea,
     {
       ref,
       "data-slot": "textarea",
@@ -2599,12 +3246,12 @@ var inputGroupAddonVariants = (0, import_class_variance_authority9.cva)(
 );
 
 // src/ui/input-group/input-group.tsx
-var import_jsx_runtime30 = (
+var import_jsx_runtime35 = (
   // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
   require("react/jsx-runtime")
 );
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       role: "group",
@@ -2625,7 +3272,7 @@ function InputGroupAddon({
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: this addon delegates focus to its associated input.
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       "div",
       {
         role: "group",
@@ -2656,7 +3303,7 @@ function InputGroupButton({
   ...props
 }) {
   const buttonSize = size === "icon-xs" || size === "icon-sm" ? size : size;
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Button,
     {
       "data-slot": "input-group-button",
@@ -2669,7 +3316,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "span",
     {
       "data-slot": "input-group-text",
@@ -2682,7 +3329,7 @@ function InputGroupText({ className, ...props }) {
   );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Input3,
     {
       "data-slot": "input-group-control",
@@ -2695,7 +3342,7 @@ function InputGroupInput({ className, ...props }) {
   );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     Textarea2,
     {
       "data-slot": "input-group-control",
@@ -2709,7 +3356,7 @@ function InputGroupTextarea({ className, ...props }) {
 }
 
 // src/ui/kanban/kanban.tsx
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var columnSize = {
   compact: "w-56",
   default: "w-72",
@@ -2721,13 +3368,13 @@ function KanbanViewport({
   contentClassName,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       "data-slot": "kanban-viewport",
       className: cn("-mx-1 overflow-x-auto pb-3", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
         "div",
         {
           "data-slot": "kanban-viewport-content",
@@ -2743,7 +3390,7 @@ function KanbanColumn({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "section",
     {
       "data-slot": "kanban-column",
@@ -2754,7 +3401,7 @@ function KanbanColumn({
   );
 }
 function KanbanColumnHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "header",
     {
       "data-slot": "kanban-column-header",
@@ -2764,7 +3411,7 @@ function KanbanColumnHeader({ className, ...props }) {
   );
 }
 function KanbanColumnTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "span",
     {
       "data-slot": "kanban-column-title",
@@ -2777,14 +3424,14 @@ function KanbanColumnTitle({ className, ...props }) {
   );
 }
 function KanbanColumnBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { "data-slot": "kanban-column-body", className: cn("space-y-2", className), ...props });
 }
 function KanbanEmpty({
   className,
   compact = false,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "p",
     {
       "data-slot": "kanban-empty",
@@ -2800,9 +3447,9 @@ function KanbanEmpty({
 }
 
 // src/ui/kbd/kbd.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "kbd",
     {
       "data-slot": "kbd",
@@ -2815,7 +3462,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "span",
     {
       "data-slot": "kbd-group",
@@ -2826,14 +3473,14 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/ui/loading-overlay/loading-overlay.tsx
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function LoadingOverlay({
   label = "Cargando",
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "output",
     {
       "aria-live": "polite",
@@ -2842,25 +3489,26 @@ function LoadingOverlay({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react8.LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { children: label })
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "border-border bg-background flex items-center gap-2 rounded-lg border px-3 py-2 text-sm shadow-sm", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.LoaderCircle, { className: "motion-safe:animate-spin", "aria-hidden": "true" }),
+        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { children: label })
       ] })
     }
   );
 }
 
 // src/ui/menu/menu.tsx
-var import_react_aria_components18 = require("react-aria-components");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var MenuTrigger = import_react_aria_components18.MenuTrigger;
+var import_react_aria_components19 = require("react-aria-components");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var MenuTrigger = import_react_aria_components19.MenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    import_react_aria_components18.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_react_aria_components19.Popover,
     {
       "data-slot": "menu-content",
       className: cn(
-        "min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        floatingSurfaceClassName,
+        "min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground",
         className
       ),
       ...props
@@ -2868,11 +3516,11 @@ function MenuContent({ className, ...props }) {
   );
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components18.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_aria_components19.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-    import_react_aria_components18.MenuItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_react_aria_components19.MenuItem,
     {
       "data-slot": "menu-item",
       className: cn(
@@ -2886,7 +3534,7 @@ function MenuItem({ className, children, ...props }) {
 }
 
 // src/ui/metric-card/metric-card.tsx
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function MetricCard({
   className,
   label,
@@ -2894,33 +3542,68 @@ function MetricCard({
   description,
   icon,
   tone = "default",
+  trend,
+  delta,
+  loading = false,
+  loadingLabel = "Cargando m\xE9trica",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Card, { "data-slot": "metric-card", "data-tone": tone, className: cn("min-w-0", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CardContent, { className: "flex items-start gap-3", children: [
-    icon ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "min-w-0", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
-        "strong",
-        {
-          "data-slot": "metric-card-value",
-          className: "mt-1 block text-2xl font-semibold tracking-tight",
-          children: value
-        }
-      ),
-      description ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
-    ] })
-  ] }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    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__ */ (0, import_jsx_runtime40.jsxs)(CardContent, { className: "flex items-start gap-3", children: [
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { "data-slot": "metric-card-icon", className: "text-muted-foreground shrink-0", children: icon }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { "data-slot": "metric-card-label", className: "text-muted-foreground text-sm", children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            "strong",
+            {
+              "data-slot": "metric-card-value",
+              className: "mt-1 block text-2xl font-semibold tracking-tight",
+              children: loading ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                "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__ */ (0, import_jsx_runtime40.jsx)(
+            "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__ */ (0, import_jsx_runtime40.jsx)("p", { "data-slot": "metric-card-description", className: "text-muted-foreground mt-1 text-xs", children: description }) : null
+        ] })
+      ] })
+    }
+  );
 }
 
 // src/ui/otp-input/otp-input.tsx
-var import_react11 = require("react");
-var import_react_aria_components19 = require("react-aria-components");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_react14 = require("react");
+var import_react_aria_components20 = require("react-aria-components");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function normalizeOtp(value, length) {
   return value.replace(/[^0-9]/g, "").slice(0, length);
 }
-var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
+var OtpInputImpl = (0, import_react14.forwardRef)(function OtpInput({
   length = 6,
   value,
   defaultValue = "",
@@ -2935,17 +3618,17 @@ var OtpInputImpl = (0, import_react11.forwardRef)(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] = (0, import_react11.useState)(() => normalizeOtp(defaultValue, slotCount));
+  const [internalValue, setInternalValue] = (0, import_react14.useState)(() => normalizeOtp(defaultValue, slotCount));
   const code = normalizeOtp(controlled ? value : internalValue, slotCount);
   const slots = Array.from({ length: slotCount }, (_, index) => `otp-slot-${index + 1}`);
-  const inputRef = (0, import_react11.useRef)(null);
-  const [focused, setFocused] = (0, import_react11.useState)(false);
-  const [selectionStart, setSelectionStart] = (0, import_react11.useState)(0);
+  const inputRef = (0, import_react14.useRef)(null);
+  const [focused, setFocused] = (0, import_react14.useState)(false);
+  const [selectionStart, setSelectionStart] = (0, import_react14.useState)(0);
   const invalid = props["aria-invalid"] === true || props["aria-invalid"] === "true";
   const activeIndex = code.length === slotCount ? slotCount - 1 : Math.min(selectionStart, code.length, slotCount - 1);
-  (0, import_react11.useImperativeHandle)(forwardedRef, () => inputRef.current);
+  (0, import_react14.useImperativeHandle)(forwardedRef, () => inputRef.current);
   function updateSelection(input) {
     setSelectionStart(input.selectionStart ?? code.length);
   }
@@ -2954,7 +3637,7 @@ var OtpInputImpl = (0, import_react11.forwardRef)(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;
@@ -2968,7 +3651,7 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
     input.setSelectionRange(position, position);
     setSelectionStart(position);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "div",
     {
       "data-slot": "otp-input",
@@ -2978,8 +3661,8 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
       style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-          import_react_aria_components19.Input,
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+          import_react_aria_components20.Input,
           {
             ...props,
             ref: inputRef,
@@ -3018,7 +3701,7 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
             }
           }
         ),
-        slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+        slots.map((slot, index) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -3041,9 +3724,9 @@ var OtpInputImpl = (0, import_react11.forwardRef)(function OtpInput({
 var OtpInput2 = OtpInputImpl;
 
 // src/ui/page-header/page-header.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "header",
     {
       "data-slot": "page-header",
@@ -3056,10 +3739,10 @@ function PageHeader({ className, ...props }) {
   );
 }
 function PageHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "h1",
     {
       "data-slot": "page-header-title",
@@ -3070,7 +3753,7 @@ function PageHeaderTitle({ className, children, ...props }) {
   );
 }
 function PageHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "p",
     {
       "data-slot": "page-header-description",
@@ -3080,7 +3763,7 @@ function PageHeaderDescription({ className, ...props }) {
   );
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       "data-slot": "page-header-actions",
@@ -3089,11 +3772,54 @@ function PageHeaderActions({ className, ...props }) {
     }
   );
 }
+function SectionHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    "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__ */ (0, import_jsx_runtime42.jsx)("div", { "data-slot": "section-header-heading", className: cn("min-w-0", className), ...props });
+}
+function SectionHeaderTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    "h2",
+    {
+      "data-slot": "section-header-title",
+      className: cn("text-base font-semibold tracking-tight", className),
+      ...props
+    }
+  );
+}
+function SectionHeaderDescription({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    "p",
+    {
+      "data-slot": "section-header-description",
+      className: cn("mt-1 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function SectionHeaderActions({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    "div",
+    {
+      "data-slot": "section-header-actions",
+      className: cn("flex shrink-0 items-center gap-2", className),
+      ...props
+    }
+  );
+}
 
 // src/ui/pagination/pagination.tsx
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var React6 = __toESM(require("react"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function visiblePages(page, pageCount, siblingCount) {
   return [
     .../* @__PURE__ */ new Set([
@@ -3103,6 +3829,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,
@@ -3112,35 +3845,37 @@ function Pagination({
   siblingCount = 1,
   className
 }) {
-  if (pageCount <= 1) return null;
-  const pages = visiblePages(page, pageCount, siblingCount);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  const totalPages = normalizedPageCount(pageCount);
+  if (totalPages <= 1) return null;
+  const currentPage = normalizedPage(page, totalPages);
+  const pages = visiblePages(currentPage, totalPages, siblingCount);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
     "nav",
     {
       "aria-label": ariaLabel,
       className: cn("flex flex-wrap items-center justify-between gap-4", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${page} de ${pageCount}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-muted-foreground text-sm", children: summary ?? `P\xE1gina ${currentPage} de ${totalPages}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             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__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react9.ChevronLeft, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.ChevronLeft, {})
             }
           ),
           pages.map((item, index) => {
             const previousPage = pages[index - 1];
-            return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(React6.Fragment, { children: [
-              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(React6.Fragment, { children: [
+              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { "aria-hidden": "true", className: "text-muted-foreground px-1", children: "\u2026" }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
                 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",
@@ -3150,15 +3885,15 @@ function Pagination({
               )
             ] }, item);
           }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             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__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react9.ChevronRight, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.ChevronRight, {})
             }
           )
         ] })
@@ -3168,17 +3903,18 @@ function Pagination({
 }
 
 // src/ui/popover/popover.tsx
-var import_react_aria_components20 = require("react-aria-components");
-var import_jsx_runtime39 = require("react/jsx-runtime");
-var PopoverTrigger = import_react_aria_components20.DialogTrigger;
+var import_react_aria_components21 = require("react-aria-components");
+var import_jsx_runtime44 = require("react/jsx-runtime");
+var PopoverTrigger = import_react_aria_components21.DialogTrigger;
 function PopoverContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
-    import_react_aria_components20.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_react_aria_components21.Popover,
     {
       "data-slot": "popover",
       offset: 6,
       className: cn(
-        "z-50 min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        floatingSurfaceClassName,
+        "min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground",
         className
       ),
       ...props
@@ -3186,19 +3922,19 @@ function PopoverContent({ className, ...props }) {
   );
 }
 function Popover4(props) {
-  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverContent, { ...props });
+  if (!("trigger" in props)) return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverContent, { ...props });
   const { children, trigger, triggerProps, defaultOpen, isOpen, onOpenChange, ...contentProps } = props;
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
+  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(PopoverTrigger, { defaultOpen, isOpen, onOpenChange, children: [
     triggerElement,
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverContent, { ...contentProps, children })
+    /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverContent, { ...contentProps, children })
   ] });
 }
 
 // src/ui/quantity-input/quantity-input.tsx
-var import_lucide_react10 = require("lucide-react");
-var import_react_aria_components21 = require("react-aria-components");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_react_aria_components22 = require("react-aria-components");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function QuantityInput({
   className,
   inputClassName,
@@ -3208,8 +3944,8 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_react_aria_components21.NumberField,
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    import_react_aria_components22.NumberField,
     {
       ...props,
       minValue,
@@ -3219,24 +3955,24 @@ function QuantityInput({
         "group/quantity-input inline-flex min-w-0 data-disabled:cursor-not-allowed data-disabled:opacity-50",
         className
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-        import_react_aria_components21.Group,
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+        import_react_aria_components22.Group,
         {
           "data-slot": "quantity-input-group",
           className: "border-border bg-background text-foreground focus-within:border-ring focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border transition-[border-color,box-shadow] focus-within:ring-3",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-              import_react_aria_components21.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_react_aria_components22.Button,
               {
                 slot: "decrement",
                 "aria-label": decrementAriaLabel,
                 "data-slot": "quantity-input-decrement",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-r transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.Minus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Minus, { "aria-hidden": "true", className: "size-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-              import_react_aria_components21.Input,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_react_aria_components22.Input,
               {
                 "data-slot": "quantity-input-value",
                 className: cn(
@@ -3245,14 +3981,14 @@ function QuantityInput({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-              import_react_aria_components21.Button,
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+              import_react_aria_components22.Button,
               {
                 slot: "increment",
                 "aria-label": incrementAriaLabel,
                 "data-slot": "quantity-input-increment",
                 className: "border-border text-muted-foreground hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted flex size-8 shrink-0 cursor-pointer items-center justify-center border-l transition-colors outline-none data-disabled:pointer-events-none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react10.Plus, { "aria-hidden": "true", className: "size-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react13.Plus, { "aria-hidden": "true", className: "size-4" })
               }
             )
           ]
@@ -3263,13 +3999,13 @@ function QuantityInput({
 }
 
 // src/ui/select/select.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_react_aria_components22 = require("react-aria-components");
-var import_jsx_runtime41 = require("react/jsx-runtime");
-var Select = import_react_aria_components22.Select;
+var import_lucide_react14 = require("lucide-react");
+var import_react_aria_components23 = require("react-aria-components");
+var import_jsx_runtime46 = require("react/jsx-runtime");
+var Select = import_react_aria_components23.Select;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react_aria_components22.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_react_aria_components23.Button,
     {
       "data-slot": "select-trigger",
       className: cn(
@@ -3277,10 +4013,10 @@ function SelectTrigger({ className, children, ...props }) {
         className
       ),
       ...props,
-      children: (state) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+      children: (state) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
         typeof children === "function" ? children(state) : children,
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-          import_lucide_react11.ChevronDown,
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          import_lucide_react14.ChevronDown,
           {
             "aria-hidden": "true",
             className: "text-muted-foreground ml-auto size-4 transition-transform group-data-pressed/select-trigger:rotate-180 motion-reduce:transition-none"
@@ -3291,8 +4027,8 @@ function SelectTrigger({ className, children, ...props }) {
   );
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react_aria_components22.SelectValue,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_react_aria_components23.SelectValue,
     {
       "data-slot": "select-value",
       className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className),
@@ -3301,12 +4037,13 @@ function SelectValue({ className, ...props }) {
   );
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react_aria_components22.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_react_aria_components23.Popover,
     {
       "data-slot": "select-content",
       className: cn(
-        "w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+        floatingSurfaceClassName,
+        "w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground",
         className
       ),
       ...props
@@ -3314,8 +4051,8 @@ function SelectContent({ className, ...props }) {
   );
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react_aria_components22.ListBox,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_react_aria_components23.ListBox,
     {
       "data-slot": "select-list",
       className: cn("max-h-64 overflow-y-auto", className),
@@ -3328,8 +4065,8 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
-    import_react_aria_components22.ListBoxItem,
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    import_react_aria_components23.ListBoxItem,
     {
       "data-slot": "select-item",
       className: cn(
@@ -3342,189 +4079,51 @@ function SelectItem({
   );
 }
 
-// src/ui/sheet/sheet.tsx
-var import_lucide_react12 = require("lucide-react");
-var import_react_aria_components23 = require("react-aria-components");
-var import_jsx_runtime42 = require("react/jsx-runtime");
-function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components23.DialogTrigger, { "data-slot": "sheet-trigger", ...props });
-}
-function SheetClose({ className, variant = "outline", size = "default", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    Button,
-    {
-      slot: "close",
-      "data-slot": "sheet-close",
-      variant,
-      size,
-      className: cn(className),
-      ...props
-    }
-  );
-}
-function SheetOverlay({
-  className,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    import_react_aria_components23.ModalOverlay,
-    {
-      "data-slot": "sheet-overlay",
-      isDismissable: true,
-      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",
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-}
-function Sheet({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    import_react_aria_components23.Modal,
-    {
-      "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__ */ (0, import_jsx_runtime42.jsxs)(
-        import_react_aria_components23.Dialog,
-        {
-          "data-slot": "sheet",
-          className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
-          children: [
-            children,
-            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react12.XIcon, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "sr-only", children: "Cerrar" })
-            ] })
-          ]
-        }
-      )
-    }
-  ) });
-}
-function SheetContent({
-  className,
-  children,
-  side = "right",
-  showCloseButton = true,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Sheet, { className, side, showCloseButton, ...props, children });
-}
-function Drawer({
-  children,
-  trigger,
-  triggerProps,
-  defaultOpen,
-  isOpen,
-  onOpenChange,
-  ...contentProps
-}) {
-  const triggerElement = typeof trigger === "string" ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button, { ...triggerProps, children: trigger }) : trigger;
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(SheetTrigger, { defaultOpen, isOpen, onOpenChange, children: [
-    triggerElement,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SheetContent, { ...contentProps, children })
-  ] });
-}
-function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    "div",
-    {
-      "data-slot": "sheet-header",
-      className: cn("flex flex-col gap-0.5 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    "div",
-    {
-      "data-slot": "sheet-footer",
-      className: cn("mt-auto flex flex-col gap-2 p-4", className),
-      ...props
-    }
-  );
-}
-function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    import_react_aria_components23.Heading,
-    {
-      slot: "title",
-      "data-slot": "sheet-title",
-      className: cn("text-base font-medium text-foreground", className),
-      ...props
-    }
-  );
-}
-function SheetDescription({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-    import_react_aria_components23.Text,
-    {
-      slot: "description",
-      "data-slot": "sheet-description",
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-}
-var DrawerTrigger = SheetTrigger;
-var DrawerContent = SheetContent;
-var DrawerClose = SheetClose;
-var DrawerHeader = SheetHeader;
-var DrawerFooter = SheetFooter;
-var DrawerTitle = SheetTitle;
-var DrawerDescription = SheetDescription;
-
 // src/ui/sidebar/sidebar.tsx
-var import_lucide_react13 = require("lucide-react");
-var import_react13 = require("react");
+var import_lucide_react15 = require("lucide-react");
+var import_react16 = require("react");
 var import_react_aria_components24 = require("react-aria-components");
 
 // src/ui/sidebar/sidebar-context.ts
-var import_react12 = require("react");
-var SidebarContext = (0, import_react12.createContext)(null);
+var import_react15 = require("react");
+var SidebarContext = (0, import_react15.createContext)(null);
 function useSidebar() {
-  const context = (0, import_react12.useContext)(SidebarContext);
+  const context = (0, import_react15.useContext)(SidebarContext);
   if (!context) throw new Error("useSidebar must be used inside SidebarProvider");
   return context;
 }
 
 // src/ui/sidebar/sidebar.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function SidebarProvider({
   defaultCollapsed = false,
+  collapsed: controlledCollapsed,
+  onCollapsedChange,
   children
 }) {
-  const [collapsed, setCollapsed] = (0, import_react13.useState)(defaultCollapsed);
-  const value = (0, import_react13.useMemo)(
+  const [uncontrolledCollapsed, setUncontrolledCollapsed] = (0, import_react16.useState)(defaultCollapsed);
+  const collapsed = controlledCollapsed ?? uncontrolledCollapsed;
+  const setCollapsed = (0, import_react16.useCallback)(
+    (next) => {
+      if (controlledCollapsed === void 0) setUncontrolledCollapsed(next);
+      onCollapsedChange?.(next);
+    },
+    [controlledCollapsed, onCollapsedChange]
+  );
+  const toggle = (0, import_react16.useCallback)(() => setCollapsed(!collapsed), [collapsed, setCollapsed]);
+  const value = (0, import_react16.useMemo)(
     () => ({
       collapsed,
       setCollapsed,
-      toggle: () => setCollapsed((current) => !current)
+      toggle
     }),
-    [collapsed]
+    [collapsed, setCollapsed, toggle]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SidebarContext.Provider, { value, children });
 }
 function Sidebar({ className, ...props }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "aside",
     {
       "data-slot": "sidebar",
@@ -3538,7 +4137,7 @@ function Sidebar({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -3553,7 +4152,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "button",
     {
       type: "button",
@@ -3564,15 +4163,15 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("kbd", { className: "bg-secondary text-muted-foreground rounded px-1.5 py-0.5 font-mono text-[10px]", children: shortcut })
       ]
     }
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -3583,7 +4182,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -3599,8 +4198,8 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("section", { "data-slot": "sidebar-group", className: cn("mb-4 last:mb-0", className), ...props, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "h2",
       {
         className: cn(
@@ -3624,7 +4223,7 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     import_react_aria_components24.Link,
     {
       "data-slot": "sidebar-item",
@@ -3636,16 +4235,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
-        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "text-muted-foreground text-xs", children: badge })
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"), children: typeof children === "function" ? children(values) : content }),
+        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground text-xs", children: badge })
       ] })
     }
   );
 }
 function SidebarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -3656,37 +4255,45 @@ function SidebarSeparator({ className, ...props }) {
 }
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  const { onPress, ...buttonProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     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__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.ChevronLeft, {})
+      ...buttonProps,
+      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.ChevronLeft, {})
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  const { onClick, ...buttonProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "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__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     Button,
     {
       "aria-label": "M\xE1s opciones",
@@ -3694,15 +4301,15 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react13.Ellipsis, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react15.Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     "div",
     {
       "aria-hidden": "true",
@@ -3714,10 +4321,10 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/ui/submit-button/submit-button.tsx
-var import_lucide_react14 = require("lucide-react");
-var import_react14 = require("react");
+var import_lucide_react16 = require("lucide-react");
+var import_react17 = require("react");
 var import_react_dom = require("react-dom");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function assignRef(ref, node) {
   if (typeof ref === "function") {
     ref(node);
@@ -3738,21 +4345,21 @@ function SubmitButton({
   const { pending } = (0, import_react_dom.useFormStatus)();
   const busy = pending || loading;
   const label = loadingLabel ?? pendingLabel ?? "Guardando\u2026";
-  const buttonRef = (0, import_react14.useRef)(null);
-  const setButtonRef = (0, import_react14.useCallback)(
+  const buttonRef = (0, import_react17.useRef)(null);
+  const setButtonRef = (0, import_react17.useCallback)(
     (node) => {
       buttonRef.current = node;
       assignRef(forwardedRef, node);
     },
     [forwardedRef]
   );
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react17.useLayoutEffect)(() => {
     const button = buttonRef.current;
     if (!button) return;
     if (busy) button.setAttribute("aria-busy", "true");
     else button.removeAttribute("aria-busy");
   }, [busy]);
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     Button,
     {
       ref: setButtonRef,
@@ -3761,8 +4368,8 @@ function SubmitButton({
       isDisabled: busy || isDisabled,
       "aria-busy": busy || void 0,
       ...props,
-      children: busy ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+      children: busy ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react16.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 motion-safe:animate-spin" }),
         label
       ] }) : children
     }
@@ -3770,9 +4377,9 @@ function SubmitButton({
 }
 
 // src/ui/switch/switch.tsx
-var import_react15 = require("react");
+var import_react18 = require("react");
 var import_react_aria_components25 = require("react-aria-components");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var switchSizes = {
   sm: {
     control: "h-4 w-[1.875rem] p-0.5",
@@ -3812,9 +4419,9 @@ function Switch({
   ...props
 }) {
   const styles = switchSizes[size];
-  const fallbackInputRef = (0, import_react15.useRef)(null);
+  const fallbackInputRef = (0, import_react18.useRef)(null);
   const resolvedInputRef = inputRef ?? fallbackInputRef;
-  (0, import_react15.useEffect)(() => {
+  (0, import_react18.useEffect)(() => {
     const input = resolvedInputRef.current;
     if (!input) return;
     const handleDirectionalKey = (event) => {
@@ -3829,7 +4436,7 @@ function Switch({
     ownerDocument.addEventListener("keydown", handleDirectionalKey);
     return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
   }, [isDisabled, isReadOnly, resolvedInputRef]);
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     import_react_aria_components25.Switch,
     {
       "data-slot": "switch",
@@ -3846,8 +4453,8 @@ function Switch({
       children: (state) => {
         const isThumbPressed = state.isPressed;
         const thumbOffset = state.isSelected ? isThumbPressed ? styles.activeSelectedOffset : styles.selectedOffset : "0";
-        return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_jsx_runtime50.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "span",
             {
               "aria-hidden": "true",
@@ -3861,7 +4468,7 @@ function Switch({
                 "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
                 styles.control
               ),
-              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                 "span",
                 {
                   "data-slot": "switch-thumb",
@@ -3881,9 +4488,9 @@ function Switch({
               )
             }
           ),
-          children || description ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "grid gap-0.5 leading-tight", children: [
-            children ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
-            description ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          children || description ? /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("span", { className: "grid gap-0.5 leading-tight", children: [
+            children ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
+            description ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
               "span",
               {
                 "data-slot": "switch-description",
@@ -3899,9 +4506,9 @@ function Switch({
 }
 
 // src/ui/table/table.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "table",
     {
       "data-slot": "table",
@@ -3911,10 +4518,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "tbody",
     {
       "data-slot": "table-body",
@@ -3924,7 +4531,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "tr",
     {
       "data-slot": "table-row",
@@ -3937,7 +4544,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "th",
     {
       "data-slot": "table-head",
@@ -3950,7 +4557,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "td",
     {
       "data-slot": "table-cell",
@@ -3960,7 +4567,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "caption",
     {
       "data-slot": "table-caption",
@@ -3970,7 +4577,7 @@ function TableCaption({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -3982,12 +4589,50 @@ function TableFooter({ className, ...props }) {
     }
   );
 }
+function TableToolbar({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    "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__ */ (0, import_jsx_runtime51.jsx)(TableRow, { "data-slot": "table-empty", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    TableCell,
+    {
+      colSpan,
+      className: cn("h-24 text-center text-muted-foreground", className),
+      children
+    }
+  ) });
+}
+function TableLoading({
+  colSpan = 1,
+  className,
+  children = "Cargando\u2026"
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(TableRow, { "data-slot": "table-loading", "aria-busy": "true", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    TableCell,
+    {
+      colSpan,
+      className: cn("h-24 text-center text-muted-foreground", className),
+      children
+    }
+  ) });
+}
 
 // src/ui/tabs/tabs.tsx
 var import_react_aria_components26 = require("react-aria-components");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_react_aria_components26.Tabs,
     {
       "data-slot": "tabs",
@@ -3997,7 +4642,7 @@ function Tabs({ className, ...props }) {
   );
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_react_aria_components26.TabList,
     {
       "data-slot": "tabs-list",
@@ -4013,7 +4658,7 @@ function TabsList({ className, ...props }) {
   );
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_react_aria_components26.Tab,
     {
       "data-slot": "tabs-trigger",
@@ -4029,10 +4674,10 @@ function TabsTrigger({ className, ...props }) {
   );
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react_aria_components26.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react_aria_components26.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     import_react_aria_components26.TabPanel,
     {
       "data-slot": "tabs-content",
@@ -4046,7 +4691,7 @@ function TabsContent({ className, ...props }) {
 }
 
 // src/ui/toast/toast.tsx
-var import_react16 = require("react");
+var import_react19 = require("react");
 var import_sileo2 = require("sileo");
 
 // src/ui/toast/toast-store.ts
@@ -4096,15 +4741,15 @@ function useToast() {
 }
 
 // src/ui/toast/toast.tsx
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Toaster, {})
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Toaster, {})
   ] });
 }
 function Toaster({ position }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_sileo2.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_sileo2.Toaster, { position, options: { fill: "var(--ui-secondary)" } });
 }
 function ToastViewport({
   position,
@@ -4113,7 +4758,7 @@ function ToastViewport({
 }) {
   void className;
   if (visiblePosition && visiblePosition !== position) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Toaster, { position });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Toaster, { position });
 }
 function Toast({
   id,
@@ -4126,7 +4771,7 @@ function Toast({
   position,
   onDismiss
 }) {
-  (0, import_react16.useEffect)(() => {
+  (0, import_react19.useEffect)(() => {
     if (state !== "open") return;
     const toastId = toast({ title, description, variant, action, duration, position });
     return () => {
@@ -4138,9 +4783,9 @@ function Toast({
 }
 
 // src/ui/toolbar/toolbar.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       role: "toolbar",
@@ -4151,7 +4796,7 @@ function Toolbar({ className, ...props }) {
   );
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     "div",
     {
       "data-slot": "toolbar-group",
@@ -4161,7 +4806,7 @@ function ToolbarGroup({ className, ...props }) {
   );
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -4169,6 +4814,7 @@ function ToolbarSpacer({ className, ...props }) {
   AccordionContent,
   AccordionItem,
   AccordionTrigger,
+  ActiveFilters,
   Alert,
   AlertAction,
   AlertDescription,
@@ -4190,6 +4836,7 @@ function ToolbarSpacer({ className, ...props }) {
   AppShellMain,
   AppShellMobileHeader,
   AppShellSidebar,
+  AsyncBoundary,
   AutocompleteCombobox,
   Avatar,
   AvatarBadge,
@@ -4231,7 +4878,20 @@ function ToolbarSpacer({ className, ...props }) {
   CommandItem,
   CommandList,
   ConfirmDialog,
+  CopyButton,
   DangerZone,
+  DataViewState,
+  DataViewStateActions,
+  DataViewStateDescription,
+  DataViewStateTitle,
+  DescriptionDetails,
+  DescriptionItem,
+  DescriptionList,
+  DescriptionTerm,
+  DetailDrawer,
+  DetailDrawerBody,
+  DetailDrawerFooter,
+  DetailDrawerHeader,
   Dialog,
   DialogClose,
   DialogContent,
@@ -4269,6 +4929,12 @@ function ToolbarSpacer({ className, ...props }) {
   EmptyStateHeader,
   EmptyStateMedia,
   EmptyStateTitle,
+  ErrorBoundary,
+  ErrorState,
+  ErrorStateActions,
+  ErrorStateDescription,
+  ErrorStateIcon,
+  ErrorStateTitle,
   Field,
   FieldContent,
   FieldDescription,
@@ -4279,6 +4945,9 @@ function ToolbarSpacer({ className, ...props }) {
   FieldSeparator,
   FieldSet,
   FieldTitle,
+  FilterBar,
+  FilterChip,
+  FilterGroup,
   FormFeedback,
   FormRow,
   HighlightMatch,
@@ -4306,6 +4975,7 @@ function ToolbarSpacer({ className, ...props }) {
   MenuItem,
   MenuTrigger,
   MetricCard,
+  MetricGrid,
   OtpInput,
   PageHeader,
   PageHeaderActions,
@@ -4317,12 +4987,18 @@ function ToolbarSpacer({ className, ...props }) {
   PopoverContent,
   PopoverTrigger,
   QuantityInput,
+  SectionHeader,
+  SectionHeaderActions,
+  SectionHeaderDescription,
+  SectionHeaderHeading,
+  SectionHeaderTitle,
   Select,
   SelectContent,
   SelectItem,
   SelectList,
   SelectTrigger,
   SelectValue,
+  SelectionToolbar,
   Separator,
   Sheet,
   SheetClose,
@@ -4352,10 +5028,13 @@ function ToolbarSpacer({ className, ...props }) {
   TableBody,
   TableCaption,
   TableCell,
+  TableEmpty,
   TableFooter,
   TableHead,
   TableHeader,
+  TableLoading,
   TableRow,
+  TableToolbar,
   Tabs,
   TabsContent,
   TabsList,
@@ -4383,8 +5062,16 @@ function ToolbarSpacer({ className, ...props }) {
   formSnapshot,
   getTextMatchParts,
   inputGroupAddonVariants,
+  readSearchParam,
+  readSearchParamArray,
+  readSearchParamEnum,
+  readSearchParamInt,
+  toSearchParams,
   toast,
+  updateSearchParams,
+  useAsyncAction,
   useAutosave,
+  useClipboard,
   useDebouncedValue,
   useFormDirty,
   useFormFeedback,