@doscientos/ui 0.1.7 → 0.1.8

package/dist/index.cjs

@@ -327,7 +327,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 +338,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 }) {
@@ -382,14 +382,14 @@ function AppShellContent({ 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 });
 }
@@ -509,17 +509,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 +536,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;
@@ -597,16 +597,16 @@ function CommandItem({ className, ...props }) {
 }
 
 // src/ui/dialog/dialog.tsx
-var import_react8 = require("react");
-var import_react9 = require("@phosphor-icons/react");
+var import_react6 = require("react");
+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);
+var DialogCloseContext = (0, import_react6.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);
+  const close = (0, import_react6.useContext)(DialogCloseContext);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Button2, { onPress: (event) => {
     onPress?.(event);
     close?.();
@@ -615,7 +615,7 @@ function DialogClose({ onPress, ...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" }) })
+    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_lucide_react3.X, { "aria-hidden": "true", className: "size-4" }) })
   ] }) }) });
 }
 function DialogHeader({ className, ...props }) {
@@ -694,10 +694,10 @@ function EmptyStateDescription({ className, ...props }) {
 }
 
 // src/ui/label/label.tsx
-var import_react10 = require("react");
+var import_react7 = 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_react7.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 +718,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_react8 = 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_react8.useState)({ status: "idle" });
+  const timer = (0, import_react8.useRef)(null);
+  const clearTimer = (0, import_react8.useCallback)(() => {
     if (timer.current) clearTimeout(timer.current);
     timer.current = null;
   }, []);
-  (0, import_react11.useEffect)(() => () => clearTimer(), [clearTimer]);
-  const setPending = (0, import_react11.useCallback)(() => {
+  (0, import_react8.useEffect)(() => () => clearTimer(), [clearTimer]);
+  const setPending = (0, import_react8.useCallback)(() => {
     clearTimer();
     setState({ status: "pending" });
   }, [clearTimer]);
-  const setSuccess = (0, import_react11.useCallback)((message) => {
+  const setSuccess = (0, import_react8.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_react8.useCallback)((message) => {
     clearTimer();
     setState({ status: "error", message });
   }, [clearTimer]);
-  const reset = (0, import_react11.useCallback)(() => {
+  const reset = (0, import_react8.useCallback)(() => {
     clearTimer();
     setState({ status: "idle" });
   }, [clearTimer]);
@@ -754,9 +754,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 })
   ] });
 }
@@ -833,10 +833,10 @@ function IconButton({
 }
 
 // src/ui/input/input.tsx
-var import_react13 = require("react");
+var import_react9 = 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_react9.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;
@@ -845,10 +845,10 @@ var Input3 = InputImpl;
 var import_class_variance_authority3 = require("class-variance-authority");
 
 // src/ui/textarea/textarea.tsx
-var import_react14 = require("react");
+var import_react10 = 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_react10.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 +885,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 +927,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 +939,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 +956,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 +982,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 +994,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 +1036,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_react11 = 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_react11.createContext)(null);
 function useSidebar() {
-  const context = (0, import_react21.useContext)(SidebarContext);
+  const context = (0, import_react11.useContext)(SidebarContext);
   if (!context)
     throw new Error("useSidebar must be used inside SidebarProvider");
   return context;
@@ -1051,8 +1051,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_react11.useState)(defaultCollapsed);
+  const value = (0, import_react11.useMemo)(
     () => ({
       collapsed,
       setCollapsed,
@@ -1110,7 +1110,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 +1237,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 +1269,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 +1282,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 +1393,8 @@ function TabsContent({ className, ...props }) {
 }
 
 // src/ui/toast/toast.tsx
-var import_react23 = require("react");
-var import_react24 = require("@phosphor-icons/react");
+var import_react12 = 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 +1457,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_react12.useSyncExternalStore)(subscribe, snapshot, snapshot).filter((item) => item.position === position);
   if (visiblePosition && position !== visiblePosition && toasts.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { "aria-label": `Notificaciones ${position}`, className: cn("pointer-events-none fixed z-50 flex w-[min(24rem,calc(100vw-2rem))] flex-col gap-2", positionClasses[position], className), children: toasts.map((item) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Toast, { ...item, onDismiss: () => dismiss(item.id) }, item.id)) });
 }
 function Toast({ id, title, description, variant = "default", action, state = "open", duration = 0, onDismiss }) {
-  (0, import_react23.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (state !== "open" || duration <= 0) return;
     const timeout = window.setTimeout(() => dismiss(id), duration);
     return () => window.clearTimeout(timeout);
   }, [duration, id, state]);
-  const Icon = variant === "success" ? import_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, {}) })
   ] }) });
 }