@doscientos/ui 0.1.11 → 0.1.13

package/dist/index.js

@@ -32,12 +32,12 @@ function useAutosave({
   }, []);
   useEffect(() => {
     if (!enabled) return;
-    const snapshot2 = serializeRef.current(data);
+    const snapshot = serializeRef.current(data);
     if (lastSaved.current === null) {
-      lastSaved.current = snapshot2;
+      lastSaved.current = snapshot;
       return;
     }
-    if (snapshot2 === lastSaved.current) return;
+    if (snapshot === lastSaved.current) return;
     const timeout = window.setTimeout(() => void save(data), debounceMs);
     return () => window.clearTimeout(timeout);
   }, [data, debounceMs, enabled, save]);
@@ -142,44 +142,150 @@ function getTextMatchParts(text, query) {
 }
 
 // src/ui/accordion/accordion.tsx
-import { Disclosure as AriaDisclosure, DisclosureGroup as AriaDisclosureGroup, DisclosurePanel as AriaDisclosurePanel, Button } from "react-aria-components";
-import { ChevronDown } from "lucide-react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import {
+  DisclosurePanel as AccordionContentPrimitive,
+  Heading as AccordionHeaderPrimitive,
+  Disclosure as AccordionItemPrimitive,
+  DisclosureGroup as AccordionPrimitive,
+  Button as AccordionTriggerPrimitive
+} from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
 function Accordion({ className, ...props }) {
-  return /* @__PURE__ */ jsx(AriaDisclosureGroup, { "data-slot": "accordion", className: cn("flex w-full flex-col", className), ...props });
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive,
+    {
+      "data-slot": "accordion",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  );
 }
 function AccordionItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx(AriaDisclosure, { "data-slot": "accordion-item", className: cn("border-b border-border last:border-0", className), ...props });
+  return /* @__PURE__ */ jsx(
+    AccordionItemPrimitive,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-border not-last:border-b", className),
+      ...props
+    }
+  );
 }
-function AccordionTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx(Button, { "data-slot": "accordion-trigger", className: cn("group/accordion-trigger flex w-full items-center justify-between py-3 text-left text-sm font-medium outline-none transition-colors hover:text-primary focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { children: typeof children === "function" ? children(values) : children }),
-    /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-4 transition-transform group-data-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none" })
-  ] }) });
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionHeaderPrimitive, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionTriggerPrimitive,
+    {
+      slot: "trigger",
+      "data-slot": "accordion-trigger",
+      className: cn(
+        "group/accordion-trigger relative flex flex-1 items-start justify-between rounded-lg border border-transparent py-2.5 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          ChevronDownIcon,
+          {
+            "data-slot": "accordion-trigger-icon",
+            className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChevronUpIcon,
+          {
+            "data-slot": "accordion-trigger-icon",
+            className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
+          }
+        )
+      ]
+    }
+  ) });
 }
-function AccordionContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx(AriaDisclosurePanel, { "data-slot": "accordion-content", className: cn("overflow-hidden pb-3 text-sm text-muted-foreground", className), ...props });
+function AccordionContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AccordionContentPrimitive,
+    {
+      "data-slot": "accordion-content",
+      className: "h-(--disclosure-panel-height) overflow-clip text-sm transition-[height] data-open:animate-accordion-down data-closed:animate-accordion-up",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "pt-0 pb-2.5 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
 }
 
 // src/ui/alert/alert.tsx
+import { cva } from "class-variance-authority";
 import { jsx as jsx2 } from "react/jsx-runtime";
