@doscientos/ui 0.1.7 → 0.1.9

package/dist/index.js

@@ -143,7 +143,7 @@ function getTextMatchParts(text, query) {
 
 // src/ui/accordion/accordion.tsx
 import { Disclosure as AriaDisclosure, DisclosureGroup as AriaDisclosureGroup, DisclosurePanel as AriaDisclosurePanel, Button } from "react-aria-components";
-import { CaretDownIcon } from "@phosphor-icons/react";
+import { ChevronDown } from "lucide-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 });
@@ -154,7 +154,7 @@ function AccordionItem({ 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" })
+    /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true", className: "size-4 transition-transform group-data-expanded/accordion-trigger:rotate-180 motion-reduce:transition-none" })
   ] }) });
 }
 function AccordionContent({ className, ...props }) {
@@ -184,17 +184,75 @@ function AlertAction({ className, children, ...props }) {
 
 // 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 AppShell({
+  className,
+  sidebarBreakpoint = "md",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      "data-slot": "app-shell",
+      "data-sidebar-breakpoint": sidebarBreakpoint,
+      className: cn("bg-background text-foreground", className),
+      ...props
+    }
+  );
+}
+function AppShellSidebar({ className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "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__ */ jsx3("main", { "data-slot": "app-shell-main", className: cn("min-w-0 flex-1", className), ...props });
+  return /* @__PURE__ */ jsx3("main", { "data-slot": "app-shell-main", className: cn("bg-background", 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 });
+  return /* @__PURE__ */ jsx3(
+    "header",
+    {
+      "data-slot": "app-shell-header",
+      className: cn("border-b border-border bg-background px-4", className),
+      ...props
+    }
+  );
+}
+function AppShellMobileHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    "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, ...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 });
+function AppShellContent({
+  className,
+  size = "wide",
+  padded = true,
+  scrollable = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx3(
+    "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
@@ -262,10 +320,19 @@ function BreadcrumbSeparator({ children = "/", className, ...props }) {
   return /* @__PURE__ */ jsx6("span", { "data-slot": "breadcrumb-separator", "aria-hidden": "true", className: cn("text-muted-foreground/60", className), ...props, children });
 }
 
+// src/ui/button-group/button-group.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function ButtonGroup({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("div", { role: "group", "data-slot": "button-group", className: cn("inline-flex items-center gap-2", className), ...props });
+}
+function ButtonGroupText({ className, ...props }) {
+  return /* @__PURE__ */ jsx7("span", { "data-slot": "button-group-text", className: cn("text-sm text-muted-foreground", className), ...props });
+}
+
 // src/ui/button/button.tsx
 import { cva as cva2 } from "class-variance-authority";
 import { Button as AriaButton } from "react-aria-components";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var buttonVariants = cva2(
   "inline-flex shrink-0 cursor-pointer items-center justify-center gap-1.5 rounded-lg border border-transparent text-sm font-medium whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] duration-150 outline-none focus-visible:ring-3 focus-visible:ring-ring/50 data-pressed:scale-[0.98] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 motion-reduce:transition-none motion-reduce:data-pressed:transform-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
@@ -290,16 +357,7 @@ var buttonVariants = cva2(
   }
 );
 function Button2({ className, variant, size, ...props }) {
-  return /* @__PURE__ */ jsx7(AriaButton, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
-}
-
-// 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 });
+  return /* @__PURE__ */ jsx8(AriaButton, { "data-slot": "button", className: cn(buttonVariants({ variant, size }), className), ...props });
 }
 
 // src/ui/card/card.tsx
@@ -327,11 +385,11 @@ function CardFooter({ className, ...props }) {
 import {
   Checkbox as AriaCheckbox
 } from "react-aria-components";
-import { CheckIcon } from "@phosphor-icons/react";
+import { Check } from "lucide-react";
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
 function Checkbox({ className, children, ...props }) {
   return /* @__PURE__ */ jsx10(AriaCheckbox, { "data-slot": "checkbox", className: cn("group inline-flex items-center gap-2 text-sm text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "grid size-4 place-items-center rounded border border-border bg-background text-primary-foreground transition-colors group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: /* @__PURE__ */ jsx10(CheckIcon, { weight: "bold", className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" }) }),
+    /* @__PURE__ */ jsx10("span", { "aria-hidden": "true", className: "grid size-4 place-items-center rounded border border-border bg-background text-primary-foreground transition-colors group-data-selected:border-primary group-data-selected:bg-primary group-data-focus-visible:ring-3 group-data-focus-visible:ring-ring/50", children: /* @__PURE__ */ jsx10(Check, { className: "size-3 opacity-0 transition-opacity group-data-selected:opacity-100 motion-reduce:transition-none" }) }),
     typeof children === "function" ? children(state) : children
   ] }) });
 }
@@ -414,9 +472,8 @@ 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";
+// src/ui/modal-dialog/modal-dialog.tsx
+import { X } from "lucide-react";
 import {
   Dialog as AriaDialog,
   Heading,
@@ -424,50 +481,114 @@ import {
   ModalOverlay,
   Text as Text2
 } from "react-aria-components";
-import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
-var DialogCloseContext = createContext(null);
-function Dialog({ open, children, ...props }) {
-  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__ */ jsx13(Button2, { onPress: (event) => {
-    onPress?.(event);
-    close?.();
-  }, ...props });
-}
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-  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__ */ 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__ */ jsx13("div", { "data-slot": "dialog-header", className: cn("flex flex-col gap-2", className), ...props });
-}
-function DialogFooter({ 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__ */ jsx13(Heading, { slot: "title", className: cn("text-base font-semibold", className), ...props });
-}
-function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(Text2, { slot: "description", className: cn("text-sm text-muted-foreground", className), ...props });
+import { Fragment as Fragment4, jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+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__ */ jsx13(
+    ModalOverlay,
+    {
+      isOpen: open,
+      onOpenChange,
+      className: "fixed inset-0 z-50 grid place-items-center bg-black/20 p-4 backdrop-blur-[1px] motion-safe:data-entering:animate-ui-overlay-in motion-safe:data-exiting:animate-ui-overlay-out",
+      ...props,
+      children: /* @__PURE__ */ jsx13(
+        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__ */ jsx13(
+            AriaDialog,
+            {
+              className: cn(
+                "grid max-h-[calc(100dvh-2rem)] overflow-hidden rounded-xl bg-background text-foreground shadow-xl outline-none",
+                layoutClass
+              ),
+              children: ({ close }) => /* @__PURE__ */ jsxs4(Fragment4, { children: [
+                /* @__PURE__ */ jsxs4("header", { "data-slot": "modal-dialog-header", className: "flex items-start gap-3 border-b border-border px-5 py-4", children: [
+                  /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
+                    /* @__PURE__ */ jsx13(Heading, { slot: "title", className: "font-heading text-base leading-none font-medium", children: title }),
+                    description ? /* @__PURE__ */ jsx13(Text2, { slot: "description", className: "mt-2 text-sm text-muted-foreground", children: description }) : null
+                  ] }),
+                  showCloseButton ? /* @__PURE__ */ jsx13(
+                    Button2,
+                    {
+                      "aria-label": "Cerrar di\xE1logo",
+                      variant: "ghost",
+                      size: "icon",
+                      className: "-mr-2 -mt-1",
+                      onPress: close,
+                      children: /* @__PURE__ */ jsx13(X, { "aria-hidden": "true", className: "size-4" })
+                    }
+                  ) : null
+                ] }),
+                children ? /* @__PURE__ */ jsx13("div", { "data-slot": "modal-dialog-body", className: "min-h-0 overflow-y-auto px-5 py-4", children }) : null,
+                footer ? /* @__PURE__ */ jsx13(
+                  "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
-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__ */ 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__ */ 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 })
-    ] })
-  ] }) });
+import { Fragment as Fragment5, 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__ */ jsx14(
+    ModalDialog,
+    {
+      open,
+      onOpenChange,
+      title,
+      description,
+      showCloseButton: false,
+      footer: /* @__PURE__ */ jsxs5(Fragment5, { children: [
+        /* @__PURE__ */ jsx14(Button2, { variant: "outline", isDisabled: pending, onPress: () => onOpenChange(false), children: cancelLabel }),
+        /* @__PURE__ */ jsx14(Button2, { variant: destructive ? "destructive" : "default", isDisabled: pending, onPress: onConfirm, children: confirmLabel })
+      ] })
+    }
+  );
 }
 
 // src/ui/drawer/drawer.tsx
@@ -543,7 +664,7 @@ function FieldError2({ className, children, ...props }) {
 
 // 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 { CheckCircle, LoaderCircle, CircleAlert } from "lucide-react";
 import { jsx as jsx20, jsxs as jsxs6 } from "react/jsx-runtime";
 function useFormFeedback(options) {
   const resetMs = options?.successResetMs ?? 2500;
@@ -578,22 +699,22 @@ function FormFeedback({ state, className, pendingLabel = "Guardando\u2026", succ
   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" }),
+    state.status === "pending" && /* @__PURE__ */ jsx20(LoaderCircle, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    success && /* @__PURE__ */ jsx20(CheckCircle, { "aria-hidden": "true", className: "size-3.5" }),
+    error && /* @__PURE__ */ jsx20(CircleAlert, { "aria-hidden": "true", className: "size-3.5" }),
     /* @__PURE__ */ jsx20("span", { children: state.status === "pending" ? pendingLabel : success ? state.message ?? successLabel : state.message })
   ] });
 }
 
 // src/ui/form-row/form-row.tsx
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment6, 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: [
+      required && /* @__PURE__ */ jsxs7(Fragment6, { children: [
         /* @__PURE__ */ jsx21("span", { "aria-hidden": "true", className: "ml-0.5 text-destructive", children: "*" }),
         /* @__PURE__ */ jsx21("span", { className: "sr-only", children: " (obligatorio)" })
       ] })
@@ -659,6 +780,9 @@ function IconButton({
   ] });
 }
 
+// src/ui/input-group/input-group.tsx
+import { cva as cva3 } from "class-variance-authority";
+
 // src/ui/input/input.tsx
 import { forwardRef as forwardRef2 } from "react";
 import { Input as AriaInput2 } from "react-aria-components";
@@ -668,9 +792,6 @@ var InputImpl = forwardRef2(function Input2({ className, type, ...props }, ref)
 });
 var Input3 = InputImpl;
 
-// 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";
@@ -712,11 +833,11 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/ui/loading-overlay/loading-overlay.tsx
-import { CircleNotchIcon as CircleNotchIcon2 } from "@phosphor-icons/react";
+import { LoaderCircle as LoaderCircle2 } from "lucide-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(LoaderCircle2, { className: "animate-spin", "aria-hidden": "true" }),
     /* @__PURE__ */ jsx28("span", { children: label })
   ] }) });
 }
