@doscientos/ui 0.1.7 → 0.1.9

package/dist/index.cjs

@@ -33,6 +33,8 @@ __export(index_exports, {
   AppShellContent: () => AppShellContent,
   AppShellHeader: () => AppShellHeader,
   AppShellMain: () => AppShellMain,
+  AppShellMobileHeader: () => AppShellMobileHeader,
+  AppShellSidebar: () => AppShellSidebar,
   AutocompleteCombobox: () => AutocompleteCombobox,
   Avatar: () => Avatar,
   AvatarBadge: () => AvatarBadge,
@@ -68,13 +70,6 @@ __export(index_exports, {
   CommandItem: () => CommandItem,
   CommandList: () => CommandList,
   ConfirmDialog: () => ConfirmDialog,
-  Dialog: () => Dialog,
-  DialogClose: () => DialogClose,
-  DialogContent: () => DialogContent,
-  DialogDescription: () => DialogDescription,
-  DialogFooter: () => DialogFooter,
-  DialogHeader: () => DialogHeader,
-  DialogTitle: () => DialogTitle,
   Drawer: () => Drawer,
   DrawerDescription: () => DrawerDescription,
   DrawerFooter: () => DrawerFooter,
@@ -111,6 +106,7 @@ __export(index_exports, {
   MenuContent: () => MenuContent,
   MenuItem: () => MenuItem,
   MenuTrigger: () => MenuTrigger,
+  ModalDialog: () => ModalDialog,
   PageHeader: () => PageHeader,
   PageHeaderActions: () => PageHeaderActions,
   PageHeaderDescription: () => PageHeaderDescription,
@@ -327,7 +323,7 @@ function getTextMatchParts(text, query) {
 
 // src/ui/accordion/accordion.tsx
 var import_react_aria_components = require("react-aria-components");
-var import_react4 = require("@phosphor-icons/react");
+var import_lucide_react = require("lucide-react");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Accordion({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.DisclosureGroup, { "data-slot": "accordion", className: cn("flex w-full flex-col", className), ...props });
@@ -338,7 +334,7 @@ function AccordionItem({ className, ...props }) {
 function AccordionTrigger({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_aria_components.Button, { "data-slot": "accordion-trigger", className: cn("group/accordion-trigger flex w-full items-center justify-between py-3 text-left text-sm font-medium outline-none transition-colors hover:text-primary focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props, children: (values) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: typeof children === "function" ? children(values) : children }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react4.CaretDownIcon, { "aria-hidden": "true", weight: "bold", className: "size-4 transition-transform group-data-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none" })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronDown, { "aria-hidden": "true", className: "size-4 transition-transform group-data-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none" })
   ] }) });
 }
 function AccordionContent({ className, ...props }) {
@@ -368,28 +364,86 @@ function AlertAction({ className, children, ...props }) {
 
 // src/ui/app-shell/app-shell.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-function AppShell({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "app-shell", className: cn("flex min-h-screen w-full bg-muted/30 text-foreground", className), ...props });
+function AppShell({
+  className,
+  sidebarBreakpoint = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      "data-slot": "app-shell",
+      "data-sidebar-breakpoint": sidebarBreakpoint,
+      className: cn("bg-background text-foreground", className),
+      ...props
+    }
+  );
+}
+function AppShellSidebar({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "aside",
+    {
+      "data-slot": "app-shell-sidebar",
+      className: cn("w-56 shrink-0 border-r border-border bg-card text-foreground", className),
+      ...props
+    }
+  );
 }
 function AppShellMain({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("main", { "data-slot": "app-shell-main", className: cn("min-w-0 flex-1", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("main", { "data-slot": "app-shell-main", className: cn("bg-background", className), ...props });
 }
 function AppShellHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("header", { "data-slot": "app-shell-header", className: cn("sticky top-0 z-10 flex min-h-14 items-center border-b border-border bg-background/85 px-4 backdrop-blur-md supports-[backdrop-filter]:bg-background/70", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "header",
+    {
+      "data-slot": "app-shell-header",
+      className: cn("border-b border-border bg-background px-4", className),
+      ...props
+    }
+  );
 }
-function AppShellContent({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-slot": "app-shell-content", className: cn("mx-auto w-full max-w-[1600px] p-4 md:p-6", className), ...props });
+function AppShellMobileHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "header",
+    {
+      "data-slot": "app-shell-mobile-header",
+      className: cn("h-14 shrink-0 items-center gap-2 border-b border-border bg-background px-3", className),
+      ...props
+    }
+  );
+}
+function AppShellContent({
+  className,
+  size = "wide",
+  padded = true,
+  scrollable = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      "data-slot": "app-shell-content",
+      "data-size": size,
+      "data-padded": padded || void 0,
+      "data-scrollable": scrollable || void 0,
+      className,
+      ...props
+    }
+  );
 }
 
 // src/ui/avatar/avatar.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var sizes = { xs: "size-5 text-[10px]", sm: "size-6 text-xs", default: "size-8 text-sm", lg: "size-10 text-base" };
 function Avatar({ className, size = "default", ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "data-slot": "avatar", "data-size": size, className: cn("group/avatar relative flex shrink-0 overflow-hidden rounded-full bg-muted text-muted-foreground", sizes[size], className), ...props });
 }
 function AvatarImage({ className, ...props }) {
-  const [failed, setFailed] = (0, import_react5.useState)(false);
+  const [failed, setFailed] = (0, import_react4.useState)(false);
   if (failed) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("img", { "data-slot": "avatar-image", className: cn("aspect-square size-full object-cover", className), onError: () => setFailed(true), ...props });
 }
@@ -446,10 +500,19 @@ function BreadcrumbSeparator({ children = "/", className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { "data-slot": "breadcrumb-separator", "aria-hidden": "true", className: cn("text-muted-foreground/60", className), ...props, children });
 }
 
+// src/ui/button-group/button-group.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function ButtonGroup({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "group", "data-slot": "button-group", className: cn("inline-flex items-center gap-2", className), ...props });
+}
+function ButtonGroupText({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { "data-slot": "button-group-text", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+
 // src/ui/button/button.tsx
 var import_class_variance_authority2 = require("class-variance-authority");
 var import_react_aria_components3 = require("react-aria-components");
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var buttonVariants = (0, import_class_variance_authority2.cva)(
   "inline-flex shrink-0 cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-transparent text-sm font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-150 outline-none focus-visible:ring-3 focus-visible:ring-ring/50 data-pressed:scale-[0.98] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none motion-reduce:data-pressed:transform-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -474,16 +537,7 @@ var buttonVariants = (0, import_class_variance_authority2.cva)(
   }
 );
 function Button2({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_aria_components3.Button, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
-}
-
-// src/ui/button-group/button-group.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-function ButtonGroup({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { role: "group", "data-slot": "button-group", className: cn("inline-flex items-center gap-2", className), ...props });
-}
-function ButtonGroupText({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { "data-slot": "button-group-text", className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_aria_components3.Button, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
 }
 
 // src/ui/card/card.tsx
@@ -509,17 +563,17 @@ function CardFooter({ className, ...props }) {
 
 // src/ui/checkbox/checkbox.tsx
 var import_react_aria_components4 = require("react-aria-components");
-var import_react6 = require("@phosphor-icons/react");
+var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function Checkbox({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_aria_components4.Checkbox, { "data-slot": "checkbox", className: cn("group inline-flex items-center gap-2 text-sm text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "grid size-4 place-items-center rounded border border-border bg-background text-primary-foreground transition-colors group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react6.CheckIcon, { weight: "bold", className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { "aria-hidden": "true", className: "grid size-4 place-items-center rounded border border-border bg-background text-primary-foreground transition-colors group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react2.Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" }) }),
     typeof children === "function" ? children(state) : children
   ] }) });
 }
 
 // src/ui/combobox/combobox.tsx
-var import_react7 = require("react");
+var import_react5 = require("react");
 var import_react_aria_components5 = require("react-aria-components");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var Combobox = import_react_aria_components5.ComboBox;
@@ -536,18 +590,18 @@ function ComboboxItem({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_aria_components5.ListBoxItem, { "data-slot": "combobox-item", className: cn("flex w-full cursor-default items-center justify-between rounded-md px-2 py-2 text-sm outline-none transition-colors data-focused:bg-muted data-focused:text-foreground data-hovered:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props, children });
 }
 function HighlightMatch({ text, query, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react7.Fragment, { children: part.text }, `${part.text}-${index}`)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className, children: getTextMatchParts(text, query).map((part, index) => part.match ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("mark", { className: "rounded bg-accent px-0.5 text-accent-foreground", children: part.text }, `${part.text}-${index}`) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react5.Fragment, { children: part.text }, `${part.text}-${index}`)) });
 }
 function AutocompleteCombobox({ items, getItemKey, getItemLabel, renderItem, inputValue: controlledInputValue, onInputChange, selectedKey, onSelectionChange, label, description, errorMessage, emptyState = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "px-3 py-7 text-center text-sm text-muted-foreground", children: "No hay resultados." }), suggestion = true, placeholder, className, onKeyDown: _onKeyDown, ...props }) {
-  const [internalInputValue, setInternalInputValue] = (0, import_react7.useState)("");
+  const [internalInputValue, setInternalInputValue] = (0, import_react5.useState)("");
   const inputValue = controlledInputValue ?? internalInputValue;
   const setInputValue = (value) => {
     setInternalInputValue(value);
     onInputChange?.(value);
   };
   const normalizedQuery = inputValue.trim().toLocaleLowerCase();
-  const filteredItems = (0, import_react7.useMemo)(() => normalizedQuery ? items.filter((item) => getItemLabel(item).toLocaleLowerCase().includes(normalizedQuery)) : [...items], [getItemLabel, items, normalizedQuery]);
-  const suggestedItem = (0, import_react7.useMemo)(() => !suggestion || !normalizedQuery ? void 0 : items.find((item) => getItemLabel(item).toLocaleLowerCase().startsWith(normalizedQuery) && getItemLabel(item).length > inputValue.length), [getItemLabel, inputValue.length, items, normalizedQuery, suggestion]);
+  const filteredItems = (0, import_react5.useMemo)(() => normalizedQuery ? items.filter((item) => getItemLabel(item).toLocaleLowerCase().includes(normalizedQuery)) : [...items], [getItemLabel, items, normalizedQuery]);
+  const suggestedItem = (0, import_react5.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;
@@ -596,54 +650,117 @@ function CommandItem({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_aria_components6.ListBoxItem, { "data-slot": "command-item", className: cn("flex cursor-default items-center rounded-md px-2 py-1.5 text-sm outline-none data-focused:bg-muted data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props });
 }
 
-// src/ui/dialog/dialog.tsx
-var import_react8 = require("react");
-var import_react9 = require("@phosphor-icons/react");
+// src/ui/modal-dialog/modal-dialog.tsx
+var import_lucide_react3 = require("lucide-react");
 var import_react_aria_components7 = require("react-aria-components");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-var DialogCloseContext = (0, import_react8.createContext)(null);
-function Dialog({ open, children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.ModalOverlay, { isOpen: open, className: "fixed inset-0 z-50 grid place-items-center bg-black/20 p-4 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out", ...props, children });
-}
-function DialogClose({ onPress, ...props }) {
-  const close = (0, import_react8.useContext)(DialogCloseContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button2, { onPress: (event) => {
-    onPress?.(event);
-    close?.();
-  }, ...props });
-}
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Modal, { className: "w-full max-w-md outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Dialog, { "data-slot": "dialog-content", className: cn("relative grid max-h-[calc(100dvh-2rem)] gap-4 overflow-y-auto rounded-xl bg-background p-5 text-foreground shadow-xl outline-none", className), ...props, children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogCloseContext.Provider, { value: close, children: [
-    typeof children === "function" ? children({ close }) : children,
-    showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogClose, { "aria-label": "Cerrar di\xE1logo", variant: "ghost", size: "icon", className: "absolute top-2 right-2", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react9.XIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) })
-  ] }) }) });
-}
-function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
-}
-function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-slot": "dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
-}
-function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Heading, { slot: "title", className: cn("text-base font-semibold", className), ...props });
-}
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Text, { slot: "description", className: cn("text-sm text-muted-foreground", className), ...props });
+var sizeClasses = {
+  sm: "w-[min(calc(100dvw-2rem),24rem)]",
+  md: "w-[min(calc(100dvw-2rem),28rem)]",
+  lg: "w-[min(calc(100dvw-2rem),36rem)]"
+};
+function ModalDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  children,
+  footer,
+  size = "sm",
+  showCloseButton = true,
+  className,
+  footerClassName,
+  ...props
+}) {
+  const layoutClass = children ? footer ? "grid-rows-[auto_minmax(0,1fr)_auto]" : "grid-rows-[auto_minmax(0,1fr)]" : "grid-rows-[auto_auto]";
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    import_react_aria_components7.ModalOverlay,
+    {
+      isOpen: open,
+      onOpenChange,
+      className: "fixed inset-0 z-50 grid place-items-center bg-black/20 p-4 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out",
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_react_aria_components7.Modal,
+        {
+          className: cn(
+            "max-h-[calc(100dvh-2rem)] outline-none motion-safe:data-entering:animate-ui-surface-in motion-safe:data-exiting:animate-ui-surface-out",
+            sizeClasses[size],
+            className
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            import_react_aria_components7.Dialog,
+            {
+              className: cn(
+                "grid max-h-[calc(100dvh-2rem)] overflow-hidden rounded-xl bg-background text-foreground shadow-xl outline-none",
+                layoutClass
+              ),
+              children: ({ close }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("header", { "data-slot": "modal-dialog-header", className: "flex items-start gap-3 border-b border-border px-5 py-4", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Heading, { slot: "title", className: "font-heading text-base leading-none font-medium", children: title }),
+                    description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_aria_components7.Text, { slot: "description", className: "mt-2 text-sm text-muted-foreground", children: description }) : null
+                  ] }),
+                  showCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    Button2,
+                    {
+                      "aria-label": "Cerrar di\xE1logo",
+                      variant: "ghost",
+                      size: "icon",
+                      className: "-mr-2 -mt-1",
+                      onPress: close,
+                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react3.X, { "aria-hidden": "true", className: "size-4" })
+                    }
+                  ) : null
+                ] }),
+                children ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { "data-slot": "modal-dialog-body", className: "min-h-0 overflow-y-auto px-5 py-4", children }) : null,
+                footer ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  "footer",
+                  {
+                    "data-slot": "modal-dialog-footer",
+                    className: cn(
+                      "flex flex-col-reverse gap-2 border-t border-border bg-muted/50 px-5 py-4 sm:flex-row sm:flex-wrap sm:justify-end",
+                      footerClassName
+                    ),
+                    children: footer
+                  }
+                ) : null
+              ] })
+            }
+          )
+        }
+      )
+    }
+  );
 }
 
 // src/ui/confirm-dialog/confirm-dialog.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-function ConfirmDialog({ open, onOpenChange, title, description, confirmLabel = "Confirmar", cancelLabel = "Cancelar", destructive = false, pending = false, onConfirm }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogContent, { showCloseButton: false, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogTitle, { children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DialogDescription, { children: description })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(DialogFooter, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button2, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button2, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