-var variants = {
-  default: "border-border bg-card text-foreground",
-  destructive: "border-destructive/30 bg-destructive/5 text-destructive",
-  success: "border-success/30 bg-success/5 text-success",
-  warning: "border-warning/30 bg-warning/5 text-warning"
-};
-function Alert({ className, variant = "default", ...props }) {
-  return /* @__PURE__ */ jsx2("div", { role: "alert", "data-slot": "alert", "data-variant": variant, className: cn("grid w-full gap-1 rounded-lg border px-3 py-2.5 text-sm [&>svg]:size-4", variants[variant], className), ...props });
+var alertVariants = cva(
+  "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: {
+      variant: {
+        default: "bg-card text-card-foreground",
+        info: "border-info/30 bg-info/5 text-info",
+        success: "border-success/30 bg-success/5 text-success",
+        warning: "border-warning/30 bg-warning/5 text-warning",
+        destructive: "border-destructive/30 bg-destructive/5 text-destructive *:data-[slot=alert-description]:text-destructive/90 *:[svg]:text-current"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Alert({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx2("div", { "data-slot": "alert-title", className: cn("font-medium", className), ...props });
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-slot": "alert-title",
+      className: cn(
+        "font-medium group-has-[>svg]/alert:col-start-2 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx2("div", { "data-slot": "alert-description", className: cn("text-sm opacity-90", className), ...props });
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      "data-slot": "alert-description",
+      className: cn(
+        "text-sm text-balance text-muted-foreground md:text-pretty [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function AlertAction({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx2("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props, children });
+function AlertAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props });
 }
 
 // src/ui/app-shell/app-shell.tsx
@@ -297,24 +403,51 @@ function AvatarGroupCount({ className, ...props }) {
 }
 
 // src/ui/badge/badge.tsx
-import { cva } from "class-variance-authority";
+import { cva as cva2 } from "class-variance-authority";
+import { Link } from "react-aria-components";
 import { jsx as jsx5 } from "react/jsx-runtime";
-var badgeVariants = cva("inline-flex w-fit items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", {
-  variants: {
-    variant: {
-      default: "bg-primary text-primary-foreground",
-      secondary: "bg-secondary text-secondary-foreground",
-      neutral: "bg-muted text-muted-foreground",
-      success: "bg-success/10 text-success",
-      warning: "bg-warning/10 text-warning",
-      destructive: "bg-destructive/10 text-destructive",
-      outline: "border border-border text-foreground"
-    }
-  },
-  defaultVariants: { variant: "default" }
-});
+var badgeVariants = cva2(
+  "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: {
+      variant: {
+        default: "bg-primary text-primary-foreground",
+        secondary: "bg-secondary text-secondary-foreground",
+        neutral: "bg-muted text-muted-foreground",
+        success: "bg-success/10 text-success",
+        warning: "bg-warning/10 text-warning",
+        info: "bg-info/10 text-info",
+        danger: "bg-destructive/10 text-destructive",
+        destructive: "bg-destructive text-destructive-foreground",
+        outline: "border border-border text-foreground",
+        ghost: "text-foreground hover:bg-muted",
+        link: "text-primary underline-offset-4 hover:underline"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx5("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx5(
+    "span",
+    {
+      "data-slot": "badge",
+      "data-variant": variant ?? "default",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function BadgeLink({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx5(
+    Link,
+    {
+      "data-slot": "badge",
+      "data-variant": variant ?? "default",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
 }
 
 // src/ui/breadcrumb/breadcrumb.tsx
@@ -336,101 +469,306 @@ 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 });
 }
 
-// src/ui/button-group/button-group.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
-function ButtonGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("div", { role: "group", "data-slot": "button-group", className: cn("inline-flex items-center gap-2", className), ...props });
-}
-function ButtonGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx7("span", { "data-slot": "button-group-text", className: cn("text-sm text-muted-foreground", className), ...props });
-}
-
 // src/ui/button/button.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { Button as AriaButton } from "react-aria-components";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var buttonVariants = cva2(
-  "inline-flex shrink-0 cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-transparent text-sm font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-150 outline-none focus-visible:ring-3 focus-visible:ring-ring/50 data-pressed:scale-[0.98] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none motion-reduce:data-pressed:transform-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+import { cva as cva3 } from "class-variance-authority";
+import {
+  Button as ButtonPrimitive,
+  Link as LinkPrimitive
+} from "react-aria-components";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var buttonVariants = cva3(
+  "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 active:not-aria-[haspopup]:translate-y-px 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",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/85",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        outline: "border-border bg-background text-foreground hover:bg-muted",
-        ghost: "text-foreground hover:bg-muted",
-        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20",
+        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"
       },
       size: {
-        xs: "h-6 px-2 text-xs",
-        sm: "h-7 px-2.5 text-xs",
-        default: "h-8 px-3",
-        lg: "h-10 px-4",
-        icon: "size-8 p-0"
+        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" }
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
   }
 );
-function Button2({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ jsx8(AriaButton, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
+function Button({ className, variant = "default", size = "default", ...props }) {
+  return /* @__PURE__ */ jsx7(
+    ButtonPrimitive,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function LinkButton({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx7(
+    LinkPrimitive,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
 }
 
-// src/ui/card/card.tsx
+// src/ui/button-group/button-group.tsx
+import { cva as cva4 } from "class-variance-authority";
+
+// src/ui/separator/separator.tsx
+import { Separator as SeparatorPrimitive } from "react-aria-components";
+import { jsx as jsx8 } from "react/jsx-runtime";
+function Separator({ className, orientation = "horizontal", ...props }) {
+  return /* @__PURE__ */ jsx8(
+    SeparatorPrimitive,
+    {
+      "data-slot": "separator",
+      orientation,
+      className: cn(
+        "block shrink-0 border-0 bg-border aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=vertical]:w-px aria-[orientation=vertical]:self-stretch [:is(hr)]:h-px [:is(hr)]:w-full",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/button-group/button-group.tsx
 import { jsx as jsx9 } from "react/jsx-runtime";
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("section", { "data-slot": "card", className: cn("rounded-xl border border-border bg-card text-foreground shadow-sm", className), ...props });
+var buttonGroupVariants = cva4(
+  "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: {
+      orientation: {
+        horizontal: "**:data-slot:rounded-r-none [&_[data-slot]~[data-slot]]:rounded-l-none [&_[data-slot]~[data-slot]]:border-l-0 [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-lg!",
+        vertical: "flex-col **:data-slot:rounded-b-none [&_[data-slot]~[data-slot]]:rounded-t-none [&_[data-slot]~[data-slot]]:border-t-0 [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg!"
+      }
+    },
+    defaultVariants: {
+      orientation: "horizontal"
+    }
+  }
+);
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}) {
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: fieldset would impose form semantics on a generic action group.
+    /* @__PURE__ */ jsx9(
+      "div",
+      {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": orientation,
+        className: cn(buttonGroupVariants({ orientation }), className),
+        ...props
+      }
+    )
+  );
+}
+function ButtonGroupText({
+  className,
+  render,
+  ...props
+}) {
+  if (render) {
+    const renderProps = {
+      "data-slot": "button-group-text",
+      className: cn(
+        "flex items-center gap-2 rounded-lg border border-border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    };
+    return render(renderProps);
+  }
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      "data-slot": "button-group-text",
+      className: cn(
+        "flex items-center gap-2 rounded-lg border border-border bg-muted px-2.5 text-sm font-medium [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ButtonGroupSeparator({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx9(
+    Separator,
+    {
+      "data-slot": "button-group-separator",
+      orientation,
+      className: cn(
+        "relative self-stretch bg-input data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/ui/card/card.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+function Card({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": size,
+      className: cn(
+        "group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl border border-border bg-card py-(--card-spacing) text-sm text-card-foreground shadow-sm [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("header", { "data-slot": "card-header", className: cn("flex flex-col gap-1.5 p-5", className), ...props });
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn(
+        "group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("h2", { "data-slot": "card-title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn(
+        "text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("p", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+      ...props
+    }
+  );
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("div", { "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props });
+  return /* @__PURE__ */ jsx10("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx9("footer", { "data-slot": "card-footer", className: cn("flex items-center gap-2 border-t border-border p-5", className), ...props });
+  return /* @__PURE__ */ jsx10(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: cn(
+        "flex items-center rounded-b-xl border-t border-border bg-muted/50 p-(--card-spacing)",
+        className
+      ),
+      ...props
+    }
+  );
 }
 
 // src/ui/checkbox/checkbox.tsx
+import { Check } from "lucide-react";
 import {
   Checkbox as AriaCheckbox
 } from "react-aria-components";
-import { Check } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx11, jsxs as jsxs2 } from "react/jsx-runtime";
 function Checkbox({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx10(AriaCheckbox, { "data-slot": "checkbox", className: cn("group inline-flex items-center gap-2 text-sm text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx10("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__ */ jsx10(Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" }) }),
-    typeof children === "function" ? children(state) : children
-  ] }) });
+  return /* @__PURE__ */ jsx11(
+    AriaCheckbox,
+    {
+      "data-slot": "checkbox",
+      className: cn(
+        "group inline-flex items-center gap-2 text-sm text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: (state) => /* @__PURE__ */ jsxs2(Fragment, { children: [
+        /* @__PURE__ */ jsx11(
+          "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" })
+          }
+        ),
+        typeof children === "function" ? children(state) : children
+      ] })
+    }
+  );
 }
 
 // src/ui/combobox/combobox.tsx
-import { Fragment as Fragment3, useMemo, useState as useState5 } from "react";
+import { Fragment as Fragment2, useMemo, useState as useState5 } from "react";
 import { ComboBox as AriaComboBox, ComboBoxValue, FieldError, Input, Label, ListBox, ListBoxItem, Popover, Text } from "react-aria-components";
-import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
 var Combobox = AriaComboBox;
 function ComboboxInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(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__ */ 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 });
 }
 function ComboboxContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx11(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__ */ 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 });
 }
 function ComboboxList({ className, emptyState, ...props }) {
-  return /* @__PURE__ */ jsx11(ListBox, { "data-slot": "combobox-list", className: cn("max-h-64 overflow-y-auto", className), renderEmptyState: emptyState ? () => emptyState : void 0, ...props });
+  return /* @__PURE__ */ jsx12(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__ */ jsx11(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__ */ 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 });
 }
 function HighlightMatch({ text, query, className }) {
-  return /* @__PURE__ */ jsx11("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ jsx11("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ jsx11(Fragment3, { children: part.text }, `${part.text}-${index}`)) });
+  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(Fragment2, { children: part.text }, `${part.text}-${index}`)) });
 }
-function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState = /* @__PURE__ */ jsx11("p", { className: "px-3 py-7 text-center text-sm text-muted-foreground", children: "No hay resultados." }), suggestion = true, placeholder, className, onKeyDown: _onKeyDown, ...props }) {
+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] = useState5("");
   const inputValue = controlledInputValue ?? internalInputValue;
   const setInputValue = (value) => {
@@ -455,37 +793,37 @@ function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inp
     if (item) setInputValue(getItemLabel(item));
     onSelectionChange?.(key, item);
   }, children: [
-    label && /* @__PURE__ */ jsx11(Label, { className: "text-sm font-medium text-foreground", children: label }),
+    label && /* @__PURE__ */ jsx12(Label, { className: "text-sm font-medium text-foreground", children: label }),
     /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
       suggestionLabel && /* @__PURE__ */ jsxs3("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__ */ jsx11("span", { className: "text-transparent", children: inputValue }),
+        /* @__PURE__ */ jsx12("span", { className: "text-transparent", children: inputValue }),
         suggestionLabel.slice(inputValue.length)
       ] }),
-      /* @__PURE__ */ jsx11(ComboboxInput, { "aria-autocomplete": suggestionLabel ? "both" : "list", placeholder, onKeyDown: handleKeyDown, className: "relative z-10 bg-transparent" })
+      /* @__PURE__ */ jsx12(ComboboxInput, { "aria-autocomplete": suggestionLabel ? "both" : "list", placeholder, onKeyDown: handleKeyDown, className: "relative z-10 bg-transparent" })
     ] }),
-    description && /* @__PURE__ */ jsx11(Text, { slot: "description", className: "text-xs text-muted-foreground", children: description }),
-    errorMessage && /* @__PURE__ */ jsx11(FieldError, { className: "text-xs text-destructive", children: errorMessage }),
-    /* @__PURE__ */ jsx11(ComboboxContent, { children: /* @__PURE__ */ jsx11(ComboboxList, { emptyState, children: (item) => /* @__PURE__ */ jsx11(ComboboxItem, { id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item, inputValue) : /* @__PURE__ */ jsx11(HighlightMatch, { text: getItemLabel(item), query: inputValue }) }) }) })
+    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 }) }) }) })
   ] });
 }
 
 // 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 jsx12 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Command({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(AriaComboBox2, { "data-slot": "command", className: cn("w-full", className), ...props });
+  return /* @__PURE__ */ jsx13(AriaComboBox2, { "data-slot": "command", className: cn("w-full", className), ...props });
 }
 function CommandInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(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__ */ 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 });
 }
 function CommandContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(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__ */ 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 });
 }
 function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(ListBox2, { "data-slot": "command-list", className: cn("max-h-72 overflow-y-auto", className), ...props });
+  return /* @__PURE__ */ jsx13(ListBox2, { "data-slot": "command-list", className: cn("max-h-72 overflow-y-auto", className), ...props });
 }
 function CommandItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(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__ */ 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 });
 }
 
 // src/ui/modal-dialog/modal-dialog.tsx
@@ -497,7 +835,7 @@ import {
   ModalOverlay,
   Text as Text2
 } from "react-aria-components";
-import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "w-[min(calc(100dvw-2rem),24rem)]",
   md: "w-[min(calc(100dvw-2rem),28rem)]",