@@ -759,7 +880,7 @@ function PageHeaderActions({ className, ...props }) {
 }
 
 // src/ui/pagination/pagination.tsx
-import { CaretLeftIcon, CaretRightIcon } from "@phosphor-icons/react";
+import { ChevronLeft, ChevronRight } from "lucide-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);
@@ -771,9 +892,9 @@ function Pagination({ page, pageCount, onPageChange, className }) {
       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, {}) }),
+      /* @__PURE__ */ jsx31(Button2, { "aria-label": "P\xE1gina anterior", isDisabled: page <= 1, onPress: () => onPageChange(page - 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx31(ChevronLeft, {}) }),
       pages.map((item) => /* @__PURE__ */ jsx31(Button2, { "aria-current": item === page ? "page" : void 0, "aria-label": `P\xE1gina ${item}`, onPress: () => onPageChange(item), size: "icon", variant: item === page ? "secondary" : "ghost", children: item }, item)),
-      /* @__PURE__ */ jsx31(Button2, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx31(CaretRightIcon, {}) })
+      /* @__PURE__ */ jsx31(Button2, { "aria-label": "P\xE1gina siguiente", isDisabled: page >= pageCount, onPress: () => onPageChange(page + 1), size: "icon", variant: "ghost", children: /* @__PURE__ */ jsx31(ChevronRight, {}) })
     ] })
   ] });
 }
