@doscientos/ui 0.1.5 → 0.1.7

package/dist/index.cjs

@@ -21,8 +21,34 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
+  Alert: () => Alert,
+  AlertAction: () => AlertAction,
+  AlertDescription: () => AlertDescription,
+  AlertTitle: () => AlertTitle,
+  AppShell: () => AppShell,
+  AppShellContent: () => AppShellContent,
+  AppShellHeader: () => AppShellHeader,
+  AppShellMain: () => AppShellMain,
+  AutocompleteCombobox: () => AutocompleteCombobox,
+  Avatar: () => Avatar,
+  AvatarBadge: () => AvatarBadge,
+  AvatarFallback: () => AvatarFallback,
+  AvatarGroup: () => AvatarGroup,
+  AvatarGroupCount: () => AvatarGroupCount,
+  AvatarImage: () => AvatarImage,
   Badge: () => Badge,
-  Button: () => Button,
+  Breadcrumb: () => Breadcrumb,
+  BreadcrumbLink: () => BreadcrumbLink,
+  BreadcrumbPage: () => BreadcrumbPage,
+  BreadcrumbSeparator: () => BreadcrumbSeparator,
+  Breadcrumbs: () => Breadcrumbs,
+  Button: () => Button2,
+  ButtonGroup: () => ButtonGroup,
+  ButtonGroupText: () => ButtonGroupText,
   Card: () => Card,
   CardContent: () => CardContent,
   CardDescription: () => CardDescription,