@@ -517,14 +855,14 @@ 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__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     ModalOverlay,
     {
       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__ */ jsx13(
+      children: /* @__PURE__ */ jsx14(
         Modal,
         {
           className: cn(
@@ -532,33 +870,33 @@ function ModalDialog({
             sizeClasses[size],
             className
           ),
-          children: /* @__PURE__ */ jsx13(
+          children: /* @__PURE__ */ jsx14(
             AriaDialog,
             {
               className: cn(
                 "grid max-h-[calc(100dvh-2rem)] overflow-hidden rounded-xl bg-background text-foreground shadow-xl outline-none",
                 layoutClass
               ),
-              children: ({ close }) => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+              children: ({ close }) => /* @__PURE__ */ jsxs4(Fragment3, { children: [
                 /* @__PURE__ */ jsxs4("header", { "data-slot": "modal-dialog-header", className: "flex items-start gap-3 border-b border-border px-5 py-4", children: [
                   /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ jsx13(Heading, { slot: "title", className: "font-heading text-base leading-none font-medium", children: title }),
-                    description ? /* @__PURE__ */ jsx13(Text2, { slot: "description", className: "mt-2 text-sm text-muted-foreground", children: description }) : null
+                    /* @__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
                   ] }),
-                  showCloseButton ? /* @__PURE__ */ jsx13(
-                    Button2,
+                  showCloseButton ? /* @__PURE__ */ jsx14(
+                    Button,
                     {
                       "aria-label": "Cerrar di\xE1logo",
                       variant: "ghost",
                       size: "icon",
                       className: "-mr-2 -mt-1",
                       onPress: close,
-                      children: /* @__PURE__ */ jsx13(X, { "aria-hidden": "true", className: "size-4" })
+                      children: /* @__PURE__ */ jsx14(X, { "aria-hidden": "true", className: "size-4" })
                     }
                   ) : null
                 ] }),
-                children ? /* @__PURE__ */ jsx13("div", { "data-slot": "modal-dialog-body", className: "min-h-0 overflow-y-auto px-5 py-4", children }) : null,
-                footer ? /* @__PURE__ */ jsx13(
+                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(
                   "footer",
                   {
                     "data-slot": "modal-dialog-footer",
@@ -579,7 +917,7 @@ function ModalDialog({
 }
 
 // src/ui/confirm-dialog/confirm-dialog.tsx
-import { Fragment as Fragment5, jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 function ConfirmDialog({
   open,
   onOpenChange,
@@ -591,7 +929,7 @@ function ConfirmDialog({
   pending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15(
     ModalDialog,
     {
       open,
@@ -599,9 +937,9 @@ function ConfirmDialog({
       title,
       description,
       showCloseButton: false,
-      footer: /* @__PURE__ */ jsxs5(Fragment5, { children: [
-        /* @__PURE__ */ jsx14(Button2, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-        /* @__PURE__ */ jsx14(Button2, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+      footer: /* @__PURE__ */ jsxs5(Fragment4, { 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 })
       ] })
     }
   );
@@ -609,79 +947,475 @@ function ConfirmDialog({
 
 // src/ui/drawer/drawer.tsx
 import { Dialog as AriaDialog2, Modal as Modal2, ModalOverlay as ModalOverlay2 } from "react-aria-components";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } 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__ */ jsx15(ModalOverlay2, { 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__ */ jsx15(Modal2, { 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__ */ jsx15(AriaDialog2, { "data-slot": "drawer", className: "outline-none", children }) }) });
+  return /* @__PURE__ */ jsx16(ModalOverlay2, { 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__ */ jsx16(Modal2, { 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__ */ jsx16(AriaDialog2, { "data-slot": "drawer", className: "outline-none", children }) }) });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx15("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
+  return /* @__PURE__ */ jsx16("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx15("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__ */ jsx16("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__ */ jsx15("h2", { "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ jsx16("h2", { "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx15("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx16("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 
 // src/ui/dropdown-menu/dropdown-menu.tsx
-import { Menu as AriaMenu, MenuItem as AriaMenuItem, MenuTrigger as AriaMenuTrigger, Popover as AriaPopover, Separator as AriaSeparator } from "react-aria-components";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var DropdownMenu = AriaMenu;
-var DropdownMenuTrigger = AriaMenuTrigger;
-function DropdownMenuContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(AriaPopover, { "data-slot": "dropdown-menu-content", offset: 6, className: cn("min-w-40 overflow-hidden 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 });
+import "react";
+import { cva as cva5 } from "class-variance-authority";
+import { CheckIcon, ChevronRightIcon } from "lucide-react";
+import {
+  composeRenderProps,
+  Header as HeaderPrimitive,
+  MenuItem as MenuItemPrimitive,
+  Menu as MenuPrimitive,
+  MenuSection as MenuSectionPrimitive,
+  MenuTrigger as MenuTriggerPrimitive,
+  Popover as PopoverPrimitive,
+  Separator as SeparatorPrimitive2,
+  SubmenuTrigger as SubmenuTriggerPrimitive
+} from "react-aria-components";
+import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs6 } from "react/jsx-runtime";
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(MenuTriggerPrimitive, { "data-slot": "dropdown-menu-trigger", ...props });
 }
-function DropdownMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(AriaMenuItem, { "data-slot": "dropdown-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 });
+function DropdownMenu({
+  "data-slot": dataSlot = "dropdown-menu-content",
+  placement = "bottom start",
+  offset = 4,
+  crossOffset = 0,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    PopoverPrimitive,
+    {
+      "data-slot": dataSlot,
+      placement,
+      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__ */ jsx17(
+        MenuPrimitive,
+        {
+          className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(MenuSectionPrimitive, { "data-slot": "dropdown-menu-group", ...props });
 }
-function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(AriaSeparator, { "data-slot": "dropdown-menu-separator", className: cn("my-1 h-px bg-border", className), ...props });
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    HeaderPrimitive,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var dropdownMenuItemVariants = cva5(
+  "group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      selectionMode: {
+        none: "gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-muted focus:text-foreground not-data-[variant=destructive]:focus:**:text-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
+        single: "gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4",
+        multiple: "gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4"
+      }
+    }
+  }
+);
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    MenuItemPrimitive,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      textValue: typeof children === "string" ? children : props.textValue,
+      className: composeRenderProps(
+        className,
+        (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
+      ),
+      ...props,
+      children: composeRenderProps(
+        children,
+        (children2, { isSelected, selectionMode }) => /* @__PURE__ */ jsxs6(Fragment5, { children: [
+          selectionMode !== "none" ? /* @__PURE__ */ jsx17(
+            "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__ */ jsx17(CheckIcon, {}) : null
+            }
+          ) : null,
+          children2
+        ] })
+      )
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(SubmenuTriggerPrimitive, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    MenuItemPrimitive,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      textValue: typeof children === "string" ? children : props.textValue,
+      className: cn(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 data-open:bg-muted data-open:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: composeRenderProps(children, (children2) => /* @__PURE__ */ jsxs6(Fragment5, { children: [
+        children2,
+        /* @__PURE__ */ jsx17(ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+      ] }))
+    }
+  );
+}
+function DropdownMenuSubContent({
+  placement = "end top",
+  crossOffset = -3,
+  offset = 0,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    DropdownMenu,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn("w-auto min-w-24 rounded-lg border border-border bg-popover p-1 text-popover-foreground shadow-lg", className),
+      placement,
+      crossOffset,
+      offset,
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    SeparatorPrimitive2,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx17(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground group-focus/dropdown-menu-item:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
 }
 
 // src/ui/empty-state/empty-state.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { cva as cva6 } from "class-variance-authority";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ jsx17("div", { "data-slot": "empty-state", className: cn("flex min-h-44 w-full flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border p-6 text-center", className), ...props });
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      "data-slot": "empty-state",
+      className: cn(
+        "flex min-h-44 w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border border-dashed border-border p-6 text-center text-balance",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyStateHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      "data-slot": "empty-state-header",
+      className: cn("flex max-w-sm flex-col items-center gap-2", className),
+      ...props
+    }
+  );
+}
+var emptyStateMediaVariants = cva6(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "size-8 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+function EmptyStateMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      "data-slot": "empty-state-media",
+      "data-variant": variant,
+      className: cn(emptyStateMediaVariants({ variant }), className),
+      ...props
+    }
+  );
 }
 function EmptyStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx17("h3", { "data-slot": "empty-state-title", className: cn("text-sm font-medium text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx18(
+    "h3",
+    {
+      "data-slot": "empty-state-title",
+      className: cn("text-sm font-medium tracking-tight text-foreground", className),
+      ...props
+    }
+  );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx17("p", { "data-slot": "empty-state-description", className: cn("max-w-sm text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx18(
+    "p",
+    {
+      "data-slot": "empty-state-description",
+      className: cn(
+        "max-w-sm text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyStateContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx18(
+    "div",
+    {
+      "data-slot": "empty-state-content",
+      className: cn(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-2.5 text-sm",
+        className
+      ),
+      ...props
+    }
+  );
 }
 
+// src/ui/field/field.tsx
+import { cva as cva7 } from "class-variance-authority";
+
 // src/ui/label/label.tsx
 import { forwardRef } from "react";
 import { Label as LabelPrimitive } from "react-aria-components";
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var Label2 = forwardRef(function Label3({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx18(LabelPrimitive, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
+  return /* @__PURE__ */ jsx19(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 jsx19 } from "react/jsx-runtime";
-function Field({ className, ...props }) {
-  return /* @__PURE__ */ jsx19("div", { "data-slot": "field", className: cn("flex w-full flex-col gap-2", className), ...props });
+import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ jsx20("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx20(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": variant,
+      className: cn(
+        "mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = cva7(
+  "group/field flex w-full gap-2 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: "flex-col *:w-full [&>.sr-only]:w-auto",
+        horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start *:data-[slot=field-label]:flex-auto",
+        responsive: "flex-col *:w-full @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto"
+      }
+    },
+    defaultVariants: { orientation: "vertical" }
+  }
+);
+function Field({ className, orientation = "vertical", ...props }) {
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: FieldSet provides native fieldset semantics when they are appropriate.
+    /* @__PURE__ */ jsx20(
+      "div",
+      {
+        role: "group",
+        "data-slot": "field",
+        "data-orientation": orientation,
+        className: cn(fieldVariants({ orientation }), className),
+        ...props
+      }
+    )
+  );
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: cn("flex flex-1 flex-col gap-0.5 leading-snug", className),
+      ...props
+    }
+  );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(Label2, { "data-slot": "field-label", className: cn("text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx20(
+    Label2,
+    {
+      "data-slot": "field-label",
+      className: cn(
+        "flex w-fit gap-2 leading-snug text-foreground group-data-[disabled=true]/field:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      "data-slot": "field-title",
+      className: cn("flex w-fit items-center gap-2 text-sm font-medium", className),
+      ...props
+    }
+  );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx19("p", { "data-slot": "field-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx20(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn(
+        "text-left text-sm leading-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function FieldSeparator({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": Boolean(children) || void 0,
+      className: cn("relative -my-2 h-5 text-sm", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx20(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ jsx20(
+          "span",
+          {
+            "data-slot": "field-separator-content",
+            className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
+            children
+          }
+        ) : null
+      ]
+    }
+  );
 }
-function FieldError2({ className, children, ...props }) {
-  if (!children) return null;
-  return /* @__PURE__ */ jsx19("p", { role: "alert", "data-slot": "field-error", className: cn("text-sm text-destructive", className), ...props, children });
+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__ */ jsx20("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ jsx20("li", { children: message }, message)) }) : null);
+  if (!content) return null;
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-sm text-destructive", className),
+      ...props,
+      children: content
+    }
+  );
 }
 
 // src/ui/form-feedback/form-feedback.tsx
 import { useCallback as useCallback3, useEffect as useEffect4, useRef as useRef3, useState as useState6 } from "react";
 import { CheckCircle, LoaderCircle, CircleAlert } from "lucide-react";
-import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
   const [state, setState] = useState6({ status: "idle" });
@@ -711,53 +1445,108 @@ function useFormFeedback(options) {
   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__ */ jsx20("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+  if (state.status === "idle") return /* @__PURE__ */ jsx21("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__ */ jsxs6("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__ */ jsx20(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-    success && /* @__PURE__ */ jsx20(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-    error && /* @__PURE__ */ jsx20(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-    /* @__PURE__ */ jsx20("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+  return /* @__PURE__ */ jsxs8("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__ */ jsx21(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    success && /* @__PURE__ */ jsx21(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+    error && /* @__PURE__ */ jsx21(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+    /* @__PURE__ */ jsx21("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
   ] });
 }
 
 // src/ui/form-row/form-row.tsx
-import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs9 } 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__ */ jsxs7("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ jsxs7("label", { htmlFor, className: "text-sm font-medium text-foreground", children: [
+  return /* @__PURE__ */ jsxs9("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ jsxs9("label", { htmlFor, className: "text-sm font-medium text-foreground", children: [
       label,
-      required && /* @__PURE__ */ jsxs7(Fragment6, { children: [
-        /* @__PURE__ */ jsx21("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
-        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: " (obligatorio)" })
+      required && /* @__PURE__ */ jsxs9(Fragment6, { children: [
+        /* @__PURE__ */ jsx22("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
+        /* @__PURE__ */ jsx22("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ jsx21("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
-    error && /* @__PURE__ */ jsx21("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
+    hint && /* @__PURE__ */ jsx22("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
+    error && /* @__PURE__ */ jsx22("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
   ] });
 }
 
 // src/ui/icon-button/icon-button.tsx
-import { Link } from "react-aria-components";
+import { Link as Link2 } from "react-aria-components";
 
 // src/ui/tooltip/tooltip.tsx
+import * as React2 from "react";
 import {
-  Tooltip as AriaTooltip,
-  TooltipTrigger as AriaTooltipTrigger
+  Focusable,
+  OverlayArrow,
+  Tooltip as TooltipPrimitive,
+  TooltipTrigger as TooltipTriggerPrimitive
 } from "react-aria-components";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var TooltipTrigger = AriaTooltipTrigger;
-function Tooltip({ className, ...props }) {
-  return /* @__PURE__ */ jsx22(AriaTooltip, { "data-slot": "tooltip", offset: 6, className: cn("max-w-xs rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background shadow-md outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+import { jsx as jsx23, jsxs as jsxs10 } from "react/jsx-runtime";
+function TooltipTrigger({
+  delay = 0,
+  children,
+  ...props
+}) {
+  const [trigger, tooltip] = React2.Children.toArray(children);
+  return /* @__PURE__ */ jsxs10(
+    TooltipTriggerPrimitive,
+    {
+      "data-slot": "tooltip-trigger",
+      delay,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx23(Focusable, { children: trigger }),
+        tooltip
+      ]
+    }
+  );
+}
+function Tooltip({
+  className,
+  placement = "top",
+  offset = 4,
+  crossOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs10(
+    TooltipPrimitive,
+    {
+      "data-slot": "tooltip-content",
+      placement,
+      offset,
+      crossOffset,
+      className: cn(
+        "z-50 inline-flex w-fit max-w-xs origin-(--trigger-anchor-point) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background shadow-md outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out has-data-[slot=kbd]:pr-1.5 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx23(
+          OverlayArrow,
+          {
+            className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-foreground fill-foreground",
+            style: ({ placement: placement2, defaultStyle }) => ({
+              ...defaultStyle,
+              rotate: "0deg",
+              translate: "0 0",
+              transform: placement2 === "bottom" ? "translate(-50%, calc(50% + 2px)) rotate(45deg)" : placement2 === "top" ? "translate(-50%, calc(-50% - 2px)) rotate(45deg)" : placement2 === "left" ? "translate(calc(-50% - 2px), -50%) rotate(45deg)" : "translate(calc(50% + 2px), -50%) rotate(45deg)"
+            })
+          }
+        )
+      ]
+    }
+  );
 }
-var TooltipContent = Tooltip;
 
 // src/ui/icon-button/icon-button.tsx
-import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 function IconButton({
   label,
   children,
@@ -770,9 +1559,9 @@ function IconButton({
     buttonVariants({ variant, size: "icon" }),
     className
   );
-  return /* @__PURE__ */ jsxs8(TooltipTrigger, { children: [
-    href ? /* @__PURE__ */ jsx23(
-      Link,
+  return /* @__PURE__ */ jsxs11(TooltipTrigger, { children: [
+    href ? /* @__PURE__ */ jsx24(
+      Link2,
       {
         "data-slot": "icon-button",
         "aria-label": label,
@@ -780,8 +1569,8 @@ function IconButton({
         className: linkClassName,
         children
       }
-    ) : /* @__PURE__ */ jsx23(
-      Button2,
+    ) : /* @__PURE__ */ jsx24(
+      Button,
       {
         "data-slot": "icon-button",
         "aria-label": label,
@@ -792,125 +1581,359 @@ function IconButton({
         children
       }
     ),
-    /* @__PURE__ */ jsx23(Tooltip, { children: label })
+    /* @__PURE__ */ jsx24(Tooltip, { children: label })
   ] });
 }
 
-// src/ui/input-group/input-group.tsx
-import { cva as cva3 } 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 jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var InputImpl = forwardRef2(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx24(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__ */ jsx25(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/input-group/input-group.tsx
+import { cva as cva8 } from "class-variance-authority";
+
 // src/ui/textarea/textarea.tsx
 import { forwardRef as forwardRef3 } from "react";
 import { TextArea as AriaTextArea } from "react-aria-components";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var TextareaImpl = forwardRef3(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx25(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__ */ jsx26(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 jsx26 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx26("div", { role: "group", "data-slot": "input-group", className: cn("group/input-group flex min-h-8 w-full min-w-0 items-center rounded-lg border border-border transition-colors has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive", className), ...props });
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
+    /* @__PURE__ */ jsx27(
+      "div",
+      {
+        role: "group",
+        "data-slot": "input-group",
+        className: cn(
+          "group/input-group relative flex min-h-8 w-full min-w-0 items-center rounded-lg border border-border transition-colors outline-none has-disabled:bg-muted/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]]:ring-3 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[>[data-align^=block]]:h-auto has-[>[data-align^=block]]:flex-col",
+          className
+        ),
+        ...props
+      }
+    )
+  );
 }
-var addonVariants = cva3("flex items-center justify-center gap-2 px-2 text-sm text-muted-foreground", { variants: { align: { "inline-start": "order-first", "inline-end": "order-last", "block-start": "w-full justify-start border-b py-2", "block-end": "w-full justify-start border-t py-2" } }, defaultVariants: { align: "inline-start" } });
-function InputGroupAddon({ className, align, ...props }) {
-  return /* @__PURE__ */ jsx26("div", { "data-slot": "input-group-addon", "data-align": align, className: cn(addonVariants({ align }), className), ...props });
+var inputGroupAddonVariants = cva8(
+  "flex cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      align: {
+        "inline-start": "order-first pl-2",
+        "inline-end": "order-last pr-2",
+        "block-start": "order-first w-full justify-start px-2.5 pt-2",
+        "block-end": "order-last w-full justify-start px-2.5 pb-2"
+      }
+    },
+    defaultVariants: { align: "inline-start" }
+  }
+);
+function InputGroupAddon({
+  className,
+  align = "inline-start",
+  onClick,
+  ...props
+}) {
+  return (
+    // biome-ignore lint/a11y/useSemanticElements: this addon delegates focus to its associated input.
+    /* @__PURE__ */ jsx27(
+      "div",
+      {
+        role: "group",
+        "data-slot": "input-group-addon",
+        "data-align": align,
+        className: cn(inputGroupAddonVariants({ align }), className),
+        onClick: (event) => {
+          onClick?.(event);
+          if (!event.defaultPrevented && !event.target.closest("button"))
+            event.currentTarget.parentElement?.querySelector("input, textarea")?.focus();
+        },
+        ...props
+      }
+    )
+  );
 }
-function InputGroupButton({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(Button2, { "data-slot": "input-group-button", size: "icon", variant: "ghost", className: cn("size-7 shrink-0", className), ...props });
+var inputGroupButtonVariants = cva8("shrink-0 shadow-none", {
+  variants: {
+    size: { xs: "h-6 px-1.5 text-xs", sm: "h-7 px-2", "icon-xs": "size-6", "icon-sm": "size-7" }
+  },
+  defaultVariants: { size: "xs" }
+});
+function InputGroupButton({
+  className,
+  type = "button",
+  variant = "ghost",
+  size = "xs",
+  ...props
+}) {
+  const buttonSize = size === "icon-xs" || size === "icon-sm" ? size : size;
+  return /* @__PURE__ */ jsx27(
+    Button,
+    {
+      "data-slot": "input-group-button",
+      type,
+      size: buttonSize,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx26("span", { "data-slot": "input-group-text", className: cn("px-2 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx27(
+    "span",
+    {
+      "data-slot": "input-group-text",
+      className: cn(
+        "flex items-center gap-2 text-sm text-muted-foreground [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function InputGroupInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(Input3, { "data-slot": "input-group-control", className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0", className), ...props });
+  return /* @__PURE__ */ jsx27(
+    Input3,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function InputGroupTextarea({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(Textarea2, { "data-slot": "input-group-control", className: cn("flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0", className), ...props });
+  return /* @__PURE__ */ jsx27(
+    Textarea2,
+    {
+      "data-slot": "input-group-control",
+      className: cn(
+        "flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0",
+        className
+      ),
+      ...props
+    }
+  );
 }
 
 // src/ui/kbd/kbd.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx27("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__ */ jsx28("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__ */ jsx27("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+  return /* @__PURE__ */ jsx28("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 jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
 function LoadingOverlay({ label = "Cargando", className, ...props }) {
-  return /* @__PURE__ */ jsx28("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__ */ jsxs9("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
-    /* @__PURE__ */ jsx28(LoaderCircle2, { className: "animate-spin", "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx28("span", { children: label })
+  return /* @__PURE__ */ jsx29("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__ */ jsxs12("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
+    /* @__PURE__ */ jsx29(LoaderCircle2, { className: "animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx29("span", { children: label })
   ] }) });
 }
 
 // src/ui/menu/menu.tsx
 import {
-  Menu as AriaMenu2,
-  MenuItem as AriaMenuItem2,
-  MenuTrigger as AriaMenuTrigger2,
+  Menu as AriaMenu,
+  MenuItem as AriaMenuItem,
+  MenuTrigger as AriaMenuTrigger,
   Popover as Popover3
 } from "react-aria-components";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var MenuTrigger = AriaMenuTrigger2;
+import { jsx as jsx30 } from "react/jsx-runtime";
+var MenuTrigger = AriaMenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx29(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__ */ jsx30(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__ */ jsx29(AriaMenu2, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ jsx30(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx29(AriaMenuItem2, { "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__ */ jsx30(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/otp-input/otp-input.tsx
+import {
+  forwardRef as forwardRef4,
+  useImperativeHandle,
+  useRef as useRef4,
+  useState as useState7
+} from "react";
+import { Input as AriaInput3 } from "react-aria-components";
+import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+function normalizeOtp(value, length) {
+  return value.replace(/[^0-9]/g, "").slice(0, length);
+}
+var OtpInputImpl = forwardRef4(function OtpInput({
+  length = 6,
+  value,
+  defaultValue = "",
+  onChange,
+  onComplete,
+  className,
+  inputClassName,
+  disabled,
+  onBlur,
+  onFocus,
+  onKeyUp,
+  onSelect,
+  ...props
+}, forwardedRef) {
+  const slotCount = Math.max(1, Math.floor(length));
+  const controlled = value !== void 0;
+  const [internalValue, setInternalValue] = useState7(() => 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] = useState7(false);
+  const [selectionStart, setSelectionStart] = useState7(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);
+  function updateSelection(input) {
+    setSelectionStart(input.selectionStart ?? code.length);
+  }
+  function commitValue(rawValue) {
+    const nextValue = normalizeOtp(rawValue, slotCount);
+    if (!controlled) setInternalValue(nextValue);
+    if (nextValue === code) return;
+    onChange?.(nextValue);
+    if (nextValue.length === slotCount) onComplete?.(nextValue);
+  }
+  function handlePointerDown(event) {
+    if (disabled) return;
+    event.preventDefault();
+    const input = inputRef.current;
+    if (!input) return;
+    const bounds = event.currentTarget.getBoundingClientRect();
+    const offset = bounds.width > 0 ? (event.clientX - bounds.left) / bounds.width : 1;
+    const position = Math.min(Math.max(Math.floor(offset * slotCount), 0), code.length);
+    input.focus();
+    input.setSelectionRange(position, position);
+    setSelectionStart(position);
+  }
+  return /* @__PURE__ */ jsxs13(
+    "div",
+    {
+      "data-slot": "otp-input",
+      "data-disabled": disabled || void 0,
+      "data-invalid": invalid || void 0,
+      className: cn("relative inline-grid max-w-full gap-2", className),
+      style: { gridTemplateColumns: `repeat(${slotCount}, minmax(0, 2.5rem))` },
+      onPointerDown: handlePointerDown,
+      children: [
+        /* @__PURE__ */ jsx31(
+          AriaInput3,
+          {
+            ...props,
+            ref: inputRef,
+            type: "text",
+            inputMode: props.inputMode ?? "numeric",
+            autoComplete: props.autoComplete ?? "one-time-code",
+            pattern: props.pattern ?? "[0-9]*",
+            maxLength: slotCount,
+            value: code,
+            disabled,
+            "data-slot": "otp-input-control",
+            className: cn(
+              "absolute inset-0 z-10 size-full cursor-text appearance-none rounded-lg border-0 bg-transparent text-base text-transparent caret-transparent outline-none selection:bg-transparent disabled:cursor-not-allowed",
+              inputClassName
+            ),
+            onChange: (event) => {
+              commitValue(event.currentTarget.value);
+              updateSelection(event.currentTarget);
+            },
+            onFocus: (event) => {
+              setFocused(true);
+              updateSelection(event.currentTarget);
+              onFocus?.(event);
+            },
+            onBlur: (event) => {
+              setFocused(false);
+              onBlur?.(event);
+            },
+            onSelect: (event) => {
+              updateSelection(event.currentTarget);
+              onSelect?.(event);
+            },
+            onKeyUp: (event) => {
+              updateSelection(event.currentTarget);
+              onKeyUp?.(event);
+            }
+          }
+        ),
+        slots.map((slot, index) => /* @__PURE__ */ jsx31(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-slot": "otp-input-slot",
+            "data-active": focused && index === activeIndex || void 0,
+            className: cn(
+              "pointer-events-none grid size-10 place-items-center rounded-lg border border-border bg-background text-base font-medium tabular-nums text-foreground transition-[border-color,box-shadow]",
+              focused && index === activeIndex && "border-ring ring-3 ring-ring/50",
+              invalid && "border-destructive",
+              disabled && "opacity-50"
+            ),
+            children: code[index] ?? ""
+          },
+          slot
+        ))
+      ]
+    }
+  );
+});
+var OtpInput2 = OtpInputImpl;
+
 // src/ui/page-header/page-header.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx30("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__ */ jsx32("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__ */ jsx30("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx32("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx30("h1", { "data-slot": "page-header-title", className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className), ...props });
+  return /* @__PURE__ */ jsx32("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__ */ jsx30("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx32("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx30("div", { "data-slot": "page-header-actions", className: cn("flex shrink-0 items-center gap-2", className), ...props });
+  return /* @__PURE__ */ jsx32("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 jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
 function Pagination({ page, pageCount, onPageChange, className }) {
   const pages = Array.from({ length: pageCount }, (_, index) => index + 1);
-  return /* @__PURE__ */ jsxs10("nav", { "aria-label": "Paginaci\xF3n", className: cn("flex items-center justify-between gap-4", className), children: [
-    /* @__PURE__ */ jsxs10("p", { className: "text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ jsxs14("nav", { "aria-label": "Paginaci\xF3n", className: cn("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ jsxs14("p", { className: "text-sm text-muted-foreground", children: [
       "P\xE1gina ",
       page,
       " de ",
       pageCount
     ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ jsx31(Button2, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx31(ChevronLeft, {}) }),
-      pages.map((item) => /* @__PURE__ */ jsx31(Button2, { "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__ */ jsx31(Button2, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx31(ChevronRight, {}) })
+    /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx33(Button, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx33(ChevronLeft, {}) }),
+      pages.map((item) => /* @__PURE__ */ jsx33(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__ */ jsx33(Button, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx33(ChevronRight, {}) })
     ] })
   ] });
 }
@@ -918,24 +1941,24 @@ function Pagination({ page, pageCount, onPageChange, className }) {
 // src/ui/popover/popover.tsx
 import {
   DialogTrigger as AriaDialogTrigger,
-  Popover as AriaPopover2
+  Popover as AriaPopover
 } from "react-aria-components";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var PopoverTrigger = AriaDialogTrigger;
 function Popover4({ className, ...props }) {
-  return /* @__PURE__ */ jsx32(AriaPopover2, { "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__ */ jsx34(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;
 
 // src/ui/quantity-input/quantity-input.tsx
 import { Minus, Plus } from "lucide-react";
 import {
-  Button as AriaButton2,
+  Button as AriaButton,
   Group as AriaGroup,
-  Input as AriaInput3,
+  Input as AriaInput4,
   NumberField as AriaNumberField
 } from "react-aria-components";
-import { jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs15 } from "react/jsx-runtime";
 function QuantityInput({
   className,
   inputClassName,
@@ -945,7 +1968,7 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx35(
     AriaNumberField,
     {
       ...props,
@@ -953,15 +1976,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__ */ jsxs11(
+      children: /* @__PURE__ */ jsxs15(
         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__ */ jsx33(AriaButton2, { 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__ */ jsx33(Minus, { "aria-hidden": "true", className: "size-4" }) }),
-            /* @__PURE__ */ jsx33(AriaInput3, { "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__ */ jsx33(AriaButton2, { 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__ */ jsx33(Plus, { "aria-hidden": "true", className: "size-4" }) })
+            /* @__PURE__ */ jsx35(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__ */ jsx35(Minus, { "aria-hidden": "true", className: "size-4" }) }),
+            /* @__PURE__ */ jsx35(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__ */ jsx35(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__ */ jsx35(Plus, { "aria-hidden": "true", className: "size-4" }) })
           ]
         }
       )
@@ -972,55 +1995,182 @@ function QuantityInput({
 // src/ui/search-field/search-field.tsx
 import {
   SearchField as AriaSearchField,
-  Button as Button3,
+  Button as Button2,
   Input as Input4
 } from "react-aria-components";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var SearchField = AriaSearchField;
 function SearchInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(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 });
+  return /* @__PURE__ */ jsx36(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__ */ jsx34(X2, { "aria-hidden": "true", className: "size-4" }), ...props }) {
-  return /* @__PURE__ */ jsx34(Button3, { 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 });
+function SearchClearButton({ className, children = /* @__PURE__ */ jsx36(X2, { "aria-hidden": "true", className: "size-4" }), ...props }) {
+  return /* @__PURE__ */ jsx36(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 AriaButton3,
+  Button as AriaButton2,
   Select as AriaSelect,
   SelectValue as AriaSelectValue,
   ListBox as ListBox3,
   ListBoxItem as ListBoxItem3,
   Popover as Popover5
 } from "react-aria-components";
-import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
 var Select = AriaSelect;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx35(AriaButton3, { "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__ */ jsxs12(Fragment7, { children: [
+  return /* @__PURE__ */ jsx37(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__ */ jsxs16(Fragment7, { children: [
     typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ jsx35(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__ */ jsx37(ChevronDown, { "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__ */ jsx35(AriaSelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx37(AriaSelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx35(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__ */ jsx37(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__ */ jsx35(ListBox3, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
+  return /* @__PURE__ */ jsx37(ListBox3, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
 }
 function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx35(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__ */ jsx37(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/separator/separator.tsx
-import { Separator as AriaSeparator2 } from "react-aria-components";
-import { jsx as jsx36 } from "react/jsx-runtime";
-function Separator({ className, orientation = "horizontal", ...props }) {
-  return /* @__PURE__ */ jsx36(AriaSeparator2, { "data-slot": "separator", orientation, className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className), ...props });
+// src/ui/sheet/sheet.tsx
+import { XIcon } from "lucide-react";
+import {
+  Heading as Heading2,
+  ModalOverlay as ModalOverlayPrimitive,
+  Modal as ModalPrimitive,
+  Dialog as SheetPrimitive,
+  DialogTrigger as SheetTriggerPrimitive,
+  Text as Text3
+} from "react-aria-components";
+import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx38(SheetTriggerPrimitive, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ className, variant = "outline", size = "default", ...props }) {
+  return /* @__PURE__ */ jsx38(
+    Button,
+    {
+      slot: "close",
+      "data-slot": "sheet-close",
+      variant,
+      size,
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function SheetOverlay({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    ModalOverlayPrimitive,
+    {
+      "data-slot": "sheet-overlay",
+      isDismissable: true,
+      className: cn(
+        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-entering:opacity-0 data-exiting:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function Sheet({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(SheetOverlay, { ...props, children: /* @__PURE__ */ jsx38(
+    ModalPrimitive,
+    {
+      "data-slot": "sheet-content",
+      "data-side": side,
+      className: cn(
+        "fixed z-50 flex flex-col gap-4 border-border bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-entering:opacity-0 data-exiting:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-entering:translate-y-10 data-[side=bottom]:data-exiting:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-entering:-translate-x-10 data-[side=left]:data-exiting:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-entering:translate-x-10 data-[side=right]:data-exiting:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-entering:-translate-y-10 data-[side=top]:data-exiting:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs17(
+        SheetPrimitive,
+        {
+          "data-slot": "sheet",
+          className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
+          children: [
+            children,
+            showCloseButton && /* @__PURE__ */ jsxs17(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+              /* @__PURE__ */ jsx38(XIcon, {}),
+              /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "Cerrar" })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(Sheet, { className, side, showCloseButton, ...props, children });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-0.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx38(
+    Heading2,
+    {
+      slot: "title",
+      "data-slot": "sheet-title",
+      className: cn("text-base font-medium text-foreground", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx38(
+    Text3,
+    {
+      slot: "description",
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
 }
 
 // src/ui/sidebar/sidebar.tsx
@@ -1034,10 +2184,10 @@ import {
   createContext as createContext2,
   useContext as useContext2,
   useMemo as useMemo2,
-  useState as useState7
+  useState as useState8
 } from "react";
-import { Link as Link2 } from "react-aria-components";
-import { Fragment as Fragment8, jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Link as Link3 } from "react-aria-components";
+import { Fragment as Fragment8, jsx as jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
 var SidebarContext = createContext2(null);
 function useSidebar() {
   const context = useContext2(SidebarContext);
@@ -1049,7 +2199,7 @@ function SidebarProvider({
   defaultCollapsed = false,
   children
 }) {
-  const [collapsed, setCollapsed] = useState7(defaultCollapsed);
+  const [collapsed, setCollapsed] = useState8(defaultCollapsed);
   const value = useMemo2(
     () => ({
       collapsed,
@@ -1058,14 +2208,14 @@ function SidebarProvider({
     }),
     [collapsed]
   );
-  return /* @__PURE__ */ jsx37(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx39(SidebarContext.Provider, { value, children });
 }
 function Sidebar({
   className,
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "aside",
     {
       "data-slot": "sidebar",
@@ -1082,7 +2232,7 @@ function SidebarHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -1097,7 +2247,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs18(
     "button",
     {
       type: "button",
@@ -1108,9 +2258,9 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx37(Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ jsx37("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ jsx37("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
+        /* @__PURE__ */ jsx39(Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx39("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ jsx39("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
       ]
     }
   );
@@ -1119,7 +2269,7 @@ function SidebarContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -1133,7 +2283,7 @@ function SidebarFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -1152,14 +2302,14 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs18(
     "section",
     {
       "data-slot": "sidebar-group",
       className: cn("mb-4 last:mb-0", className),
       ...props,
       children: [
-        label && /* @__PURE__ */ jsx37(
+        label && /* @__PURE__ */ jsx39(
           "h2",
           {
             className: cn(
@@ -1185,8 +2335,8 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ jsx37(
-    Link2,
+  return /* @__PURE__ */ jsx39(
+    Link3,
     {
       "data-slot": "sidebar-item",
       "aria-current": active ? "page" : void 0,
@@ -1197,16 +2347,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
-        /* @__PURE__ */ jsx37("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ jsx37(
+      children: (values) => /* @__PURE__ */ jsxs18(Fragment8, { children: [
+        /* @__PURE__ */ jsx39("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx39(
           "span",
           {
             className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"),
             children: typeof children === "function" ? children(values) : content
           }
         ),
-        badge && !collapsed && /* @__PURE__ */ jsx37("span", { className: "text-xs text-muted-foreground", children: badge })
+        badge && !collapsed && /* @__PURE__ */ jsx39("span", { className: "text-xs text-muted-foreground", children: badge })
       ] })
     }
   );
@@ -1215,7 +2365,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -1226,8 +2376,8 @@ function SidebarSeparator({
 }
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
-  return /* @__PURE__ */ jsx37(
-    Button2,
+  return /* @__PURE__ */ jsx39(
+    Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
       onPress: toggle,
@@ -1235,7 +2385,7 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...props,
-      children: collapsed ? /* @__PURE__ */ jsx37(ChevronRight2, {}) : /* @__PURE__ */ jsx37(ChevronLeft2, {})
+      children: collapsed ? /* @__PURE__ */ jsx39(ChevronRight2, {}) : /* @__PURE__ */ jsx39(ChevronLeft2, {})
     }
   );
 }
@@ -1244,7 +2394,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "button",
     {
       type: "button",
@@ -1259,34 +2409,34 @@ function SidebarRail({
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
-    Button2,
+  return /* @__PURE__ */ jsx39(
+    Button,
     {
       "aria-label": "M\xE1s opciones",
       size: "icon",
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ jsx37(Ellipsis, {})
+      children: /* @__PURE__ */ jsx39(Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx38("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx40("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 Fragment9, jsx as jsx39, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx41, jsxs as jsxs19 } 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__ */ jsx39(Button2, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ jsxs14(Fragment9, { children: [
-    /* @__PURE__ */ jsx39(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+  return /* @__PURE__ */ jsx41(Button, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ jsxs19(Fragment9, { children: [
+    /* @__PURE__ */ jsx41(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
     pendingLabel
   ] }) : children });
 }
@@ -1296,14 +2446,14 @@ import {
   SwitchButton as AriaSwitchButton,
   SwitchField as AriaSwitchField
 } from "react-aria-components";
-import { Fragment as Fragment10, jsx as jsx40, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx42, jsxs as jsxs20 } from "react/jsx-runtime";
 var sizeStyles = {
   sm: { track: "h-5 w-9 p-0.5", thumb: "size-4", travel: "group-data-selected/switch:translate-x-4" },
   md: { track: "h-6 w-11 p-0.5", thumb: "size-5", travel: "group-data-selected/switch:translate-x-5" }
 };
 function Switch({ className, children, size = "sm", ...props }) {
   const styles = sizeStyles[size];
-  return /* @__PURE__ */ jsx40(AriaSwitchField, { ...props, children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx42(AriaSwitchField, { ...props, children: /* @__PURE__ */ jsx42(
     AriaSwitchButton,
     {
       "data-slot": "switch",
@@ -1313,8 +2463,8 @@ function Switch({ className, children, size = "sm", ...props }) {
         "data-disabled:cursor-not-allowed data-disabled:opacity-50",
         typeof className === "function" ? className(state) : className
       ),
-      children: (state) => /* @__PURE__ */ jsxs15(Fragment10, { children: [
-        /* @__PURE__ */ jsx40(
+      children: (state) => /* @__PURE__ */ jsxs20(Fragment10, { children: [
+        /* @__PURE__ */ jsx42(
           "span",
           {
             "aria-hidden": "true",
@@ -1329,7 +2479,7 @@ function Switch({ className, children, size = "sm", ...props }) {
               "motion-reduce:transition-none",
               styles.track
             ),
-            children: /* @__PURE__ */ jsx40(
+            children: /* @__PURE__ */ jsx42(
               "span",
               {
                 className: cn(
@@ -1344,34 +2494,92 @@ function Switch({ className, children, size = "sm", ...props }) {
             )
           }
         ),
-        children != null && /* @__PURE__ */ jsx40("span", { className: "select-none font-medium leading-5 text-foreground", children: typeof children === "function" ? children(state) : children })
+        children != null && /* @__PURE__ */ jsx42("span", { className: "select-none font-medium leading-5 text-foreground", children: typeof children === "function" ? children(state) : children })
       ] })
     }
   ) });
 }
 
 // src/ui/table/table.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx41("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx41("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) });
+  return /* @__PURE__ */ jsx43("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx43(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx41("thead", { "data-slot": "table-header", className: cn("border-b border-border", className), ...props });
+  return /* @__PURE__ */ jsx43("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx41("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
+  return /* @__PURE__ */ jsx43(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx41("tr", { "data-slot": "table-row", className: cn("border-b border-border transition-colors hover:bg-muted/50", className), ...props });
+  return /* @__PURE__ */ jsx43(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "border-b border-border transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx41("th", { "data-slot": "table-head", className: cn("h-10 px-3 text-left align-middle text-xs font-medium text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx43(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx41("td", { "data-slot": "table-cell", className: cn("p-3 align-middle", className), ...props });
+  return /* @__PURE__ */ jsx43(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0", className),
+      ...props
+    }
+  );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx41("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx43(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx43(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className),
+      ...props
+    }
+  );
 }
 
 // src/ui/tabs/tabs.tsx
@@ -1381,122 +2589,102 @@ import {
   TabPanel as AriaTabPanel,
   TabPanels as AriaTabPanels,
   Tabs as AriaTabs,
-  composeRenderProps
+  composeRenderProps as composeRenderProps2
 } from "react-aria-components";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(AriaTabs, { "data-slot": "tabs", className: composeRenderProps(className, (value) => cn("flex flex-col gap-2", value)), ...props });
+  return /* @__PURE__ */ jsx44(AriaTabs, { "data-slot": "tabs", className: composeRenderProps2(className, (value) => cn("flex flex-col gap-2", value)), ...props });
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(AriaTabList, { "data-slot": "tabs-list", className: composeRenderProps(className, (value) => cn("inline-flex w-fit items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground", value)), ...props });
+  return /* @__PURE__ */ jsx44(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__ */ jsx42(AriaTab, { "data-slot": "tabs-trigger", className: composeRenderProps(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__ */ jsx44(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__ */ jsx42(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx44(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx42(AriaTabPanel, { "data-slot": "tabs-content", className: composeRenderProps(className, (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)), ...props });
+  return /* @__PURE__ */ jsx44(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 useEffect5, useSyncExternalStore } from "react";
-import { CheckCircle as CheckCircle2, Info, CircleAlert as CircleAlert2, XCircle, X as X3 } from "lucide-react";
-import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs16 } from "react/jsx-runtime";
-var records = [];
-var listeners = /* @__PURE__ */ new Set();
-var snapshot = () => records;
-var emit = () => listeners.forEach((listener) => listener());
-var subscribe = (listener) => {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
-};
-var remove = (id) => {
-  records = records.filter((record) => record.id !== id);
-  emit();
-};
-function create(options) {
-  const id = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-  records = [...records, { ...options, id, state: "open", variant: options.variant ?? "default", duration: options.duration ?? 5e3, position: options.position ?? "bottom-right" }];
-  emit();
-  return id;
-}
-function dismiss(id) {
-  if (!records.some((record) => record.id === id && record.state === "open")) return;
-  records = records.map((record) => record.id === id ? { ...record, state: "closing" } : record);
-  emit();
-  window.setTimeout(() => remove(id), 180);
+import { useEffect as useEffect5 } from "react";
+import { sileo, Toaster as SileoToaster } from "sileo";
+import { Fragment as Fragment11, jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+function toSileoOptions({ title, description, duration, position, action }) {
+  return {
+    title,
+    description,
+    duration: duration === 0 ? null : duration,
+    position,
+    button: action ? { title: action.label, onClick: action.onPress } : void 0
+  };
 }
-function update(id, patch) {
-  records = records.map((record) => record.id === id ? { ...record, ...patch, state: "open" } : record);
-  emit();
+function create(options) {
+  const sileoOptions = toSileoOptions(options);
+  if (options.action) return sileo.action(sileoOptions);
+  if (options.variant === "success") return sileo.success(sileoOptions);
+  if (options.variant === "error") return sileo.error(sileoOptions);
+  if (options.variant === "warning") return sileo.warning(sileoOptions);
+  if (options.variant === "info") return sileo.info(sileoOptions);
+  return sileo.show(sileoOptions);
 }
 var toast = Object.assign((options) => create(options), {
   success: (title, options) => create({ ...options, title, variant: "success" }),
   error: (title, options) => create({ ...options, title, variant: "error" }),
   warning: (title, options) => create({ ...options, title, variant: "warning" }),
   info: (title, options) => create({ ...options, title, variant: "info" }),
-  dismiss,
+  dismiss: (id) => sileo.dismiss(id),
   promise: (promise, options) => {
-    const id = create({ title: options.loading, description: options.description, variant: "default", duration: 0, position: options.position });
-    promise.then((value) => update(id, { title: typeof options.success === "function" ? options.success(value) : options.success, variant: "success", duration: 4e3 })).catch((error) => update(id, { title: typeof options.error === "function" ? options.error(error) : options.error, variant: "error", duration: 6e3 }));
-    return promise;
+    const shared = { description: options.description, position: options.position };
+    return sileo.promise(promise, {
+      loading: { ...shared, title: options.loading },
+      success: (value) => ({ ...shared, title: typeof options.success === "function" ? options.success(value) : options.success }),
+      error: (error) => ({ ...shared, title: typeof options.error === "function" ? options.error(error) : options.error }),
+      position: options.position
+    });
   }
 });
 function useToast() {
   return toast;
 }
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ jsxs16(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment11, { children: [
     children,
-    /* @__PURE__ */ jsx43(Toaster, {})
+    /* @__PURE__ */ jsx45(Toaster, {})
   ] });
 }
-var positionClasses = {
-  "top-left": "top-4 left-4 items-start",
-  "top-center": "top-4 left-1/2 -translate-x-1/2 items-center",
-  "top-right": "top-4 right-4 items-end",
-  "bottom-left": "bottom-4 left-4 items-start",
-  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 items-center",
-  "bottom-right": "bottom-4 right-4 items-end"
-};
-function Toaster({ position = "bottom-right" }) {
-  return /* @__PURE__ */ jsx43(Fragment11, { children: Object.keys(positionClasses).map((item) => /* @__PURE__ */ jsx43(ToastViewport, { position: item, visiblePosition: position }, item)) });
+function Toaster({ position }) {
+  return /* @__PURE__ */ jsx45(SileoToaster, { position });
 }
 function ToastViewport({ position, visiblePosition, className }) {
-  const toasts = useSyncExternalStore(subscribe, snapshot, snapshot).filter((item) => item.position === position);
-  if (visiblePosition && position !== visiblePosition && toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx43("div", { "aria-label": `Notificaciones ${position}`, className: cn("pointer-events-none fixed z-50 flex w-[min(24rem,calc(100vw-2rem))] flex-col gap-2", positionClasses[position], className), children: toasts.map((item) => /* @__PURE__ */ jsx43(Toast, { ...item, onDismiss: () => dismiss(item.id) }, item.id)) });
+  void className;
+  if (visiblePosition && visiblePosition !== position) return null;
+  return /* @__PURE__ */ jsx45(Toaster, { position });
 }
-function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, onDismiss }) {
+function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, position, onDismiss }) {
   useEffect5(() => {
-    if (state !== "open" || duration <= 0) return;
-    const timeout = window.setTimeout(() => dismiss(id), duration);
-    return () => window.clearTimeout(timeout);
-  }, [duration, id, state]);
-  const Icon = variant === "success" ? CheckCircle2 : variant === "error" ? XCircle : variant === "warning" ? CircleAlert2 : variant === "info" ? Info : Info;
-  return /* @__PURE__ */ jsx43("div", { role: variant === "error" ? "alert" : "status", "data-state": state, className: cn("pointer-events-auto w-full overflow-hidden rounded-xl border border-border/80 bg-background/95 p-3.5 text-foreground shadow-xl shadow-black/10 backdrop-blur-md animate-ui-toast-in", "data-[state=closing]:animate-ui-toast-out motion-reduce:animate-none", variant === "success" && "border-success/30", variant === "error" && "border-destructive/30", variant === "warning" && "border-warning/40"), children: /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx43(Icon, { "aria-hidden": "true", className: cn("mt-0.5 size-5 shrink-0", variant === "success" && "text-success", variant === "error" && "text-destructive", variant === "warning" && "text-warning", variant === "info" && "text-primary") }),
-    /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ jsx43("p", { className: "animate-ui-toast-title text-sm font-semibold", children: title }),
-      description && /* @__PURE__ */ jsx43("p", { className: "mt-1 max-h-20 animate-ui-toast-description overflow-hidden text-sm leading-5 text-muted-foreground data-[state=closing]:max-h-0", "data-state": state, children: description }),
-      action && /* @__PURE__ */ jsx43(Button2, { size: "sm", variant: "link", onPress: action.onPress, className: "mt-1 h-auto px-0", children: action.label })
-    ] }),
-    /* @__PURE__ */ jsx43(Button2, { "aria-label": "Cerrar notificaci\xF3n", onPress: onDismiss, size: "icon", variant: "ghost", className: "-mr-2 -mt-2 size-7", children: /* @__PURE__ */ jsx43(X3, {}) })
-  ] }) });
+    if (state !== "open") return;
+    const toastId = create({ title, description, variant, action, duration, position });
+    return () => {
+      sileo.dismiss(toastId);
+      onDismiss?.();
+    };
+  }, [action, description, duration, id, onDismiss, position, state, title, variant]);
+  return null;
 }
 
 // src/ui/toolbar/toolbar.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx44("div", { role: "toolbar", "data-slot": "toolbar", className: cn("flex flex-wrap items-center gap-2", className), ...props });
+  return /* @__PURE__ */ jsx46("div", { role: "toolbar", "data-slot": "toolbar", className: cn("flex flex-wrap items-center gap-2", className), ...props });
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx44("div", { "data-slot": "toolbar-group", className: cn("flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ jsx46("div", { "data-slot": "toolbar-group", className: cn("flex items-center gap-2", className), ...props });
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ jsx44("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ jsx46("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 export {
   Accordion,
@@ -1521,15 +2709,18 @@ export {
   AvatarGroupCount,
   AvatarImage,
   Badge,
+  BadgeLink,
   Breadcrumb,
   BreadcrumbLink,
   BreadcrumbPage,
   BreadcrumbSeparator,
   Breadcrumbs,
-  Button2 as Button,
+  Button,
   ButtonGroup,
+  ButtonGroupSeparator,
   ButtonGroupText,
   Card,
+  CardAction,
   CardContent,
   CardDescription,
   CardFooter,
@@ -1554,17 +2745,31 @@ export {
   DrawerHeader,
   DrawerTitle,
   DropdownMenu,
-  DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
+  DropdownMenuLabel,
   DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
   DropdownMenuTrigger,
   EmptyState,
+  EmptyStateContent,
   EmptyStateDescription,
+  EmptyStateHeader,
+  EmptyStateMedia,
   EmptyStateTitle,
   Field,
+  FieldContent,
   FieldDescription,
   FieldError2 as FieldError,
+  FieldGroup,
   FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
   FormFeedback,
   FormRow,
   HighlightMatch,
@@ -1579,12 +2784,14 @@ export {
   Kbd,
   KbdGroup,
   Label2 as Label,
+  LinkButton,
   LoadingOverlay,
   Menu,
   MenuContent,
   MenuItem,
   MenuTrigger,
   ModalDialog,
+  OtpInput2 as OtpInput,
   PageHeader,
   PageHeaderActions,
   PageHeaderDescription,
@@ -1605,6 +2812,14 @@ export {
   SelectTrigger,
   SelectValue,
   Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
   Sidebar,
   SidebarContent,
   SidebarFooter,
@@ -1624,6 +2839,7 @@ export {
   TableBody,
   TableCaption,
   TableCell,
+  TableFooter,
   TableHead,
   TableHeader,
   TableRow,
@@ -1641,13 +2857,17 @@ export {
   ToolbarGroup,
   ToolbarSpacer,
   Tooltip,
-  TooltipContent,
   TooltipTrigger,
+  alertVariants,
   badgeVariants,
+  buttonGroupVariants,
   buttonVariants,
   cn,
+  emptyStateMediaVariants,
+  fieldVariants,
   formSnapshot,
   getTextMatchParts,
+  inputGroupAddonVariants,
   toast,
   useAutosave,
   useDebouncedValue,