@@ -791,7 +912,7 @@ function Popover4({ className, ...props }) {
 var PopoverContent = Popover4;
 
 // src/ui/quantity-input/quantity-input.tsx
-import { MinusIcon, PlusIcon } from "@phosphor-icons/react";
+import { Minus, Plus } from "lucide-react";
 import {
   Button as AriaButton2,
   Group as AriaGroup,
@@ -822,9 +943,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__ */ 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(AriaButton2, { slot: "decrement", "aria-label": decrementAriaLabel, "data-slot": "quantity-input-decrement", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-r border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx33(Minus, { "aria-hidden": "true", className: "size-4" }) }),
             /* @__PURE__ */ jsx33(AriaInput3, { "data-slot": "quantity-input-value", className: cn("w-14 min-w-0 bg-transparent px-1 text-center text-sm tabular-nums outline-none", inputClassName) }),
-            /* @__PURE__ */ jsx33(AriaButton2, { slot: "increment", "aria-label": incrementAriaLabel, "data-slot": "quantity-input-increment", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-l border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx33(PlusIcon, { "aria-hidden": "true", weight: "bold", className: "size-4" }) })
+            /* @__PURE__ */ jsx33(AriaButton2, { slot: "increment", "aria-label": incrementAriaLabel, "data-slot": "quantity-input-increment", className: "flex size-8 shrink-0 cursor-pointer items-center justify-center border-l border-border text-muted-foreground outline-none transition-colors hover:bg-muted hover:text-foreground data-focus-visible:bg-muted data-pressed:bg-muted data-disabled:pointer-events-none", children: /* @__PURE__ */ jsx33(Plus, { "aria-hidden": "true", className: "size-4" }) })
           ]
         }
       )