@@ -35,7 +61,12 @@ __export(index_exports, {
   ComboboxInput: () => ComboboxInput,
   ComboboxItem: () => ComboboxItem,
   ComboboxList: () => ComboboxList,
-  ComboboxValue: () => import_react_aria_components3.ComboBoxValue,
+  ComboboxValue: () => import_react_aria_components5.ComboBoxValue,
+  Command: () => Command,
+  CommandContent: () => CommandContent,
+  CommandInput: () => CommandInput,
+  CommandItem: () => CommandItem,
+  CommandList: () => CommandList,
   ConfirmDialog: () => ConfirmDialog,
   Dialog: () => Dialog,
   DialogClose: () => DialogClose,
@@ -44,25 +75,52 @@ __export(index_exports, {
   DialogFooter: () => DialogFooter,
   DialogHeader: () => DialogHeader,
   DialogTitle: () => DialogTitle,
+  Drawer: () => Drawer,
+  DrawerDescription: () => DrawerDescription,
+  DrawerFooter: () => DrawerFooter,
+  DrawerHeader: () => DrawerHeader,
+  DrawerTitle: () => DrawerTitle,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
   EmptyState: () => EmptyState,
   EmptyStateDescription: () => EmptyStateDescription,
   EmptyStateTitle: () => EmptyStateTitle,
   Field: () => Field,
   FieldDescription: () => FieldDescription,
-  FieldError: () => FieldError,
+  FieldError: () => FieldError2,
   FieldLabel: () => FieldLabel,
+  FormFeedback: () => FormFeedback,
+  FormRow: () => FormRow,
   HighlightMatch: () => HighlightMatch,
+  IconButton: () => IconButton,
   Input: () => Input3,
+  InputGroup: () => InputGroup,
+  InputGroupAddon: () => InputGroupAddon,
+  InputGroupButton: () => InputGroupButton,
+  InputGroupInput: () => InputGroupInput,
+  InputGroupText: () => InputGroupText,
+  InputGroupTextarea: () => InputGroupTextarea,
   Kbd: () => Kbd,
   KbdGroup: () => KbdGroup,
-  Label: () => Label,
+  Label: () => Label2,
+  LoadingOverlay: () => LoadingOverlay,
   Menu: () => Menu,
   MenuContent: () => MenuContent,
   MenuItem: () => MenuItem,
   MenuTrigger: () => MenuTrigger,
-  Popover: () => Popover3,
+  PageHeader: () => PageHeader,
+  PageHeaderActions: () => PageHeaderActions,
+  PageHeaderDescription: () => PageHeaderDescription,
+  PageHeaderHeading: () => PageHeaderHeading,
+  PageHeaderTitle: () => PageHeaderTitle,
+  Pagination: () => Pagination,
+  Popover: () => Popover4,
   PopoverContent: () => PopoverContent,
   PopoverTrigger: () => PopoverTrigger,
+  QuantityInput: () => QuantityInput,
   SearchClearButton: () => SearchClearButton,
   SearchField: () => SearchField,
   SearchInput: () => SearchInput,
@@ -73,7 +131,20 @@ __export(index_exports, {
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
   Separator: () => Separator,
+  Sidebar: () => Sidebar,
+  SidebarContent: () => SidebarContent,
+  SidebarFooter: () => SidebarFooter,
+  SidebarGroup: () => SidebarGroup,
+  SidebarHeader: () => SidebarHeader,
+  SidebarItem: () => SidebarItem,
+  SidebarMore: () => SidebarMore,
+  SidebarProvider: () => SidebarProvider,
+  SidebarRail: () => SidebarRail,
+  SidebarSearch: () => SidebarSearch,
+  SidebarSeparator: () => SidebarSeparator,
+  SidebarTrigger: () => SidebarTrigger,
   Skeleton: () => Skeleton,
+  SubmitButton: () => SubmitButton,
   Switch: () => Switch,
   Table: () => Table,
   TableBody: () => TableBody,
@@ -88,6 +159,13 @@ __export(index_exports, {
   TabsPanels: () => TabsPanels,
   TabsTrigger: () => TabsTrigger,
   Textarea: () => Textarea2,
+  Toast: () => Toast,
+  ToastProvider: () => ToastProvider,
+  ToastViewport: () => ToastViewport,
+  Toaster: () => Toaster,
+  Toolbar: () => Toolbar,
+  ToolbarGroup: () => ToolbarGroup,
+  ToolbarSpacer: () => ToolbarSpacer,
   Tooltip: () => Tooltip,
   TooltipContent: () => TooltipContent,
   TooltipTrigger: () => TooltipTrigger,
@@ -96,9 +174,13 @@ __export(index_exports, {
   cn: () => cn,
   formSnapshot: () => formSnapshot,
   getTextMatchParts: () => getTextMatchParts,
+  toast: () => toast,
   useAutosave: () => useAutosave,
   useDebouncedValue: () => useDebouncedValue,
-  useFormDirty: () => useFormDirty
+  useFormDirty: () => useFormDirty,
+  useFormFeedback: () => useFormFeedback,
+  useSidebar: () => useSidebar,
+  useToast: () => useToast
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -134,12 +216,12 @@ function useAutosave({
   }, []);
   (0, import_react.useEffect)(() => {
     if (!enabled) return;
-    const snapshot = serializeRef.current(data);
+    const snapshot2 = serializeRef.current(data);
     if (lastSaved.current === null) {
-      lastSaved.current = snapshot;
+      lastSaved.current = snapshot2;
       return;
     }
-    if (snapshot === lastSaved.current) return;
+    if (snapshot2 === lastSaved.current) return;
     const timeout = window.setTimeout(() => void save(data), debounceMs);
     return () => window.clearTimeout(timeout);
   }, [data, debounceMs, enabled, save]);
@@ -243,9 +325,90 @@ function getTextMatchParts(text, query) {
   return parts.length ? parts : [{ text, match: false }];
 }
 
-// src/ui/badge.tsx
-var import_class_variance_authority = require("class-variance-authority");
+// src/ui/accordion/accordion.tsx
+var import_react_aria_components = require("react-aria-components");
+var import_react4 = require("@phosphor-icons/react");
 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 });
+}
+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 });
+}
+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_react4.CaretDownIcon, { "aria-hidden": "true", weight: "bold", className: "size-4 transition-transform group-data-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none" })
+  ] }) });
+}
+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 });
+}
+
+// src/ui/alert/alert.tsx
+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 });
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { "data-slot": "alert-title", className: cn("font-medium", 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 });
+}
+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 });
+}
+
+// src/ui/app-shell/app-shell.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function AppShell({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "app-shell", className: cn("flex min-h-screen w-full bg-muted/30 text-foreground", className), ...props });
+}
+function AppShellMain({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("main", { "data-slot": "app-shell-main", className: cn("min-w-0 flex-1", className), ...props });
+}
+function AppShellHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("header", { "data-slot": "app-shell-header", className: cn("sticky top-0 z-10 flex min-h-14 items-center border-b border-border bg-background/85 px-4 backdrop-blur-md supports-[backdrop-filter]:bg-background/70", className), ...props });
+}
+function AppShellContent({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "app-shell-content", className: cn("mx-auto w-full max-w-[1600px] p-4 md:p-6", className), ...props });
+}
+
+// src/ui/avatar/avatar.tsx
+var import_react5 = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var sizes = { xs: "size-5 text-[10px]", sm: "size-6 text-xs", default: "size-8 text-sm", lg: "size-10 text-base" };
+function Avatar({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex shrink-0 overflow-hidden rounded-full bg-muted text-muted-foreground", sizes[size], className), ...props });
+}
+function AvatarImage({ className, ...props }) {
+  const [failed, setFailed] = (0, import_react5.useState)(false);
+  if (failed) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { "data-slot": "avatar-image", className: cn("aspect-square size-full object-cover", className), onError: () => setFailed(true), ...props });
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center font-medium", className), ...props });
+}
+function AvatarBadge({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 size-2.5 rounded-full bg-success ring-2 ring-background", className), ...props });
+}
+function AvatarGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "data-slot": "avatar-group", className: cn("flex -space-x-2 [&>[data-slot=avatar]]:ring-2 [&>[data-slot=avatar]]:ring-background", className), ...props });
+}
+function AvatarGroupCount({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "data-slot": "avatar-group-count", className: cn("flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground ring-2 ring-background", className), ...props });
+}
+
+// src/ui/badge/badge.tsx
+var import_class_variance_authority = require("class-variance-authority");
+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: {
@@ -261,15 +424,34 @@ var badgeVariants = (0, import_class_variance_authority.cva)("inline-flex w-fit
   defaultVariants: { variant: "default" }
 });
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/ui/breadcrumb/breadcrumb.tsx
+var import_react_aria_components2 = 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 });
+}
+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 });
+}
+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 });
+}
+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 });
+}
+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.tsx
+// src/ui/button/button.tsx
 var import_class_variance_authority2 = require("class-variance-authority");