-    ] })
-  ] }) });
+function ConfirmDialog({
+  open,
+  onOpenChange,
+  title,
+  description,
+  confirmLabel = "Confirmar",
+  cancelLabel = "Cancelar",
+  destructive = false,
+  pending = false,
+  onConfirm
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    ModalDialog,
+    {
+      open,
+      onOpenChange,
+      title,
+      description,
+      showCloseButton: false,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button2, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Button2, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+      ] })
+    }
+  );
 }
 
 // src/ui/drawer/drawer.tsx
@@ -694,10 +811,10 @@ function EmptyStateDescription({ className, ...props }) {
 }
 
 // src/ui/label/label.tsx
-var import_react10 = require("react");
+var import_react6 = require("react");
 var import_react_aria_components10 = require("react-aria-components");
 var import_jsx_runtime18 = require("react/jsx-runtime");
-var Label2 = (0, import_react10.forwardRef)(function Label3({ className, ...props }, ref) {
+var Label2 = (0, import_react6.forwardRef)(function Label3({ className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react_aria_components10.Label, { ref, "data-slot": "label", className: cn("flex items-center gap-2 text-sm font-medium leading-none select-none", className), ...props });
 });
 
@@ -718,32 +835,32 @@ function FieldError2({ className, children, ...props }) {
 }
 
 // src/ui/form-feedback/form-feedback.tsx
-var import_react11 = require("react");
-var import_react12 = require("@phosphor-icons/react");
+var import_react7 = require("react");
+var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
-  const [state, setState] = (0, import_react11.useState)({ status: "idle" });
-  const timer = (0, import_react11.useRef)(null);
-  const clearTimer = (0, import_react11.useCallback)(() => {
+  const [state, setState] = (0, import_react7.useState)({ status: "idle" });
+  const timer = (0, import_react7.useRef)(null);
+  const clearTimer = (0, import_react7.useCallback)(() => {
     if (timer.current) clearTimeout(timer.current);
     timer.current = null;
   }, []);
-  (0, import_react11.useEffect)(() => () => clearTimer(), [clearTimer]);
-  const setPending = (0, import_react11.useCallback)(() => {
+  (0, import_react7.useEffect)(() => () => clearTimer(), [clearTimer]);
+  const setPending = (0, import_react7.useCallback)(() => {
     clearTimer();
     setState({ status: "pending" });
   }, [clearTimer]);
-  const setSuccess = (0, import_react11.useCallback)((message) => {
+  const setSuccess = (0, import_react7.useCallback)((message) => {
     clearTimer();
     setState({ status: "success", message });
     if (resetMs > 0) timer.current = setTimeout(() => setState({ status: "idle" }), resetMs);
   }, [clearTimer, resetMs]);
-  const setError = (0, import_react11.useCallback)((message) => {
+  const setError = (0, import_react7.useCallback)((message) => {
     clearTimer();
     setState({ status: "error", message });
   }, [clearTimer]);
-  const reset = (0, import_react11.useCallback)(() => {
+  const reset = (0, import_react7.useCallback)(() => {
     clearTimer();
     setState({ status: "idle" });
   }, [clearTimer]);
@@ -754,9 +871,9 @@ function FormFeedback({ state, className, pendingLabel = "Guardando\u2026", succ
   const error = state.status === "error";
   const success = state.status === "success";
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("span", { role: error ? "alert" : "status", "aria-live": "polite", className: cn("inline-flex h-5 items-center gap-1.5 text-xs", error && "text-destructive", success && "text-success", state.status === "pending" && "text-muted-foreground", className), children: [
-    state.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.CircleNotchIcon, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
-    success && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.CheckCircleIcon, { "aria-hidden": "true", className: "size-3.5", weight: "fill" }),
-    error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react12.WarningCircleIcon, { "aria-hidden": "true", className: "size-3.5", weight: "fill" }),
+    state.status === "pending" && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    success && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+    error && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react4.CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
   ] });
 }
@@ -832,23 +949,23 @@ function IconButton({
   ] });
 }
 
+// src/ui/input-group/input-group.tsx
+var import_class_variance_authority3 = require("class-variance-authority");
+
 // src/ui/input/input.tsx
-var import_react13 = require("react");
+var import_react8 = require("react");
 var import_react_aria_components13 = require("react-aria-components");
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var InputImpl = (0, import_react13.forwardRef)(function Input2({ className, type, ...props }, ref) {
+var InputImpl = (0, import_react8.forwardRef)(function Input2({ className, type, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_aria_components13.Input, { ref, type, "data-slot": "input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
 });
 var Input3 = InputImpl;
 
-// src/ui/input-group/input-group.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
-
 // src/ui/textarea/textarea.tsx
-var import_react14 = require("react");
+var import_react9 = require("react");
 var import_react_aria_components14 = require("react-aria-components");
 var import_jsx_runtime25 = require("react/jsx-runtime");
-var TextareaImpl = (0, import_react14.forwardRef)(function Textarea({ className, ...props }, ref) {
+var TextareaImpl = (0, import_react9.forwardRef)(function Textarea({ className, ...props }, ref) {
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_aria_components14.TextArea, { ref, "data-slot": "textarea", className: cn("min-h-20 w-full rounded-lg border border-border bg-background px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive", className), ...props });
 });
 var Textarea2 = TextareaImpl;
@@ -885,11 +1002,11 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/ui/loading-overlay/loading-overlay.tsx
-var import_react15 = require("@phosphor-icons/react");
+var import_lucide_react5 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function LoadingOverlay({ label = "Cargando", className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { role: "status", "aria-live": "polite", className: cn("absolute inset-0 z-10 flex items-center justify-center bg-background/70 backdrop-blur-[2px]", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2 rounded-lg border border-border bg-background px-3 py-2 text-sm shadow-sm", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react15.CircleNotchIcon, { className: "animate-spin", "aria-hidden": "true" }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react5.LoaderCircle, { className: "animate-spin", "aria-hidden": "true" }),
     /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: label })
   ] }) });
 }
@@ -927,7 +1044,7 @@ function PageHeaderActions({ className, ...props }) {
 }
 
 // src/ui/pagination/pagination.tsx
-var import_react16 = require("@phosphor-icons/react");
+var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
 function Pagination({ page, pageCount, onPageChange, className }) {
   const pages = Array.from({ length: pageCount }, (_, index) => index + 1);
@@ -939,9 +1056,9 @@ function Pagination({ page, pageCount, onPageChange, className }) {
       pageCount
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button2, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react16.CaretLeftIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button2, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react6.ChevronLeft, {}) }),
       pages.map((item) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button2, { "aria-current": item === page ? "page" : void 0, "aria-label": `P\xE1gina ${item}`, onPress: () => onPageChange(item), size: "icon", variant: item === page ? "secondary" : "ghost", children: item }, item)),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button2, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react16.CaretRightIcon, {}) })
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Button2, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react6.ChevronRight, {}) })
     ] })
   ] });
 }