@@ -838,13 +959,13 @@ import {
   Button as Button3,
   Input as Input4
 } from "react-aria-components";
-import { XIcon as XIcon2 } from "@phosphor-icons/react";
+import { X as X2 } from "lucide-react";
 import { jsx as jsx34 } from "react/jsx-runtime";
 var SearchField = AriaSearchField;
 function SearchInput({ className, ...props }) {
   return /* @__PURE__ */ jsx34(Input4, { "data-slot": "search-input", className: cn("h-8 w-full min-w-0 rounded-lg border border-border bg-background px-2.5 py-1 text-sm text-foreground outline-none placeholder:text-muted-foreground focus-visible:ring-3 focus-visible:ring-ring/50", className), ...props });
 }
-function SearchClearButton({ className, children = /* @__PURE__ */ jsx34(XIcon2, { "aria-hidden": "true", weight: "bold", className: "size-4" }), ...props }) {
+function SearchClearButton({ className, children = /* @__PURE__ */ jsx34(X2, { "aria-hidden": "true", className: "size-4" }), ...props }) {
   return /* @__PURE__ */ jsx34(Button3, { slot: "clear", "data-slot": "search-clear", className: cn("absolute top-1/2 right-1 rounded p-1 text-muted-foreground outline-none hover:bg-muted data-focus-visible:ring-2 data-focus-visible:ring-ring", className), ...props, children });
 }
 
@@ -857,13 +978,13 @@ import {
   ListBoxItem as ListBoxItem3,
   Popover as Popover5
 } from "react-aria-components";
-import { CaretDownIcon as CaretDownIcon2 } from "@phosphor-icons/react";
-import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
+import { Fragment as Fragment7, jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
 var Select = AriaSelect;
 function SelectTrigger({ className, children, ...props }) {
-  return /* @__PURE__ */ jsx35(AriaButton3, { "data-slot": "select-trigger", className: cn("group/select-trigger flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs12(Fragment5, { 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(Fragment7, { children: [
     typeof children === "function" ? children(state) : children,
-    /* @__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" })
+    /* @__PURE__ */ jsx35(ChevronDown2, { "aria-hidden": "true", className: "ml-auto size-4 text-muted-foreground transition-transform group-data-pressed/select-trigger:rotate-180 motion-reduce:transition-none" })
   ] }) });
 }
 function SelectValue({ className, ...props }) {
@@ -888,22 +1009,22 @@ function Separator({ className, orientation = "horizontal", ...props }) {
 
 // src/ui/sidebar/sidebar.tsx
 import {
-  CaretLeftIcon as CaretLeftIcon2,
-  CaretRightIcon as CaretRightIcon2,
-  DotsThreeIcon,
-  MagnifyingGlassIcon
-} from "@phosphor-icons/react";
+  ChevronLeft as ChevronLeft2,
+  ChevronRight as ChevronRight2,
+  Ellipsis,
+  Search
+} from "lucide-react";
 import {
-  createContext as createContext2,
-  useContext as useContext2,
+  createContext,
+  useContext,
   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);
+import { Fragment as Fragment8, jsx as jsx37, jsxs as jsxs13 } from "react/jsx-runtime";
+var SidebarContext = createContext(null);
 function useSidebar() {
-  const context = useContext2(SidebarContext);
+  const context = useContext(SidebarContext);
   if (!context)
     throw new Error("useSidebar must be used inside SidebarProvider");
   return context;
@@ -971,7 +1092,7 @@ function SidebarSearch({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx37(MagnifyingGlassIcon, { className: "size-4 shrink-0" }),
+        /* @__PURE__ */ jsx37(Search, { className: "size-4 shrink-0" }),
         /* @__PURE__ */ jsx37("span", { className: "flex-1 text-left", children: label }),
         /* @__PURE__ */ jsx37("kbd", { className: "rounded bg-secondary px-1.5 py-0.5 font-mono text-[10px] text-muted-foreground", children: shortcut })
       ]
@@ -1060,7 +1181,7 @@ function SidebarItem({
         typeof className === "function" ? className : className
       ),
       ...props,
-      children: (values) => /* @__PURE__ */ jsxs13(Fragment6, { children: [
+      children: (values) => /* @__PURE__ */ jsxs13(Fragment8, { children: [
         /* @__PURE__ */ jsx37("span", { className: "flex size-4 shrink-0 items-center justify-center", children: icon }),
         /* @__PURE__ */ jsx37(
           "span",
@@ -1098,7 +1219,7 @@ function SidebarTrigger({ className, ...props }) {
       variant: "ghost",
       className: cn("ml-auto", className),
       ...props,
-      children: collapsed ? /* @__PURE__ */ jsx37(CaretRightIcon2, {}) : /* @__PURE__ */ jsx37(CaretLeftIcon2, {})
+      children: collapsed ? /* @__PURE__ */ jsx37(ChevronRight2, {}) : /* @__PURE__ */ jsx37(ChevronLeft2, {})
     }
   );
 }
@@ -1130,7 +1251,7 @@ function SidebarMore({ className, ...props }) {
       variant: "ghost",
       className: cn("size-7", className),
       ...props,
-      children: /* @__PURE__ */ jsx37(DotsThreeIcon, { weight: "bold" })
+      children: /* @__PURE__ */ jsx37(Ellipsis, {})
     }
   );
 }
@@ -1143,13 +1264,13 @@ function Skeleton({ className, ...props }) {
 
 // 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";
+import { LoaderCircle as LoaderCircle3 } from "lucide-react";
+import { Fragment as Fragment9, 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" }),
+  return /* @__PURE__ */ jsx39(Button2, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ jsxs14(Fragment9, { children: [
+    /* @__PURE__ */ jsx39(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
     pendingLabel
   ] }) : children });
 }
@@ -1159,7 +1280,7 @@ import {
   SwitchButton as AriaSwitchButton,
   SwitchField as AriaSwitchField
 } from "react-aria-components";
-import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment10, 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" }
@@ -1176,7 +1297,7 @@ function Switch({ className, children, size = "sm", ...props }) {
         "data-disabled:cursor-not-allowed data-disabled:opacity-50",
         typeof className === "function" ? className(state) : className
       ),
-      children: (state) => /* @__PURE__ */ jsxs15(Fragment8, { children: [
+      children: (state) => /* @__PURE__ */ jsxs15(Fragment10, { children: [
         /* @__PURE__ */ jsx40(
           "span",
           {
@@ -1265,8 +1386,8 @@ function TabsContent({ 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";
+import { CheckCircle as CheckCircle2, Info, CircleAlert as CircleAlert2, XCircle, X as X3 } from "lucide-react";
+import { Fragment as Fragment11, jsx as jsx43, jsxs as jsxs16 } from "react/jsx-runtime";
 var records = [];
 var listeners = /* @__PURE__ */ new Set();
 var snapshot = () => records;
@@ -1311,7 +1432,7 @@ function useToast() {
   return toast;
 }
 function ToastProvider({ children }) {
-  return /* @__PURE__ */ jsxs16(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs16(Fragment11, { children: [
     children,
     /* @__PURE__ */ jsx43(Toaster, {})
   ] });
@@ -1325,7 +1446,7 @@ var positionClasses = {
   "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)) });
+  return /* @__PURE__ */ jsx43(Fragment11, { 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);
@@ -1338,15 +1459,15 @@ function Toast({ id, title, description, variant = "default", action, state = "o
     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;
+  const Icon = variant === "success" ? CheckCircle2 : variant === "error" ? XCircle : variant === "warning" ? CircleAlert2 : variant === "info" ? Info : Info;
   return /* @__PURE__ */ jsx43("div", { role: variant === "error" ? "alert" : "status", "data-state": state, className: cn("pointer-events-auto w-full overflow-hidden rounded-xl border border-border/80 bg-background/95 p-3.5 text-foreground shadow-xl shadow-black/10 backdrop-blur-md animate-ui-toast-in", "data-[state=closing]:animate-ui-toast-out motion-reduce:animate-none", variant === "success" && "border-success/30", variant === "error" && "border-destructive/30", variant === "warning" && "border-warning/40"), children: /* @__PURE__ */ jsxs16("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx43(Icon, { "aria-hidden": "true", 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__ */ jsx43(Icon, { "aria-hidden": "true", className: cn("mt-0.5 size-5 shrink-0", variant === "success" && "text-success", variant === "error" && "text-destructive", variant === "warning" && "text-warning", variant === "info" && "text-primary") }),
     /* @__PURE__ */ jsxs16("div", { className: "min-w-0 flex-1", children: [
       /* @__PURE__ */ jsx43("p", { className: "animate-ui-toast-title text-sm font-semibold", children: title }),
       description && /* @__PURE__ */ jsx43("p", { className: "mt-1 max-h-20 animate-ui-toast-description overflow-hidden text-sm leading-5 text-muted-foreground data-[state=closing]:max-h-0", "data-state": state, children: description }),
       action && /* @__PURE__ */ jsx43(Button2, { size: "sm", variant: "link", onPress: action.onPress, className: "mt-1 h-auto px-0", children: action.label })
     ] }),
-    /* @__PURE__ */ jsx43(Button2, { "aria-label": "Cerrar notificaci\xF3n", onPress: onDismiss, size: "icon", variant: "ghost", className: "-mr-2 -mt-2 size-7", children: /* @__PURE__ */ jsx43(XIcon3, {}) })
+    /* @__PURE__ */ jsx43(Button2, { "aria-label": "Cerrar notificaci\xF3n", onPress: onDismiss, size: "icon", variant: "ghost", className: "-mr-2 -mt-2 size-7", children: /* @__PURE__ */ jsx43(X3, {}) })
   ] }) });
 }
 
@@ -1374,6 +1495,8 @@ export {
   AppShellContent,
   AppShellHeader,
   AppShellMain,
+  AppShellMobileHeader,
+  AppShellSidebar,
   AutocompleteCombobox,
   Avatar,
   AvatarBadge,
@@ -1409,13 +1532,6 @@ export {
   CommandItem,
   CommandList,
   ConfirmDialog,
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
   Drawer,
   DrawerDescription,
   DrawerFooter,
@@ -1452,6 +1568,7 @@ export {
   MenuContent,
   MenuItem,
   MenuTrigger,
+  ModalDialog,
   PageHeader,
   PageHeaderActions,
   PageHeaderDescription,