-var import_react_aria_components = require("react-aria-components");
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_react_aria_components3 = require("react-aria-components");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex shrink-0 items-center justify-center gap-1.5 rounded-lg border border-transparent text-sm font-medium whitespace-nowrap transition-colors outline-none focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "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",
   {
     variants: {
       variant: {
@@ -291,309 +473,1053 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-function Button({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_aria_components.Button, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
+function Button2({ className, variant, size, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_aria_components3.Button, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
 }
 
-// src/ui/card.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+// src/ui/button-group/button-group.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function ButtonGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime8.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_runtime8.jsx)("span", { "data-slot": "button-group-text", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/card/card.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("section", { "data-slot": "card", className: cn("rounded-xl border border-border bg-card text-foreground shadow-sm", 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 });
 }
 function CardHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("header", { "data-slot": "card-header", className: cn("flex flex-col gap-1.5 p-5", 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 });
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h2", { "data-slot": "card-title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { "data-slot": "card-title", className: cn("text-base font-semibold", className), ...props });
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime9.jsx)("footer", { "data-slot": "card-footer", className: cn("flex items-center gap-2 border-t border-border p-5", className), ...props });
 }
 
-// src/ui/checkbox.tsx
-var import_react_aria_components2 = require("react-aria-components");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+// src/ui/checkbox/checkbox.tsx
+var import_react_aria_components4 = require("react-aria-components");
+var import_react6 = require("@phosphor-icons/react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Checkbox({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_aria_components2.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_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", className: "grid size-4 place-items-center rounded border border-border bg-background text-xs text-primary-foreground group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: "\u2713" }),
+  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_react6.CheckIcon, { weight: "bold", 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.tsx
-var import_react4 = require("react");
-var import_react_aria_components3 = require("react-aria-components");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Combobox = import_react_aria_components3.ComboBox;
+// src/ui/combobox/combobox.tsx
+var import_react7 = 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;
 function ComboboxInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components3.Input, { "data-slot": "combobox-input", className: cn("h-8 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_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 });
 }
 function ComboboxContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components3.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", 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 });
 }
 function ComboboxList({ className, emptyState, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components3.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_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 });
 }
 function ComboboxItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_aria_components3.ListBoxItem, { "data-slot": "combobox-item", className: cn("flex w-full cursor-default items-center justify-between 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_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 });
 }
 function HighlightMatch({ text, query, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react4.Fragment, { children: part.text }, `${part.text}-${index}`)) });
+  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_react7.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 }) {
+  const [internalInputValue, setInternalInputValue] = (0, import_react7.useState)("");
+  const inputValue = controlledInputValue ?? internalInputValue;
+  const setInputValue = (value) => {
+    setInternalInputValue(value);
+    onInputChange?.(value);
+  };
+  const normalizedQuery = inputValue.trim().toLocaleLowerCase();
+  const filteredItems = (0, import_react7.useMemo)(() => normalizedQuery ? items.filter((item) => getItemLabel(item).toLocaleLowerCase().includes(normalizedQuery)) : [...items], [getItemLabel, items, normalizedQuery]);
+  const suggestedItem = (0, import_react7.useMemo)(() => !suggestion || !normalizedQuery ? void 0 : items.find((item) => getItemLabel(item).toLocaleLowerCase().startsWith(normalizedQuery) && getItemLabel(item).length > inputValue.length), [getItemLabel, inputValue.length, items, normalizedQuery, suggestion]);
+  const suggestionLabel = suggestedItem ? getItemLabel(suggestedItem) : void 0;
+  const acceptSuggestion = () => {
+    if (!suggestedItem || !suggestionLabel) return false;
+    setInputValue(suggestionLabel);
+    onSelectionChange?.(getItemKey(suggestedItem), suggestedItem);
+    return true;
+  };
+  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) => {
+    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 }),
+        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" })
+    ] }),
+    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 }) }) }) })
+  ] });
 }
 
-// src/ui/dialog.tsx
-var import_react5 = require("react");
-var import_react_aria_components4 = require("react-aria-components");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var DialogCloseContext = (0, import_react5.createContext)(null);
+// 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 });
+}
+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 });
+}
+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 });
+}
+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 });
+}
+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 });
+}
+
+// src/ui/dialog/dialog.tsx
+var import_react8 = require("react");
+var import_react9 = require("@phosphor-icons/react");
+var import_react_aria_components7 = require("react-aria-components");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DialogCloseContext = (0, import_react8.createContext)(null);
 function Dialog({ open, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.ModalOverlay, { isOpen: open, className: "fixed inset-0 z-50 grid place-items-center bg-black/20 p-4 backdrop-blur-[1px]", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.ModalOverlay, { isOpen: open, 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 });
 }
 function DialogClose({ onPress, ...props }) {
-  const close = (0, import_react5.useContext)(DialogCloseContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { onPress: (event) => {
+  const close = (0, import_react8.useContext)(DialogCloseContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button2, { onPress: (event) => {
     onPress?.(event);
     close?.();
   }, ...props });
 }
 function DialogContent({ className, children, showCloseButton = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.Modal, { className: "w-full max-w-md outline-none", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.Dialog, { "data-slot": "dialog-content", className: cn("relative grid max-h-[calc(100dvh-2rem)] gap-4 overflow-y-auto rounded-xl bg-background p-5 text-foreground shadow-xl outline-none", className), ...props, children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogCloseContext.Provider, { value: close, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Modal, { className: "w-full max-w-md outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Dialog, { "data-slot": "dialog-content", className: cn("relative grid max-h-[calc(100dvh-2rem)] gap-4 overflow-y-auto rounded-xl bg-background p-5 text-foreground shadow-xl outline-none", className), ...props, children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogCloseContext.Provider, { value: close, children: [
     typeof children === "function" ? children({ close }) : children,
-    showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogClose, { "aria-label": "Cerrar di\xE1logo", variant: "ghost", size: "icon", className: "absolute top-2 right-2", children: "\xD7" })
+    showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogClose, { "aria-label": "Cerrar di\xE1logo", variant: "ghost", size: "icon", className: "absolute top-2 right-2", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react9.XIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) })
   ] }) }) });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
 }
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.Heading, { slot: "title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Heading, { slot: "title", className: cn("text-base font-semibold", className), ...props });
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_aria_components4.Text, { slot: "description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Text, { slot: "description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 
-// src/ui/confirm-dialog.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+// src/ui/confirm-dialog/confirm-dialog.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
 function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel = "Confirmar", cancelLabel = "Cancelar", destructive = false, pending = false, onConfirm }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogContent, { showCloseButton: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogTitle, { children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogContent, { showCloseButton: false, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogTitle, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogFooter, { 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 })
     ] })
   ] }) });
 }
 