@@ -956,7 +1073,7 @@ function Popover4({ className, ...props }) {
 var PopoverContent = Popover4;
 
 // src/ui/quantity-input/quantity-input.tsx
-var import_react17 = require("@phosphor-icons/react");
+var import_lucide_react7 = require("lucide-react");
 var import_react_aria_components17 = require("react-aria-components");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 function QuantityInput({
@@ -982,9 +1099,9 @@ function QuantityInput({
           "data-slot": "quantity-input-group",
           className: "flex h-8 min-w-0 items-stretch overflow-hidden rounded-lg border border-border bg-background text-foreground transition-[border-color,box-shadow] focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 group-data-invalid/quantity-input:border-destructive",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components17.Button, { slot: "decrement", "aria-label": decrementAriaLabel, "data-slot": "quantity-input-decrement", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-r border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react17.MinusIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components17.Button, { slot: "decrement", "aria-label": decrementAriaLabel, "data-slot": "quantity-input-decrement", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-r border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react7.Minus, { "aria-hidden": "true", className: "size-4" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components17.Input, { "data-slot": "quantity-input-value", className: cn("w-14 min-w-0 bg-transparent px-1 text-center text-sm tabular-nums outline-none", inputClassName) }),
-            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components17.Button, { slot: "increment", "aria-label": incrementAriaLabel, "data-slot": "quantity-input-increment", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-l border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react17.PlusIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react_aria_components17.Button, { slot: "increment", "aria-label": incrementAriaLabel, "data-slot": "quantity-input-increment", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-l border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react7.Plus, { "aria-hidden": "true", className: "size-4" }) })
           ]
         }
       )
@@ -994,25 +1111,25 @@ function QuantityInput({
 
 // src/ui/search-field/search-field.tsx
 var import_react_aria_components18 = require("react-aria-components");
-var import_react18 = require("@phosphor-icons/react");
+var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var SearchField = import_react_aria_components18.SearchField;
 function SearchInput({ className, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components18.Input, { "data-slot": "search-input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
 }
-function SearchClearButton({ className, children = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react18.XIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }), ...props }) {
+function SearchClearButton({ className, children = /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react8.X, { "aria-hidden": "true", className: "size-4" }), ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react_aria_components18.Button, { slot: "clear", "data-slot": "search-clear", className: cn("absolute top-1/2 right-1 rounded p-1 text-muted-foreground outline-none hover:bg-muted data-focus-visible:ring-2 data-focus-visible:ring-ring", className), ...props, children });
 }
 
 // src/ui/select/select.tsx
 var import_react_aria_components19 = require("react-aria-components");
-var import_react19 = require("@phosphor-icons/react");
+var import_lucide_react9 = require("lucide-react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var Select = import_react_aria_components19.Select;
 function SelectTrigger({ className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react_aria_components19.Button, { "data-slot": "select-trigger", className: cn("group/select-trigger flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
     typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_react19.CaretDownIcon, { "aria-hidden": "true", weight: "bold", className: "ml-auto size-4 text-muted-foreground transition-transform group-data-pressed/select-trigger:rotate-180 motion-reduce:transition-none" })
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react9.ChevronDown, { "aria-hidden": "true", className: "ml-auto size-4 text-muted-foreground transition-transform group-data-pressed/select-trigger:rotate-180 motion-reduce:transition-none" })
   ] }) });
 }
 function SelectValue({ className, ...props }) {
@@ -1036,13 +1153,13 @@ function Separator({ className, orientation = "horizontal", ...props }) {
 }
 
 // src/ui/sidebar/sidebar.tsx
-var import_react20 = require("@phosphor-icons/react");
-var import_react21 = require("react");
+var import_lucide_react10 = require("lucide-react");
+var import_react10 = require("react");
 var import_react_aria_components21 = require("react-aria-components");
 var import_jsx_runtime37 = require("react/jsx-runtime");
-var SidebarContext = (0, import_react21.createContext)(null);
+var SidebarContext = (0, import_react10.createContext)(null);
 function useSidebar() {
-  const context = (0, import_react21.useContext)(SidebarContext);
+  const context = (0, import_react10.useContext)(SidebarContext);
   if (!context)
     throw new Error("useSidebar must be used inside SidebarProvider");
   return context;
@@ -1051,8 +1168,8 @@ function SidebarProvider({
   defaultCollapsed = false,
   children
 }) {
-  const [collapsed, setCollapsed] = (0, import_react21.useState)(defaultCollapsed);
-  const value = (0, import_react21.useMemo)(
+  const [collapsed, setCollapsed] = (0, import_react10.useState)(defaultCollapsed);
+  const value = (0, import_react10.useMemo)(
     () => ({
       collapsed,
       setCollapsed,
@@ -1110,7 +1227,7 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react20.MagnifyingGlassIcon, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.Search, { className: "size-4 shrink-0" }),
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: "flex-1 text-left", children: label }),
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
       ]
@@ -1237,7 +1354,7 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...props,
-      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react20.CaretRightIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react20.CaretLeftIcon, {})
+      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.ChevronRight, {}) : /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.ChevronLeft, {})
     }
   );
 }
