@doscientos/ui 0.1.11 → 0.1.12

package/dist/index.cjs

@@ -1,8 +1,10 @@
 "use client";
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -43,15 +53,18 @@ __export(index_exports, {
   AvatarGroupCount: () => AvatarGroupCount,
   AvatarImage: () => AvatarImage,
   Badge: () => Badge,
+  BadgeLink: () => BadgeLink,
   Breadcrumb: () => Breadcrumb,
   BreadcrumbLink: () => BreadcrumbLink,
   BreadcrumbPage: () => BreadcrumbPage,
   BreadcrumbSeparator: () => BreadcrumbSeparator,
   Breadcrumbs: () => Breadcrumbs,
-  Button: () => Button2,
+  Button: () => Button,
   ButtonGroup: () => ButtonGroup,
+  ButtonGroupSeparator: () => ButtonGroupSeparator,
   ButtonGroupText: () => ButtonGroupText,
   Card: () => Card,
+  CardAction: () => CardAction,
   CardContent: () => CardContent,
   CardDescription: () => CardDescription,
   CardFooter: () => CardFooter,
@@ -63,7 +76,7 @@ __export(index_exports, {
   ComboboxInput: () => ComboboxInput,
   ComboboxItem: () => ComboboxItem,
   ComboboxList: () => ComboboxList,
-  ComboboxValue: () => import_react_aria_components5.ComboBoxValue,
+  ComboboxValue: () => import_react_aria_components7.ComboBoxValue,
   Command: () => Command,
   CommandContent: () => CommandContent,
   CommandInput: () => CommandInput,
@@ -76,17 +89,31 @@ __export(index_exports, {
   DrawerHeader: () => DrawerHeader,
   DrawerTitle: () => DrawerTitle,
   DropdownMenu: () => DropdownMenu,
-  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
   DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
   DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
   DropdownMenuTrigger: () => DropdownMenuTrigger,
   EmptyState: () => EmptyState,
+  EmptyStateContent: () => EmptyStateContent,
   EmptyStateDescription: () => EmptyStateDescription,
+  EmptyStateHeader: () => EmptyStateHeader,
+  EmptyStateMedia: () => EmptyStateMedia,
   EmptyStateTitle: () => EmptyStateTitle,
   Field: () => Field,
+  FieldContent: () => FieldContent,
   FieldDescription: () => FieldDescription,
   FieldError: () => FieldError2,
+  FieldGroup: () => FieldGroup,
   FieldLabel: () => FieldLabel,
+  FieldLegend: () => FieldLegend,
+  FieldSeparator: () => FieldSeparator,
+  FieldSet: () => FieldSet,
+  FieldTitle: () => FieldTitle,
   FormFeedback: () => FormFeedback,
   FormRow: () => FormRow,
   HighlightMatch: () => HighlightMatch,
@@ -101,12 +128,14 @@ __export(index_exports, {
   Kbd: () => Kbd,
   KbdGroup: () => KbdGroup,
   Label: () => Label2,
+  LinkButton: () => LinkButton,
   LoadingOverlay: () => LoadingOverlay,
   Menu: () => Menu,
   MenuContent: () => MenuContent,
   MenuItem: () => MenuItem,
   MenuTrigger: () => MenuTrigger,
   ModalDialog: () => ModalDialog,
+  OtpInput: () => OtpInput2,
   PageHeader: () => PageHeader,
   PageHeaderActions: () => PageHeaderActions,
   PageHeaderDescription: () => PageHeaderDescription,
@@ -127,6 +156,14 @@ __export(index_exports, {
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
   Separator: () => Separator,
+  Sheet: () => Sheet,
+  SheetClose: () => SheetClose,
+  SheetContent: () => SheetContent,
+  SheetDescription: () => SheetDescription,
+  SheetFooter: () => SheetFooter,
+  SheetHeader: () => SheetHeader,
+  SheetTitle: () => SheetTitle,
+  SheetTrigger: () => SheetTrigger,
   Sidebar: () => Sidebar,
   SidebarContent: () => SidebarContent,
   SidebarFooter: () => SidebarFooter,
@@ -146,6 +183,7 @@ __export(index_exports, {
   TableBody: () => TableBody,
   TableCaption: () => TableCaption,
   TableCell: () => TableCell,
+  TableFooter: () => TableFooter,
   TableHead: () => TableHead,
   TableHeader: () => TableHeader,
   TableRow: () => TableRow,
@@ -163,13 +201,17 @@ __export(index_exports, {
   ToolbarGroup: () => ToolbarGroup,
   ToolbarSpacer: () => ToolbarSpacer,
   Tooltip: () => Tooltip,
-  TooltipContent: () => TooltipContent,
   TooltipTrigger: () => TooltipTrigger,
+  alertVariants: () => alertVariants,
   badgeVariants: () => badgeVariants,
+  buttonGroupVariants: () => buttonGroupVariants,
   buttonVariants: () => buttonVariants,
   cn: () => cn,
+  emptyStateMediaVariants: () => emptyStateMediaVariants,
+  fieldVariants: () => fieldVariants,
   formSnapshot: () => formSnapshot,
   getTextMatchParts: () => getTextMatchParts,
+  inputGroupAddonVariants: () => inputGroupAddonVariants,
   toast: () => toast,
   useAutosave: () => useAutosave,
   useDebouncedValue: () => useDebouncedValue,
@@ -322,44 +364,144 @@ function getTextMatchParts(text, query) {
 }
 
 // src/ui/accordion/accordion.tsx
-var import_react_aria_components = require("react-aria-components");
 var import_lucide_react = require("lucide-react");
+var import_react_aria_components = require("react-aria-components");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Accordion({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.DisclosureGroup, { "data-slot": "accordion", className: cn("flex w-full flex-col", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.DisclosureGroup,
+    {
+      "data-slot": "accordion",
+      className: cn("flex w-full flex-col", className),
+      ...props
+    }
+  );
 }
 function AccordionItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.Disclosure, { "data-slot": "accordion-item", className: cn("border-b border-border last:border-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.Disclosure,
+    {
+      "data-slot": "accordion-item",
+      className: cn("border-border not-last:border-b", className),
+      ...props
+    }
+  );
 }
-function AccordionTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: typeof children === "function" ? children(values) : children }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.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__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.Heading, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_react_aria_components.Button,
+    {
+      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__ */ (0, import_jsx_runtime.jsx)(
+          import_lucide_react.ChevronDownIcon,
+          {
+            "data-slot": "accordion-trigger-icon",
+            className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_lucide_react.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__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.DisclosurePanel, { "data-slot": "accordion-content", className: cn("overflow-hidden pb-3 text-sm text-muted-foreground", className), ...props });
+function AccordionContent({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_aria_components.DisclosurePanel,
+    {
+      "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__ */ (0, import_jsx_runtime.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
+var import_class_variance_authority = require("class-variance-authority");
 var import_jsx_runtime2 = require("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__ */ (0, import_jsx_runtime2.jsx)("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 = (0, import_class_variance_authority.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__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: cn(alertVariants({ variant }), className),
+      ...props
+    }
+  );
 }
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { "data-slot": "alert-title", className: cn("font-medium", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "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__ */ (0, import_jsx_runtime2.jsx)("div", { "data-slot": "alert-description", className: cn("text-sm opacity-90", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "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__ */ (0, import_jsx_runtime2.jsx)("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props, children });
+function AlertAction({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props });
 }
 
 // src/ui/app-shell/app-shell.tsx
@@ -477,37 +619,64 @@ function AvatarGroupCount({ className, ...props }) {
 }
 
 // src/ui/badge/badge.tsx
-var import_class_variance_authority = require("class-variance-authority");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_react_aria_components2 = require("react-aria-components");
 var import_jsx_runtime5 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority.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 = (0, import_class_variance_authority2.cva)(
+  "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__ */ (0, import_jsx_runtime5.jsx)("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "span",
+    {
+      "data-slot": "badge",
+      "data-variant": variant ?? "default",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
+}
+function BadgeLink({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react_aria_components2.Link,
+    {
+      "data-slot": "badge",
+      "data-variant": variant ?? "default",
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
 }
 
 // src/ui/breadcrumb/breadcrumb.tsx
-var import_react_aria_components2 = require("react-aria-components");
+var import_react_aria_components3 = require("react-aria-components");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 function Breadcrumbs({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components2.Breadcrumbs, { "data-slot": "breadcrumbs", className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components3.Breadcrumbs, { "data-slot": "breadcrumbs", className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className), ...props });
 }
 function Breadcrumb({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components2.Breadcrumb, { "data-slot": "breadcrumb", className: cn("inline-flex items-center gap-1.5", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components3.Breadcrumb, { "data-slot": "breadcrumb", className: cn("inline-flex items-center gap-1.5", className), ...props });
 }
 function BreadcrumbLink({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components2.Link, { "data-slot": "breadcrumb-link", className: cn("transition-colors hover:text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components3.Link, { "data-slot": "breadcrumb-link", className: cn("transition-colors hover:text-foreground", className), ...props });
 }
 function BreadcrumbPage({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-slot": "breadcrumb-page", "aria-current": "page", className: cn("font-medium text-foreground", className), ...props });
@@ -516,99 +685,301 @@ function BreadcrumbSeparator({ children = "/", className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-slot": "breadcrumb-separator", "aria-hidden": "true", className: cn("text-muted-foreground/60", className), ...props, children });
 }
 
-// src/ui/button-group/button-group.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-function ButtonGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "group", "data-slot": "button-group", className: cn("inline-flex items-center gap-2", className), ...props });
-}
-function ButtonGroupText({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "data-slot": "button-group-text", className: cn("text-sm text-muted-foreground", className), ...props });
-}
-
 // src/ui/button/button.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_react_aria_components3 = require("react-aria-components");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority2.cva)(
-  "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",
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_react_aria_components4 = require("react-aria-components");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority3.cva)(
+  "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"
+    }
+  }
+);
+function Button({ className, variant = "default", size = "default", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react_aria_components4.Button,
+    {
+      "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__ */ (0, import_jsx_runtime7.jsx)(
+    import_react_aria_components4.Link,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/ui/button-group/button-group.tsx
+var import_class_variance_authority4 = require("class-variance-authority");
+
+// src/ui/separator/separator.tsx
+var import_react_aria_components5 = require("react-aria-components");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function Separator({ className, orientation = "horizontal", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    import_react_aria_components5.Separator,
+    {
+      "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
+var import_jsx_runtime9 = (
+  // biome-ignore lint/a11y/useSemanticElements: fieldset would impose form semantics on a generic action group.
+  require("react/jsx-runtime")
+);
+var buttonGroupVariants = (0, import_class_variance_authority4.cva)(
+  "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: { variant: "default", size: "default" }
+    defaultVariants: {
+      orientation: "horizontal"
+    }
   }
 );
-function Button2({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_aria_components3.Button, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
+function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "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__ */ (0, import_jsx_runtime9.jsx)(
+    "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__ */ (0, import_jsx_runtime9.jsx)(
+    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
-var import_jsx_runtime9 = require("react/jsx-runtime");
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("section", { "data-slot": "card", className: cn("rounded-xl border border-border bg-card text-foreground shadow-sm", className), ...props });
+var import_jsx_runtime10 = require("react/jsx-runtime");
+function Card({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "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__ */ (0, import_jsx_runtime9.jsx)("header", { "data-slot": "card-header", className: cn("flex flex-col gap-1.5 p-5", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "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__ */ (0, import_jsx_runtime9.jsx)("h2", { "data-slot": "card-title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "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__ */ (0, import_jsx_runtime9.jsx)("p", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function CardAction({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "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__ */ (0, import_jsx_runtime9.jsx)("div", { "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("footer", { "data-slot": "card-footer", className: cn("flex items-center gap-2 border-t border-border p-5", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    "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
-var import_react_aria_components4 = require("react-aria-components");
 var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react_aria_components6 = require("react-aria-components");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function Checkbox({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_aria_components4.Checkbox, { "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__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("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__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.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__ */ (0, import_jsx_runtime11.jsx)(
+    import_react_aria_components6.Checkbox,
+    {
+      "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__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "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__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react2.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
 var import_react5 = require("react");
-var import_react_aria_components5 = require("react-aria-components");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var Combobox = import_react_aria_components5.ComboBox;
+var import_react_aria_components7 = require("react-aria-components");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Combobox = import_react_aria_components7.ComboBox;
 function ComboboxInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components5.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__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.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__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components5.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__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.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__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components5.ListBox, { "data-slot": "combobox-list", className: cn("max-h-64 overflow-y-auto", className), renderEmptyState: emptyState ? () => emptyState : void 0, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.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__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components5.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__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.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__ */ (0, import_jsx_runtime11.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react5.Fragment, { children: part.text }, `${part.text}-${index}`)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react5.Fragment, { children: part.text }, `${part.text}-${index}`)) });
 }
-function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("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] = (0, import_react5.useState)("");
   const inputValue = controlledInputValue ?? internalInputValue;
   const setInputValue = (value) => {
@@ -628,48 +999,48 @@ function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inp
   const handleKeyDown = (event) => {
     if ((event.key === "Tab" || event.key === "Enter") && acceptSuggestion()) event.preventDefault();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react_aria_components5.ComboBox, { ...props, className: cn("group/combobox flex w-full flex-col gap-1.5", className), items: filteredItems, selectedKey, inputValue, onInputChange: setInputValue, onSelectionChange: (key) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react_aria_components7.ComboBox, { ...props, className: cn("group/combobox flex w-full flex-col gap-1.5", className), items: filteredItems, selectedKey, inputValue, onInputChange: setInputValue, onSelectionChange: (key) => {
     const item = filteredItems.find((candidate) => String(getItemKey(candidate)) === String(key));
     if (item) setInputValue(getItemLabel(item));
     onSelectionChange?.(key, item);
   }, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components5.Label, { className: "text-sm font-medium text-foreground", children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative", children: [
-      suggestionLabel && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("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__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-transparent", children: inputValue }),
+    label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.Label, { className: "text-sm font-medium text-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
+      suggestionLabel && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-transparent", children: inputValue }),
         suggestionLabel.slice(inputValue.length)
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ComboboxInput, { "aria-autocomplete": suggestionLabel ? "both" : "list", placeholder, onKeyDown: handleKeyDown, className: "relative z-10 bg-transparent" })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ComboboxInput, { "aria-autocomplete": suggestionLabel ? "both" : "list", placeholder, onKeyDown: handleKeyDown, className: "relative z-10 bg-transparent" })
     ] }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components5.Text, { slot: "description", className: "text-xs text-muted-foreground", children: description }),
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components5.FieldError, { className: "text-xs text-destructive", children: errorMessage }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ComboboxList, { emptyState, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ComboboxItem, { id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item, inputValue) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(HighlightMatch, { text: getItemLabel(item), query: inputValue }) }) }) })
+    description && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.Text, { slot: "description", className: "text-xs text-muted-foreground", children: description }),
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components7.FieldError, { className: "text-xs text-destructive", children: errorMessage }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ComboboxContent, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ComboboxList, { emptyState, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ComboboxItem, { id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item, inputValue) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(HighlightMatch, { text: getItemLabel(item), query: inputValue }) }) }) })
   ] });
 }
 
 // src/ui/command/command.tsx
-var import_react_aria_components6 = require("react-aria-components");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-function Command({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components6.ComboBox, { "data-slot": "command", className: cn("w-full", className), ...props });
+var import_react_aria_components8 = require("react-aria-components");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function Command({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components8.ComboBox, { "data-slot": "command", className: cn("w-full", className), ...props });
 }
 function CommandInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components6.Input, { "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__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components8.Input, { "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__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components6.Popover, { "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__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components8.Popover, { "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__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components6.ListBox, { "data-slot": "command-list", className: cn("max-h-72 overflow-y-auto", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components8.ListBox, { "data-slot": "command-list", className: cn("max-h-72 overflow-y-auto", className), ...props });
 }
 function CommandItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components6.ListBoxItem, { "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__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components8.ListBoxItem, { "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
 var import_lucide_react3 = require("lucide-react");
-var import_react_aria_components7 = require("react-aria-components");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react_aria_components9 = require("react-aria-components");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var sizeClasses = {
   sm: "w-[min(calc(100dvw-2rem),24rem)]",
   md: "w-[min(calc(100dvw-2rem),28rem)]",
@@ -689,48 +1060,48 @@ 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__ */ (0, import_jsx_runtime13.jsx)(
-    import_react_aria_components7.ModalOverlay,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_react_aria_components9.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__ */ (0, import_jsx_runtime13.jsx)(
-        import_react_aria_components7.Modal,
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        import_react_aria_components9.Modal,
         {
           className: cn(
             "max-h-[calc(100dvh-2rem)] outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
             sizeClasses[size],
             className
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-            import_react_aria_components7.Dialog,
+          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_react_aria_components9.Dialog,
             {
               className: cn(
                 "grid max-h-[calc(100dvh-2rem)] overflow-hidden rounded-xl bg-background text-foreground shadow-xl outline-none",
                 layoutClass
               ),
-              children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { "data-slot": "modal-dialog-header", className: "flex items-start gap-3 border-b border-border px-5 py-4", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "min-w-0 flex-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Heading, { slot: "title", className: "font-heading text-base leading-none font-medium", children: title }),
-                    description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Text, { slot: "description", className: "mt-2 text-sm text-muted-foreground", children: description }) : null
+              children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("header", { "data-slot": "modal-dialog-header", className: "flex items-start gap-3 border-b border-border px-5 py-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components9.Heading, { slot: "title", className: "font-heading text-base leading-none font-medium", children: title }),
+                    description ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components9.Text, { slot: "description", className: "mt-2 text-sm text-muted-foreground", children: description }) : null
                   ] }),
-                  showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-                    Button2,
+                  showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                    Button,
                     {
                       "aria-label": "Cerrar di\xE1logo",
                       variant: "ghost",
                       size: "icon",
                       className: "-mr-2 -mt-1",
                       onPress: close,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.X, { "aria-hidden": "true", className: "size-4" })
+                      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react3.X, { "aria-hidden": "true", className: "size-4" })
                     }
                   ) : null
                 ] }),
-                children ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-slot": "modal-dialog-body", className: "min-h-0 overflow-y-auto px-5 py-4", children }) : null,
-                footer ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                children ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { "data-slot": "modal-dialog-body", className: "min-h-0 overflow-y-auto px-5 py-4", children }) : null,
+                footer ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   "footer",
                   {
                     "data-slot": "modal-dialog-footer",
@@ -751,7 +1122,7 @@ function ModalDialog({
 }
 
 // src/ui/confirm-dialog/confirm-dialog.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 function ConfirmDialog({
   open,
   onOpenChange,
@@ -763,7 +1134,7 @@ function ConfirmDialog({
   pending = false,
   onConfirm
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     ModalDialog,
     {
       open,
@@ -771,89 +1142,475 @@ function ConfirmDialog({
       title,
       description,
       showCloseButton: false,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button2, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button2, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+      footer: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_jsx_runtime15.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
       ] })
     }
   );
 }
 
 // src/ui/drawer/drawer.tsx
-var import_react_aria_components8 = require("react-aria-components");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_react_aria_components10 = require("react-aria-components");
+var import_jsx_runtime16 = require("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__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components8.ModalOverlay, { 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__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components8.Modal, { 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__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components8.Dialog, { "data-slot": "drawer", className: "outline-none", children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.ModalOverlay, { 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__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Modal, { 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__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Dialog, { "data-slot": "drawer", className: "outline-none", children }) }) });
 }
 function DrawerHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
 }
 function DrawerFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("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__ */ (0, import_jsx_runtime16.jsx)("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__ */ (0, import_jsx_runtime15.jsx)("h2", { "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("h2", { "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
 }
 function DrawerDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 
 // src/ui/dropdown-menu/dropdown-menu.tsx
-var import_react_aria_components9 = require("react-aria-components");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var DropdownMenu = import_react_aria_components9.Menu;
-var DropdownMenuTrigger = import_react_aria_components9.MenuTrigger;
-function DropdownMenuContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components9.Popover, { "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 });
+var React = require("react");
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_lucide_react4 = require("lucide-react");
+var import_react_aria_components11 = require("react-aria-components");
+var import_jsx_runtime17 = require("react/jsx-runtime");
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components11.MenuTrigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenu({
+  "data-slot": dataSlot = "dropdown-menu-content",
+  placement = "bottom start",
+  offset = 4,
+  crossOffset = 0,
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.Popover,
+    {
+      "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__ */ (0, import_jsx_runtime17.jsx)(
+        import_react_aria_components11.Menu,
+        {
+          className: "max-h-[inherit] overflow-x-hidden overflow-y-auto outline-hidden",
+          ...props,
+          children
+        }
+      )
+    }
+  );
+}
+function DropdownMenuGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components11.MenuSection, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.Header,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn(
+        "px-1.5 py-1 text-xs font-medium text-muted-foreground data-inset:pl-7",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var dropdownMenuItemVariants = (0, import_class_variance_authority5.cva)(
+  "group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      selectionMode: {
+        none: "gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-muted focus:text-foreground not-data-[variant=destructive]:focus:**:text-foreground data-inset:pl-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive",
+        single: "gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4",
+        multiple: "gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4"
+      }
+    }
+  }
+);
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.MenuItem,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      textValue: typeof children === "string" ? children : props.textValue,
+      className: (0, import_react_aria_components11.composeRenderProps)(
+        className,
+        (className2, { selectionMode }) => cn(dropdownMenuItemVariants({ selectionMode }), className2)
+      ),
+      ...props,
+      children: (0, import_react_aria_components11.composeRenderProps)(
+        children,
+        (children2, { isSelected, selectionMode }) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+          selectionMode !== "none" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            "span",
+            {
+              className: "pointer-events-none absolute right-2 flex items-center justify-center",
+              "data-slot": selectionMode === "single" ? "dropdown-menu-radio-item-indicator" : "dropdown-menu-checkbox-item-indicator",
+              children: isSelected ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.CheckIcon, {}) : null
+            }
+          ) : null,
+          children2
+        ] })
+      )
+    }
+  );
+}
+function DropdownMenuSub({
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_aria_components11.SubmenuTrigger, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.MenuItem,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      textValue: typeof children === "string" ? children : props.textValue,
+      className: cn(
+        "flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none focus:bg-muted focus:text-foreground focus:**:text-foreground data-inset:pl-7 data-open:bg-muted data-open:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: (0, import_react_aria_components11.composeRenderProps)(children, (children2) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+        children2,
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react4.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+      ] }))
+    }
+  );
+}
+function DropdownMenuSubContent({
+  placement = "end top",
+  crossOffset = -3,
+  offset = 0,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    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 DropdownMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components9.MenuItem, { "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 DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_react_aria_components11.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
 }
-function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components9.Separator, { "data-slot": "dropdown-menu-separator", className: cn("my-1 h-px bg-border", className), ...props });
+function DropdownMenuShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    "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
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("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__ */ (0, import_jsx_runtime18.jsx)(
+    "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__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "empty-state-header",
+      className: cn("flex max-w-sm flex-col items-center gap-2", className),
+      ...props
+    }
+  );
+}
+var emptyStateMediaVariants = (0, import_class_variance_authority6.cva)(
+  "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__ */ (0, import_jsx_runtime18.jsx)(
+    "div",
+    {
+      "data-slot": "empty-state-media",
+      "data-variant": variant,
+      className: cn(emptyStateMediaVariants({ variant }), className),
+      ...props
+    }
+  );
 }
 function EmptyStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h3", { "data-slot": "empty-state-title", className: cn("text-sm font-medium text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "h3",
+    {
+      "data-slot": "empty-state-title",
+      className: cn("text-sm font-medium tracking-tight text-foreground", className),
+      ...props
+    }
+  );
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { "data-slot": "empty-state-description", className: cn("max-w-sm text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    "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__ */ (0, import_jsx_runtime18.jsx)(
+    "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
+var import_class_variance_authority7 = require("class-variance-authority");
+
 // src/ui/label/label.tsx
 var import_react6 = require("react");
-var import_react_aria_components10 = require("react-aria-components");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_react_aria_components12 = require("react-aria-components");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var Label2 = (0, import_react6.forwardRef)(function Label3({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components10.Label, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components12.Label, { 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
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function Field({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { "data-slot": "field", className: cn("flex w-full flex-col gap-2", className), ...props });
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function FieldSet({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("fieldset", { "data-slot": "field-set", className: cn("flex flex-col gap-4", className), ...props });
+}
+function FieldLegend({
+  className,
+  variant = "legend",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "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__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: cn(
+        "group/field-group @container/field-group flex w-full flex-col gap-5",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var fieldVariants = (0, import_class_variance_authority7.cva)(
+  "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__ */ (0, import_jsx_runtime20.jsx)(
+      "div",
+      {
+        role: "group",
+        "data-slot": "field",
+        "data-orientation": orientation,
+        className: cn(fieldVariants({ orientation }), className),
+        ...props
+      }
+    )
+  );
+}
+function FieldContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "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__ */ (0, import_jsx_runtime19.jsx)(Label2, { "data-slot": "field-label", className: cn("text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    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__ */ (0, import_jsx_runtime20.jsx)(
+    "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__ */ (0, import_jsx_runtime19.jsx)("p", { "data-slot": "field-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "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__ */ (0, import_jsx_runtime20.jsxs)(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": Boolean(children) || void 0,
+      className: cn("relative -my-2 h-5 text-sm", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Separator, { className: "absolute inset-0 top-1/2" }),
+        children ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          "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__ */ (0, import_jsx_runtime19.jsx)("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__ */ (0, import_jsx_runtime20.jsx)("ul", { className: "ml-4 list-disc", children: messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("li", { children: message }, message)) }) : null);
+  if (!content) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn("text-sm text-destructive", className),
+      ...props,
+      children: content
+    }
+  );
 }
 
 // src/ui/form-feedback/form-feedback.tsx
 var import_react7 = require("react");
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
   const [state, setState] = (0, import_react7.useState)({ status: "idle" });
@@ -883,50 +1640,103 @@ 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__ */ (0, import_jsx_runtime20.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+  if (state.status === "idle") return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
   const error = state.status === "error";
   const success = state.status === "success";
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("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__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-    success && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("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__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    success && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react5.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
   ] });
 }
 
 // src/ui/form-row/form-row.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("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__ */ (0, import_jsx_runtime21.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { htmlFor, className: "text-sm font-medium text-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("label", { htmlFor, className: "text-sm font-medium text-foreground", children: [
       label,
-      required && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
-        /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
+      required && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
     ] }),
     children,
-    hint && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
+    hint && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
   ] });
 }
 
 // src/ui/icon-button/icon-button.tsx
-var import_react_aria_components12 = require("react-aria-components");
+var import_react_aria_components14 = require("react-aria-components");
 
 // src/ui/tooltip/tooltip.tsx
-var import_react_aria_components11 = require("react-aria-components");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var TooltipTrigger = import_react_aria_components11.TooltipTrigger;
-function Tooltip({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components11.Tooltip, { "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 });
+var React2 = __toESM(require("react"), 1);
+var import_react_aria_components13 = require("react-aria-components");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function TooltipTrigger({
+  delay = 0,
+  children,
+  ...props
+}) {
+  const [trigger, tooltip] = React2.Children.toArray(children);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_react_aria_components13.TooltipTrigger,
+    {
+      "data-slot": "tooltip-trigger",
+      delay,
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components13.Focusable, { children: trigger }),
+        tooltip
+      ]
+    }
+  );
+}
+function Tooltip({
+  className,
+  placement = "top",
+  offset = 4,
+  crossOffset = 0,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    import_react_aria_components13.Tooltip,
+    {
+      "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__ */ (0, import_jsx_runtime23.jsx)(
+          import_react_aria_components13.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
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function IconButton({
   label,
   children,
@@ -939,9 +1749,9 @@ function IconButton({
     buttonVariants({ variant, size: "icon" }),
     className
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(TooltipTrigger, { children: [
-    href ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      import_react_aria_components12.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(TooltipTrigger, { children: [
+    href ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      import_react_aria_components14.Link,
       {
         "data-slot": "icon-button",
         "aria-label": label,
@@ -949,8 +1759,8 @@ function IconButton({
         className: linkClassName,
         children
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-      Button2,
+    ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      Button,
       {
         "data-slot": "icon-button",
         "aria-label": label,
@@ -961,137 +1771,366 @@ function IconButton({
         children
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Tooltip, { children: label })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Tooltip, { children: label })
   ] });
 }
 
-// src/ui/input-group/input-group.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
-
 // src/ui/input/input.tsx
 var import_react8 = require("react");
-var import_react_aria_components13 = require("react-aria-components");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_react_aria_components15 = require("react-aria-components");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var InputImpl = (0, import_react8.forwardRef)(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components13.Input, { 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__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components15.Input, { 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
+var import_class_variance_authority8 = require("class-variance-authority");
+
 // src/ui/textarea/textarea.tsx
 var import_react9 = require("react");
-var import_react_aria_components14 = require("react-aria-components");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_react_aria_components16 = require("react-aria-components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var TextareaImpl = (0, import_react9.forwardRef)(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components14.TextArea, { 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__ */ (0, import_jsx_runtime26.jsx)(import_react_aria_components16.TextArea, { 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
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = (
+  // biome-ignore lint/a11y/useSemanticElements: fieldset cannot preserve this inline control composition.
+  require("react/jsx-runtime")
+);
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("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 /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "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 = (0, import_class_variance_authority3.cva)("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__ */ (0, import_jsx_runtime26.jsx)("div", { "data-slot": "input-group-addon", "data-align": align, className: cn(addonVariants({ align }), className), ...props });
+var inputGroupAddonVariants = (0, import_class_variance_authority8.cva)(
+  "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__ */ (0, import_jsx_runtime27.jsx)(
+      "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__ */ (0, import_jsx_runtime26.jsx)(Button2, { "data-slot": "input-group-button", size: "icon", variant: "ghost", className: cn("size-7 shrink-0", className), ...props });
+var inputGroupButtonVariants = (0, import_class_variance_authority8.cva)("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__ */ (0, import_jsx_runtime27.jsx)(
+    Button,
+    {
+      "data-slot": "input-group-button",
+      type,
+      size: buttonSize,
+      variant,
+      className: cn(inputGroupButtonVariants({ size }), className),
+      ...props
+    }
+  );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { "data-slot": "input-group-text", className: cn("px-2 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "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__ */ (0, import_jsx_runtime26.jsx)(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__ */ (0, import_jsx_runtime27.jsx)(
+    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__ */ (0, import_jsx_runtime26.jsx)(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__ */ (0, import_jsx_runtime27.jsx)(
+    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
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("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__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime27.jsx)("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
 }
 
 // src/ui/loading-overlay/loading-overlay.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function LoadingOverlay({ label = "Cargando", className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("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__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react5.LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: label })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react6.LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: label })
   ] }) });
 }
 
 // src/ui/menu/menu.tsx
-var import_react_aria_components15 = require("react-aria-components");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var MenuTrigger = import_react_aria_components15.MenuTrigger;
+var import_react_aria_components17 = require("react-aria-components");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var MenuTrigger = import_react_aria_components17.MenuTrigger;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components15.Popover, { "data-slot": "menu-content", className: cn("min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_aria_components17.Popover, { "data-slot": "menu-content", className: cn("min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components15.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_aria_components17.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components15.MenuItem, { "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__ */ (0, import_jsx_runtime30.jsx)(import_react_aria_components17.MenuItem, { "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
+var import_react10 = require("react");
+var import_react_aria_components18 = require("react-aria-components");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function normalizeOtp(value, length) {
+  return value.replace(/[^0-9]/g, "").slice(0, length);
+}
+var OtpInputImpl = (0, import_react10.forwardRef)(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] = (0, import_react10.useState)(() => normalizeOtp(defaultValue, slotCount));
+  const code = normalizeOtp(controlled ? value : internalValue, slotCount);
+  const slots = Array.from({ length: slotCount }, (_, index) => `otp-slot-${index + 1}`);
+  const inputRef = (0, import_react10.useRef)(null);
+  const [focused, setFocused] = (0, import_react10.useState)(false);
+  const [selectionStart, setSelectionStart] = (0, import_react10.useState)(0);
+  const invalid = props["aria-invalid"] === true || props["aria-invalid"] === "true";
+  const activeIndex = code.length === slotCount ? slotCount - 1 : Math.min(selectionStart, code.length, slotCount - 1);
+  (0, import_react10.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__ */ (0, import_jsx_runtime31.jsxs)(
+    "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__ */ (0, import_jsx_runtime31.jsx)(
+          import_react_aria_components18.Input,
+          {
+            ...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__ */ (0, import_jsx_runtime31.jsx)(
+          "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
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function PageHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("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__ */ (0, import_jsx_runtime32.jsx)("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__ */ (0, import_jsx_runtime30.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
 }
 function PageHeaderTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h1", { "data-slot": "page-header-title", className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("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__ */ (0, import_jsx_runtime30.jsx)("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
 }
 function PageHeaderActions({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { "data-slot": "page-header-actions", className: cn("flex shrink-0 items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { "data-slot": "page-header-actions", className: cn("flex shrink-0 items-center gap-2", className), ...props });
 }
 
 // src/ui/pagination/pagination.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Pagination({ page, pageCount, onPageChange, className }) {
   const pages = Array.from({ length: pageCount }, (_, index) => index + 1);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("nav", { "aria-label": "Paginaci\xF3n", className: cn("flex items-center justify-between gap-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("nav", { "aria-label": "Paginaci\xF3n", className: cn("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("p", { className: "text-sm text-muted-foreground", children: [
       "P\xE1gina ",
       page,
       " de ",
       pageCount
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button2, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react6.ChevronLeft, {}) }),
-      pages.map((item) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(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__ */ (0, import_jsx_runtime31.jsx)(Button2, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react6.ChevronRight, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Button, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react7.ChevronLeft, {}) }),
+      pages.map((item) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(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__ */ (0, import_jsx_runtime33.jsx)(Button, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react7.ChevronRight, {}) })
     ] })
   ] });
 }
 
 // src/ui/popover/popover.tsx
-var import_react_aria_components16 = require("react-aria-components");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var PopoverTrigger = import_react_aria_components16.DialogTrigger;
+var import_react_aria_components19 = require("react-aria-components");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var PopoverTrigger = import_react_aria_components19.DialogTrigger;
 function Popover4({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_aria_components16.Popover, { "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__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components19.Popover, { "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
-var import_lucide_react7 = require("lucide-react");
-var import_react_aria_components17 = require("react-aria-components");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_lucide_react8 = require("lucide-react");
+var import_react_aria_components20 = require("react-aria-components");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function QuantityInput({
   className,
   inputClassName,
@@ -1101,23 +2140,23 @@ function QuantityInput({
   step = 1,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-    import_react_aria_components17.NumberField,
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    import_react_aria_components20.NumberField,
     {
       ...props,
       minValue,
       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__ */ (0, import_jsx_runtime33.jsxs)(
-        import_react_aria_components17.Group,
+      children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+        import_react_aria_components20.Group,
         {
           "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__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components17.Button, { 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__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react7.Minus, { "aria-hidden": "true", className: "size-4" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components17.Input, { "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__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components17.Button, { 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__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react7.Plus, { "aria-hidden": "true", className: "size-4" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components20.Button, { 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__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react8.Minus, { "aria-hidden": "true", className: "size-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components20.Input, { "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__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components20.Button, { 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__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react8.Plus, { "aria-hidden": "true", className: "size-4" }) })
           ]
         }
       )
@@ -1126,56 +2165,176 @@ function QuantityInput({
 }
 
 // src/ui/search-field/search-field.tsx
-var import_react_aria_components18 = require("react-aria-components");
-var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime34 = require("react/jsx-runtime");
-var SearchField = import_react_aria_components18.SearchField;
+var import_react_aria_components21 = require("react-aria-components");
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var SearchField = import_react_aria_components21.SearchField;
 function SearchInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components18.Input, { "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__ */ (0, import_jsx_runtime36.jsx)(import_react_aria_components21.Input, { "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__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react8.X, { "aria-hidden": "true", className: "size-4" }), ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components18.Button, { 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__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react9.X, { "aria-hidden": "true", className: "size-4" }), ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_aria_components21.Button, { 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
-var import_react_aria_components19 = require("react-aria-components");
-var import_lucide_react9 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var Select = import_react_aria_components19.Select;
+var import_react_aria_components22 = require("react-aria-components");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var Select = import_react_aria_components22.Select;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components19.Button, { "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__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components22.Button, { "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__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
     typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react9.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" })
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.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__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components19.SelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components22.SelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components19.Popover, { "data-slot": "select-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components22.Popover, { "data-slot": "select-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components19.ListBox, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components22.ListBox, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
 }
 function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components19.ListBoxItem, { "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__ */ (0, import_jsx_runtime37.jsx)(import_react_aria_components22.ListBoxItem, { "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
-var import_react_aria_components20 = require("react-aria-components");
-var import_jsx_runtime36 = require("react/jsx-runtime");
-function Separator({ className, orientation = "horizontal", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_react_aria_components20.Separator, { "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
+var import_lucide_react11 = require("lucide-react");
+var import_react_aria_components23 = require("react-aria-components");
+var import_jsx_runtime38 = require("react/jsx-runtime");
+function SheetTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_react_aria_components23.DialogTrigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose({ className, variant = "outline", size = "default", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    Button,
+    {
+      slot: "close",
+      "data-slot": "sheet-close",
+      variant,
+      size,
+      className: cn(className),
+      ...props
+    }
+  );
+}
+function SheetOverlay({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react_aria_components23.ModalOverlay,
+    {
+      "data-slot": "sheet-overlay",
+      isDismissable: true,
+      className: cn(
+        "fixed inset-0 z-50 bg-black/10 transition-opacity duration-150 data-entering:opacity-0 data-exiting:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function Sheet({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SheetOverlay, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react_aria_components23.Modal,
+    {
+      "data-slot": "sheet-content",
+      "data-side": side,
+      className: cn(
+        "fixed z-50 flex flex-col gap-4 border-border bg-popover bg-clip-padding text-sm text-popover-foreground shadow-lg transition duration-200 ease-in-out data-entering:opacity-0 data-exiting:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-entering:translate-y-10 data-[side=bottom]:data-exiting:translate-y-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-entering:-translate-x-10 data-[side=left]:data-exiting:-translate-x-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-entering:translate-x-10 data-[side=right]:data-exiting:translate-x-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-entering:-translate-y-10 data-[side=top]:data-exiting:-translate-y-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+        className
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        import_react_aria_components23.Dialog,
+        {
+          "data-slot": "sheet",
+          className: "[display:inherit] h-full max-h-[inherit] [flex-direction:inherit] gap-[inherit] outline-none",
+          children: [
+            children,
+            showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(SheetClose, { variant: "ghost", className: "absolute top-3 right-3", size: "icon-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.XIcon, {}),
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "sr-only", children: "Cerrar" })
+            ] })
+          ]
+        }
+      )
+    }
+  ) });
+}
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Sheet, { className, side, showCloseButton, ...props, children });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-0.5 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react_aria_components23.Heading,
+    {
+      slot: "title",
+      "data-slot": "sheet-title",
+      className: cn("text-base font-medium text-foreground", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+    import_react_aria_components23.Text,
+    {
+      slot: "description",
+      "data-slot": "sheet-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
 }
 
 // src/ui/sidebar/sidebar.tsx
-var import_lucide_react10 = require("lucide-react");
-var import_react10 = require("react");
-var import_react_aria_components21 = require("react-aria-components");
-var import_jsx_runtime37 = require("react/jsx-runtime");
-var SidebarContext = (0, import_react10.createContext)(null);
+var import_lucide_react12 = require("lucide-react");
+var import_react11 = require("react");
+var import_react_aria_components24 = require("react-aria-components");
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var SidebarContext = (0, import_react11.createContext)(null);
 function useSidebar() {
-  const context = (0, import_react10.useContext)(SidebarContext);
+  const context = (0, import_react11.useContext)(SidebarContext);
   if (!context)
     throw new Error("useSidebar must be used inside SidebarProvider");
   return context;
@@ -1184,8 +2343,8 @@ function SidebarProvider({
   defaultCollapsed = false,
   children
 }) {
-  const [collapsed, setCollapsed] = (0, import_react10.useState)(defaultCollapsed);
-  const value = (0, import_react10.useMemo)(
+  const [collapsed, setCollapsed] = (0, import_react11.useState)(defaultCollapsed);
+  const value = (0, import_react11.useMemo)(
     () => ({
       collapsed,
       setCollapsed,
@@ -1193,14 +2352,14 @@ function SidebarProvider({
     }),
     [collapsed]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SidebarContext.Provider, { value, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(SidebarContext.Provider, { value, children });
 }
 function Sidebar({
   className,
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "aside",
     {
       "data-slot": "sidebar",
@@ -1217,7 +2376,7 @@ function SidebarHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -1232,7 +2391,7 @@ function SidebarSearch({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "button",
     {
       type: "button",
@@ -1243,9 +2402,9 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.Search, { className: "size-4 shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "flex-1 text-left", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.Search, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
       ]
     }
   );
@@ -1254,7 +2413,7 @@ function SidebarContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "nav",
     {
       "data-slot": "sidebar-content",
@@ -1268,7 +2427,7 @@ function SidebarFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -1287,14 +2446,14 @@ function SidebarGroup({
   ...props
 }) {
   const { collapsed } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "section",
     {
       "data-slot": "sidebar-group",
       className: cn("mb-4 last:mb-0", className),
       ...props,
       children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "h2",
           {
             className: cn(
@@ -1320,8 +2479,8 @@ function SidebarItem({
 }) {
   const { collapsed } = useSidebar();
   const content = typeof children === "function" ? label : children ?? label;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    import_react_aria_components21.Link,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    import_react_aria_components24.Link,
     {
       "data-slot": "sidebar-item",
       "aria-current": active ? "page" : void 0,
@@ -1332,16 +2491,16 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+      children: (values) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           "span",
           {
             className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"),
             children: typeof children === "function" ? children(values) : content
           }
         ),
-        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "text-xs text-muted-foreground", children: badge })
+        badge && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-xs text-muted-foreground", children: badge })
       ] })
     }
   );
@@ -1350,7 +2509,7 @@ function SidebarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "hr",
     {
       "data-slot": "sidebar-separator",
@@ -1361,8 +2520,8 @@ function SidebarSeparator({
 }
 function SidebarTrigger({ className, ...props }) {
   const { collapsed, toggle } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    Button2,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    Button,
     {
       "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
       onPress: toggle,
@@ -1370,7 +2529,7 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...props,
-      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.ChevronLeft, {})
+      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.ChevronLeft, {})
     }
   );
 }
@@ -1379,7 +2538,7 @@ function SidebarRail({
   ...props
 }) {
   const { toggle } = useSidebar();
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "button",
     {
       type: "button",
@@ -1394,49 +2553,49 @@ function SidebarRail({
   );
 }
 function SidebarMore({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
-    Button2,
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    Button,
     {
       "aria-label": "M\xE1s opciones",
       size: "icon",
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.Ellipsis, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react12.Ellipsis, {})
     }
   );
 }
 
 // src/ui/skeleton/skeleton.tsx
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
 // src/ui/submit-button/submit-button.tsx
 var import_react_dom = require("react-dom");
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function SubmitButton({ pendingLabel = "Guardando\u2026", loading = false, children, isDisabled, size = "sm", ...props }) {
   const { pending } = (0, import_react_dom.useFormStatus)();
   const busy = pending || loading;
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button2, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react13.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
     pendingLabel
   ] }) : children });
 }
 
 // src/ui/switch/switch.tsx
-var import_react_aria_components22 = require("react-aria-components");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_react_aria_components25 = require("react-aria-components");
+var import_jsx_runtime42 = require("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__ */ (0, import_jsx_runtime40.jsx)(import_react_aria_components22.SwitchField, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-    import_react_aria_components22.SwitchButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components25.SwitchField, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+    import_react_aria_components25.SwitchButton,
     {
       "data-slot": "switch",
       "data-size": size,
@@ -1445,8 +2604,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__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      children: (state) => /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
           "span",
           {
             "aria-hidden": "true",
@@ -1461,7 +2620,7 @@ function Switch({ className, children, size = "sm", ...props }) {
               "motion-reduce:transition-none",
               styles.track
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
               "span",
               {
                 className: cn(
@@ -1476,59 +2635,117 @@ function Switch({ className, children, size = "sm", ...props }) {
             )
           }
         ),
-        children != null && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "select-none font-medium leading-5 text-foreground", children: typeof children === "function" ? children(state) : children })
+        children != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "select-none font-medium leading-5 text-foreground", children: typeof children === "function" ? children(state) : children })
       ] })
     }
   ) });
 }
 
 // src/ui/table/table.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn("w-full caption-bottom text-sm", className),
+      ...props
+    }
+  ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("thead", { "data-slot": "table-header", className: cn("border-b border-border", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tr", { "data-slot": "table-row", className: cn("border-b border-border transition-colors hover:bg-muted/50", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "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__ */ (0, import_jsx_runtime41.jsx)("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__ */ (0, import_jsx_runtime43.jsx)(
+    "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__ */ (0, import_jsx_runtime41.jsx)("td", { "data-slot": "table-cell", className: cn("p-3 align-middle", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "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__ */ (0, import_jsx_runtime41.jsx)("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("mt-4 text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    "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
-var import_react_aria_components23 = require("react-aria-components");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_react_aria_components26 = require("react-aria-components");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components23.Tabs, { "data-slot": "tabs", className: (0, import_react_aria_components23.composeRenderProps)(className, (value) => cn("flex flex-col gap-2", value)), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_aria_components26.Tabs, { "data-slot": "tabs", className: (0, import_react_aria_components26.composeRenderProps)(className, (value) => cn("flex flex-col gap-2", value)), ...props });
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components23.TabList, { "data-slot": "tabs-list", className: (0, import_react_aria_components23.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__ */ (0, import_jsx_runtime44.jsx)(import_react_aria_components26.TabList, { "data-slot": "tabs-list", className: (0, import_react_aria_components26.composeRenderProps)(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__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components23.Tab, { "data-slot": "tabs-trigger", className: (0, import_react_aria_components23.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__ */ (0, import_jsx_runtime44.jsx)(import_react_aria_components26.Tab, { "data-slot": "tabs-trigger", className: (0, import_react_aria_components26.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 });
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components23.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_aria_components26.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_aria_components23.TabPanel, { "data-slot": "tabs-content", className: (0, import_react_aria_components23.composeRenderProps)(className, (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_aria_components26.TabPanel, { "data-slot": "tabs-content", className: (0, import_react_aria_components26.composeRenderProps)(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
-var import_react11 = require("react");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_react12 = require("react");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var records = [];
 var listeners = /* @__PURE__ */ new Set();
 var snapshot = () => records;
@@ -1573,9 +2790,9 @@ function useToast() {
   return toast;
 }
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Toaster, {})
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Toaster, {})
   ] });
 }
 var positionClasses = {
@@ -1587,41 +2804,41 @@ var positionClasses = {
   "bottom-right": "bottom-4 right-4 items-end"
 };
 function Toaster({ position = "bottom-right" }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: Object.keys(positionClasses).map((item) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ToastViewport, { position: item, visiblePosition: position }, item)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: Object.keys(positionClasses).map((item) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(ToastViewport, { position: item, visiblePosition: position }, item)) });
 }
 function ToastViewport({ position, visiblePosition, className }) {
-  const toasts = (0, import_react11.useSyncExternalStore)(subscribe, snapshot, snapshot).filter((item) => item.position === position);
+  const toasts = (0, import_react12.useSyncExternalStore)(subscribe, snapshot, snapshot).filter((item) => item.position === position);
   if (visiblePosition && position !== visiblePosition && toasts.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsx)(Toast, { ...item, onDismiss: () => dismiss(item.id) }, item.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)(Toast, { ...item, onDismiss: () => dismiss(item.id) }, item.id)) });
 }
 function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, onDismiss }) {
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (state !== "open" || duration <= 0) return;
     const timeout = window.setTimeout(() => dismiss(id), duration);
     return () => window.clearTimeout(timeout);
   }, [duration, id, state]);
-  const Icon = variant === "success" ? import_lucide_react12.CheckCircle : variant === "error" ? import_lucide_react12.XCircle : variant === "warning" ? import_lucide_react12.CircleAlert : variant === "info" ? import_lucide_react12.Info : import_lucide_react12.Info;
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(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__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0 flex-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "animate-ui-toast-title text-sm font-semibold", children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsx)(Button2, { size: "sm", variant: "link", onPress: action.onPress, className: "mt-1 h-auto px-0", children: action.label })
+  const Icon = variant === "success" ? import_lucide_react14.CheckCircle : variant === "error" ? import_lucide_react14.XCircle : variant === "warning" ? import_lucide_react14.CircleAlert : variant === "info" ? import_lucide_react14.Info : import_lucide_react14.Info;
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(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__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "animate-ui-toast-title text-sm font-semibold", children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsx)(Button, { size: "sm", variant: "link", onPress: action.onPress, className: "mt-1 h-auto px-0", children: action.label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button2, { "aria-label": "Cerrar notificaci\xF3n", onPress: onDismiss, size: "icon", variant: "ghost", className: "-mr-2 -mt-2 size-7", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.X, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Button, { "aria-label": "Cerrar notificaci\xF3n", onPress: onDismiss, size: "icon", variant: "ghost", className: "-mr-2 -mt-2 size-7", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react14.X, {}) })
   ] }) });
 }
 
 // src/ui/toolbar/toolbar.tsx
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { role: "toolbar", "data-slot": "toolbar", className: cn("flex flex-wrap items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { role: "toolbar", "data-slot": "toolbar", className: cn("flex flex-wrap items-center gap-2", className), ...props });
 }
 function ToolbarGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { "data-slot": "toolbar-group", className: cn("flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "data-slot": "toolbar-group", className: cn("flex items-center gap-2", className), ...props });
 }
 function ToolbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
@@ -1647,6 +2864,7 @@ function ToolbarSpacer({ className, ...props }) {
   AvatarGroupCount,
   AvatarImage,
   Badge,
+  BadgeLink,
   Breadcrumb,
   BreadcrumbLink,
   BreadcrumbPage,
@@ -1654,8 +2872,10 @@ function ToolbarSpacer({ className, ...props }) {
   Breadcrumbs,
   Button,
   ButtonGroup,
+  ButtonGroupSeparator,
   ButtonGroupText,
   Card,
+  CardAction,
   CardContent,
   CardDescription,
   CardFooter,
@@ -1680,17 +2900,31 @@ function ToolbarSpacer({ className, ...props }) {
   DrawerHeader,
   DrawerTitle,
   DropdownMenu,
-  DropdownMenuContent,
+  DropdownMenuGroup,
   DropdownMenuItem,
+  DropdownMenuLabel,
   DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
   DropdownMenuTrigger,
   EmptyState,
+  EmptyStateContent,
   EmptyStateDescription,
+  EmptyStateHeader,
+  EmptyStateMedia,
   EmptyStateTitle,
   Field,
+  FieldContent,
   FieldDescription,
   FieldError,
+  FieldGroup,
   FieldLabel,
+  FieldLegend,
+  FieldSeparator,
+  FieldSet,
+  FieldTitle,
   FormFeedback,
   FormRow,
   HighlightMatch,
@@ -1705,12 +2939,14 @@ function ToolbarSpacer({ className, ...props }) {
   Kbd,
   KbdGroup,
   Label,
+  LinkButton,
   LoadingOverlay,
   Menu,
   MenuContent,
   MenuItem,
   MenuTrigger,
   ModalDialog,
+  OtpInput,
   PageHeader,
   PageHeaderActions,
   PageHeaderDescription,
@@ -1731,6 +2967,14 @@ function ToolbarSpacer({ className, ...props }) {
   SelectTrigger,
   SelectValue,
   Separator,
+  Sheet,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetTitle,
+  SheetTrigger,
   Sidebar,
   SidebarContent,
   SidebarFooter,
@@ -1750,6 +2994,7 @@ function ToolbarSpacer({ className, ...props }) {
   TableBody,
   TableCaption,
   TableCell,
+  TableFooter,
   TableHead,
   TableHeader,
   TableRow,
@@ -1767,13 +3012,17 @@ function ToolbarSpacer({ className, ...props }) {
   ToolbarGroup,
   ToolbarSpacer,
   Tooltip,
-  TooltipContent,
   TooltipTrigger,
+  alertVariants,
   badgeVariants,
+  buttonGroupVariants,
   buttonVariants,
   cn,
+  emptyStateMediaVariants,
+  fieldVariants,
   formSnapshot,
   getTextMatchParts,
+  inputGroupAddonVariants,
   toast,
   useAutosave,
   useDebouncedValue,