-// src/ui/empty-state.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+// src/ui/drawer/drawer.tsx
+var import_react_aria_components8 = require("react-aria-components");
+var import_jsx_runtime15 = 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 }) }) });
+}
+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 });
+}
+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 });
+}
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.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 });
+}
+
+// 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 });
+}
+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_runtime16.jsx)(import_react_aria_components9.Separator, { "data-slot": "dropdown-menu-separator", className: cn("my-1 h-px bg-border", className), ...props });
+}
+
+// src/ui/empty-state/empty-state.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.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_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 });
 }
 function EmptyStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { "data-slot": "empty-state-title", className: cn("text-sm font-medium text-foreground", 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 });
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { "data-slot": "empty-state-description", className: cn("max-w-sm text-sm text-muted-foreground", 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 });
 }
 
-// src/ui/label.tsx
-var import_react6 = require("react");
-var import_react_aria_components5 = require("react-aria-components");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Label = (0, import_react6.forwardRef)(function Label2({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_aria_components5.Label, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
+// src/ui/label/label.tsx
+var import_react10 = require("react");
+var import_react_aria_components10 = require("react-aria-components");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Label2 = (0, import_react10.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 });
 });
 
-// src/ui/field.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+// src/ui/field/field.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { "data-slot": "field", className: cn("flex w-full flex-col gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { "data-slot": "field", className: cn("flex w-full flex-col gap-2", className), ...props });
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Label, { "data-slot": "field-label", className: cn("text-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(Label2, { "data-slot": "field-label", className: cn("text-foreground", className), ...props });
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { "data-slot": "field-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { "data-slot": "field-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
-function FieldError({ className, children, ...props }) {
+function FieldError2({ className, children, ...props }) {
   if (!children) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { role: "alert", "data-slot": "field-error", className: cn("text-sm text-destructive", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { role: "alert", "data-slot": "field-error", className: cn("text-sm text-destructive", className), ...props, children });
 }
 
-// src/ui/input.tsx
-var import_react7 = require("react");
-var import_react_aria_components6 = require("react-aria-components");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var InputImpl = (0, import_react7.forwardRef)(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components6.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 });
+// src/ui/form-feedback/form-feedback.tsx
+var import_react11 = require("react");
+var import_react12 = require("@phosphor-icons/react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function useFormFeedback(options) {
+  const resetMs = options?.successResetMs ?? 2500;
+  const [state, setState] = (0, import_react11.useState)({ status: "idle" });
+  const timer = (0, import_react11.useRef)(null);
+  const clearTimer = (0, import_react11.useCallback)(() => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = null;
+  }, []);
+  (0, import_react11.useEffect)(() => () => clearTimer(), [clearTimer]);
+  const setPending = (0, import_react11.useCallback)(() => {
+    clearTimer();
+    setState({ status: "pending" });
+  }, [clearTimer]);
+  const setSuccess = (0, import_react11.useCallback)((message) => {
+    clearTimer();
+    setState({ status: "success", message });
+    if (resetMs > 0) timer.current = setTimeout(() => setState({ status: "idle" }), resetMs);
+  }, [clearTimer, resetMs]);
+  const setError = (0, import_react11.useCallback)((message) => {
+    clearTimer();
+    setState({ status: "error", message });
+  }, [clearTimer]);
+  const reset = (0, import_react11.useCallback)(() => {
+    clearTimer();
+    setState({ status: "idle" });
+  }, [clearTimer]);
+  return { state, pending: state.status === "pending", setPending, setSuccess, setError, reset };
+}
+function FormFeedback({ state, className, pendingLabel = "Guardando\u2026", successLabel = "Guardado" }) {
+  if (state.status === "idle") return /* @__PURE__ */ (0, import_jsx_runtime20.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_react12.CircleNotchIcon, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    success && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.CheckCircleIcon, { "aria-hidden": "true", className: "size-3.5", weight: "fill" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.WarningCircleIcon, { "aria-hidden": "true", className: "size-3.5", weight: "fill" }),
+    /* @__PURE__ */ (0, import_jsx_runtime20.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");
+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: [
+      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)" })
+      ] })
+    ] }),
+    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 })
+  ] });
+}
+
+// src/ui/icon-button/icon-button.tsx
+var import_react_aria_components12 = 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 TooltipContent = Tooltip;
+
+// src/ui/icon-button/icon-button.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function IconButton({
+  label,
+  children,
+  href,
+  className,
+  variant,
+  ...props
+}) {
+  const linkClassName = cn(
+    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,
+      {
+        "data-slot": "icon-button",
+        "aria-label": label,
+        href,
+        className: linkClassName,
+        children
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      Button2,
+      {
+        "data-slot": "icon-button",
+        "aria-label": label,
+        variant,
+        size: "icon",
+        className,
+        ...props,
+        children
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Tooltip, { children: label })
+  ] });
+}
+
+// src/ui/input/input.tsx
+var import_react13 = require("react");
+var import_react_aria_components13 = require("react-aria-components");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var InputImpl = (0, import_react13.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 });
 });
 var Input3 = InputImpl;
 
