@doscientos/ui 0.1.23 → 0.1.26

package/dist/index.js

@@ -238,10 +238,199 @@ function AccordionContent({
   );
 }
 
-// src/ui/alert/alert.tsx
+// src/ui/alert-dialog/alert-dialog.tsx
+import * as React2 from "react";
+import {
+  Dialog as AriaDialog,
+  Heading,
+  Modal,
+  ModalOverlay,
+  Text
+} from "react-aria-components";
+
+// src/ui/button/button.tsx
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var alertVariants = cva2(
+import { useState as useState4 } from "react";
+import {
+  Button as ButtonPrimitive,
+  Link as LinkPrimitive
+} from "react-aria-components";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var centeredRipplePosition = { x: "50%", y: "50%" };
+function getRipplePosition(event) {
+  if (event.pointerType === "keyboard" || event.pointerType === "virtual") {
+    return centeredRipplePosition;
+  }
+  if (!(event.target instanceof Element) || event.x === void 0 || event.y === void 0) {
+    return centeredRipplePosition;
+  }
+  const bounds = event.target.getBoundingClientRect();
+  return {
+    x: `${event.x - bounds.left}px`,
+    y: `${event.y - bounds.top}px`
+  };
+}
+function useActionRipple(enabled) {
+  const [ripple, setRipple] = useState4(null);
+  function triggerRipple(event) {
+    if (!enabled) return;
+    const position = getRipplePosition(event);
+    setRipple((currentRipple) => ({
+      id: (currentRipple?.id ?? 0) + 1,
+      position
+    }));
+  }
+  const rippleElement = ripple ? /* @__PURE__ */ jsx2(
+    "span",
+    {
+      "aria-hidden": "true",
+      "data-slot": "button-ripple",
+      className: "pointer-events-none absolute aspect-square w-full rounded-full bg-current animate-ui-ripple motion-reduce:hidden",
+      style: { left: ripple.position.x, top: ripple.position.y },
+      onAnimationEnd: () => setRipple((currentRipple) => currentRipple?.id === ripple.id ? null : currentRipple)
+    },
+    ripple.id
+  ) : null;
+  return { ripple: rippleElement, triggerRipple };
+}
+var buttonVariants = cva2(
+  cn(
+    "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    actionRipple()
+  ),
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline after:hidden"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({ className, variant = "default", size = "default", children, disabled, isDisabled, onClick, onPress, ...props }) {
+  const { ripple, triggerRipple } = useActionRipple(variant !== "link");
+  return /* @__PURE__ */ jsx2(
+    ButtonPrimitive,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      onClick,
+      isDisabled: isDisabled ?? disabled,
+      onPress: (event) => {
+        onPress?.(event);
+        triggerRipple(event);
+      },
+      ...props,
+      children: (renderProps) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+        typeof children === "function" ? children(renderProps) : children,
+        ripple
+      ] })
+    }
+  );
+}
+function LinkButton({
+  className,
+  variant = "default",
+  size = "default",
+  children,
+  onClick,
+  onPress,
+  ...props
+}) {
+  const { ripple, triggerRipple } = useActionRipple(variant !== "link");
+  return /* @__PURE__ */ jsx2(
+    LinkPrimitive,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      onClick,
+      onPress: (event) => {
+        onPress?.(event);
+        triggerRipple(event);
+      },
+      ...props,
+      children: (renderProps) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+        typeof children === "function" ? children(renderProps) : children,
+        ripple
+      ] })
+    }
+  );
+}
+
+// src/ui/alert-dialog/alert-dialog.tsx
+import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
+var AlertDialogContext = React2.createContext(null);
+function useAlertDialogContext() {
+  const context = React2.useContext(AlertDialogContext);
+  if (!context) throw new Error("AlertDialog components must be rendered within AlertDialog.");
+  return context;
+}
+function AlertDialog({ children, open, onOpenChange }) {
+  return /* @__PURE__ */ jsx3(AlertDialogContext.Provider, { value: { open, setOpen: onOpenChange }, children });
+}
+function AlertDialogPortal({ children }) {
+  return /* @__PURE__ */ jsx3(Fragment2, { children });
+}
+function AlertDialogTrigger({ children, ...props }) {
+  const { setOpen } = useAlertDialogContext();
+  return /* @__PURE__ */ jsx3(Button, { "data-slot": "alert-dialog-trigger", onPress: () => setOpen(true), ...props, children });
+}
+function AlertDialogOverlay({ className, ...props }) {
+  const { open, setOpen } = useAlertDialogContext();
+  if (!open) return null;
+  return /* @__PURE__ */ jsx3(ModalOverlay, { "data-slot": "alert-dialog-overlay", isDismissable: true, isOpen: open, onOpenChange: setOpen, className: cn("fixed inset-0 isolate z-50 grid place-items-center bg-black/10 p-4 backdrop-blur-[1px]", className), ...props });
+}
+function AlertDialogContent({ className, size = "default", children }) {
+  const { open, setOpen } = useAlertDialogContext();
+  if (!open) return null;
+  return /* @__PURE__ */ jsx3(AlertDialogPortal, { children: /* @__PURE__ */ jsx3(ModalOverlay, { isDismissable: true, isOpen: open, onOpenChange: setOpen, className: "fixed inset-0 isolate z-50 grid place-items-center bg-black/10 p-4 backdrop-blur-[1px]", children: /* @__PURE__ */ jsx3(Modal, { className: cn("w-full max-w-[calc(100%-2rem)] outline-none", size === "sm" ? "sm:max-w-xs" : "sm:max-w-sm", className), children: /* @__PURE__ */ jsx3(AriaDialog, { role: "alertdialog", "data-slot": "alert-dialog-content", className: "grid gap-4 rounded-xl bg-background p-4 text-sm text-foreground ring-1 ring-foreground/10 outline-none", children }) }) }) });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("div", { "data-slot": "alert-dialog-footer", className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", className), ...props });
+}
+function AlertDialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(Heading, { slot: "title", "data-slot": "alert-dialog-title", className: cn("font-heading text-base font-medium", className), ...props });
+}
+function AlertDialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(Text, { slot: "description", "data-slot": "alert-dialog-description", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+function AlertDialogAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(Button, { "data-slot": "alert-dialog-action", className: cn(className), ...props });
+}
+function AlertDialogCancel({ children = "Cancelar", onClick, ...props }) {
+  const { setOpen } = useAlertDialogContext();
+  return /* @__PURE__ */ jsx3(Button, { "data-slot": "alert-dialog-cancel", variant: "outline", onClick, onPress: () => setOpen(false), ...props, children });
+}
+
+// src/ui/alert/alert.tsx
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var alertVariants = cva3(
   "group/alert relative grid w-full gap-0.5 rounded-lg border border-border px-2.5 py-2 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4",
   {
     variants: {
@@ -259,7 +448,7 @@ var alertVariants = cva2(
   }
 );
 function Alert({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "alert",
@@ -270,7 +459,7 @@ function Alert({ className, variant, ...props }) {
   );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "alert-title",
@@ -283,7 +472,7 @@ function AlertTitle({ className, ...props }) {
   );
 }
 function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       "data-slot": "alert-description",
@@ -296,17 +485,17 @@ function AlertDescription({ className, ...props }) {
   );
 }
 function AlertAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx2("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props });
+  return /* @__PURE__ */ jsx4("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props });
 }
 
 // src/ui/app-shell/app-shell.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function AppShell({
   className,
   sidebarBreakpoint = "md",
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       "data-slot": "app-shell",
@@ -317,7 +506,7 @@ function AppShell({
   );
 }
 function AppShellSidebar({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(
     "aside",
     {
       "data-slot": "app-shell-sidebar",
@@ -327,10 +516,10 @@ function AppShellSidebar({ className, ...props }) {
   );
 }
 function AppShellMain({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("main", { "data-slot": "app-shell-main", className: cn("bg-background", className), ...props });
+  return /* @__PURE__ */ jsx5("main", { "data-slot": "app-shell-main", className: cn("bg-background", className), ...props });
 }
 function AppShellHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(
     "header",
     {
       "data-slot": "app-shell-header",
@@ -343,7 +532,7 @@ function AppShellMobileHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(
     "header",
     {
       "data-slot": "app-shell-mobile-header",
@@ -359,7 +548,7 @@ function AppShellContent({
   scrollable = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       "data-slot": "app-shell-content",
@@ -373,23 +562,23 @@ function AppShellContent({
 }
 
 // src/ui/avatar/avatar.tsx
-import { createContext, useContext, useEffect as useEffect3, useState as useState4 } from "react";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect3, useState as useState5 } from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
 var sizes = { xs: "size-5 text-[10px]", sm: "size-6 text-xs", default: "size-8 text-sm", lg: "size-10 text-base" };
-var AvatarContext = createContext(null);
+var AvatarContext = createContext2(null);
 function Avatar({ className, size = "default", children, ...props }) {
-  const [status, setStatus] = useState4("idle");
-  return /* @__PURE__ */ jsx4(AvatarContext.Provider, { value: { status, setStatus }, children: /* @__PURE__ */ jsx4("div", { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex shrink-0 overflow-hidden rounded-full bg-muted text-muted-foreground", sizes[size], className), ...props, children }) });
+  const [status, setStatus] = useState5("idle");
+  return /* @__PURE__ */ jsx6(AvatarContext.Provider, { value: { status, setStatus }, children: /* @__PURE__ */ jsx6("div", { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex shrink-0 overflow-hidden rounded-full bg-muted text-muted-foreground", sizes[size], className), ...props, children }) });
 }
 function AvatarImage({ className, src, onError, onLoad, ...props }) {
-  const avatar = useContext(AvatarContext);
-  const [failed, setFailed] = useState4(false);
+  const avatar = useContext2(AvatarContext);
+  const [failed, setFailed] = useState5(false);
   useEffect3(() => {
     setFailed(false);
     avatar?.setStatus(src ? "loading" : "idle");
   }, [avatar?.setStatus, src]);
   if (failed || avatar?.status === "error") return null;
-  return /* @__PURE__ */ jsx4("img", { "data-slot": "avatar-image", src, className: cn("aspect-square size-full object-cover", className), onLoad: (event) => {
+  return /* @__PURE__ */ jsx6("img", { "data-slot": "avatar-image", src, className: cn("aspect-square size-full object-cover", className), onLoad: (event) => {
     avatar?.setStatus("loaded");
     onLoad?.(event);
   }, onError: (event) => {
@@ -399,25 +588,25 @@ function AvatarImage({ className, src, onError, onLoad, ...props }) {
   }, ...props });
 }
 function AvatarFallback({ className, ...props }) {
-  const avatar = useContext(AvatarContext);
+  const avatar = useContext2(AvatarContext);
   if (avatar?.status === "loaded") return null;
-  return /* @__PURE__ */ jsx4("span", { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center font-medium", className), ...props });
+  return /* @__PURE__ */ jsx6("span", { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center font-medium", className), ...props });
 }
 function AvatarBadge({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 size-2.5 rounded-full bg-success ring-2 ring-background", className), ...props });
+  return /* @__PURE__ */ jsx6("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 size-2.5 rounded-full bg-success ring-2 ring-background", className), ...props });
 }
 function AvatarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("div", { "data-slot": "avatar-group", className: cn("flex -space-x-2 [&>[data-slot=avatar]]:ring-2 [&>[data-slot=avatar]]:ring-background", className), ...props });
+  return /* @__PURE__ */ jsx6("div", { "data-slot": "avatar-group", className: cn("flex -space-x-2 [&>[data-slot=avatar]]:ring-2 [&>[data-slot=avatar]]:ring-background", className), ...props });
 }
 function AvatarGroupCount({ className, ...props }) {
-  return /* @__PURE__ */ jsx4("span", { "data-slot": "avatar-group-count", className: cn("flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground ring-2 ring-background", className), ...props });
+  return /* @__PURE__ */ jsx6("span", { "data-slot": "avatar-group-count", className: cn("flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground ring-2 ring-background", className), ...props });
 }
 
 // src/ui/badge/badge.tsx
-import { cva as cva3 } from "class-variance-authority";
+import { cva as cva4 } from "class-variance-authority";
 import { Link } from "react-aria-components";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var badgeVariants = cva3(
+import { jsx as jsx7 } from "react/jsx-runtime";
+var badgeVariants = cva4(
   "inline-flex w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 [&>svg]:pointer-events-none [&>svg]:size-3",
   {
     variants: {
@@ -439,7 +628,7 @@ var badgeVariants = cva3(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx7(
     "span",
     {
       "data-slot": "badge",
@@ -450,7 +639,7 @@ function Badge({ className, variant, ...props }) {
   );
 }
 function BadgeLink({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx7(
     Link,
     {
       "data-slot": "badge",
@@ -463,31 +652,31 @@ function BadgeLink({ className, variant, ...props }) {
 
 // src/ui/breadcrumb/breadcrumb.tsx
 import { Breadcrumb as AriaBreadcrumb, Breadcrumbs as AriaBreadcrumbs, Link as AriaLink } from "react-aria-components";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 function Breadcrumbs({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(AriaBreadcrumbs, { "data-slot": "breadcrumbs", className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx8(AriaBreadcrumbs, { "data-slot": "breadcrumbs", className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className), ...props });
 }
 function Breadcrumb({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(AriaBreadcrumb, { "data-slot": "breadcrumb", className: cn("inline-flex items-center gap-1.5", className), ...props });
+  return /* @__PURE__ */ jsx8(AriaBreadcrumb, { "data-slot": "breadcrumb", className: cn("inline-flex items-center gap-1.5", className), ...props });
 }
 function BreadcrumbLink({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(AriaLink, { "data-slot": "breadcrumb-link", className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx8(AriaLink, { "data-slot": "breadcrumb-link", className: cn("transition-colors hover:text-foreground", className), ...props });
 }
 function BreadcrumbPage({ className, ...props }) {
-  return /* @__PURE__ */ jsx6("span", { "data-slot": "breadcrumb-page", "aria-current": "page", className: cn("font-medium text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx8("span", { "data-slot": "breadcrumb-page", "aria-current": "page", className: cn("font-medium text-foreground", className), ...props });
 }
 function BreadcrumbSeparator({ children = "/", className, ...props }) {
-  return /* @__PURE__ */ jsx6("span", { "data-slot": "breadcrumb-separator", "aria-hidden": "true", className: cn("text-muted-foreground/60", className), ...props, children });
+  return /* @__PURE__ */ jsx8("span", { "data-slot": "breadcrumb-separator", "aria-hidden": "true", className: cn("text-muted-foreground/60", className), ...props, children });
 }
 
 // src/ui/button-group/button-group.tsx
-import { cva as cva4 } from "class-variance-authority";
+import { cva as cva5 } from "class-variance-authority";
 
 // src/ui/separator/separator.tsx
 import { Separator as SeparatorPrimitive } from "react-aria-components";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Separator({ className, orientation = "horizontal", ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx9(
     SeparatorPrimitive,
     {
       "data-slot": "separator",
@@ -502,8 +691,8 @@ function Separator({ className, orientation = "horizontal", ...props }) {
 }
 
 // src/ui/button-group/button-group.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-var buttonGroupVariants = cva4(
+import { jsx as jsx10 } from "react/jsx-runtime";
+var buttonGroupVariants = cva5(
   "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
     variants: {
@@ -524,7 +713,7 @@ function ButtonGroup({
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: fieldset would impose form semantics on a generic action group.
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx10(
       "div",
       {
         role: "group",
@@ -552,7 +741,7 @@ function ButtonGroupText({
     };
     return render(renderProps);
   }
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     "div",
     {
       "data-slot": "button-group-text",
@@ -569,7 +758,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(
     Separator,
     {
       "data-slot": "button-group-separator",
@@ -583,117 +772,10 @@ function ButtonGroupSeparator({
   );
 }
 
-// src/ui/button/button.tsx
-import { cva as cva5 } from "class-variance-authority";
-import { useState as useState5 } from "react";
-import {
-  Button as ButtonPrimitive,
-  Link as LinkPrimitive
-} from "react-aria-components";
-import { Fragment, jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
-function useActionRipple(enabled) {
-  const [rippleId, setRippleId] = useState5(0);
-  function triggerRipple() {
-    if (enabled) setRippleId((currentId) => currentId + 1);
-  }
-  const ripple = rippleId ? /* @__PURE__ */ jsx9(
-    "span",
-    {
-      "aria-hidden": "true",
-      "data-slot": "button-ripple",
-      className: "pointer-events-none absolute top-1/2 left-1/2 aspect-square w-full rounded-full bg-current animate-ui-ripple motion-reduce:hidden",
-      onAnimationEnd: () => setRippleId(0)
-    },
-    rippleId
-  ) : null;
-  return { ripple, triggerRipple };
-}
-var buttonVariants = cva5(
-  cn(
-    "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-    actionRipple()
-  ),
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80",
-        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-        link: "text-primary underline-offset-4 hover:underline after:hidden"
-      },
-      size: {
-        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        icon: "size-8",
-        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-        "icon-lg": "size-9"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({ className, variant = "default", size = "default", onClick, children, ...props }) {
-  const { ripple, triggerRipple } = useActionRipple(variant !== "link");
-  return /* @__PURE__ */ jsx9(
-    ButtonPrimitive,
-    {
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
-      onClick: (event) => {
-        onClick?.(event);
-        triggerRipple();
-      },
-      ...props,
-      children: (renderProps) => /* @__PURE__ */ jsxs2(Fragment, { children: [
-        typeof children === "function" ? children(renderProps) : children,
-        ripple
-      ] })
-    }
-  );
-}
-function LinkButton({
-  className,
-  variant = "default",
-  size = "default",
-  onClick,
-  children,
-  ...props
-}) {
-  const { ripple, triggerRipple } = useActionRipple(variant !== "link");
-  return /* @__PURE__ */ jsx9(
-    LinkPrimitive,
-    {
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      className: cn(buttonVariants({ variant, size, className })),
-      onClick: (event) => {
-        onClick?.(event);
-        triggerRipple();
-      },
-      ...props,
-      children: (renderProps) => /* @__PURE__ */ jsxs2(Fragment, { children: [
-        typeof children === "function" ? children(renderProps) : children,
-        ripple
-      ] })
-    }
-  );
-}
-
 // src/ui/card/card.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Card({ className, size = "default", ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "card",
@@ -707,7 +789,7 @@ function Card({ className, size = "default", ...props }) {
   );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "card-header",
@@ -720,7 +802,7 @@ function CardHeader({ className, ...props }) {
   );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "card-title",
@@ -733,7 +815,7 @@ function CardTitle({ className, ...props }) {
   );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "card-description",
@@ -743,7 +825,7 @@ function CardDescription({ className, ...props }) {
   );
 }
 function CardAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "card-action",
@@ -753,10 +835,10 @@ function CardAction({ className, ...props }) {
   );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
+  return /* @__PURE__ */ jsx11("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "card-footer",
@@ -774,9 +856,9 @@ import { Check } from "lucide-react";
 import {
   Checkbox as AriaCheckbox
 } from "react-aria-components";
-import { Fragment as Fragment2, jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
 function Checkbox({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     AriaCheckbox,
     {
       "data-slot": "checkbox",
@@ -785,13 +867,13 @@ function Checkbox({ className, children, ...props }) {
         className
       ),
       ...props,
-      children: (state) => /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        /* @__PURE__ */ jsx11(
+      children: (state) => /* @__PURE__ */ jsxs3(Fragment3, { children: [
+        /* @__PURE__ */ jsx12(
           "span",
           {
             "aria-hidden": "true",
             className: "grid size-4 place-items-center rounded border border-border bg-background text-primary-foreground transition-colors group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50",
-            children: /* @__PURE__ */ jsx11(Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" })
+            children: /* @__PURE__ */ jsx12(Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" })
           }
         ),
         typeof children === "function" ? children(state) : children
@@ -800,28 +882,96 @@ function Checkbox({ className, children, ...props }) {
   );
 }
 
+// src/ui/collapsible/collapsible.tsx
+import * as React3 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var CollapsibleContext = React3.createContext(null);
+function useCollapsibleContext() {
+  const context = React3.useContext(CollapsibleContext);
+  if (!context) throw new Error("Collapsible components must be rendered within Collapsible.");
+  return context;
+}
+function Collapsible({
+  children,
+  defaultOpen = false,
+  onOpenChange,
+  open: controlledOpen,
+  ...props
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React3.useState(defaultOpen);
+  const contentId = React3.useId();
+  const open = controlledOpen ?? uncontrolledOpen;
+  const setOpen = React3.useCallback(
+    (nextOpen) => {
+      if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
+      onOpenChange?.(nextOpen);
+    },
+    [controlledOpen, onOpenChange]
+  );
+  return /* @__PURE__ */ jsx13(CollapsibleContext.Provider, { value: { contentId, open, setOpen }, children: /* @__PURE__ */ jsx13("div", { "data-slot": "collapsible", "data-state": open ? "open" : "closed", ...props, children }) });
+}
+function CollapsibleTrigger({ asChild = false, children, onClick, ...props }) {
+  const { contentId, open, setOpen } = useCollapsibleContext();
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (!event.defaultPrevented) setOpen(!open);
+  };
+  if (asChild && React3.isValidElement(children)) {
+    const child = children;
+    return React3.cloneElement(child, {
+      ...props,
+      "aria-controls": contentId,
+      "aria-expanded": open,
+      "data-slot": "collapsible-trigger",
+      "data-state": open ? "open" : "closed",
+      onClick: (event) => {
+        child.props.onClick?.(event);
+        handleClick(event);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx13(
+    "button",
+    {
+      type: "button",
+      "data-slot": "collapsible-trigger",
+      "data-state": open ? "open" : "closed",
+      "aria-controls": contentId,
+      "aria-expanded": open,
+      onClick: handleClick,
+      ...props,
+      children
+    }
+  );
+}
+function CollapsibleContent({ children, ...props }) {
+  const { contentId, open } = useCollapsibleContext();
+  if (!open) return null;
+  return /* @__PURE__ */ jsx13("div", { id: contentId, "data-slot": "collapsible-content", "data-state": "open", ...props, children });
+}
+
 // src/ui/combobox/combobox.tsx
-import { Fragment as Fragment3, useMemo, useState as useState6 } from "react";
-import { ComboBox as AriaComboBox, ComboBoxValue, FieldError, Input, Label, ListBox, ListBoxItem, Popover, Text } from "react-aria-components";
-import { jsx as jsx12, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment4, useMemo, useState as useState7 } from "react";
+import { ComboBox as AriaComboBox, ComboBoxValue, FieldError, Input, Label, ListBox, ListBoxItem, Popover, Text as Text2 } from "react-aria-components";
+import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
 var Combobox = AriaComboBox;
 function ComboboxInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(Input, { "data-slot": "combobox-input", className: cn("h-9 w-full rounded-lg border border-border bg-background px-2.5 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
+  return /* @__PURE__ */ jsx14(Input, { "data-slot": "combobox-input", className: cn("h-9 w-full rounded-lg border border-border bg-background px-2.5 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
 }
 function ComboboxContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(Popover, { "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", className), ...props });
+  return /* @__PURE__ */ jsx14(Popover, { "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", className), ...props });
 }
 function ComboboxList({ className, emptyState, ...props }) {
-  return /* @__PURE__ */ jsx12(ListBox, { "data-slot": "combobox-list", className: cn("max-h-64 overflow-y-auto", className), renderEmptyState: emptyState ? () => emptyState : void 0, ...props });
+  return /* @__PURE__ */ jsx14(ListBox, { "data-slot": "combobox-list", className: cn("max-h-64 overflow-y-auto", className), renderEmptyState: emptyState ? () => emptyState : void 0, ...props });
 }
 function ComboboxItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx12(ListBoxItem, { "data-slot": "combobox-item", className: cn("flex w-full cursor-default items-center justify-between rounded-md px-2 py-2 text-sm outline-none transition-colors data-focused:bg-muted data-focused:text-foreground data-hovered:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+  return /* @__PURE__ */ jsx14(ListBoxItem, { "data-slot": "combobox-item", className: cn("flex w-full cursor-default items-center justify-between rounded-md px-2 py-2 text-sm outline-none transition-colors data-focused:bg-muted data-focused:text-foreground data-hovered:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
 }
 function HighlightMatch({ text, query, className }) {
-  return /* @__PURE__ */ jsx12("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ jsx12("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ jsx12(Fragment3, { children: part.text }, `${part.text}-${index}`)) });
+  return /* @__PURE__ */ jsx14("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ jsx14("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ jsx14(Fragment4, { children: part.text }, `${part.text}-${index}`)) });
 }
-function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState = /* @__PURE__ */ jsx12("p", { className: "px-3 py-7 text-center text-sm text-muted-foreground", children: "No hay resultados." }), suggestion = true, placeholder, className, onKeyDown: _onKeyDown, ...props }) {
-  const [internalInputValue, setInternalInputValue] = useState6("");
+function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState = /* @__PURE__ */ jsx14("p", { className: "px-3 py-7 text-center text-sm text-muted-foreground", children: "No hay resultados." }), suggestion = true, placeholder, className, onKeyDown: _onKeyDown, ...props }) {
+  const [internalInputValue, setInternalInputValue] = useState7("");
   const inputValue = controlledInputValue ?? internalInputValue;
   const setInputValue = (value) => {
     setInternalInputValue(value);
@@ -845,49 +995,49 @@ function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inp
     if (item) setInputValue(getItemLabel(item));
     onSelectionChange?.(key, item);
   }, children: [
-    label && /* @__PURE__ */ jsx12(Label, { className: "text-sm font-medium text-foreground", children: label }),
+    label && /* @__PURE__ */ jsx14(Label, { className: "text-sm font-medium text-foreground", children: label }),
     /* @__PURE__ */ jsxs4("div", { className: "relative", children: [
       suggestionLabel && /* @__PURE__ */ jsxs4("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-2.5 z-0 flex items-center whitespace-pre text-sm text-muted-foreground/60", children: [
-        /* @__PURE__ */ jsx12("span", { className: "text-transparent", children: inputValue }),
+        /* @__PURE__ */ jsx14("span", { className: "text-transparent", children: inputValue }),
         suggestionLabel.slice(inputValue.length)
       ] }),
-      /* @__PURE__ */ jsx12(ComboboxInput, { "aria-autocomplete": suggestionLabel ? "both" : "list", placeholder, onKeyDown: handleKeyDown, className: "relative z-10 bg-transparent" })
+      /* @__PURE__ */ jsx14(ComboboxInput, { "aria-autocomplete": suggestionLabel ? "both" : "list", placeholder, onKeyDown: handleKeyDown, className: "relative z-10 bg-transparent" })
     ] }),
-    description && /* @__PURE__ */ jsx12(Text, { slot: "description", className: "text-xs text-muted-foreground", children: description }),
-    errorMessage && /* @__PURE__ */ jsx12(FieldError, { className: "text-xs text-destructive", children: errorMessage }),
-    /* @__PURE__ */ jsx12(ComboboxContent, { children: /* @__PURE__ */ jsx12(ComboboxList, { emptyState, children: (item) => /* @__PURE__ */ jsx12(ComboboxItem, { id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item, inputValue) : /* @__PURE__ */ jsx12(HighlightMatch, { text: getItemLabel(item), query: inputValue }) }) }) })
+    description && /* @__PURE__ */ jsx14(Text2, { slot: "description", className: "text-xs text-muted-foreground", children: description }),
+    errorMessage && /* @__PURE__ */ jsx14(FieldError, { className: "text-xs text-destructive", children: errorMessage }),
+    /* @__PURE__ */ jsx14(ComboboxContent, { children: /* @__PURE__ */ jsx14(ComboboxList, { emptyState, children: (item) => /* @__PURE__ */ jsx14(ComboboxItem, { id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item, inputValue) : /* @__PURE__ */ jsx14(HighlightMatch, { text: getItemLabel(item), query: inputValue }) }) }) })
   ] });
 }
 
 // src/ui/command/command.tsx
 import { ComboBox as AriaComboBox2, Input as AriaInput, ListBox as ListBox2, ListBoxItem as ListBoxItem2, Popover as Popover2 } from "react-aria-components";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 function Command({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(AriaComboBox2, { "data-slot": "command", className: cn("w-full", className), ...props });
+  return /* @__PURE__ */ jsx15(AriaComboBox2, { "data-slot": "command", className: cn("w-full", className), ...props });
 }
 function CommandInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(AriaInput, { "data-slot": "command-input", className: cn("h-9 w-full border-0 bg-transparent px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx15(AriaInput, { "data-slot": "command-input", className: cn("h-9 w-full border-0 bg-transparent px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground", className), ...props });
 }
 function CommandContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(Popover2, { "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", className), ...props });
+  return /* @__PURE__ */ jsx15(Popover2, { "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", className), ...props });
 }
 function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(ListBox2, { "data-slot": "command-list", className: cn("max-h-72 overflow-y-auto", className), ...props });
+  return /* @__PURE__ */ jsx15(ListBox2, { "data-slot": "command-list", className: cn("max-h-72 overflow-y-auto", className), ...props });
 }
 function CommandItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(ListBoxItem2, { "data-slot": "command-item", className: cn("flex cursor-default items-center rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props });
+  return /* @__PURE__ */ jsx15(ListBoxItem2, { "data-slot": "command-item", className: cn("flex cursor-default items-center rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props });
 }
 
 // src/ui/modal-dialog/modal-dialog.tsx
 import { X } from "lucide-react";
 import {
-  Dialog as AriaDialog,
-  Heading,
-  Modal,
-  ModalOverlay,
-  Text as Text2
+  Dialog as AriaDialog2,
+  Heading as Heading2,
+  Modal as Modal2,
+  ModalOverlay as ModalOverlay2,
+  Text as Text3
 } from "react-aria-components";
-import { Fragment as Fragment4, jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs5 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "w-[min(calc(100dvw-2rem),24rem)]",
   md: "w-[min(calc(100dvw-2rem),28rem)]",
@@ -907,35 +1057,35 @@ function ModalDialog({
   ...props
 }) {
   const layoutClass = children ? footer ? "grid-rows-[auto_minmax(0,1fr)_auto]" : "grid-rows-[auto_minmax(0,1fr)]" : "grid-rows-[auto_auto]";
-  return /* @__PURE__ */ jsx14(
-    ModalOverlay,
+  return /* @__PURE__ */ jsx16(
+    ModalOverlay2,
     {
       isOpen: open,
       onOpenChange,
       className: "fixed inset-0 z-50 grid place-items-center bg-black/20 p-4 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out",
       ...props,
-      children: /* @__PURE__ */ jsx14(
-        Modal,
+      children: /* @__PURE__ */ jsx16(
+        Modal2,
         {
           className: cn(
             "max-h-[calc(100dvh-2rem)] outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
             sizeClasses[size],
             className
           ),
-          children: /* @__PURE__ */ jsx14(
-            AriaDialog,
+          children: /* @__PURE__ */ jsx16(
+            AriaDialog2,
             {
               className: cn(
                 "grid max-h-[calc(100dvh-2rem)] overflow-hidden rounded-xl bg-background text-foreground shadow-xl outline-none",
                 layoutClass
               ),
-              children: ({ close }) => /* @__PURE__ */ jsxs5(Fragment4, { children: [
+              children: ({ close }) => /* @__PURE__ */ jsxs5(Fragment5, { children: [
                 /* @__PURE__ */ jsxs5("header", { "data-slot": "modal-dialog-header", className: "flex items-start gap-3 border-b border-border px-5 py-4", children: [
                   /* @__PURE__ */ jsxs5("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx14(Heading, { slot: "title", className: "font-heading text-base leading-none font-medium", children: title }),
-                    description ? /* @__PURE__ */ jsx14(Text2, { slot: "description", className: "mt-2 text-sm text-muted-foreground", children: description }) : null
+                    /* @__PURE__ */ jsx16(Heading2, { slot: "title", className: "font-heading text-base leading-none font-medium", children: title }),
+                    description ? /* @__PURE__ */ jsx16(Text3, { slot: "description", className: "mt-2 text-sm text-muted-foreground", children: description }) : null
                   ] }),
-                  showCloseButton ? /* @__PURE__ */ jsx14(
+                  showCloseButton ? /* @__PURE__ */ jsx16(
                     Button,
                     {
                       "aria-label": "Cerrar di\xE1logo",
@@ -943,12 +1093,12 @@ function ModalDialog({
                       size: "icon",
                       className: "-mr-2 -mt-1",
                       onPress: close,
-                      children: /* @__PURE__ */ jsx14(X, { "aria-hidden": "true", className: "size-4" })
+                      children: /* @__PURE__ */ jsx16(X, { "aria-hidden": "true", className: "size-4" })
                     }
                   ) : null
                 ] }),
-                children ? /* @__PURE__ */ jsx14("div", { "data-slot": "modal-dialog-body", className: "min-h-0 overflow-y-auto px-5 py-4", children }) : null,
-                footer ? /* @__PURE__ */ jsx14(
+                children ? /* @__PURE__ */ jsx16("div", { "data-slot": "modal-dialog-body", className: "min-h-0 overflow-y-auto px-5 py-4", children }) : null,
+                footer ? /* @__PURE__ */ jsx16(
                   "footer",
                   {
                     "data-slot": "modal-dialog-footer",
@@ -969,7 +1119,7 @@ function ModalDialog({
 }
 
 // src/ui/confirm-dialog/confirm-dialog.tsx
-import { Fragment as Fragment5, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   onOpenChange,
@@ -981,7 +1131,7 @@ function ConfirmDialog({
   pending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx17(
     ModalDialog,
     {
       open,
@@ -989,9 +1139,9 @@ function ConfirmDialog({
       title,
       description,
       showCloseButton: false,
-      footer: /* @__PURE__ */ jsxs6(Fragment5, { children: [
-        /* @__PURE__ */ jsx15(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-        /* @__PURE__ */ jsx15(Button, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+      footer: /* @__PURE__ */ jsxs6(Fragment6, { children: [
+        /* @__PURE__ */ jsx17(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+        /* @__PURE__ */ jsx17(Button, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
       ] })
     }
   );
@@ -1003,9 +1153,9 @@ import {
   Button as DisclosureButton,
   Disclosure,
   DisclosurePanel,
-  Heading as Heading2
+  Heading as Heading3
 } from "react-aria-components";
-import { jsx as jsx16, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs7 } from "react/jsx-runtime";
 function DangerZone({
   title = "Zona de peligro",
   description = "Acciones irreversibles. \xC1brela solo si est\xE1s seguro.",
@@ -1013,55 +1163,55 @@ function DangerZone({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx16(Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ jsxs7(Card, { className: cn("border-destructive/30", className), children: [
-    /* @__PURE__ */ jsx16(Heading2, { className: "flex", children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx18(Disclosure, { defaultExpanded: defaultOpen, children: /* @__PURE__ */ jsxs7(Card, { className: cn("border-destructive/30", className), children: [
+    /* @__PURE__ */ jsx18(Heading3, { className: "flex", children: /* @__PURE__ */ jsxs7(
       DisclosureButton,
       {
         slot: "trigger",
         "data-slot": "danger-zone-trigger",
         className: "group/danger flex w-full items-center gap-3 px-4 text-left outline-none focus-visible:ring-3 focus-visible:ring-ring/50",
         children: [
-          /* @__PURE__ */ jsx16(ShieldAlert, { className: "size-4 shrink-0 text-destructive" }),
+          /* @__PURE__ */ jsx18(ShieldAlert, { className: "size-4 shrink-0 text-destructive" }),
           /* @__PURE__ */ jsxs7("span", { className: "flex flex-1 flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsx16("span", { className: "font-heading text-base leading-snug font-medium text-destructive", children: title }),
-            /* @__PURE__ */ jsx16("span", { className: "text-xs text-muted-foreground", children: description })
+            /* @__PURE__ */ jsx18("span", { className: "font-heading text-base leading-snug font-medium text-destructive", children: title }),
+            /* @__PURE__ */ jsx18("span", { className: "text-xs text-muted-foreground", children: description })
           ] }),
-          /* @__PURE__ */ jsx16(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-aria-expanded/danger:rotate-180" })
+          /* @__PURE__ */ jsx18(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-aria-expanded/danger:rotate-180" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx16(DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ jsx16(CardContent, { children }) })
+    /* @__PURE__ */ jsx18(DisclosurePanel, { "data-slot": "danger-zone-content", children: /* @__PURE__ */ jsx18(CardContent, { children }) })
   ] }) });
 }
 
 // src/ui/dialog/dialog.tsx
 import { XIcon } from "lucide-react";
-import * as React2 from "react";
+import * as React4 from "react";
 import {
-  Dialog as AriaDialog2,
-  Heading as Heading3,
-  Modal as Modal2,
-  ModalOverlay as ModalOverlay2,
-  Text as Text3
+  Dialog as AriaDialog3,
+  Heading as Heading4,
+  Modal as Modal3,
+  ModalOverlay as ModalOverlay3,
+  Text as Text4
 } from "react-aria-components";
-import { Fragment as Fragment6, jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
-var DialogContext = React2.createContext(null);
+import { Fragment as Fragment7, jsx as jsx19, jsxs as jsxs8 } from "react/jsx-runtime";
+var DialogContext = React4.createContext(null);
 function useDialogContext() {
-  const context = React2.useContext(DialogContext);
+  const context = React4.useContext(DialogContext);
   if (!context) throw new Error("Dialog components must be rendered within Dialog.");
   return context;
 }
 function Dialog({ children, defaultOpen = false, onOpenChange, open: controlledOpen }) {
-  const [uncontrolledOpen, setUncontrolledOpen] = React2.useState(defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = React4.useState(defaultOpen);
   const open = controlledOpen ?? uncontrolledOpen;
-  const setOpen = React2.useCallback(
+  const setOpen = React4.useCallback(
     (nextOpen) => {
       if (controlledOpen === void 0) setUncontrolledOpen(nextOpen);
       onOpenChange?.(nextOpen);
     },
     [controlledOpen, onOpenChange]
   );
-  return /* @__PURE__ */ jsx17(DialogContext.Provider, { value: { open, setOpen }, children });
+  return /* @__PURE__ */ jsx19(DialogContext.Provider, { value: { open, setOpen }, children });
 }
 function DialogTrigger({ asChild = false, children, onClick, ...props }) {
   const { setOpen } = useDialogContext();
@@ -1069,9 +1219,9 @@ function DialogTrigger({ asChild = false, children, onClick, ...props }) {
     onClick?.(event);
     if (!event.defaultPrevented) setOpen(true);
   };
-  if (asChild && React2.isValidElement(children)) {
+  if (asChild && React4.isValidElement(children)) {
     const child = children;
-    return React2.cloneElement(child, {
+    return React4.cloneElement(child, {
       ...props,
       "data-slot": "dialog-trigger",
       onClick: (event) => {
@@ -1080,16 +1230,16 @@ function DialogTrigger({ asChild = false, children, onClick, ...props }) {
       }
     });
   }
-  return /* @__PURE__ */ jsx17(Button, { "data-slot": "dialog-trigger", onPress: () => setOpen(true), ...props, children });
+  return /* @__PURE__ */ jsx19(Button, { "data-slot": "dialog-trigger", onPress: () => setOpen(true), ...props, children });
 }
 function DialogPortal({ children }) {
-  return /* @__PURE__ */ jsx17(Fragment6, { children });
+  return /* @__PURE__ */ jsx19(Fragment7, { children });
 }
 function DialogOverlay({ children, className, ...props }) {
   const { open, setOpen } = useDialogContext();
   if (!open) return null;
-  return /* @__PURE__ */ jsx17(
-    ModalOverlay2,
+  return /* @__PURE__ */ jsx19(
+    ModalOverlay3,
     {
       "data-slot": "dialog-overlay",
       isDismissable: true,
@@ -1112,21 +1262,21 @@ function DialogContent({
   ...props
 }) {
   const { setOpen } = useDialogContext();
-  return /* @__PURE__ */ jsx17(DialogPortal, { children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx19(DialogPortal, { children: /* @__PURE__ */ jsx19(
     DialogOverlay,
     {
       onClick: (event) => {
         if (event.target === event.currentTarget) onOverlayClick?.(event);
       },
-      children: /* @__PURE__ */ jsx17(
-        Modal2,
+      children: /* @__PURE__ */ jsx19(
+        Modal3,
         {
           className: cn(
             "w-full max-w-[calc(100%-2rem)] max-h-[calc(100dvh-2rem)] outline-none sm:max-w-sm",
             className
           ),
           children: /* @__PURE__ */ jsxs8(
-            AriaDialog2,
+            AriaDialog3,
             {
               "data-slot": "dialog-content",
               className: cn(
@@ -1136,7 +1286,7 @@ function DialogContent({
               ...props,
               children: [
                 children,
-                showCloseButton ? /* @__PURE__ */ jsx17(
+                showCloseButton ? /* @__PURE__ */ jsx19(
                   Button,
                   {
                     "aria-label": "Cerrar di\xE1logo",
@@ -1145,7 +1295,7 @@ function DialogContent({
                     className: "absolute top-2 right-2",
                     size: "icon-sm",
                     onPress: () => setOpen(false),
-                    children: /* @__PURE__ */ jsx17(XIcon, {})
+                    children: /* @__PURE__ */ jsx19(XIcon, {})
                   }
                 ) : null
               ]
@@ -1158,9 +1308,9 @@ function DialogContent({
 }
 function DialogClose({ asChild = false, children, onClick, ...props }) {
   const { setOpen } = useDialogContext();
-  if (asChild && React2.isValidElement(children)) {
+  if (asChild && React4.isValidElement(children)) {
     const child = children;
-    return React2.cloneElement(child, {
+    return React4.cloneElement(child, {
       ...props,
       "data-slot": "dialog-close",
       onClick: (event) => {
@@ -1169,31 +1319,31 @@ function DialogClose({ asChild = false, children, onClick, ...props }) {
       }
     });
   }
-  return /* @__PURE__ */ jsx17(Button, { "data-slot": "dialog-close", onPress: () => setOpen(false), ...props, children });
+  return /* @__PURE__ */ jsx19(Button, { "data-slot": "dialog-close", onPress: () => setOpen(false), ...props, children });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx17("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+  return /* @__PURE__ */ jsx19("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
 }
 function DialogFooter({ className, showCloseButton = false, children, ...props }) {
   return /* @__PURE__ */ jsxs8("div", { "data-slot": "dialog-footer", className: cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:flex-wrap sm:justify-end", className), ...props, children: [
     children,
-    showCloseButton ? /* @__PURE__ */ jsx17(DialogClose, { variant: "outline", children: "Cerrar" }) : null
+    showCloseButton ? /* @__PURE__ */ jsx19(DialogClose, { variant: "outline", children: "Cerrar" }) : null
   ] });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(Heading3, { slot: "title", "data-slot": "dialog-title", className: cn("font-heading text-base leading-none font-medium", className), ...props });
+  return /* @__PURE__ */ jsx19(Heading4, { slot: "title", "data-slot": "dialog-title", className: cn("font-heading text-base leading-none font-medium", className), ...props });
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(Text3, { slot: "description", "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx19(Text4, { slot: "description", "data-slot": "dialog-description", className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className), ...props });
 }
 
 // src/ui/doc-preview/doc-preview.tsx
 import { FileText, Image } from "lucide-react";
-import { jsx as jsx18, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
 function DocPreview({ url, mimeType, name }) {
-  if (!url) return /* @__PURE__ */ jsx18(Fallback, { mimeType, reason: "no-url" });
+  if (!url) return /* @__PURE__ */ jsx20(Fallback, { mimeType, reason: "no-url" });
   if (mimeType === "application/pdf" || mimeType === "text/plain" || mimeType === "text/csv") {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx20(
       "iframe",
       {
         src: url,
@@ -1204,39 +1354,39 @@ function DocPreview({ url, mimeType, name }) {
     );
   }
   if (mimeType?.startsWith("image/")) {
-    return /* @__PURE__ */ jsx18("div", { className: "flex justify-center rounded-sm bg-muted/30 p-6", children: /* @__PURE__ */ jsx18("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
+    return /* @__PURE__ */ jsx20("div", { className: "flex justify-center rounded-sm bg-muted/30 p-6", children: /* @__PURE__ */ jsx20("img", { src: url, alt: name, className: "max-h-[75vh] max-w-full rounded object-contain" }) });
   }
-  return /* @__PURE__ */ jsx18(Fallback, { mimeType, reason: "unsupported" });
+  return /* @__PURE__ */ jsx20(Fallback, { mimeType, reason: "unsupported" });
 }
 function Fallback({ mimeType, reason }) {
   const Icon = mimeType?.startsWith("image/") ? Image : FileText;
   const message = reason === "no-url" ? "No se pudo generar la URL de preview." : "Preview no disponible para este tipo de archivo.";
   return /* @__PURE__ */ jsxs9("div", { className: "flex flex-col items-center justify-center gap-2 py-14 text-muted-foreground", children: [
-    /* @__PURE__ */ jsx18(Icon, { className: "size-9 opacity-30" }),
-    /* @__PURE__ */ jsx18("p", { className: "text-sm", children: message }),
-    mimeType ? /* @__PURE__ */ jsx18("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
-    /* @__PURE__ */ jsx18("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
+    /* @__PURE__ */ jsx20(Icon, { className: "size-9 opacity-30" }),
+    /* @__PURE__ */ jsx20("p", { className: "text-sm", children: message }),
+    mimeType ? /* @__PURE__ */ jsx20("p", { className: "font-mono text-xs opacity-50", children: mimeType }) : null,
+    /* @__PURE__ */ jsx20("p", { className: "text-xs opacity-50", children: "Usa el bot\xF3n Descargar para abrir el archivo." })
   ] });
 }
 
 // src/ui/drawer/drawer.tsx
-import { Dialog as AriaDialog3, Modal as Modal3, ModalOverlay as ModalOverlay3 } from "react-aria-components";
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { Dialog as AriaDialog4, Heading as Heading5, Modal as Modal4, ModalOverlay as ModalOverlay4 } from "react-aria-components";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var sideStyles = { left: "inset-y-0 left-0 h-full w-[min(22rem,calc(100%-2rem))] data-entering:animate-ui-surface-in", right: "inset-y-0 right-0 h-full w-[min(22rem,calc(100%-2rem))] data-entering:animate-ui-surface-in", bottom: "inset-x-0 bottom-0 max-h-[85vh] w-full data-entering:animate-ui-surface-in" };
 function Drawer({ children, side = "right", className, ...props }) {
-  return /* @__PURE__ */ jsx19(ModalOverlay3, { isDismissable: true, className: "fixed inset-0 z-50 bg-black/20 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out", ...props, children: /* @__PURE__ */ jsx19(Modal3, { className: cn("absolute grid gap-4 overflow-y-auto rounded-xl border border-border bg-background p-5 text-foreground shadow-xl outline-none", sideStyles[side], className), children: /* @__PURE__ */ jsx19(AriaDialog3, { "data-slot": "drawer", className: "outline-none", children }) }) });
+  return /* @__PURE__ */ jsx21(ModalOverlay4, { isDismissable: true, className: "fixed inset-0 z-50 bg-black/20 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out", ...props, children: /* @__PURE__ */ jsx21(Modal4, { className: cn("absolute grid gap-4 overflow-y-auto rounded-xl border border-border bg-background p-5 text-foreground shadow-xl outline-none", sideStyles[side], className), children: /* @__PURE__ */ jsx21(AriaDialog4, { "data-slot": "drawer", className: "outline-none", children }) }) });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx19("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
+  return /* @__PURE__ */ jsx21("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx19("div", { "data-slot": "drawer-footer", className: cn("mt-auto flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end", className), ...props });
+  return /* @__PURE__ */ jsx21("div", { "data-slot": "drawer-footer", className: cn("mt-auto flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end", className), ...props });
 }
 function DrawerTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx19("h2", { "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ jsx21(Heading5, { slot: "title", "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx19("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx21("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 
 // src/ui/dropdown-menu/dropdown-menu.tsx
@@ -1254,11 +1404,11 @@ import {
   Separator as SeparatorPrimitive2,
   SubmenuTrigger as SubmenuTriggerPrimitive
 } from "react-aria-components";
-import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs10 } from "react/jsx-runtime";
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(MenuTriggerPrimitive, { "data-slot": "dropdown-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx22(MenuTriggerPrimitive, { "data-slot": "dropdown-menu-trigger", ...props });
 }
 function DropdownMenu({
   "data-slot": dataSlot = "dropdown-menu-content",
@@ -1269,7 +1419,7 @@ function DropdownMenu({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     PopoverPrimitive,
     {
       "data-slot": dataSlot,
@@ -1277,7 +1427,7 @@ function DropdownMenu({
       offset,
       crossOffset,
       className: cn("z-50 w-(--trigger-width) min-w-32 origin-(--trigger-anchor-point) overflow-x-hidden overflow-y-auto rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className),
-      children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsx22(
         MenuPrimitive,
         {
           className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
@@ -1291,14 +1441,14 @@ function DropdownMenu({
 function DropdownMenuGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(MenuSectionPrimitive, { "data-slot": "dropdown-menu-group", ...props });
+  return /* @__PURE__ */ jsx22(MenuSectionPrimitive, { "data-slot": "dropdown-menu-group", ...props });
 }
 function DropdownMenuLabel({
   className,
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     HeaderPrimitive,
     {
       "data-slot": "dropdown-menu-label",
@@ -1330,7 +1480,7 @@ function DropdownMenuItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     MenuItemPrimitive,
     {
       "data-slot": "dropdown-menu-item",
@@ -1344,13 +1494,13 @@ function DropdownMenuItem({
       ...props,
       children: composeRenderProps(
         children,
-        (children2, { isSelected, selectionMode }) => /* @__PURE__ */ jsxs10(Fragment7, { children: [
-          selectionMode !== "none" ? /* @__PURE__ */ jsx20(
+        (children2, { isSelected, selectionMode }) => /* @__PURE__ */ jsxs10(Fragment8, { children: [
+          selectionMode !== "none" ? /* @__PURE__ */ jsx22(
             "span",
             {
               className: "pointer-events-none absolute right-2 flex items-center justify-center",
               "data-slot": selectionMode === "single" ? "dropdown-menu-radio-item-indicator" : "dropdown-menu-checkbox-item-indicator",
-              children: isSelected ? /* @__PURE__ */ jsx20(CheckIcon, {}) : null
+              children: isSelected ? /* @__PURE__ */ jsx22(CheckIcon, {}) : null
             }
           ) : null,
           children2
@@ -1362,7 +1512,7 @@ function DropdownMenuItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SubmenuTriggerPrimitive, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx22(SubmenuTriggerPrimitive, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1370,7 +1520,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     MenuItemPrimitive,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -1381,9 +1531,9 @@ function DropdownMenuSubTrigger({
         className
       ),
       ...props,
-      children: composeRenderProps(children, (children2) => /* @__PURE__ */ jsxs10(Fragment7, { children: [
+      children: composeRenderProps(children, (children2) => /* @__PURE__ */ jsxs10(Fragment8, { children: [
         children2,
-        /* @__PURE__ */ jsx20(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+        /* @__PURE__ */ jsx22(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
       ] }))
     }
   );
@@ -1395,7 +1545,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     DropdownMenu,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -1411,7 +1561,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     SeparatorPrimitive2,
     {
       "data-slot": "dropdown-menu-separator",
@@ -1424,7 +1574,7 @@ function DropdownMenuShortcut({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     "span",
     {
       "data-slot": "dropdown-menu-shortcut",
@@ -1439,9 +1589,9 @@ function DropdownMenuShortcut({
 
 // src/ui/empty-state/empty-state.tsx
 import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "empty-state",
@@ -1454,7 +1604,7 @@ function EmptyState({ className, ...props }) {
   );
 }
 function EmptyStateHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "empty-state-header",
@@ -1480,7 +1630,7 @@ function EmptyStateMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "empty-state-media",
@@ -1491,7 +1641,7 @@ function EmptyStateMedia({
   );
 }
 function EmptyStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "h3",
     {
       "data-slot": "empty-state-title",
@@ -1501,7 +1651,7 @@ function EmptyStateTitle({ className, ...props }) {
   );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "p",
     {
       "data-slot": "empty-state-description",
@@ -1514,7 +1664,7 @@ function EmptyStateDescription({ className, ...props }) {
   );
 }
 function EmptyStateContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       "data-slot": "empty-state-content",
@@ -1533,22 +1683,22 @@ import { cva as cva8 } from "class-variance-authority";
 // src/ui/label/label.tsx
 import { forwardRef } from "react";
 import { Label as LabelPrimitive } from "react-aria-components";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var Label2 = forwardRef(function Label3({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(LabelPrimitive, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
+  return /* @__PURE__ */ jsx24(LabelPrimitive, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
 });
 
 // src/ui/field/field.tsx
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx23("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
+  return /* @__PURE__ */ jsx25("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
 }
 function FieldLegend({
   className,
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "legend",
     {
       "data-slot": "field-legend",
@@ -1562,7 +1712,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-slot": "field-group",
@@ -1590,7 +1740,7 @@ var fieldVariants = cva8(
 function Field({ className, orientation = "vertical", ...props }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: FieldSet provides native fieldset semantics when they are appropriate.
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx25(
       "div",
       {
         role: "group",
@@ -1603,7 +1753,7 @@ function Field({ className, orientation = "vertical", ...props }) {
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-slot": "field-content",
@@ -1613,7 +1763,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     Label2,
     {
       "data-slot": "field-label",
@@ -1626,7 +1776,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-slot": "field-title",
@@ -1636,7 +1786,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "p",
     {
       "data-slot": "field-description",
@@ -1657,8 +1807,8 @@ function FieldSeparator({ className, children, ...props }) {
       className: cn("relative -my-2 h-5 text-sm", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx23(Separator, { className: "absolute inset-0 top-1/2" }),
-        children ? /* @__PURE__ */ jsx23(
+        /* @__PURE__ */ jsx25(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ jsx25(
           "span",
           {
             "data-slot": "field-separator-content",
@@ -1672,9 +1822,9 @@ function FieldSeparator({ className, children, ...props }) {
 }
 function FieldError2({ className, children, errors, ...props }) {
   const messages = [...new Set(errors?.flatMap((error) => error?.message ?? []) ?? [])];
-  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ jsx23("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ jsx23("li", { children: message }, message)) }) : null);
+  const content = children ?? (messages.length === 1 ? messages[0] : messages.length > 1 ? /* @__PURE__ */ jsx25("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ jsx25("li", { children: message }, message)) }) : null);
   if (!content) return null;
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       role: "alert",
@@ -1687,65 +1837,65 @@ function FieldError2({ className, children, errors, ...props }) {
 }
 
 // src/ui/form-feedback/form-feedback.tsx
-import { useCallback as useCallback4, useEffect as useEffect4, useRef as useRef3, useState as useState8 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useRef as useRef3, useState as useState9 } from "react";
 import { CheckCircle, LoaderCircle, CircleAlert } from "lucide-react";
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs12 } from "react/jsx-runtime";
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
-  const [state, setState] = useState8({ status: "idle" });
+  const [state, setState] = useState9({ status: "idle" });
   const timer = useRef3(null);
-  const clearTimer = useCallback4(() => {
+  const clearTimer = useCallback5(() => {
     if (timer.current) clearTimeout(timer.current);
     timer.current = null;
   }, []);
   useEffect4(() => () => clearTimer(), [clearTimer]);
-  const setPending = useCallback4(() => {
+  const setPending = useCallback5(() => {
     clearTimer();
     setState({ status: "pending" });
   }, [clearTimer]);
-  const setSuccess = useCallback4((message) => {
+  const setSuccess = useCallback5((message) => {
     clearTimer();
     setState({ status: "success", message });
     if (resetMs > 0) timer.current = setTimeout(() => setState({ status: "idle" }), resetMs);
   }, [clearTimer, resetMs]);
-  const setError = useCallback4((message) => {
+  const setError = useCallback5((message) => {
     clearTimer();
     setState({ status: "error", message });
   }, [clearTimer]);
-  const reset = useCallback4(() => {
+  const reset = useCallback5(() => {
     clearTimer();
     setState({ status: "idle" });
   }, [clearTimer]);
   return { state, pending: state.status === "pending", setPending, setSuccess, setError, reset };
 }
 function FormFeedback({ state, className, pendingLabel = "Guardando\u2026", successLabel = "Guardado" }) {
-  if (state.status === "idle") return /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+  if (state.status === "idle") return /* @__PURE__ */ jsx26("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__ */ jsxs12("span", { role: error ? "alert" : "status", "aria-live": "polite", className: cn("inline-flex h-5 items-center gap-1.5 text-xs", error && "text-destructive", success && "text-success", state.status === "pending" && "text-muted-foreground", className), children: [
-    state.status === "pending" && /* @__PURE__ */ jsx24(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-    success && /* @__PURE__ */ jsx24(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-    error && /* @__PURE__ */ jsx24(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-    /* @__PURE__ */ jsx24("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+    state.status === "pending" && /* @__PURE__ */ jsx26(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    success && /* @__PURE__ */ jsx26(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+    error && /* @__PURE__ */ jsx26(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+    /* @__PURE__ */ jsx26("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
   ] });
 }
 
 // src/ui/form-row/form-row.tsx
-import { Fragment as Fragment8, jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx27, jsxs as jsxs13 } from "react/jsx-runtime";
 function FormRow({ label, htmlFor, required, hint, error, className, children }) {
   const hintId = hint ? `${htmlFor}-hint` : void 0;
   const errorId = error ? `${htmlFor}-error` : void 0;
   return /* @__PURE__ */ jsxs13("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
     /* @__PURE__ */ jsxs13("label", { htmlFor, className: "text-sm font-medium text-foreground", children: [
       label,
-      required && /* @__PURE__ */ jsxs13(Fragment8, { children: [
-        /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
-        /* @__PURE__ */ jsx25("span", { className: "sr-only", children: " (obligatorio)" })
+      required && /* @__PURE__ */ jsxs13(Fragment9, { children: [
+        /* @__PURE__ */ jsx27("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
+        /* @__PURE__ */ jsx27("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ jsx25("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
-    error && /* @__PURE__ */ jsx25("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
+    hint && /* @__PURE__ */ jsx27("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
+    error && /* @__PURE__ */ jsx27("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
   ] });
 }
 
@@ -1753,20 +1903,20 @@ function FormRow({ label, htmlFor, required, hint, error, className, children })
 import { Link as Link2 } from "react-aria-components";
 
 // src/ui/tooltip/tooltip.tsx
-import * as React4 from "react";
+import * as React6 from "react";
 import {
   Focusable,
   OverlayArrow,
   Tooltip as TooltipPrimitive,
   TooltipTrigger as TooltipTriggerPrimitive
 } from "react-aria-components";
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs14 } from "react/jsx-runtime";
 function TooltipTrigger({
   delay = 0,
   children,
   ...props
 }) {
-  const [trigger, tooltip] = React4.Children.toArray(children);
+  const [trigger, tooltip] = React6.Children.toArray(children);
   return /* @__PURE__ */ jsxs14(
     TooltipTriggerPrimitive,
     {
@@ -1774,7 +1924,7 @@ function TooltipTrigger({
       delay,
       ...props,
       children: [
-        /* @__PURE__ */ jsx26(Focusable, { children: trigger }),
+        /* @__PURE__ */ jsx28(Focusable, { children: trigger }),
         tooltip
       ]
     }
@@ -1802,7 +1952,7 @@ function Tooltip({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx28(
           OverlayArrow,
           {
             className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-foreground fill-foreground",
@@ -1820,7 +1970,7 @@ function Tooltip({
 }
 
 // src/ui/icon-button/icon-button.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs15 } from "react/jsx-runtime";
 function IconButton({
   label,
   children,
@@ -1834,7 +1984,7 @@ function IconButton({
     className
   );
   return /* @__PURE__ */ jsxs15(TooltipTrigger, { children: [
-    href ? /* @__PURE__ */ jsx27(
+    href ? /* @__PURE__ */ jsx29(
       Link2,
       {
         "data-slot": "icon-button",
@@ -1843,7 +1993,7 @@ function IconButton({
         className: linkClassName,
         children
       }
-    ) : /* @__PURE__ */ jsx27(
+    ) : /* @__PURE__ */ jsx29(
       Button,
       {
         "data-slot": "icon-button",
@@ -1855,7 +2005,7 @@ function IconButton({
         children
       }
     ),
-    /* @__PURE__ */ jsx27(Tooltip, { children: label })
+    /* @__PURE__ */ jsx29(Tooltip, { children: label })
   ] });
 }
 
@@ -1865,27 +2015,27 @@ import { cva as cva9 } from "class-variance-authority";
 // src/ui/input/input.tsx
 import { forwardRef as forwardRef2 } from "react";
 import { Input as AriaInput2 } from "react-aria-components";
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var InputImpl = forwardRef2(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx28(AriaInput2, { ref, type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
+  return /* @__PURE__ */ jsx30(AriaInput2, { ref, type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
 });
 var Input3 = InputImpl;
 
 // src/ui/textarea/textarea.tsx
 import { forwardRef as forwardRef3 } from "react";
 import { TextArea as AriaTextArea } from "react-aria-components";
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var TextareaImpl = forwardRef3(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx29(AriaTextArea, { ref, "data-slot": "textarea", className: cn("min-h-20 w-full rounded-lg border border-border bg-background px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
+  return /* @__PURE__ */ jsx31(AriaTextArea, { ref, "data-slot": "textarea", className: cn("min-h-20 w-full rounded-lg border border-border bg-background px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
 });
 var Textarea2 = TextareaImpl;
 
 // src/ui/input-group/input-group.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         role: "group",
@@ -1921,7 +2071,7 @@ function InputGroupAddon({
 }) {
   return (
     // biome-ignore lint/a11y/useSemanticElements: this addon delegates focus to its associated input.
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx32(
       "div",
       {
         role: "group",
@@ -1952,7 +2102,7 @@ function InputGroupButton({
   ...props
 }) {
   const buttonSize = size === "icon-xs" || size === "icon-sm" ? size : size;
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     Button,
     {
       "data-slot": "input-group-button",
@@ -1965,7 +2115,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     "span",
     {
       "data-slot": "input-group-text",
@@ -1978,7 +2128,7 @@ function InputGroupText({ className, ...props }) {
   );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     Input3,
     {
       "data-slot": "input-group-control",
@@ -1991,7 +2141,7 @@ function InputGroupInput({ className, ...props }) {
   );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx32(
     Textarea2,
     {
       "data-slot": "input-group-control",
@@ -2005,21 +2155,21 @@ function InputGroupTextarea({ className, ...props }) {
 }
 
 // src/ui/kbd/kbd.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx31("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", className), ...props });
+  return /* @__PURE__ */ jsx33("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", className), ...props });
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx31("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+  return /* @__PURE__ */ jsx33("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
 }
 
 // src/ui/loading-overlay/loading-overlay.tsx
 import { LoaderCircle as LoaderCircle2 } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
 function LoadingOverlay({ label = "Cargando", className, ...props }) {
-  return /* @__PURE__ */ jsx32("div", { role: "status", "aria-live": "polite", className: cn("absolute inset-0 z-10 flex items-center justify-center bg-background/70 backdrop-blur-[2px]", className), ...props, children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
-    /* @__PURE__ */ jsx32(LoaderCircle2, { className: "animate-spin", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx32("span", { children: label })
+  return /* @__PURE__ */ jsx34("div", { role: "status", "aria-live": "polite", className: cn("absolute inset-0 z-10 flex items-center justify-center bg-background/70 backdrop-blur-[2px]", className), ...props, children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
+    /* @__PURE__ */ jsx34(LoaderCircle2, { className: "animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx34("span", { children: label })
   ] }) });
 }
 
@@ -2030,16 +2180,37 @@ import {
   MenuTrigger as AriaMenuTrigger,
   Popover as Popover3
 } from "react-aria-components";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var MenuTrigger = AriaMenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(Popover3, { "data-slot": "menu-content", className: cn("min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+  return /* @__PURE__ */ jsx35(Popover3, { "data-slot": "menu-content", className: cn("min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ jsx33(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ jsx35(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx33(AriaMenuItem, { "data-slot": "menu-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+  return /* @__PURE__ */ jsx35(AriaMenuItem, { "data-slot": "menu-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+}
+
+// src/ui/metric-card/metric-card.tsx
+import { jsx as jsx36, jsxs as jsxs17 } from "react/jsx-runtime";
+function MetricCard({
+  className,
+  label,
+  value,
+  description,
+  icon,
+  tone = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx36(Card, { "data-slot": "metric-card", "data-tone": tone, className: cn("min-w-0", className), ...props, children: /* @__PURE__ */ jsxs17(CardContent, { className: "flex items-start gap-3", children: [
+    icon ? /* @__PURE__ */ jsx36("div", { "data-slot": "metric-card-icon", className: "shrink-0 text-muted-foreground", children: icon }) : null,
+    /* @__PURE__ */ jsxs17("div", { className: "min-w-0", children: [
+      /* @__PURE__ */ jsx36("p", { "data-slot": "metric-card-label", className: "text-sm text-muted-foreground", children: label }),
+      /* @__PURE__ */ jsx36("strong", { "data-slot": "metric-card-value", className: "mt-1 block text-2xl font-semibold tracking-tight", children: value }),
+      description ? /* @__PURE__ */ jsx36("p", { "data-slot": "metric-card-description", className: "mt-1 text-xs text-muted-foreground", children: description }) : null
+    ] })
+  ] }) });
 }
 
 // src/ui/otp-input/otp-input.tsx
@@ -2047,10 +2218,10 @@ import {
   forwardRef as forwardRef4,
   useImperativeHandle,
   useRef as useRef4,
-  useState as useState9
+  useState as useState10
 } from "react";
 import { Input as AriaInput3 } from "react-aria-components";
-import { jsx as jsx34, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs18 } from "react/jsx-runtime";
 function normalizeOtp(value, length) {
   return value.replace(/[^0-9]/g, "").slice(0, length);
 }
@@ -2071,12 +2242,12 @@ var OtpInputImpl = forwardRef4(function OtpInput({
 }, forwardedRef) {
   const slotCount = Math.max(1, Math.floor(length));
   const controlled = value !== void 0;
-  const [internalValue, setInternalValue] = useState9(() => normalizeOtp(defaultValue, slotCount));
+  const [internalValue, setInternalValue] = useState10(() => normalizeOtp(defaultValue, slotCount));
   const code = normalizeOtp(controlled ? value : internalValue, slotCount);
   const slots = Array.from({ length: slotCount }, (_, index) => `otp-slot-${index + 1}`);
   const inputRef = useRef4(null);
-  const [focused, setFocused] = useState9(false);
-  const [selectionStart, setSelectionStart] = useState9(0);
+  const [focused, setFocused] = useState10(false);
+  const [selectionStart, setSelectionStart] = useState10(0);
   const invalid = props["aria-invalid"] === true || props["aria-invalid"] === "true";
   const activeIndex = code.length === slotCount ? slotCount - 1 : Math.min(selectionStart, code.length, slotCount - 1);
   useImperativeHandle(forwardedRef, () => inputRef.current);
@@ -2102,7 +2273,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
     input.setSelectionRange(position, position);
     setSelectionStart(position);
   }
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       "data-slot": "otp-input",
@@ -2112,7 +2283,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
       style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
       onPointerDown: handlePointerDown,
       children: [
-        /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx37(
           AriaInput3,
           {
             ...props,
@@ -2152,7 +2323,7 @@ var OtpInputImpl = forwardRef4(function OtpInput({
             }
           }
         ),
-        slots.map((slot, index) => /* @__PURE__ */ jsx34(
+        slots.map((slot, index) => /* @__PURE__ */ jsx37(
           "span",
           {
             "aria-hidden": "true",
@@ -2175,41 +2346,98 @@ var OtpInputImpl = forwardRef4(function OtpInput({
 var OtpInput2 = OtpInputImpl;
 
 // src/ui/page-header/page-header.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx35("header", { "data-slot": "page-header", className: cn("flex flex-col gap-4 py-2 sm:flex-row sm:items-center sm:justify-between", className), ...props });
+  return /* @__PURE__ */ jsx38("header", { "data-slot": "page-header", className: cn("flex flex-col gap-4 py-2 sm:flex-row sm:items-center sm:justify-between", className), ...props });
 }
 function PageHeaderHeading({ className, ...props }) {
-  return /* @__PURE__ */ jsx35("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx38("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx35("h1", { "data-slot": "page-header-title", className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className), ...props });
+  return /* @__PURE__ */ jsx38("h1", { "data-slot": "page-header-title", className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className), ...props });
 }
 function PageHeaderDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx35("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx38("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx35("div", { "data-slot": "page-header-actions", className: cn("flex shrink-0 items-center gap-2", className), ...props });
+  return /* @__PURE__ */ jsx38("div", { "data-slot": "page-header-actions", className: cn("flex shrink-0 items-center gap-2", className), ...props });
 }
 
 // src/ui/pagination/pagination.tsx
 import { ChevronLeft, ChevronRight } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
-function Pagination({ page, pageCount, onPageChange, className }) {
-  const pages = Array.from({ length: pageCount }, (_, index) => index + 1);
-  return /* @__PURE__ */ jsxs18("nav", { "aria-label": "Paginaci\xF3n", className: cn("flex items-center justify-between gap-4", className), children: [
-    /* @__PURE__ */ jsxs18("p", { className: "text-sm text-muted-foreground", children: [
-      "P\xE1gina ",
-      page,
-      " de ",
+import * as React7 from "react";
+import { jsx as jsx39, jsxs as jsxs19 } from "react/jsx-runtime";
+function visiblePages(page, pageCount, siblingCount) {
+  return [
+    .../* @__PURE__ */ new Set([
+      1,
+      ...Array.from({ length: siblingCount * 2 + 1 }, (_, index) => page - siblingCount + index),
       pageCount
-    ] }),
-    /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx36(Button, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx36(ChevronLeft, {}) }),
-      pages.map((item) => /* @__PURE__ */ jsx36(Button, { "aria-current": item === page ? "page" : void 0, "aria-label": `P\xE1gina ${item}`, onPress: () => onPageChange(item), size: "icon", variant: item === page ? "secondary" : "ghost", children: item }, item)),
-      /* @__PURE__ */ jsx36(Button, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx36(ChevronRight, {}) })
-    ] })
-  ] });
+    ])
+  ].filter((item) => item >= 1 && item <= pageCount).sort((left, right) => left - right);
+}
+function Pagination({
+  page,
+  pageCount,
+  onPageChange,
+  ariaLabel = "Paginaci\xF3n",
+  summary,
+  siblingCount = 1,
+  className
+}) {
+  if (pageCount <= 1) return null;
+  const pages = visiblePages(page, pageCount, siblingCount);
+  return /* @__PURE__ */ jsxs19(
+    "nav",
+    {
+      "aria-label": ariaLabel,
+      className: cn("flex flex-wrap items-center justify-between gap-4", className),
+      children: [
+        /* @__PURE__ */ jsx39("p", { className: "text-sm text-muted-foreground", children: summary ?? `P\xE1gina ${page} de ${pageCount}` }),
+        /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx39(
+            Button,
+            {
+              "aria-label": "P\xE1gina anterior",
+              isDisabled: page <= 1,
+              onPress: () => onPageChange(page - 1),
+              size: "icon",
+              variant: "ghost",
+              children: /* @__PURE__ */ jsx39(ChevronLeft, {})
+            }
+          ),
+          pages.map((item, index) => {
+            const previousPage = pages[index - 1];
+            return /* @__PURE__ */ jsxs19(React7.Fragment, { children: [
+              previousPage !== void 0 && item > previousPage + 1 ? /* @__PURE__ */ jsx39("span", { "aria-hidden": "true", className: "px-1 text-muted-foreground", children: "\u2026" }) : null,
+              /* @__PURE__ */ jsx39(
+                Button,
+                {
+                  "aria-current": item === page ? "page" : void 0,
+                  "aria-label": `P\xE1gina ${item}`,
+                  onPress: () => onPageChange(item),
+                  size: "icon",
+                  variant: item === page ? "secondary" : "ghost",
+                  children: item
+                }
+              )
+            ] }, item);
+          }),
+          /* @__PURE__ */ jsx39(
+            Button,
+            {
+              "aria-label": "P\xE1gina siguiente",
+              isDisabled: page >= pageCount,
+              onPress: () => onPageChange(page + 1),
+              size: "icon",
+              variant: "ghost",
+              children: /* @__PURE__ */ jsx39(ChevronRight, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 
 // src/ui/popover/popover.tsx
@@ -2217,10 +2445,10 @@ import {
   DialogTrigger as AriaDialogTrigger,
   Popover as AriaPopover
 } from "react-aria-components";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var PopoverTrigger = AriaDialogTrigger;
 function Popover4({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(AriaPopover, { "data-slot": "popover", offset: 6, className: cn("min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+  return /* @__PURE__ */ jsx40(AriaPopover, { "data-slot": "popover", offset: 6, className: cn("min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
 }
 var PopoverContent = Popover4;
 
@@ -2232,7 +2460,7 @@ import {
   Input as AriaInput4,
   NumberField as AriaNumberField
 } from "react-aria-components";
-import { jsx as jsx38, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
 function QuantityInput({
   className,
   inputClassName,
@@ -2242,7 +2470,7 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx41(
     AriaNumberField,
     {
       ...props,
@@ -2250,15 +2478,15 @@ function QuantityInput({
       step,
       "data-slot": "quantity-input",
       className: cn("group/quantity-input inline-flex min-w-0 data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
-      children: /* @__PURE__ */ jsxs19(
+      children: /* @__PURE__ */ jsxs20(
         AriaGroup,
         {
           "data-slot": "quantity-input-group",
           className: "flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border border-border bg-background text-foreground transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive",
           children: [
-            /* @__PURE__ */ jsx38(AriaButton, { slot: "decrement", "aria-label": decrementAriaLabel, "data-slot": "quantity-input-decrement", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-r border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx38(Minus, { "aria-hidden": "true", className: "size-4" }) }),
-            /* @__PURE__ */ jsx38(AriaInput4, { "data-slot": "quantity-input-value", className: cn("w-14 min-w-0 bg-transparent px-1 text-center text-sm tabular-nums outline-none", inputClassName) }),
-            /* @__PURE__ */ jsx38(AriaButton, { slot: "increment", "aria-label": incrementAriaLabel, "data-slot": "quantity-input-increment", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-l border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx38(Plus, { "aria-hidden": "true", className: "size-4" }) })
+            /* @__PURE__ */ jsx41(AriaButton, { slot: "decrement", "aria-label": decrementAriaLabel, "data-slot": "quantity-input-decrement", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-r border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx41(Minus, { "aria-hidden": "true", className: "size-4" }) }),
+            /* @__PURE__ */ jsx41(AriaInput4, { "data-slot": "quantity-input-value", className: cn("w-14 min-w-0 bg-transparent px-1 text-center text-sm tabular-nums outline-none", inputClassName) }),
+            /* @__PURE__ */ jsx41(AriaButton, { slot: "increment", "aria-label": incrementAriaLabel, "data-slot": "quantity-input-increment", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-l border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx41(Plus, { "aria-hidden": "true", className: "size-4" }) })
           ]
         }
       )
@@ -2266,22 +2494,6 @@ function QuantityInput({
   );
 }
 
-// src/ui/search-field/search-field.tsx
-import {
-  SearchField as AriaSearchField,
-  Button as Button2,
-  Input as Input4
-} from "react-aria-components";
-import { X as X2 } from "lucide-react";
-import { jsx as jsx39 } from "react/jsx-runtime";
-var SearchField = AriaSearchField;
-function SearchInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(Input4, { "data-slot": "search-input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
-}
-function SearchClearButton({ className, children = /* @__PURE__ */ jsx39(X2, { "aria-hidden": "true", className: "size-4" }), ...props }) {
-  return /* @__PURE__ */ jsx39(Button2, { slot: "clear", "data-slot": "search-clear", className: cn("absolute top-1/2 right-1 rounded p-1 text-muted-foreground outline-none hover:bg-muted data-focus-visible:ring-2 data-focus-visible:ring-ring", className), ...props, children });
-}
-
 // src/ui/select/select.tsx
 import {
   Button as AriaButton2,
@@ -2292,43 +2504,43 @@ import {
   Popover as Popover5
 } from "react-aria-components";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { Fragment as Fragment9, jsx as jsx40, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx42, jsxs as jsxs21 } from "react/jsx-runtime";
 var Select = AriaSelect;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx40(AriaButton2, { "data-slot": "select-trigger", className: cn("group/select-trigger flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs20(Fragment9, { children: [
+  return /* @__PURE__ */ jsx42(AriaButton2, { "data-slot": "select-trigger", className: cn("group/select-trigger flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs21(Fragment11, { children: [
     typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ jsx40(ChevronDown2, { "aria-hidden": "true", className: "ml-auto size-4 text-muted-foreground transition-transform group-data-pressed/select-trigger:rotate-180 motion-reduce:transition-none" })
+    /* @__PURE__ */ jsx42(ChevronDown2, { "aria-hidden": "true", className: "ml-auto size-4 text-muted-foreground transition-transform group-data-pressed/select-trigger:rotate-180 motion-reduce:transition-none" })
   ] }) });
 }
 function SelectValue({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(AriaSelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx42(AriaSelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(Popover5, { "data-slot": "select-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+  return /* @__PURE__ */ jsx42(Popover5, { "data-slot": "select-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ jsx40(ListBox3, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
+  return /* @__PURE__ */ jsx42(ListBox3, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
 }
 function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx40(ListBoxItem3, { "data-slot": "select-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-selected:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+  return /* @__PURE__ */ jsx42(ListBoxItem3, { "data-slot": "select-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-selected:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
 }
 
 // src/ui/sheet/sheet.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import {
-  Heading as Heading4,
+  Heading as Heading6,
   ModalOverlay as ModalOverlayPrimitive,
   Modal as ModalPrimitive,
   Dialog as SheetPrimitive,
   DialogTrigger as SheetTriggerPrimitive,
-  Text as Text4
+  Text as Text5
 } from "react-aria-components";
-import { jsx as jsx41, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs22 } from "react/jsx-runtime";
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx41(SheetTriggerPrimitive, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx43(SheetTriggerPrimitive, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ className, variant = "outline", size = "default", ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     Button,
     {
       slot: "close",
@@ -2345,7 +2557,7 @@ function SheetOverlay({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     ModalOverlayPrimitive,
     {
       "data-slot": "sheet-overlay",
@@ -2366,7 +2578,7 @@ function Sheet({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(SheetOverlay, { ...props, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(SheetOverlay, { ...props, children: /* @__PURE__ */ jsx43(
     ModalPrimitive,
     {
       "data-slot": "sheet-content",
@@ -2375,16 +2587,16 @@ function Sheet({
         "fixed z-50 flex flex-col gap-4 border-border bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-entering:opacity-0 data-exiting:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-entering:translate-y-10 data-[side=bottom]:data-exiting:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-entering:-translate-x-10 data-[side=left]:data-exiting:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-entering:translate-x-10 data-[side=right]:data-exiting:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-entering:-translate-y-10 data-[side=top]:data-exiting:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
         className
       ),
-      children: /* @__PURE__ */ jsxs21(
+      children: /* @__PURE__ */ jsxs22(
         SheetPrimitive,
         {
           "data-slot": "sheet",
           className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
           children: [
             children,
-            showCloseButton && /* @__PURE__ */ jsxs21(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
-              /* @__PURE__ */ jsx41(XIcon2, {}),
-              /* @__PURE__ */ jsx41("span", { className: "sr-only", children: "Cerrar" })
+            showCloseButton && /* @__PURE__ */ jsxs22(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+              /* @__PURE__ */ jsx43(XIcon2, {}),
+              /* @__PURE__ */ jsx43("span", { className: "sr-only", children: "Cerrar" })
             ] })
           ]
         }
@@ -2399,10 +2611,10 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(Sheet, { className, side, showCloseButton, ...props, children });
+  return /* @__PURE__ */ jsx43(Sheet, { className, side, showCloseButton, ...props, children });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "sheet-header",
@@ -2412,7 +2624,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -2422,8 +2634,8 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx41(
-    Heading4,
+  return /* @__PURE__ */ jsx43(
+    Heading6,
     {
       slot: "title",
       "data-slot": "sheet-title",
@@ -2436,8 +2648,8 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
-    Text4,
+  return /* @__PURE__ */ jsx43(
+    Text5,
     {
       slot: "description",
       "data-slot": "sheet-description",
@@ -2455,16 +2667,16 @@ import {
   Search
 } from "lucide-react";
 import {
-  createContext as createContext3,
-  useContext as useContext3,
+  createContext as createContext5,
+  useContext as useContext5,
   useMemo as useMemo2,
-  useState as useState10
+  useState as useState11
 } from "react";
 import { Link as Link3 } from "react-aria-components";
-import { Fragment as Fragment10, jsx as jsx42, jsxs as jsxs22 } from "react/jsx-runtime";
-var SidebarContext = createContext3(null);
+import { Fragment as Fragment12, jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+var SidebarContext = createContext5(null);
 function useSidebar() {
-  const context = useContext3(SidebarContext);
+  const context = useContext5(SidebarContext);
   if (!context)
     throw new Error("useSidebar must be used inside SidebarProvider");
   return context;
@@ -2473,7 +2685,7 @@ function SidebarProvider({
   defaultCollapsed = false,
   children
 }) {
-  const [collapsed, setCollapsed] = useState10(defaultCollapsed);
+  const [collapsed, setCollapsed] = useState11(defaultCollapsed);
   const value = useMemo2(
     () => ({
       collapsed,
@@ -2482,14 +2694,14 @@ function SidebarProvider({
     }),
     [collapsed]
   );
-  return /* @__PURE__ */ jsx42(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx44(SidebarContext.Provider, { value, children });
 }
 function Sidebar({
   className,
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "aside",
     {
       "data-slot": "sidebar",
@@ -2506,7 +2718,7 @@ function SidebarHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -2521,7 +2733,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "button",
     {
       type: "button",
@@ -2532,9 +2744,9 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx42(Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsx42("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ jsx42("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
+        /* @__PURE__ */ jsx44(Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx44("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ jsx44("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
       ]
     }
   );
@@ -2543,7 +2755,7 @@ function SidebarContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -2557,7 +2769,7 @@ function SidebarFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -2576,14 +2788,14 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsxs23(
     "section",
     {
       "data-slot": "sidebar-group",
       className: cn("mb-4 last:mb-0", className),
       ...props,
       children: [
-        label && /* @__PURE__ */ jsx42(
+        label && /* @__PURE__ */ jsx44(
           "h2",
           {
             className: cn(
@@ -2609,7 +2821,7 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     Link3,
     {
       "data-slot": "sidebar-item",
@@ -2621,16 +2833,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ jsxs22(Fragment10, { children: [
-        /* @__PURE__ */ jsx42("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx42(
+      children: (values) => /* @__PURE__ */ jsxs23(Fragment12, { children: [
+        /* @__PURE__ */ jsx44("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx44(
           "span",
           {
             className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"),
             children: typeof children === "function" ? children(values) : content
           }
         ),
-        badge && !collapsed && /* @__PURE__ */ jsx42("span", { className: "text-xs text-muted-foreground", children: badge })
+        badge && !collapsed && /* @__PURE__ */ jsx44("span", { className: "text-xs text-muted-foreground", children: badge })
       ] })
     }
   );
@@ -2639,7 +2851,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -2650,7 +2862,7 @@ function SidebarSeparator({
 }
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
@@ -2659,7 +2871,7 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...props,
-      children: collapsed ? /* @__PURE__ */ jsx42(ChevronRight2, {}) : /* @__PURE__ */ jsx42(ChevronLeft2, {})
+      children: collapsed ? /* @__PURE__ */ jsx44(ChevronRight2, {}) : /* @__PURE__ */ jsx44(ChevronLeft2, {})
     }
   );
 }
@@ -2668,7 +2880,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     "button",
     {
       type: "button",
@@ -2683,7 +2895,7 @@ function SidebarRail({
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     Button,
     {
       "aria-label": "M\xE1s opciones",
@@ -2691,26 +2903,26 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ jsx42(Ellipsis, {})
+      children: /* @__PURE__ */ jsx44(Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx43("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx45("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
 // src/ui/submit-button/submit-button.tsx
 import { useFormStatus } from "react-dom";
 import { LoaderCircle as LoaderCircle3 } from "lucide-react";
-import { Fragment as Fragment11, jsx as jsx44, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
 function SubmitButton({ pendingLabel = "Guardando\u2026", loading = false, children, isDisabled, size = "sm", ...props }) {
   const { pending } = useFormStatus();
   const busy = pending || loading;
-  return /* @__PURE__ */ jsx44(Button, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ jsxs23(Fragment11, { children: [
-    /* @__PURE__ */ jsx44(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+  return /* @__PURE__ */ jsx46(Button, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ jsxs24(Fragment13, { children: [
+    /* @__PURE__ */ jsx46(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
     pendingLabel
   ] }) : children });
 }
@@ -2720,7 +2932,7 @@ import { useEffect as useEffect5, useRef as useRef5 } from "react";
 import {
   Switch as AriaSwitch
 } from "react-aria-components";
-import { Fragment as Fragment12, jsx as jsx45, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
 var switchSizes = {
   sm: {
     control: "h-4 w-[1.875rem] p-0.5",
@@ -2776,7 +2988,7 @@ function Switch({
     ownerDocument.addEventListener("keydown", handleDirectionalKey);
     return () => ownerDocument.removeEventListener("keydown", handleDirectionalKey);
   }, [isDisabled, isReadOnly, resolvedInputRef]);
-  return /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx47(
     AriaSwitch,
     {
       "data-slot": "switch",
@@ -2793,8 +3005,8 @@ function Switch({
       children: (state) => {
         const isThumbActive = state.isHovered || state.isPressed;
         const thumbOffset = state.isSelected ? isThumbActive ? styles.activeSelectedOffset : styles.selectedOffset : "0";
-        return /* @__PURE__ */ jsxs24(Fragment12, { children: [
-          /* @__PURE__ */ jsx45(
+        return /* @__PURE__ */ jsxs25(Fragment14, { children: [
+          /* @__PURE__ */ jsx47(
             "span",
             {
               "aria-hidden": "true",
@@ -2808,7 +3020,7 @@ function Switch({
                 "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/50",
                 styles.control
               ),
-              children: /* @__PURE__ */ jsx45(
+              children: /* @__PURE__ */ jsx47(
                 "span",
                 {
                   "data-slot": "switch-thumb",
@@ -2828,9 +3040,9 @@ function Switch({
               )
             }
           ),
-          children || description ? /* @__PURE__ */ jsxs24("span", { className: "grid gap-0.5 leading-tight", children: [
-            children ? /* @__PURE__ */ jsx45("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
-            description ? /* @__PURE__ */ jsx45("span", { "data-slot": "switch-description", className: "text-xs font-normal text-muted-foreground", children: description }) : null
+          children || description ? /* @__PURE__ */ jsxs25("span", { className: "grid gap-0.5 leading-tight", children: [
+            children ? /* @__PURE__ */ jsx47("span", { "data-slot": "switch-label", className: "font-medium", children: typeof children === "function" ? children(state) : children }) : null,
+            description ? /* @__PURE__ */ jsx47("span", { "data-slot": "switch-description", className: "text-xs font-normal text-muted-foreground", children: description }) : null
           ] }) : null
         ] });
       }
@@ -2839,9 +3051,9 @@ function Switch({
 }
 
 // src/ui/table/table.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx46("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx48(
     "table",
     {
       "data-slot": "table",
@@ -2851,10 +3063,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx46("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ jsx48("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2864,7 +3076,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "tr",
     {
       "data-slot": "table-row",
@@ -2877,7 +3089,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "th",
     {
       "data-slot": "table-head",
@@ -2890,7 +3102,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "td",
     {
       "data-slot": "table-cell",
@@ -2900,7 +3112,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "caption",
     {
       "data-slot": "table-caption",
@@ -2910,7 +3122,7 @@ function TableCaption({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx48(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -2929,27 +3141,27 @@ import {
   Tabs as AriaTabs,
   composeRenderProps as composeRenderProps2
 } from "react-aria-components";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(AriaTabs, { "data-slot": "tabs", className: composeRenderProps2(className, (value) => cn("flex flex-col gap-2", value)), ...props });
+  return /* @__PURE__ */ jsx49(AriaTabs, { "data-slot": "tabs", className: composeRenderProps2(className, (value) => cn("flex flex-col gap-2", value)), ...props });
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(AriaTabList, { "data-slot": "tabs-list", className: composeRenderProps2(className, (value) => cn("inline-flex w-fit items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground", value)), ...props });
+  return /* @__PURE__ */ jsx49(AriaTabList, { "data-slot": "tabs-list", className: composeRenderProps2(className, (value) => cn("inline-flex w-fit items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground", value)), ...props });
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(AriaTab, { "data-slot": "tabs-trigger", className: composeRenderProps2(className, (value) => cn("inline-flex h-7 items-center justify-center gap-1.5 rounded-md px-2.5 text-sm font-medium outline-none transition-colors data-hovered:text-foreground data-selected:bg-background data-selected:text-foreground data-selected:shadow-sm data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", value)), ...props });
+  return /* @__PURE__ */ jsx49(AriaTab, { "data-slot": "tabs-trigger", className: composeRenderProps2(className, (value) => cn("inline-flex h-7 items-center justify-center gap-1.5 rounded-md px-2.5 text-sm font-medium outline-none transition-colors data-hovered:text-foreground data-selected:bg-background data-selected:text-foreground data-selected:shadow-sm data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", value)), ...props });
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx49(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(AriaTabPanel, { "data-slot": "tabs-content", className: composeRenderProps2(className, (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)), ...props });
+  return /* @__PURE__ */ jsx49(AriaTabPanel, { "data-slot": "tabs-content", className: composeRenderProps2(className, (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)), ...props });
 }
 
 // src/ui/toast/toast.tsx
 import { useEffect as useEffect6 } from "react";
 import { sileo, Toaster as SileoToaster } from "sileo";
-import { Fragment as Fragment13, jsx as jsx48, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx50, jsxs as jsxs26 } from "react/jsx-runtime";
 function toSileoOptions({ title, description, duration, position, action }) {
   return {
     title,
@@ -2988,18 +3200,18 @@ function useToast() {
   return toast;
 }
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ jsxs25(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs26(Fragment15, { children: [
     children,
-    /* @__PURE__ */ jsx48(Toaster, {})
+    /* @__PURE__ */ jsx50(Toaster, {})
   ] });
 }
 function Toaster({ position }) {
-  return /* @__PURE__ */ jsx48(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
+  return /* @__PURE__ */ jsx50(SileoToaster, { position, options: { fill: "var(--ui-secondary)" } });
 }
 function ToastViewport({ position, visiblePosition, className }) {
   void className;
   if (visiblePosition && visiblePosition !== position) return null;
-  return /* @__PURE__ */ jsx48(Toaster, { position });
+  return /* @__PURE__ */ jsx50(Toaster, { position });
 }
 function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, position, onDismiss }) {
   useEffect6(() => {
@@ -3014,15 +3226,15 @@ function Toast({ id, title, description, variant = "default", action, state = "o
 }
 
 // src/ui/toolbar/toolbar.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx49("div", { role: "toolbar", "data-slot": "toolbar", className: cn("flex flex-wrap items-center gap-2", className), ...props });
+  return /* @__PURE__ */ jsx51("div", { role: "toolbar", "data-slot": "toolbar", className: cn("flex flex-wrap items-center gap-2", className), ...props });
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx49("div", { "data-slot": "toolbar-group", className: cn("flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ jsx51("div", { "data-slot": "toolbar-group", className: cn("flex items-center gap-2", className), ...props });
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ jsx49("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 export {
   Accordion,
@@ -3032,6 +3244,17 @@ export {
   Alert,
   AlertAction,
   AlertDescription,
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
   AlertTitle,
   AppShell,
   AppShellContent,
@@ -3065,6 +3288,9 @@ export {
   CardHeader,
   CardTitle,
   Checkbox,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
   Combobox,
   ComboboxContent,
   ComboboxInput,
@@ -3140,6 +3366,7 @@ export {
   MenuContent,
   MenuItem,
   MenuTrigger,
+  MetricCard,
   ModalDialog,
   OtpInput2 as OtpInput,
   PageHeader,
@@ -3152,9 +3379,6 @@ export {
   PopoverContent,
   PopoverTrigger,
   QuantityInput,
-  SearchClearButton,
-  SearchField,
-  SearchInput,
   Select,
   SelectContent,
   SelectItem,