@@ -1269,7 +1386,7 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react20.DotsThreeIcon, { weight: "bold" })
+      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react10.Ellipsis, {})
     }
   );
 }
@@ -1282,13 +1399,13 @@ function Skeleton({ className, ...props }) {
 
 // src/ui/submit-button/submit-button.tsx
 var import_react_dom = require("react-dom");
-var import_react22 = require("@phosphor-icons/react");
+var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function SubmitButton({ pendingLabel = "Guardando\u2026", loading = false, children, isDisabled, size = "sm", ...props }) {
   const { pending } = (0, import_react_dom.useFormStatus)();
   const busy = pending || loading;
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button2, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react22.CircleNotchIcon, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react11.LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
     pendingLabel
   ] }) : children });
 }
@@ -1393,8 +1510,8 @@ function TabsContent({ className, ...props }) {
 }
 
 // src/ui/toast/toast.tsx
-var import_react23 = require("react");
-var import_react24 = require("@phosphor-icons/react");
+var import_react11 = require("react");
+var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var records = [];
 var listeners = /* @__PURE__ */ new Set();
@@ -1457,25 +1574,25 @@ function Toaster({ position = "bottom-right" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: Object.keys(positionClasses).map((item) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ToastViewport, { position: item, visiblePosition: position }, item)) });
 }
 function ToastViewport({ position, visiblePosition, className }) {
-  const toasts = (0, import_react23.useSyncExternalStore)(subscribe, snapshot, snapshot).filter((item) => item.position === position);
+  const toasts = (0, import_react11.useSyncExternalStore)(subscribe, snapshot, snapshot).filter((item) => item.position === position);
   if (visiblePosition && position !== visiblePosition && toasts.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { "aria-label": `Notificaciones ${position}`, className: cn("pointer-events-none fixed z-50 flex w-[min(24rem,calc(100vw-2rem))] flex-col gap-2", positionClasses[position], className), children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Toast, { ...item, onDismiss: () => dismiss(item.id) }, item.id)) });
 }
 function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, onDismiss }) {
-  (0, import_react23.useEffect)(() => {
+  (0, import_react11.useEffect)(() => {
     if (state !== "open" || duration <= 0) return;
     const timeout = window.setTimeout(() => dismiss(id), duration);
     return () => window.clearTimeout(timeout);
   }, [duration, id, state]);
-  const Icon = variant === "success" ? import_react24.CheckCircleIcon : variant === "error" ? import_react24.XCircleIcon : variant === "warning" ? import_react24.WarningCircleIcon : variant === "info" ? import_react24.InfoIcon : import_react24.InfoIcon;
+  const Icon = variant === "success" ? import_lucide_react12.CheckCircle : variant === "error" ? import_lucide_react12.XCircle : variant === "warning" ? import_lucide_react12.CircleAlert : variant === "info" ? import_lucide_react12.Info : import_lucide_react12.Info;
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { role: variant === "error" ? "alert" : "status", "data-state": state, className: cn("pointer-events-auto w-full overflow-hidden rounded-xl border border-border/80 bg-background/95 p-3.5 text-foreground shadow-xl shadow-black/10 backdrop-blur-md animate-ui-toast-in", "data-[state=closing]:animate-ui-toast-out motion-reduce:animate-none", variant === "success" && "border-success/30", variant === "error" && "border-destructive/30", variant === "warning" && "border-warning/40"), children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { "aria-hidden": "true", weight: "duotone", className: cn("mt-0.5 size-5 shrink-0", variant === "success" && "text-success", variant === "error" && "text-destructive", variant === "warning" && "text-warning", variant === "info" && "text-primary") }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Icon, { "aria-hidden": "true", className: cn("mt-0.5 size-5 shrink-0", variant === "success" && "text-success", variant === "error" && "text-destructive", variant === "warning" && "text-warning", variant === "info" && "text-primary") }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "animate-ui-toast-title text-sm font-semibold", children: title }),
       description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "mt-1 max-h-20 animate-ui-toast-description overflow-hidden text-sm leading-5 text-muted-foreground data-[state=closing]:max-h-0", "data-state": state, children: description }),
       action && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button2, { size: "sm", variant: "link", onPress: action.onPress, className: "mt-1 h-auto px-0", children: action.label })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button2, { "aria-label": "Cerrar notificaci\xF3n", onPress: onDismiss, size: "icon", variant: "ghost", className: "-mr-2 -mt-2 size-7", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react24.XIcon, {}) })
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Button2, { "aria-label": "Cerrar notificaci\xF3n", onPress: onDismiss, size: "icon", variant: "ghost", className: "-mr-2 -mt-2 size-7", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_lucide_react12.X, {}) })
   ] }) });
 }
 
@@ -1504,6 +1621,8 @@ function ToolbarSpacer({ className, ...props }) {
   AppShellContent,
   AppShellHeader,
   AppShellMain,
+  AppShellMobileHeader,
+  AppShellSidebar,
   AutocompleteCombobox,
   Avatar,
   AvatarBadge,
@@ -1539,13 +1658,6 @@ function ToolbarSpacer({ className, ...props }) {
   CommandItem,
   CommandList,
   ConfirmDialog,
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
   Drawer,
   DrawerDescription,
   DrawerFooter,
@@ -1582,6 +1694,7 @@ function ToolbarSpacer({ className, ...props }) {
   MenuContent,
   MenuItem,
   MenuTrigger,
+  ModalDialog,
   PageHeader,
   PageHeaderActions,
   PageHeaderDescription,