-// src/ui/kbd.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+// src/ui/input-group/input-group.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+
+// src/ui/textarea/textarea.tsx
+var import_react14 = require("react");
+var import_react_aria_components14 = require("react-aria-components");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var TextareaImpl = (0, import_react14.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 });
+});
+var Textarea2 = TextareaImpl;
+
+// src/ui/input-group/input-group.tsx
+var import_jsx_runtime26 = 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 });
+}
+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 });
+}
+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 });
+}
+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 });
+}
+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 });
+}
+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 });
+}
+
+// src/ui/kbd/kbd.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.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_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 });
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
 }
 
-// src/ui/menu.tsx
-var import_react_aria_components7 = require("react-aria-components");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var MenuTrigger = import_react_aria_components7.MenuTrigger;
+// src/ui/loading-overlay/loading-overlay.tsx
+var import_react15 = require("@phosphor-icons/react");
+var import_jsx_runtime28 = 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_react15.CircleNotchIcon, { className: "animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.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;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.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", 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 });
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components15.Menu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.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_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 });
 }
 
-// src/ui/popover.tsx
-var import_react_aria_components8 = require("react-aria-components");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var PopoverTrigger = import_react_aria_components8.DialogTrigger;
-function Popover3({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react_aria_components8.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 data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95 data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95", className), ...props });
+// src/ui/page-header/page-header.tsx
+var import_jsx_runtime30 = 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 });
+}
+function PageHeaderHeading({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.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 });
+}
+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 });
+}
+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 });
 }
-var PopoverContent = Popover3;
 
