@doscientos/ui 0.1.5 → 0.1.7

package/dist/index.js

@@ -32,12 +32,12 @@ function useAutosave({
   }, []);
   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]);
@@ -141,9 +141,90 @@ function getTextMatchParts(text, query) {
   return parts.length ? parts : [{ text, match: false }];
 }
 
-// src/ui/badge.tsx
+// src/ui/accordion/accordion.tsx
+import { Disclosure as AriaDisclosure, DisclosureGroup as AriaDisclosureGroup, DisclosurePanel as AriaDisclosurePanel, Button } from "react-aria-components";
+import { CaretDownIcon } from "@phosphor-icons/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Accordion({ className, ...props }) {
+  return /* @__PURE__ */ jsx(AriaDisclosureGroup, { "data-slot": "accordion", className: cn("flex w-full flex-col", className), ...props });
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(AriaDisclosure, { "data-slot": "accordion-item", className: cn("border-b border-border last:border-0", className), ...props });
+}
+function AccordionTrigger({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx(Button, { "data-slot": "accordion-trigger", className: cn("group/accordion-trigger flex w-full items-center justify-between py-3 text-left text-sm font-medium outline-none transition-colors hover:text-primary focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props, children: (values) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { children: typeof children === "function" ? children(values) : children }),
+    /* @__PURE__ */ jsx(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__ */ jsx(AriaDisclosurePanel, { "data-slot": "accordion-content", className: cn("overflow-hidden pb-3 text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/alert/alert.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var variants = {
+  default: "border-border bg-card text-foreground",
+  destructive: "border-destructive/30 bg-destructive/5 text-destructive",
+  success: "border-success/30 bg-success/5 text-success",
+  warning: "border-warning/30 bg-warning/5 text-warning"
+};
+function Alert({ className, variant = "default", ...props }) {
+  return /* @__PURE__ */ jsx2("div", { role: "alert", "data-slot": "alert", "data-variant": variant, className: cn("grid w-full gap-1 rounded-lg border px-3 py-2.5 text-sm [&>svg]:size-4", variants[variant], className), ...props });
+}
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", { "data-slot": "alert-title", className: cn("font-medium", className), ...props });
+}
+function AlertDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx2("div", { "data-slot": "alert-description", className: cn("text-sm opacity-90", className), ...props });
+}
+function AlertAction({ className, children, ...props }) {
+  return /* @__PURE__ */ jsx2("div", { "data-slot": "alert-action", className: cn("absolute top-2 right-2", className), ...props, children });
+}
+
+// src/ui/app-shell/app-shell.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function AppShell({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("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__ */ jsx3("main", { "data-slot": "app-shell-main", className: cn("min-w-0 flex-1", className), ...props });
+}
+function AppShellHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx3("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__ */ jsx3("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
+import { useState as useState4 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var sizes = { xs: "size-5 text-[10px]", sm: "size-6 text-xs", default: "size-8 text-sm", lg: "size-10 text-base" };
+function Avatar({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ jsx4("div", { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex shrink-0 overflow-hidden rounded-full bg-muted text-muted-foreground", sizes[size], className), ...props });
+}
+function AvatarImage({ className, ...props }) {
+  const [failed, setFailed] = useState4(false);
+  if (failed) return null;
+  return /* @__PURE__ */ jsx4("img", { "data-slot": "avatar-image", className: cn("aspect-square size-full object-cover", className), onError: () => setFailed(true), ...props });
+}
+function AvatarFallback({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("span", { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center font-medium", className), ...props });
+}
+function AvatarBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("span", { "data-slot": "avatar-badge", className: cn("absolute right-0 bottom-0 size-2.5 rounded-full bg-success ring-2 ring-background", className), ...props });
+}
+function AvatarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("div", { "data-slot": "avatar-group", className: cn("flex -space-x-2 [&>[data-slot=avatar]]:ring-2 [&>[data-slot=avatar]]:ring-background", className), ...props });
+}
+function AvatarGroupCount({ className, ...props }) {
+  return /* @__PURE__ */ jsx4("span", { "data-slot": "avatar-group-count", className: cn("flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground ring-2 ring-background", className), ...props });
+}
+
+// src/ui/badge/badge.tsx
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var badgeVariants = cva("inline-flex w-fit items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium", {
   variants: {
     variant: {
@@ -159,15 +240,34 @@ var badgeVariants = cva("inline-flex w-fit items-center gap-1 rounded-full px-2
   defaultVariants: { variant: "default" }
 });
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx5("span", { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props });
+}
+
+// src/ui/breadcrumb/breadcrumb.tsx
+import { Breadcrumb as AriaBreadcrumb, Breadcrumbs as AriaBreadcrumbs, Link as AriaLink } from "react-aria-components";
+import { jsx as jsx6 } from "react/jsx-runtime";
+function Breadcrumbs({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(AriaBreadcrumbs, { "data-slot": "breadcrumbs", className: cn("flex flex-wrap items-center gap-1.5 text-sm text-muted-foreground", className), ...props });
+}
+function Breadcrumb({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(AriaBreadcrumb, { "data-slot": "breadcrumb", className: cn("inline-flex items-center gap-1.5", className), ...props });
+}
+function BreadcrumbLink({ className, ...props }) {
+  return /* @__PURE__ */ jsx6(AriaLink, { "data-slot": "breadcrumb-link", className: cn("transition-colors hover:text-foreground", className), ...props });
+}
+function BreadcrumbPage({ className, ...props }) {
+  return /* @__PURE__ */ jsx6("span", { "data-slot": "breadcrumb-page", "aria-current": "page", className: cn("font-medium text-foreground", className), ...props });
+}
+function BreadcrumbSeparator({ children = "/", className, ...props }) {
+  return /* @__PURE__ */ jsx6("span", { "data-slot": "breadcrumb-separator", "aria-hidden": "true", className: cn("text-muted-foreground/60", className), ...props, children });
 }
 
-// src/ui/button.tsx
+// src/ui/button/button.tsx
 import { cva as cva2 } from "class-variance-authority";
 import { Button as AriaButton } from "react-aria-components";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var buttonVariants = cva2(
-  "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: {
@@ -189,306 +289,955 @@ var buttonVariants = cva2(
     defaultVariants: { variant: "default", size: "default" }
   }
 );
-function Button({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ jsx2(AriaButton, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
+function Button2({ className, variant, size, ...props }) {
+  return /* @__PURE__ */ jsx7(AriaButton, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
 }
 
-// src/ui/card.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+// src/ui/button-group/button-group.tsx
+import { jsx as jsx8 } from "react/jsx-runtime";
+function ButtonGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("div", { role: "group", "data-slot": "button-group", className: cn("inline-flex items-center gap-2", className), ...props });
+}
+function ButtonGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx8("span", { "data-slot": "button-group-text", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/card/card.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("section", { "data-slot": "card", className: cn("rounded-xl border border-border bg-card text-foreground shadow-sm", className), ...props });
+  return /* @__PURE__ */ jsx9("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__ */ jsx3("header", { "data-slot": "card-header", className: cn("flex flex-col gap-1.5 p-5", className), ...props });
+  return /* @__PURE__ */ jsx9("header", { "data-slot": "card-header", className: cn("flex flex-col gap-1.5 p-5", className), ...props });
 }
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("h2", { "data-slot": "card-title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ jsx9("h2", { "data-slot": "card-title", className: cn("text-base font-semibold", className), ...props });
 }
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("p", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx9("p", { "data-slot": "card-description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 function CardContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("div", { "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props });
+  return /* @__PURE__ */ jsx9("div", { "data-slot": "card-content", className: cn("p-5 pt-0", className), ...props });
 }
 function CardFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx3("footer", { "data-slot": "card-footer", className: cn("flex items-center gap-2 border-t border-border p-5", className), ...props });
+  return /* @__PURE__ */ jsx9("footer", { "data-slot": "card-footer", className: cn("flex items-center gap-2 border-t border-border p-5", className), ...props });
 }
 
-// src/ui/checkbox.tsx
+// src/ui/checkbox/checkbox.tsx
 import {
   Checkbox as AriaCheckbox
 } from "react-aria-components";
-import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "@phosphor-icons/react";
+import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 function Checkbox({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx4(AriaCheckbox, { "data-slot": "checkbox", className: cn("group inline-flex items-center gap-2 text-sm text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx4("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__ */ jsx10(AriaCheckbox, { "data-slot": "checkbox", className: cn("group inline-flex items-center gap-2 text-sm text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs2(Fragment2, { children: [
+    /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "grid size-4 place-items-center rounded border border-border bg-background text-primary-foreground transition-colors group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: /* @__PURE__ */ jsx10(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
-import { Fragment as Fragment2 } from "react";
-import {
-  ComboBox as AriaComboBox,
-  ComboBoxValue,
-  Input,
-  ListBox,
-  ListBoxItem,
-  Popover
-} from "react-aria-components";
-import { jsx as jsx5 } from "react/jsx-runtime";
+// src/ui/combobox/combobox.tsx
+import { Fragment as Fragment3, useMemo, useState as useState5 } from "react";
+import { ComboBox as AriaComboBox, ComboBoxValue, FieldError, Input, Label, ListBox, ListBoxItem, Popover, Text } from "react-aria-components";
+import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
 var Combobox = AriaComboBox;
 function ComboboxInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(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__ */ jsx11(Input, { "data-slot": "combobox-input", className: cn("h-9 w-full rounded-lg border border-border bg-background px-2.5 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
 }
 function ComboboxContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx5(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__ */ jsx11(Popover, { "data-slot": "combobox-content", className: cn("max-h-72 w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
 }
 function ComboboxList({ className, emptyState, ...props }) {
-  return /* @__PURE__ */ jsx5(ListBox, { "data-slot": "combobox-list", className: cn("max-h-64 overflow-y-auto", className), renderEmptyState: emptyState ? () => emptyState : void 0, ...props });
+  return /* @__PURE__ */ jsx11(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__ */ jsx5(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__ */ jsx11(ListBoxItem, { "data-slot": "combobox-item", className: cn("flex w-full cursor-default items-center justify-between rounded-md px-2 py-2 text-sm outline-none transition-colors data-focused:bg-muted data-focused:text-foreground data-hovered:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
 }
 function HighlightMatch({ text, query, className }) {
-  return /* @__PURE__ */ jsx5("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ jsx5("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ jsx5(Fragment2, { children: part.text }, `${part.text}-${index}`)) });
+  return /* @__PURE__ */ jsx11("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ jsx11("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ jsx11(Fragment3, { children: part.text }, `${part.text}-${index}`)) });
+}
+function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState = /* @__PURE__ */ jsx11("p", { className: "px-3 py-7 text-center text-sm text-muted-foreground", children: "No hay resultados." }), suggestion = true, placeholder, className, onKeyDown: _onKeyDown, ...props }) {
+  const [internalInputValue, setInternalInputValue] = useState5("");
+  const inputValue = controlledInputValue ?? internalInputValue;
+  const setInputValue = (value) => {
+    setInternalInputValue(value);
+    onInputChange?.(value);
+  };
+  const normalizedQuery = inputValue.trim().toLocaleLowerCase();
+  const filteredItems = useMemo(() => normalizedQuery ? items.filter((item) => getItemLabel(item).toLocaleLowerCase().includes(normalizedQuery)) : [...items], [getItemLabel, items, normalizedQuery]);
+  const suggestedItem = 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__ */ jsxs3(AriaComboBox, { ...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__ */ jsx11(Label, { className: "text-sm font-medium text-foreground", children: label }),
+    /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+      suggestionLabel && /* @__PURE__ */ jsxs3("span", { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-2.5 z-0 flex items-center whitespace-pre text-sm text-muted-foreground/60", children: [
+        /* @__PURE__ */ jsx11("span", { className: "text-transparent", children: inputValue }),
+        suggestionLabel.slice(inputValue.length)
+      ] }),
+      /* @__PURE__ */ jsx11(ComboboxInput, { "aria-autocomplete": suggestionLabel ? "both" : "list", placeholder, onKeyDown: handleKeyDown, className: "relative z-10 bg-transparent" })
+    ] }),
+    description && /* @__PURE__ */ jsx11(Text, { slot: "description", className: "text-xs text-muted-foreground", children: description }),
+    errorMessage && /* @__PURE__ */ jsx11(FieldError, { className: "text-xs text-destructive", children: errorMessage }),
+    /* @__PURE__ */ jsx11(ComboboxContent, { children: /* @__PURE__ */ jsx11(ComboboxList, { emptyState, children: (item) => /* @__PURE__ */ jsx11(ComboboxItem, { id: getItemKey(item), textValue: getItemLabel(item), children: renderItem ? renderItem(item, inputValue) : /* @__PURE__ */ jsx11(HighlightMatch, { text: getItemLabel(item), query: inputValue }) }) }) })
+  ] });
 }
 
-// src/ui/dialog.tsx
+// src/ui/command/command.tsx
+import { ComboBox as AriaComboBox2, Input as AriaInput, ListBox as ListBox2, ListBoxItem as ListBoxItem2, Popover as Popover2 } from "react-aria-components";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function Command({ className, ...props }) {
+  return /* @__PURE__ */ jsx12(AriaComboBox2, { "data-slot": "command", className: cn("w-full", className), ...props });
+}
+function CommandInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx12(AriaInput, { "data-slot": "command-input", className: cn("h-9 w-full border-0 bg-transparent px-3 text-sm text-foreground outline-none placeholder:text-muted-foreground", className), ...props });
+}
+function CommandContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx12(Popover2, { "data-slot": "command-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 shadow-lg outline-none", className), ...props });
+}
+function CommandList({ className, ...props }) {
+  return /* @__PURE__ */ jsx12(ListBox2, { "data-slot": "command-list", className: cn("max-h-72 overflow-y-auto", className), ...props });
+}
+function CommandItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx12(ListBoxItem2, { "data-slot": "command-item", className: cn("flex cursor-default items-center rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props });
+}
+
+// src/ui/dialog/dialog.tsx
 import { createContext, useContext } from "react";
+import { XIcon } from "@phosphor-icons/react";
 import {
   Dialog as AriaDialog,
   Heading,
   Modal,
   ModalOverlay,
-  Text
+  Text as Text2
 } from "react-aria-components";
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
 var DialogCloseContext = createContext(null);
 function Dialog({ open, children, ...props }) {
-  return /* @__PURE__ */ jsx6(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__ */ jsx13(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 = useContext(DialogCloseContext);
-  return /* @__PURE__ */ jsx6(Button, { onPress: (event) => {
+  return /* @__PURE__ */ jsx13(Button2, { onPress: (event) => {
     onPress?.(event);
     close?.();
   }, ...props });
 }
 function DialogContent({ className, children, showCloseButton = true, ...props }) {
-  return /* @__PURE__ */ jsx6(Modal, { className: "w-full max-w-md outline-none", children: /* @__PURE__ */ jsx6(AriaDialog, { "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__ */ jsxs2(DialogCloseContext.Provider, { value: close, children: [
+  return /* @__PURE__ */ jsx13(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__ */ jsx13(AriaDialog, { "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__ */ jsxs4(DialogCloseContext.Provider, { value: close, children: [
     typeof children === "function" ? children({ close }) : children,
-    showCloseButton && /* @__PURE__ */ jsx6(DialogClose, { "aria-label": "Cerrar di\xE1logo", variant: "ghost", size: "icon", className: "absolute top-2 right-2", children: "\xD7" })
+    showCloseButton && /* @__PURE__ */ jsx13(DialogClose, { "aria-label": "Cerrar di\xE1logo", variant: "ghost", size: "icon", className: "absolute top-2 right-2", children: /* @__PURE__ */ jsx13(XIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) })
   ] }) }) });
 }
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx6("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
+  return /* @__PURE__ */ jsx13("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
 }
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx6("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+  return /* @__PURE__ */ jsx13("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__ */ jsx6(Heading, { slot: "title", className: cn("text-base font-semibold", className), ...props });
+  return /* @__PURE__ */ jsx13(Heading, { slot: "title", className: cn("text-base font-semibold", className), ...props });
 }
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx6(Text, { slot: "description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx13(Text2, { slot: "description", className: cn("text-sm text-muted-foreground", className), ...props });
 }
 
-// src/ui/confirm-dialog.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+// src/ui/confirm-dialog/confirm-dialog.tsx
+import { jsx as jsx14, jsxs as jsxs5 } from "react/jsx-runtime";
 function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel = "Confirmar", cancelLabel = "Cancelar", destructive = false, pending = false, onConfirm }) {
-  return /* @__PURE__ */ jsx7(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(DialogContent, { showCloseButton: false, children: [
-    /* @__PURE__ */ jsxs3(DialogHeader, { children: [
-      /* @__PURE__ */ jsx7(DialogTitle, { children: title }),
-      description && /* @__PURE__ */ jsx7(DialogDescription, { children: description })
+  return /* @__PURE__ */ jsx14(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs5(DialogContent, { showCloseButton: false, children: [
+    /* @__PURE__ */ jsxs5(DialogHeader, { children: [
+      /* @__PURE__ */ jsx14(DialogTitle, { children: title }),
+      description && /* @__PURE__ */ jsx14(DialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsxs3(DialogFooter, { children: [
-      /* @__PURE__ */ jsx7(Button, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-      /* @__PURE__ */ jsx7(Button, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+    /* @__PURE__ */ jsxs5(DialogFooter, { children: [
+      /* @__PURE__ */ jsx14(Button2, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+      /* @__PURE__ */ jsx14(Button2, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
     ] })
   ] }) });
 }
 
-// src/ui/empty-state.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+// src/ui/drawer/drawer.tsx
+import { Dialog as AriaDialog2, Modal as Modal2, ModalOverlay as ModalOverlay2 } from "react-aria-components";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var sideStyles = { left: "inset-y-0 left-0 h-full w-[min(22rem,calc(100%-2rem))] data-entering:animate-ui-surface-in", right: "inset-y-0 right-0 h-full w-[min(22rem,calc(100%-2rem))] data-entering:animate-ui-surface-in", bottom: "inset-x-0 bottom-0 max-h-[85vh] w-full data-entering:animate-ui-surface-in" };
+function Drawer({ children, side = "right", className, ...props }) {
+  return /* @__PURE__ */ jsx15(ModalOverlay2, { isDismissable: true, className: "fixed inset-0 z-50 bg-black/20 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out", ...props, children: /* @__PURE__ */ jsx15(Modal2, { className: cn("absolute grid gap-4 overflow-y-auto rounded-xl border border-border bg-background p-5 text-foreground shadow-xl outline-none", sideStyles[side], className), children: /* @__PURE__ */ jsx15(AriaDialog2, { "data-slot": "drawer", className: "outline-none", children }) }) });
+}
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx15("div", { "data-slot": "drawer-header", className: cn("flex flex-col gap-1.5", className), ...props });
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx15("div", { "data-slot": "drawer-footer", className: cn("mt-auto flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end", className), ...props });
+}
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx15("h2", { "data-slot": "drawer-title", className: cn("text-base font-semibold", className), ...props });
+}
+function DrawerDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx15("p", { "data-slot": "drawer-description", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+
+// src/ui/dropdown-menu/dropdown-menu.tsx
+import { Menu as AriaMenu, MenuItem as AriaMenuItem, MenuTrigger as AriaMenuTrigger, Popover as AriaPopover, Separator as AriaSeparator } from "react-aria-components";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var DropdownMenu = AriaMenu;
+var DropdownMenuTrigger = AriaMenuTrigger;
+function DropdownMenuContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(AriaPopover, { "data-slot": "dropdown-menu-content", offset: 6, className: cn("min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+}
+function DropdownMenuItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(AriaMenuItem, { "data-slot": "dropdown-menu-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props });
+}
+function DropdownMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ jsx16(AriaSeparator, { "data-slot": "dropdown-menu-separator", className: cn("my-1 h-px bg-border", className), ...props });
+}
+
+// src/ui/empty-state/empty-state.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
 function EmptyState({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("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__ */ jsx17("div", { "data-slot": "empty-state", className: cn("flex min-h-44 w-full flex-col items-center justify-center gap-3 rounded-xl border border-dashed border-border p-6 text-center", className), ...props });
 }
 function EmptyStateTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("h3", { "data-slot": "empty-state-title", className: cn("text-sm font-medium text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx17("h3", { "data-slot": "empty-state-title", className: cn("text-sm font-medium text-foreground", className), ...props });
 }
 function EmptyStateDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("p", { "data-slot": "empty-state-description", className: cn("max-w-sm text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx17("p", { "data-slot": "empty-state-description", className: cn("max-w-sm text-sm text-muted-foreground", className), ...props });
 }
 
-// src/ui/label.tsx
+// src/ui/label/label.tsx
 import { forwardRef } from "react";
 import { Label as LabelPrimitive } from "react-aria-components";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Label = forwardRef(function Label2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx9(LabelPrimitive, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Label2 = forwardRef(function Label3({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx18(LabelPrimitive, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
 });
 
-// src/ui/field.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
+// src/ui/field/field.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
 function Field({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("div", { "data-slot": "field", className: cn("flex w-full flex-col gap-2", className), ...props });
+  return /* @__PURE__ */ jsx19("div", { "data-slot": "field", className: cn("flex w-full flex-col gap-2", className), ...props });
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(Label, { "data-slot": "field-label", className: cn("text-foreground", className), ...props });
+  return /* @__PURE__ */ jsx19(Label2, { "data-slot": "field-label", className: cn("text-foreground", className), ...props });
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx10("p", { "data-slot": "field-description", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx19("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__ */ jsx10("p", { role: "alert", "data-slot": "field-error", className: cn("text-sm text-destructive", className), ...props, children });
+  return /* @__PURE__ */ jsx19("p", { role: "alert", "data-slot": "field-error", className: cn("text-sm text-destructive", className), ...props, children });
+}
+
+// src/ui/form-feedback/form-feedback.tsx
+import { useCallback as useCallback3, useEffect as useEffect3, useRef as useRef3, useState as useState6 } from "react";
+import { CheckCircleIcon, CircleNotchIcon, WarningCircleIcon } from "@phosphor-icons/react";
+import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
+function useFormFeedback(options) {
+  const resetMs = options?.successResetMs ?? 2500;
+  const [state, setState] = useState6({ status: "idle" });
+  const timer = useRef3(null);
+  const clearTimer = useCallback3(() => {
+    if (timer.current) clearTimeout(timer.current);
+    timer.current = null;
+  }, []);
+  useEffect3(() => () => clearTimer(), [clearTimer]);
+  const setPending = useCallback3(() => {
+    clearTimer();
+    setState({ status: "pending" });
+  }, [clearTimer]);
+  const setSuccess = useCallback3((message) => {
+    clearTimer();
+    setState({ status: "success", message });
+    if (resetMs > 0) timer.current = setTimeout(() => setState({ status: "idle" }), resetMs);
+  }, [clearTimer, resetMs]);
+  const setError = useCallback3((message) => {
+    clearTimer();
+    setState({ status: "error", message });
+  }, [clearTimer]);
+  const reset = useCallback3(() => {
+    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__ */ jsx20("span", { "aria-hidden": "true", className: cn("inline-flex h-5 items-center", className) });
+  const error = state.status === "error";
+  const success = state.status === "success";
+  return /* @__PURE__ */ jsxs6("span", { role: error ? "alert" : "status", "aria-live": "polite", className: cn("inline-flex h-5 items-center gap-1.5 text-xs", error && "text-destructive", success && "text-success", state.status === "pending" && "text-muted-foreground", className), children: [
+    state.status === "pending" && /* @__PURE__ */ jsx20(CircleNotchIcon, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    success && /* @__PURE__ */ jsx20(CheckCircleIcon, { "aria-hidden": "true", className: "size-3.5", weight: "fill" }),
+    error && /* @__PURE__ */ jsx20(WarningCircleIcon, { "aria-hidden": "true", className: "size-3.5", weight: "fill" }),
+    /* @__PURE__ */ jsx20("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
+  ] });
+}
+
+// src/ui/form-row/form-row.tsx
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
+function FormRow({ label, htmlFor, required, hint, error, className, children }) {
+  const hintId = hint ? `${htmlFor}-hint` : void 0;
+  const errorId = error ? `${htmlFor}-error` : void 0;
+  return /* @__PURE__ */ jsxs7("div", { "data-slot": "form-row", className: cn("flex flex-col gap-1.5", className), children: [
+    /* @__PURE__ */ jsxs7("label", { htmlFor, className: "text-sm font-medium text-foreground", children: [
+      label,
+      required && /* @__PURE__ */ jsxs7(Fragment4, { children: [
+        /* @__PURE__ */ jsx21("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
+        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: " (obligatorio)" })
+      ] })
+    ] }),
+    children,
+    hint && /* @__PURE__ */ jsx21("p", { id: hintId, className: "text-xs text-muted-foreground", children: hint }),
+    error && /* @__PURE__ */ jsx21("p", { id: errorId, role: "alert", className: "text-xs font-medium text-destructive", children: error })
+  ] });
 }
 
-// src/ui/input.tsx
+// src/ui/icon-button/icon-button.tsx
+import { Link } from "react-aria-components";
+
+// src/ui/tooltip/tooltip.tsx
+import {
+  Tooltip as AriaTooltip,
+  TooltipTrigger as AriaTooltipTrigger
+} from "react-aria-components";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var TooltipTrigger = AriaTooltipTrigger;
+function Tooltip({ className, ...props }) {
+  return /* @__PURE__ */ jsx22(AriaTooltip, { "data-slot": "tooltip", offset: 6, className: cn("max-w-xs rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background shadow-md outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+}
+var TooltipContent = Tooltip;
+
+// src/ui/icon-button/icon-button.tsx
+import { jsx as jsx23, jsxs as jsxs8 } from "react/jsx-runtime";
+function IconButton({
+  label,
+  children,
+  href,
+  className,
+  variant,
+  ...props
+}) {
+  const linkClassName = cn(
+    buttonVariants({ variant, size: "icon" }),
+    className
+  );
+  return /* @__PURE__ */ jsxs8(TooltipTrigger, { children: [
+    href ? /* @__PURE__ */ jsx23(
+      Link,
+      {
+        "data-slot": "icon-button",
+        "aria-label": label,
+        href,
+        className: linkClassName,
+        children
+      }
+    ) : /* @__PURE__ */ jsx23(
+      Button2,
+      {
+        "data-slot": "icon-button",
+        "aria-label": label,
+        variant,
+        size: "icon",
+        className,
+        ...props,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx23(Tooltip, { children: label })
+  ] });
+}
+
+// src/ui/input/input.tsx
 import { forwardRef as forwardRef2 } from "react";
-import { Input as AriaInput } from "react-aria-components";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { Input as AriaInput2 } from "react-aria-components";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var InputImpl = forwardRef2(function Input2({ className, type, ...props }, ref) {
-  return /* @__PURE__ */ jsx11(AriaInput, { ref, type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
+  return /* @__PURE__ */ jsx24(AriaInput2, { ref, type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
 });
 var Input3 = InputImpl;
 
-// src/ui/kbd.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
+// src/ui/input-group/input-group.tsx
+import { cva as cva3 } from "class-variance-authority";
+
+// src/ui/textarea/textarea.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { TextArea as AriaTextArea } from "react-aria-components";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var TextareaImpl = forwardRef3(function Textarea({ className, ...props }, ref) {
+  return /* @__PURE__ */ jsx25(AriaTextArea, { ref, "data-slot": "textarea", className: cn("min-h-20 w-full rounded-lg border border-border bg-background px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
+});
+var Textarea2 = TextareaImpl;
+
+// src/ui/input-group/input-group.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+function InputGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx26("div", { role: "group", "data-slot": "input-group", className: cn("group/input-group flex min-h-8 w-full min-w-0 items-center rounded-lg border border-border transition-colors has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-3 has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-destructive", className), ...props });
+}
+var addonVariants = cva3("flex items-center justify-center gap-2 px-2 text-sm text-muted-foreground", { variants: { align: { "inline-start": "order-first", "inline-end": "order-last", "block-start": "w-full justify-start border-b py-2", "block-end": "w-full justify-start border-t py-2" } }, defaultVariants: { align: "inline-start" } });
+function InputGroupAddon({ className, align, ...props }) {
+  return /* @__PURE__ */ jsx26("div", { "data-slot": "input-group-addon", "data-align": align, className: cn(addonVariants({ align }), className), ...props });
+}
+function InputGroupButton({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(Button2, { "data-slot": "input-group-button", size: "icon", variant: "ghost", className: cn("size-7 shrink-0", className), ...props });
+}
+function InputGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx26("span", { "data-slot": "input-group-text", className: cn("px-2 text-sm text-muted-foreground", className), ...props });
+}
+function InputGroupInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(Input3, { "data-slot": "input-group-control", className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0", className), ...props });
+}
+function InputGroupTextarea({ className, ...props }) {
+  return /* @__PURE__ */ jsx26(Textarea2, { "data-slot": "input-group-control", className: cn("flex-1 resize-none rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0", className), ...props });
+}
+
+// src/ui/kbd/kbd.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("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__ */ jsx27("kbd", { "data-slot": "kbd", className: cn("pointer-events-none inline-flex h-5 min-w-5 items-center justify-center gap-1 rounded-sm bg-muted px-1 font-sans text-xs font-medium text-muted-foreground select-none", className), ...props });
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx12("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+  return /* @__PURE__ */ jsx27("span", { "data-slot": "kbd-group", className: cn("inline-flex items-center gap-1", className), ...props });
+}
+
+// src/ui/loading-overlay/loading-overlay.tsx
+import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx28, jsxs as jsxs9 } from "react/jsx-runtime";
+function LoadingOverlay({ label = "Cargando", className, ...props }) {
+  return /* @__PURE__ */ jsx28("div", { role: "status", "aria-live": "polite", className: cn("absolute inset-0 z-10 flex items-center justify-center bg-background/70 backdrop-blur-[2px]", className), ...props, children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
+    /* @__PURE__ */ jsx28(CircleNotchIcon2, { className: "animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx28("span", { children: label })
+  ] }) });
 }
 
-// src/ui/menu.tsx
+// src/ui/menu/menu.tsx
 import {
-  Menu as AriaMenu,
-  MenuItem as AriaMenuItem,
-  MenuTrigger as AriaMenuTrigger,
-  Popover as Popover2
+  Menu as AriaMenu2,
+  MenuItem as AriaMenuItem2,
+  MenuTrigger as AriaMenuTrigger2,
+  Popover as Popover3
 } from "react-aria-components";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var MenuTrigger = AriaMenuTrigger;
+import { jsx as jsx29 } from "react/jsx-runtime";
+var MenuTrigger = AriaMenuTrigger2;
 function MenuContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(Popover2, { "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__ */ jsx29(Popover3, { "data-slot": "menu-content", className: cn("min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
 }
 function Menu({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(AriaMenu, { "data-slot": "menu", className: cn("outline-none", className), ...props });
+  return /* @__PURE__ */ jsx29(AriaMenu2, { "data-slot": "menu", className: cn("outline-none", className), ...props });
 }
 function MenuItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx13(AriaMenuItem, { "data-slot": "menu-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
+  return /* @__PURE__ */ jsx29(AriaMenuItem2, { "data-slot": "menu-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
 }
 
-// src/ui/popover.tsx
+// src/ui/page-header/page-header.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+function PageHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx30("header", { "data-slot": "page-header", className: cn("flex flex-col gap-4 py-2 sm:flex-row sm:items-center sm:justify-between", className), ...props });
+}
+function PageHeaderHeading({ className, ...props }) {
+  return /* @__PURE__ */ jsx30("div", { "data-slot": "page-header-heading", className: cn("min-w-0", className), ...props });
+}
+function PageHeaderTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx30("h1", { "data-slot": "page-header-title", className: cn("truncate text-xl font-semibold tracking-tight md:text-2xl", className), ...props });
+}
+function PageHeaderDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx30("p", { "data-slot": "page-header-description", className: cn("mt-1 text-sm text-muted-foreground", className), ...props });
+}
+function PageHeaderActions({ className, ...props }) {
+  return /* @__PURE__ */ jsx30("div", { "data-slot": "page-header-actions", className: cn("flex shrink-0 items-center gap-2", className), ...props });
+}
+
+// src/ui/pagination/pagination.tsx
+import { CaretLeftIcon, CaretRightIcon } from "@phosphor-icons/react";
+import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
+function Pagination({ page, pageCount, onPageChange, className }) {
+  const pages = Array.from({ length: pageCount }, (_, index) => index + 1);
+  return /* @__PURE__ */ jsxs10("nav", { "aria-label": "Paginaci\xF3n", className: cn("flex items-center justify-between gap-4", className), children: [
+    /* @__PURE__ */ jsxs10("p", { className: "text-sm text-muted-foreground", children: [
+      "P\xE1gina ",
+      page,
+      " de ",
+      pageCount
+    ] }),
+    /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx31(Button2, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx31(CaretLeftIcon, {}) }),
+      pages.map((item) => /* @__PURE__ */ jsx31(Button2, { "aria-current": item === page ? "page" : void 0, "aria-label": `P\xE1gina ${item}`, onPress: () => onPageChange(item), size: "icon", variant: item === page ? "secondary" : "ghost", children: item }, item)),
+      /* @__PURE__ */ jsx31(Button2, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx31(CaretRightIcon, {}) })
+    ] })
+  ] });
+}
+
+// src/ui/popover/popover.tsx
 import {
   DialogTrigger as AriaDialogTrigger,
-  Popover as AriaPopover
+  Popover as AriaPopover2
 } from "react-aria-components";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var PopoverTrigger = AriaDialogTrigger;
-function Popover3({ className, ...props }) {
-  return /* @__PURE__ */ jsx14(AriaPopover, { "data-slot": "popover", offset: 6, className: cn("min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none 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 });
+function Popover4({ className, ...props }) {
+  return /* @__PURE__ */ jsx32(AriaPopover2, { "data-slot": "popover", offset: 6, className: cn("min-w-48 rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
+}
+var PopoverContent = Popover4;
+
+// src/ui/quantity-input/quantity-input.tsx
+import { MinusIcon, PlusIcon } from "@phosphor-icons/react";
+import {
+  Button as AriaButton2,
+  Group as AriaGroup,
+  Input as AriaInput3,
+  NumberField as AriaNumberField
+} from "react-aria-components";
+import { jsx as jsx33, jsxs as jsxs11 } from "react/jsx-runtime";
+function QuantityInput({
+  className,
+  inputClassName,
+  decrementAriaLabel = "Disminuir cantidad",
+  incrementAriaLabel = "Aumentar cantidad",
+  minValue = 0,
+  step = 1,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx33(
+    AriaNumberField,
+    {
+      ...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__ */ jsxs11(
+        AriaGroup,
+        {
+          "data-slot": "quantity-input-group",
+          className: "flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border border-border bg-background text-foreground transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive",
+          children: [
+            /* @__PURE__ */ jsx33(AriaButton2, { slot: "decrement", "aria-label": decrementAriaLabel, "data-slot": "quantity-input-decrement", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-r border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx33(MinusIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) }),
+            /* @__PURE__ */ jsx33(AriaInput3, { "data-slot": "quantity-input-value", className: cn("w-14 min-w-0 bg-transparent px-1 text-center text-sm tabular-nums outline-none", inputClassName) }),
+            /* @__PURE__ */ jsx33(AriaButton2, { slot: "increment", "aria-label": incrementAriaLabel, "data-slot": "quantity-input-increment", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-l border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx33(PlusIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) })
+          ]
+        }
+      )
+    }
+  );
 }
-var PopoverContent = Popover3;
 
-// src/ui/search-field.tsx
+// src/ui/search-field/search-field.tsx
 import {
   SearchField as AriaSearchField,
-  Button as Button2,
+  Button as Button3,
   Input as Input4
 } from "react-aria-components";
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { XIcon as XIcon2 } from "@phosphor-icons/react";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var SearchField = AriaSearchField;
 function SearchInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx15(Input4, { "data-slot": "search-input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
+  return /* @__PURE__ */ jsx34(Input4, { "data-slot": "search-input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
 }
-function SearchClearButton({ className, children = "\xD7", ...props }) {
-  return /* @__PURE__ */ jsx15(Button2, { 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__ */ jsx34(XIcon2, { "aria-hidden": "true", weight: "bold", className: "size-4" }), ...props }) {
+  return /* @__PURE__ */ jsx34(Button3, { slot: "clear", "data-slot": "search-clear", className: cn("absolute top-1/2 right-1 rounded p-1 text-muted-foreground outline-none hover:bg-muted data-focus-visible:ring-2 data-focus-visible:ring-ring", className), ...props, children });
 }
 
-// src/ui/select.tsx
+// src/ui/select/select.tsx
 import {
-  Button as AriaButton2,
+  Button as AriaButton3,
   Select as AriaSelect,
   SelectValue as AriaSelectValue,
-  ListBox as ListBox2,
-  ListBoxItem as ListBoxItem2,
-  Popover as Popover4
+  ListBox as ListBox3,
+  ListBoxItem as ListBoxItem3,
+  Popover as Popover5
 } from "react-aria-components";
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs4 } from "react/jsx-runtime";
+import { CaretDownIcon as CaretDownIcon2 } from "@phosphor-icons/react";
+import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
 var Select = AriaSelect;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx16(AriaButton2, { "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__ */ jsxs4(Fragment3, { children: [
+  return /* @__PURE__ */ jsx35(AriaButton3, { "data-slot": "select-trigger", className: cn("group/select-trigger flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs12(Fragment5, { children: [
     typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", className: "ml-auto text-muted-foreground", children: "\u2304" })
+    /* @__PURE__ */ jsx35(CaretDownIcon2, { "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__ */ jsx16(AriaSelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx35(AriaSelectValue, { "data-slot": "select-value", className: cn("flex-1 truncate data-placeholder:text-muted-foreground", className), ...props });
 }
 function SelectContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(Popover4, { "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__ */ jsx35(Popover5, { "data-slot": "select-content", className: cn("w-(--trigger-width) overflow-hidden rounded-xl border border-border bg-background p-1.5 text-foreground shadow-lg motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", className), ...props });
 }
 function SelectList({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(ListBox2, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
+  return /* @__PURE__ */ jsx35(ListBox3, { "data-slot": "select-list", className: cn("max-h-64 overflow-y-auto", className), ...props });
 }
 function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx16(ListBoxItem2, { "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__ */ jsx35(ListBoxItem3, { "data-slot": "select-item", className: cn("flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-selected:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
 }
 
-// src/ui/separator.tsx
-import { Separator as AriaSeparator } from "react-aria-components";
-import { jsx as jsx17 } from "react/jsx-runtime";
+// src/ui/separator/separator.tsx
+import { Separator as AriaSeparator2 } from "react-aria-components";
+import { jsx as jsx36 } from "react/jsx-runtime";
 function Separator({ className, orientation = "horizontal", ...props }) {
-  return /* @__PURE__ */ jsx17(AriaSeparator, { "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__ */ jsx36(AriaSeparator2, { "data-slot": "separator", orientation, className: cn("shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch", className), ...props });
 }
 
-// src/ui/skeleton.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+// src/ui/sidebar/sidebar.tsx
+import {
+  CaretLeftIcon as CaretLeftIcon2,
+  CaretRightIcon as CaretRightIcon2,
+  DotsThreeIcon,
+  MagnifyingGlassIcon
+} from "@phosphor-icons/react";
+import {
+  createContext as createContext2,
+  useContext as useContext2,
+  useMemo as useMemo2,
+  useState as useState7
+} from "react";
+import { Link as Link2 } from "react-aria-components";
+import { Fragment as Fragment6, jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
+var SidebarContext = createContext2(null);
+function useSidebar() {
+  const context = useContext2(SidebarContext);
+  if (!context)
+    throw new Error("useSidebar must be used inside SidebarProvider");
+  return context;
+}
+function SidebarProvider({
+  defaultCollapsed = false,
+  children
+}) {
+  const [collapsed, setCollapsed] = useState7(defaultCollapsed);
+  const value = useMemo2(
+    () => ({
+      collapsed,
+      setCollapsed,
+      toggle: () => setCollapsed((current) => !current)
+    }),
+    [collapsed]
+  );
+  return /* @__PURE__ */ jsx37(SidebarContext.Provider, { value, children });
+}
+function Sidebar({
+  className,
+  ...props
+}) {
+  const { collapsed } = useSidebar();
+  return /* @__PURE__ */ jsx37(
+    "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__ */ jsx37(
+    "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__ */ jsxs13(
+    "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__ */ jsx37(MagnifyingGlassIcon, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx37("span", { className: "flex-1 text-left", children: label }),
+        /* @__PURE__ */ jsx37("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
+      ]
+    }
+  );
+}
+function SidebarContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx37(
+    "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__ */ jsx37(
+    "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__ */ jsxs13(
+    "section",
+    {
+      "data-slot": "sidebar-group",
+      className: cn("mb-4 last:mb-0", className),
+      ...props,
+      children: [
+        label && /* @__PURE__ */ jsx37(
+          "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__ */ jsx37(
+    Link2,
+    {
+      "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__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx37("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
+        /* @__PURE__ */ jsx37(
+          "span",
+          {
+            className: cn("min-w-0 flex-1 truncate", collapsed && "sr-only"),
+            children: typeof children === "function" ? children(values) : content
+          }
+        ),
+        badge && !collapsed && /* @__PURE__ */ jsx37("span", { className: "text-xs text-muted-foreground", children: badge })
+      ] })
+    }
+  );
+}
+function SidebarSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx37(
+    "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__ */ jsx37(
+    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__ */ jsx37(CaretRightIcon2, {}) : /* @__PURE__ */ jsx37(CaretLeftIcon2, {})
+    }
+  );
+}
+function SidebarRail({
+  className,
+  ...props
+}) {
+  const { toggle } = useSidebar();
+  return /* @__PURE__ */ jsx37(
+    "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__ */ jsx37(
+    Button2,
+    {
+      "aria-label": "M\xE1s opciones",
+      size: "icon",
+      variant: "ghost",
+      className: cn("size-7", className),
+      ...props,
+      children: /* @__PURE__ */ jsx37(DotsThreeIcon, { weight: "bold" })
+    }
+  );
+}
+
+// src/ui/skeleton/skeleton.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx18("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
+  return /* @__PURE__ */ jsx38("div", { "aria-hidden": "true", "data-slot": "skeleton", className: cn("animate-pulse rounded-md bg-muted", className), ...props });
 }
 
-// src/ui/switch.tsx
+// src/ui/submit-button/submit-button.tsx
+import { useFormStatus } from "react-dom";
+import { CircleNotchIcon as CircleNotchIcon3 } from "@phosphor-icons/react";
+import { Fragment as Fragment7, jsx as jsx39, jsxs as jsxs14 } from "react/jsx-runtime";
+function SubmitButton({ pendingLabel = "Guardando\u2026", loading = false, children, isDisabled, size = "sm", ...props }) {
+  const { pending } = useFormStatus();
+  const busy = pending || loading;
+  return /* @__PURE__ */ jsx39(Button2, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    /* @__PURE__ */ jsx39(CircleNotchIcon3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    pendingLabel
+  ] }) : children });
+}
+
+// src/ui/switch/switch.tsx
 import {
-  Switch as AriaSwitch
+  SwitchButton as AriaSwitchButton,
+  SwitchField as AriaSwitchField
 } from "react-aria-components";
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs5 } from "react/jsx-runtime";
-function Switch({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx19(AriaSwitch, { "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__ */ jsxs5(Fragment4, { children: [
-    /* @__PURE__ */ jsx19("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__ */ jsx19("span", { className: "size-4 rounded-full bg-background shadow-sm transition-transform group-data-selected:translate-x-4" }) }),
-    typeof children === "function" ? children(state) : children
-  ] }) });
+import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs15 } from "react/jsx-runtime";
+var sizeStyles = {
+  sm: { track: "h-5 w-9 p-0.5", thumb: "size-4", travel: "group-data-selected/switch:translate-x-4" },
+  md: { track: "h-6 w-11 p-0.5", thumb: "size-5", travel: "group-data-selected/switch:translate-x-5" }
+};
+function Switch({ className, children, size = "sm", ...props }) {
+  const styles = sizeStyles[size];
+  return /* @__PURE__ */ jsx40(AriaSwitchField, { ...props, children: /* @__PURE__ */ jsx40(
+    AriaSwitchButton,
+    {
+      "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__ */ jsxs15(Fragment8, { children: [
+        /* @__PURE__ */ jsx40(
+          "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__ */ jsx40(
+              "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__ */ jsx40("span", { className: "select-none font-medium leading-5 text-foreground", children: typeof children === "function" ? children(state) : children })
+      ] })
+    }
+  ) });
 }
 
-// src/ui/table.tsx
-import { jsx as jsx20 } from "react/jsx-runtime";
+// src/ui/table/table.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx20("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx20("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) });
+  return /* @__PURE__ */ jsx41("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx41("table", { "data-slot": "table", className: cn("w-full caption-bottom text-sm", className), ...props }) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx20("thead", { "data-slot": "table-header", className: cn("border-b border-border", className), ...props });
+  return /* @__PURE__ */ jsx41("thead", { "data-slot": "table-header", className: cn("border-b border-border", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx20("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
+  return /* @__PURE__ */ jsx41("tbody", { "data-slot": "table-body", className: cn("[&_tr:last-child]:border-0", className), ...props });
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx20("tr", { "data-slot": "table-row", className: cn("border-b border-border transition-colors hover:bg-muted/50", className), ...props });
+  return /* @__PURE__ */ jsx41("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__ */ jsx20("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__ */ jsx41("th", { "data-slot": "table-head", className: cn("h-10 px-3 text-left align-middle text-xs font-medium text-muted-foreground", className), ...props });
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx20("td", { "data-slot": "table-cell", className: cn("p-3 align-middle", className), ...props });
+  return /* @__PURE__ */ jsx41("td", { "data-slot": "table-cell", className: cn("p-3 align-middle", className), ...props });
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx20("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ jsx41("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props });
 }
 
-// src/ui/tabs.tsx
+// src/ui/tabs/tabs.tsx
 import {
   Tab as AriaTab,
   TabList as AriaTabList,
@@ -497,46 +1246,150 @@ import {
   Tabs as AriaTabs,
   composeRenderProps
 } from "react-aria-components";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(AriaTabs, { "data-slot": "tabs", className: composeRenderProps(className, (value) => cn("flex flex-col gap-2", value)), ...props });
+  return /* @__PURE__ */ jsx42(AriaTabs, { "data-slot": "tabs", className: composeRenderProps(className, (value) => cn("flex flex-col gap-2", value)), ...props });
 }
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(AriaTabList, { "data-slot": "tabs-list", className: composeRenderProps(className, (value) => cn("inline-flex w-fit items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground", value)), ...props });
+  return /* @__PURE__ */ jsx42(AriaTabList, { "data-slot": "tabs-list", className: composeRenderProps(className, (value) => cn("inline-flex w-fit items-center gap-1 rounded-lg bg-muted p-1 text-muted-foreground", value)), ...props });
 }
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(AriaTab, { "data-slot": "tabs-trigger", className: composeRenderProps(className, (value) => cn("inline-flex h-7 items-center justify-center gap-1.5 rounded-md px-2.5 text-sm font-medium outline-none transition-colors data-hovered:text-foreground data-selected:bg-background data-selected:text-foreground data-selected:shadow-sm data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", value)), ...props });
+  return /* @__PURE__ */ jsx42(AriaTab, { "data-slot": "tabs-trigger", className: composeRenderProps(className, (value) => cn("inline-flex h-7 items-center justify-center gap-1.5 rounded-md px-2.5 text-sm font-medium outline-none transition-colors data-hovered:text-foreground data-selected:bg-background data-selected:text-foreground data-selected:shadow-sm data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", value)), ...props });
 }
 function TabsPanels({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
+  return /* @__PURE__ */ jsx42(AriaTabPanels, { "data-slot": "tabs-panels", className: cn("min-w-0", className), ...props });
 }
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(AriaTabPanel, { "data-slot": "tabs-content", className: composeRenderProps(className, (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)), ...props });
+  return /* @__PURE__ */ jsx42(AriaTabPanel, { "data-slot": "tabs-content", className: composeRenderProps(className, (value) => cn("text-sm outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50", value)), ...props });
 }
 
-// src/ui/textarea.tsx
-import { forwardRef as forwardRef3 } from "react";
-import { TextArea as AriaTextArea } from "react-aria-components";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var TextareaImpl = forwardRef3(function Textarea({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx22(AriaTextArea, { ref, "data-slot": "textarea", className: cn("min-h-20 w-full rounded-lg border border-border bg-background px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
+// src/ui/toast/toast.tsx
+import { useEffect as useEffect4, useSyncExternalStore } from "react";
+import { CheckCircleIcon as CheckCircleIcon2, InfoIcon, WarningCircleIcon as WarningCircleIcon2, XCircleIcon, XIcon as XIcon3 } from "@phosphor-icons/react";
+import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs16 } from "react/jsx-runtime";
+var records = [];
+var listeners = /* @__PURE__ */ new Set();
+var snapshot = () => records;
+var emit = () => listeners.forEach((listener) => listener());
+var subscribe = (listener) => {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+};
+var remove = (id) => {
+  records = records.filter((record) => record.id !== id);
+  emit();
+};
+function create(options) {
+  const id = `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+  records = [...records, { ...options, id, state: "open", variant: options.variant ?? "default", duration: options.duration ?? 5e3, position: options.position ?? "bottom-right" }];
+  emit();
+  return id;
+}
+function dismiss(id) {
+  if (!records.some((record) => record.id === id && record.state === "open")) return;
+  records = records.map((record) => record.id === id ? { ...record, state: "closing" } : record);
+  emit();
+  window.setTimeout(() => remove(id), 180);
+}
+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__ */ jsxs16(Fragment9, { children: [
+    children,
+    /* @__PURE__ */ jsx43(Toaster, {})
+  ] });
+}
+var positionClasses = {
+  "top-left": "top-4 left-4 items-start",
+  "top-center": "top-4 left-1/2 -translate-x-1/2 items-center",
+  "top-right": "top-4 right-4 items-end",
+  "bottom-left": "bottom-4 left-4 items-start",
+  "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 items-center",
+  "bottom-right": "bottom-4 right-4 items-end"
+};
+function Toaster({ position = "bottom-right" }) {
+  return /* @__PURE__ */ jsx43(Fragment9, { children: Object.keys(positionClasses).map((item) => /* @__PURE__ */ jsx43(ToastViewport, { position: item, visiblePosition: position }, item)) });
+}
+function ToastViewport({ position, visiblePosition, className }) {
+  const toasts = useSyncExternalStore(subscribe, snapshot, snapshot).filter((item) => item.position === position);
+  if (visiblePosition && position !== visiblePosition && toasts.length === 0) return null;
+  return /* @__PURE__ */ jsx43("div", { "aria-label": `Notificaciones ${position}`, className: cn("pointer-events-none fixed z-50 flex w-[min(24rem,calc(100vw-2rem))] flex-col gap-2", positionClasses[position], className), children: toasts.map((item) => /* @__PURE__ */ jsx43(Toast, { ...item, onDismiss: () => dismiss(item.id) }, item.id)) });
+}
+function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, onDismiss }) {
+  useEffect4(() => {
+    if (state !== "open" || duration <= 0) return;
+    const timeout = window.setTimeout(() => dismiss(id), duration);
+    return () => window.clearTimeout(timeout);
+  }, [duration, id, state]);
+  const Icon = variant === "success" ? CheckCircleIcon2 : variant === "error" ? XCircleIcon : variant === "warning" ? WarningCircleIcon2 : variant === "info" ? InfoIcon : InfoIcon;
+  return /* @__PURE__ */ jsx43("div", { role: variant === "error" ? "alert" : "status", "data-state": state, className: cn("pointer-events-auto w-full overflow-hidden rounded-xl border border-border/80 bg-background/95 p-3.5 text-foreground shadow-xl shadow-black/10 backdrop-blur-md animate-ui-toast-in", "data-[state=closing]:animate-ui-toast-out motion-reduce:animate-none", variant === "success" && "border-success/30", variant === "error" && "border-destructive/30", variant === "warning" && "border-warning/40"), children: /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx43(Icon, { "aria-hidden": "true", 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__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx43("p", { className: "animate-ui-toast-title text-sm font-semibold", children: title }),
+      description && /* @__PURE__ */ jsx43("p", { className: "mt-1 max-h-20 animate-ui-toast-description overflow-hidden text-sm leading-5 text-muted-foreground data-[state=closing]:max-h-0", "data-state": state, children: description }),
+      action && /* @__PURE__ */ jsx43(Button2, { size: "sm", variant: "link", onPress: action.onPress, className: "mt-1 h-auto px-0", children: action.label })
+    ] }),
+    /* @__PURE__ */ jsx43(Button2, { "aria-label": "Cerrar notificaci\xF3n", onPress: onDismiss, size: "icon", variant: "ghost", className: "-mr-2 -mt-2 size-7", children: /* @__PURE__ */ jsx43(XIcon3, {}) })
+  ] }) });
+}
 
-// src/ui/tooltip.tsx
-import {
-  Tooltip as AriaTooltip,
-  TooltipTrigger as AriaTooltipTrigger
-} from "react-aria-components";
-import { jsx as jsx23 } from "react/jsx-runtime";
-var TooltipTrigger = AriaTooltipTrigger;
-function Tooltip({ className, ...props }) {
-  return /* @__PURE__ */ jsx23(AriaTooltip, { "data-slot": "tooltip", offset: 6, className: cn("max-w-xs rounded-md bg-foreground px-2.5 py-1.5 text-xs text-background shadow-md outline-none 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
+import { jsx as jsx44 } from "react/jsx-runtime";
+function Toolbar({ className, ...props }) {
+  return /* @__PURE__ */ jsx44("div", { role: "toolbar", "data-slot": "toolbar", className: cn("flex flex-wrap items-center gap-2", className), ...props });
+}
+function ToolbarGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx44("div", { "data-slot": "toolbar-group", className: cn("flex items-center gap-2", className), ...props });
+}
+function ToolbarSpacer({ className, ...props }) {
+  return /* @__PURE__ */ jsx44("div", { "aria-hidden": "true", className: cn("hidden flex-1 sm:block", className), ...props });
 }
-var TooltipContent = Tooltip;
 export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AlertAction,
+  AlertDescription,
+  AlertTitle,
+  AppShell,
+  AppShellContent,
+  AppShellHeader,
+  AppShellMain,
+  AutocompleteCombobox,
+  Avatar,
+  AvatarBadge,
+  AvatarFallback,
+  AvatarGroup,
+  AvatarGroupCount,
+  AvatarImage,
   Badge,
-  Button,
+  Breadcrumb,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  Breadcrumbs,
+  Button2 as Button,
+  ButtonGroup,
+  ButtonGroupText,
   Card,
   CardContent,
   CardDescription,
@@ -550,6 +1403,11 @@ export {
   ComboboxItem,
   ComboboxList,
   ComboBoxValue as ComboboxValue,
+  Command,
+  CommandContent,
+  CommandInput,
+  CommandItem,
+  CommandList,
   ConfirmDialog,
   Dialog,
   DialogClose,
@@ -558,25 +1416,52 @@ export {
   DialogFooter,
   DialogHeader,
   DialogTitle,
+  Drawer,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
   EmptyState,
   EmptyStateDescription,
   EmptyStateTitle,
   Field,
   FieldDescription,
-  FieldError,
+  FieldError2 as FieldError,
   FieldLabel,
+  FormFeedback,
+  FormRow,
   HighlightMatch,
+  IconButton,
   Input3 as Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupButton,
+  InputGroupInput,
+  InputGroupText,
+  InputGroupTextarea,
   Kbd,
   KbdGroup,
-  Label,
+  Label2 as Label,
+  LoadingOverlay,
   Menu,
   MenuContent,
   MenuItem,
   MenuTrigger,
-  Popover3 as Popover,
+  PageHeader,
+  PageHeaderActions,
+  PageHeaderDescription,
+  PageHeaderHeading,
+  PageHeaderTitle,
+  Pagination,
+  Popover4 as Popover,
   PopoverContent,
   PopoverTrigger,
+  QuantityInput,
   SearchClearButton,
   SearchField,
   SearchInput,
@@ -587,7 +1472,20 @@ export {
   SelectTrigger,
   SelectValue,
   Separator,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarHeader,
+  SidebarItem,
+  SidebarMore,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSearch,
+  SidebarSeparator,
+  SidebarTrigger,
   Skeleton,
+  SubmitButton,
   Switch,
   Table,
   TableBody,
@@ -602,6 +1500,13 @@ export {
   TabsPanels,
   TabsTrigger,
   Textarea2 as Textarea,
+  Toast,
+  ToastProvider,
+  ToastViewport,
+  Toaster,
+  Toolbar,
+  ToolbarGroup,
+  ToolbarSpacer,
   Tooltip,
   TooltipContent,
   TooltipTrigger,
@@ -610,8 +1515,12 @@ export {
   cn,
   formSnapshot,
   getTextMatchParts,
+  toast,
   useAutosave,
   useDebouncedValue,
-  useFormDirty
+  useFormDirty,
+  useFormFeedback,
+  useSidebar,
+  useToast
 };
 //# sourceMappingURL=index.js.map