-// src/ui/search-field.tsx
-var import_react_aria_components9 = require("react-aria-components");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var SearchField = import_react_aria_components9.SearchField;
+// src/ui/pagination/pagination.tsx
+var import_react16 = require("@phosphor-icons/react");
+var import_jsx_runtime31 = 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: [
+      "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_react16.CaretLeftIcon, {}) }),
+      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_react16.CaretRightIcon, {}) })
+    ] })
+  ] });
+}
+
+// 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;
+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 });
+}
+var PopoverContent = Popover4;
+
+// src/ui/quantity-input/quantity-input.tsx
+var import_react17 = require("@phosphor-icons/react");
+var import_react_aria_components17 = require("react-aria-components");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function QuantityInput({
+  className,
+  inputClassName,
+  decrementAriaLabel = "Disminuir cantidad",
+  incrementAriaLabel = "Aumentar cantidad",
+  minValue = 0,
+  step = 1,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+    import_react_aria_components17.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,
+        {
+          "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_react17.MinusIcon, { "aria-hidden": "true", weight: "bold", 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_react17.PlusIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/ui/search-field/search-field.tsx
+var import_react_aria_components18 = require("react-aria-components");
+var import_react18 = require("@phosphor-icons/react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var SearchField = import_react_aria_components18.SearchField;
 function SearchInput({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.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_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 });
 }
-function SearchClearButton({ className, children = "\xD7", ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_aria_components9.Button, { slot: "clear", "data-slot": "search-clear", className: cn("absolute top-1/2 right-1 -translate-y-1/2 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_runtime34.jsx)(import_react18.XIcon, { "aria-hidden": "true", weight: "bold", 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 });
 }
 
-// src/ui/select.tsx
-var import_react_aria_components10 = require("react-aria-components");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Select = import_react_aria_components10.Select;
+// src/ui/select/select.tsx
+var import_react_aria_components19 = require("react-aria-components");
+var import_react19 = require("@phosphor-icons/react");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var Select = import_react_aria_components19.Select;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.Button, { "data-slot": "select-trigger", className: cn("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_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
+  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: [
     typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", className: "ml-auto text-muted-foreground", children: "\u2304" })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react19.CaretDownIcon, { "aria-hidden": "true", weight: "bold", 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_runtime16.jsx)(import_react_aria_components10.SelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", 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 });
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.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", 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 });
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.ListBox, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", 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 });
 }
 function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_aria_components10.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_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 });
 }
 
-// src/ui/separator.tsx
-var import_react_aria_components11 = require("react-aria-components");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+// 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_runtime17.jsx)(import_react_aria_components11.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 });
+  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/skeleton.tsx
-var import_jsx_runtime18 = require("react/jsx-runtime");
+// src/ui/sidebar/sidebar.tsx
+var import_react20 = require("@phosphor-icons/react");
+var import_react21 = require("react");
+var import_react_aria_components21 = require("react-aria-components");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var SidebarContext = (0, import_react21.createContext)(null);
+function useSidebar() {
+  const context = (0, import_react21.useContext)(SidebarContext);
+  if (!context)
+    throw new Error("useSidebar must be used inside SidebarProvider");
+  return context;
+}
+function SidebarProvider({
+  defaultCollapsed = false,
+  children
+}) {
+  const [collapsed, setCollapsed] = (0, import_react21.useState)(defaultCollapsed);
+  const value = (0, import_react21.useMemo)(
+    () => ({
+      collapsed,
+      setCollapsed,
+      toggle: () => setCollapsed((current) => !current)
+    }),
+    [collapsed]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(SidebarContext.Provider, { value, children });
+}
+function Sidebar({
+  className,
+  ...props
+}) {
+  const { collapsed } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "aside",
+    {
+      "data-slot": "sidebar",
+      "data-collapsed": collapsed || void 0,
+      className: cn(
+        "group/sidebar flex h-full w-56 shrink-0 flex-col border-r border-border bg-card text-foreground transition-[width] duration-200 ease-out motion-reduce:transition-none data-[collapsed]:w-16",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "div",
+    {
+      "data-slot": "sidebar-header",
+      className: cn("flex items-center gap-2 px-4 py-5", className),
+      ...props
+    }
+  );
+}
+function SidebarSearch({
+  label = "Buscar\u2026",
+  shortcut = "\u2318K",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    "button",
+    {
+      type: "button",
+      "data-slot": "sidebar-search",
+      className: cn(
+        "group flex w-full items-center gap-2 rounded-md border border-border bg-background px-2.5 py-1.5 text-sm text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react20.MagnifyingGlassIcon, { 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 })
+      ]
+    }
+  );
+}
+function SidebarContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "nav",
+    {
+      "data-slot": "sidebar-content",
+      "aria-label": "Navegaci\xF3n principal",
+      className: cn("min-h-0 flex-1 overflow-y-auto px-2 py-1", className),
+      ...props
+    }
+  );
+}
+function SidebarFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "div",
+    {
+      "data-slot": "sidebar-footer",
+      className: cn(
+        "mt-auto flex flex-col gap-2 border-t border-border p-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarGroup({
+  label,
+  className,
+  children,
+  ...props
+}) {
+  const { collapsed } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+    "section",
+    {
+      "data-slot": "sidebar-group",
+      className: cn("mb-4 last:mb-0", className),
+      ...props,
+      children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          "h2",
+          {
+            className: cn(
+              "mb-1 px-3 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground",
+              collapsed && "sr-only"
+            ),
+            children: label
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function SidebarItem({
+  icon,
+  active,
+  badge,
+  label,
+  children,
+  className,
+  ...props
+}) {
+  const { collapsed } = useSidebar();
+  const content = typeof children === "function" ? label : children ?? label;
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    import_react_aria_components21.Link,
+    {
+      "data-slot": "sidebar-item",
+      "aria-current": active ? "page" : void 0,
+      "aria-label": collapsed && label ? label : void 0,
+      className: cn(
+        "group/item relative flex min-h-9 items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-muted-foreground outline-none transition-[background-color,color,transform] duration-150 hover:bg-secondary/60 hover:text-foreground focus-visible:ring-2 focus-visible:ring-ring/40 data-[current=page]:bg-secondary data-[current=page]:font-medium data-[current=page]:text-foreground data-pressed:scale-[0.98] motion-reduce:transition-none",
+        collapsed && "justify-center px-0",
+        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)(
+          "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 })
+      ] })
+    }
+  );
+}
+function SidebarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "hr",
+    {
+      "data-slot": "sidebar-separator",
+      className: cn("my-2 h-px border-0 bg-border", className),
+      ...props
+    }
+  );
+}
+function SidebarTrigger({ className, ...props }) {
+  const { collapsed, toggle } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    Button2,
+    {
+      "aria-label": collapsed ? "Expandir navegaci\xF3n" : "Colapsar navegaci\xF3n",
+      onPress: toggle,
+      size: "icon",
+      variant: "ghost",
+      className: cn("ml-auto", className),
+      ...props,
+      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react20.CaretRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react20.CaretLeftIcon, {})
+    }
+  );
+}
+function SidebarRail({
+  className,
+  ...props
+}) {
+  const { toggle } = useSidebar();
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    "button",
+    {
+      type: "button",
+      "aria-label": "Alternar navegaci\xF3n",
+      onClick: toggle,
+      className: cn(
+        "absolute inset-y-0 right-0 z-20 hidden w-1 -translate-x-1/2 cursor-ew-resize bg-transparent transition-colors hover:bg-border lg:block",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarMore({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+    Button2,
+    {
+      "aria-label": "M\xE1s opciones",
+      size: "icon",
+      variant: "ghost",
+      className: cn("size-7", className),
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react20.DotsThreeIcon, { weight: "bold" })
+    }
+  );
+}
+
+// src/ui/skeleton/skeleton.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", 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 });
 }
 
-// src/ui/switch.tsx
-var import_react_aria_components12 = require("react-aria-components");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-function Switch({ className, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_aria_components12.Switch, { "data-slot": "switch", 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_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { "aria-hidden": "true", className: "flex h-5 w-9 items-center rounded-full bg-muted p-0.5 transition-colors group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "size-4 rounded-full bg-background shadow-sm transition-transform group-data-selected:translate-x-4" }) }),
-    typeof children === "function" ? children(state) : children
-  ] }) });
+// src/ui/submit-button/submit-button.tsx
+var import_react_dom = require("react-dom");
+var import_react22 = require("@phosphor-icons/react");
+var import_jsx_runtime39 = 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_react22.CircleNotchIcon, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    pendingLabel
+  ] }) : children });
 }
 
-// src/ui/table.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+// src/ui/switch/switch.tsx
+var import_react_aria_components22 = require("react-aria-components");
+var import_jsx_runtime40 = 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,
+    {
+      "data-slot": "switch",
+      "data-size": size,
+      className: (state) => cn(
+        "group/switch inline-flex w-max items-center gap-2 text-sm text-foreground outline-none",
+        "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)(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "relative inline-flex shrink-0 items-center rounded-full border border-transparent bg-secondary",
+              "shadow-[inset_0_1px_2px_rgb(0_0_0/0.08)]",
+              "transition-[background-color,box-shadow] duration-200 ease-out",
+              "group-data-selected/switch:bg-primary group-data-hovered/switch:bg-secondary/80",
+              "group-data-selected/switch:group-data-hovered/switch:bg-primary/90",
+              "group-data-focus-visible/switch:ring-3 group-data-focus-visible/switch:ring-ring/40",
+              "group-data-pressed/switch:ring-4 group-data-pressed/switch:ring-primary/10",
+              "motion-reduce:transition-none",
+              styles.track
+            ),
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              "span",
+              {
+                className: cn(
+                  "pointer-events-none block rounded-full bg-background shadow-[0_1px_2px_rgb(0_0_0/0.18)]",
+                  "transition-[transform,background-color,box-shadow] duration-200 ease-[cubic-bezier(0.22,1,0.36,1)]",
+                  "group-data-selected/switch:bg-primary-foreground group-data-selected/switch:shadow-[0_1px_3px_rgb(0_0_0/0.22)]",
+                  "group-data-pressed/switch:scale-[0.94] motion-reduce:transition-none",
+                  styles.travel,
+                  styles.thumb
+                )
+              }
+            )
+          }
+        ),
+        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 })
+      ] })
+    }
+  ) });
+}
+
+// src/ui/table/table.tsx
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", 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 }) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("thead", { "data-slot": "table-header", className: cn("border-b border-border", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("thead", { "data-slot": "table-header", className: cn("border-b border-border", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.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_runtime41.jsx)("tr", { "data-slot": "table-row", className: cn("border-b border-border transition-colors hover:bg-muted/50", className), ...props });
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.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_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 });
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("td", { "data-slot": "table-cell", className: cn("p-3 align-middle", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("td", { "data-slot": "table-cell", className: cn("p-3 align-middle", className), ...props });
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", 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 });
 }
 
-// src/ui/tabs.tsx
-var import_react_aria_components13 = require("react-aria-components");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+// src/ui/tabs/tabs.tsx
+var import_react_aria_components23 = require("react-aria-components");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.Tabs, { "data-slot": "tabs", className: (0, import_react_aria_components13.composeRenderProps)(className, (value) => cn("flex flex-col gap-2", value)), ...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 });
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.TabList, { "data-slot": "tabs-list", className: (0, import_react_aria_components13.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_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 });
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.Tab, { "data-slot": "tabs-trigger", className: (0, import_react_aria_components13.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_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 });
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.TabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", 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 });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react_aria_components13.TabPanel, { "data-slot": "tabs-content", className: (0, import_react_aria_components13.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_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 });
 }
 
-// src/ui/textarea.tsx
-var import_react8 = require("react");
-var import_react_aria_components14 = require("react-aria-components");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var TextareaImpl = (0, import_react8.forwardRef)(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.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 });
+// src/ui/toast/toast.tsx
+var import_react23 = require("react");
+var import_react24 = require("@phosphor-icons/react");
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var records = [];
+var listeners = /* @__PURE__ */ new Set();
+var snapshot = () => records;
+var emit = () => listeners.forEach((listener) => listener());
+var subscribe = (listener) => {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+};
+var remove = (id) => {
+  records = records.filter((record) => record.id !== id);
+  emit();
+};
+function create(options) {
+  const id = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  records = [...records, { ...options, id, state: "open", variant: options.variant ?? "default", duration: options.duration ?? 5e3, position: options.position ?? "bottom-right" }];
+  emit();
+  return id;
+}
+function dismiss(id) {
+  if (!records.some((record) => record.id === id && record.state === "open")) return;
+  records = records.map((record) => record.id === id ? { ...record, state: "closing" } : record);
+  emit();
+  window.setTimeout(() => remove(id), 180);
+}
+function update(id, patch) {
+  records = records.map((record) => record.id === id ? { ...record, ...patch, state: "open" } : record);
+  emit();
+}
+var toast = Object.assign((options) => create(options), {
+  success: (title, options) => create({ ...options, title, variant: "success" }),
+  error: (title, options) => create({ ...options, title, variant: "error" }),
+  warning: (title, options) => create({ ...options, title, variant: "warning" }),
+  info: (title, options) => create({ ...options, title, variant: "info" }),
+  dismiss,
+  promise: (promise, options) => {
+    const id = create({ title: options.loading, description: options.description, variant: "default", duration: 0, position: options.position });
+    promise.then((value) => update(id, { title: typeof options.success === "function" ? options.success(value) : options.success, variant: "success", duration: 4e3 })).catch((error) => update(id, { title: typeof options.error === "function" ? options.error(error) : options.error, variant: "error", duration: 6e3 }));
+    return promise;
+  }
 });
-var Textarea2 = TextareaImpl;
+function useToast() {
+  return toast;
+}
+function ToastProvider({ children }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Toaster, {})
+  ] });
+}
+var positionClasses = {
+  "top-left": "top-4 left-4 items-start",
+  "top-center": "top-4 left-1/2 -translate-x-1/2 items-center",
+  "top-right": "top-4 right-4 items-end",
+  "bottom-left": "bottom-4 left-4 items-start",
+  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 items-center",
+  "bottom-right": "bottom-4 right-4 items-end"
+};
+function Toaster({ position = "bottom-right" }) {
+  return /* @__PURE__ */ (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)) });
+}
+function ToastViewport({ position, visiblePosition, className }) {
+  const toasts = (0, import_react23.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)) });
+}
+function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, onDismiss }) {
+  (0, import_react23.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_react24.CheckCircleIcon : variant === "error" ? import_react24.XCircleIcon : variant === "warning" ? import_react24.WarningCircleIcon : variant === "info" ? import_react24.InfoIcon : import_react24.InfoIcon;
+  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", weight: "duotone", 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 })
+    ] }),
+    /* @__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_react24.XIcon, {}) })
+  ] }) });
+}
 
-// src/ui/tooltip.tsx
-var import_react_aria_components15 = require("react-aria-components");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var TooltipTrigger = import_react_aria_components15.TooltipTrigger;
-function Tooltip({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components15.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 data-entering:animate-in data-entering:fade-in-0 data-entering:zoom-in-95 data-exiting:animate-out data-exiting:fade-out-0 data-exiting:zoom-out-95", className), ...props });
+// src/ui/toolbar/toolbar.tsx
+var import_jsx_runtime44 = 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 });
+}
+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 });
+}
+function ToolbarSpacer({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
-var TooltipContent = Tooltip;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertAction,
+  AlertDescription,
+  AlertTitle,
+  AppShell,
+  AppShellContent,
+  AppShellHeader,
+  AppShellMain,
+  AutocompleteCombobox,
+  Avatar,
+  AvatarBadge,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage,
   Badge,
+  Breadcrumb,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Breadcrumbs,
   Button,
+  ButtonGroup,
+  ButtonGroupText,
   Card,
   CardContent,
   CardDescription,
@@ -607,6 +1533,11 @@ var TooltipContent = Tooltip;
   ComboboxItem,
   ComboboxList,
   ComboboxValue,
+  Command,
+  CommandContent,
+  CommandInput,
+  CommandItem,
+  CommandList,
   ConfirmDialog,
   Dialog,
   DialogClose,
@@ -615,6 +1546,16 @@ var TooltipContent = Tooltip;
   DialogFooter,
   DialogHeader,
   DialogTitle,
+  Drawer,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
   EmptyState,
   EmptyStateDescription,
   EmptyStateTitle,
@@ -622,18 +1563,35 @@ var TooltipContent = Tooltip;
   FieldDescription,
   FieldError,
   FieldLabel,
+  FormFeedback,
+  FormRow,
   HighlightMatch,
+  IconButton,
   Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
   Kbd,
   KbdGroup,
   Label,
+  LoadingOverlay,
   Menu,
   MenuContent,
   MenuItem,
   MenuTrigger,
+  PageHeader,
+  PageHeaderActions,
+  PageHeaderDescription,
+  PageHeaderHeading,
+  PageHeaderTitle,
+  Pagination,
   Popover,
   PopoverContent,
   PopoverTrigger,
+  QuantityInput,
   SearchClearButton,
   SearchField,
   SearchInput,
@@ -644,7 +1602,20 @@ var TooltipContent = Tooltip;
   SelectTrigger,
   SelectValue,
   Separator,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarHeader,
+  SidebarItem,
+  SidebarMore,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSearch,
+  SidebarSeparator,
+  SidebarTrigger,
   Skeleton,
+  SubmitButton,
   Switch,
   Table,
   TableBody,
@@ -659,6 +1630,13 @@ var TooltipContent = Tooltip;
   TabsPanels,
   TabsTrigger,
   Textarea,
+  Toast,
+  ToastProvider,
+  ToastViewport,
+  Toaster,
+  Toolbar,
+  ToolbarGroup,
+  ToolbarSpacer,
   Tooltip,
   TooltipContent,
   TooltipTrigger,
@@ -667,8 +1645,12 @@ var TooltipContent = Tooltip;
   cn,
   formSnapshot,
   getTextMatchParts,
+  toast,
   useAutosave,
   useDebouncedValue,
-  useFormDirty
+  useFormDirty,
+  useFormFeedback,
+  useSidebar,
+  useToast
 });
 //# sourceMappingURL=index.cjs.map