@doscientos/ui 0.1.7 → 0.1.8

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 }) {
@@ -327,11 +327,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
   ] }) });
 }
@@ -416,7 +416,7 @@ function CommandItem({ className, ...props }) {
 
 // src/ui/dialog/dialog.tsx
 import { createContext, useContext } from "react";
-import { XIcon } from "@phosphor-icons/react";
+import { X } from "lucide-react";
 import {
   Dialog as AriaDialog,
   Heading,
@@ -439,7 +439,7 @@ function DialogClose({ onPress, ...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" }) })
+    showCloseButton && /* @__PURE__ */ jsx13(DialogClose, { "aria-label": "Cerrar di\xE1logo", variant: "ghost", size: "icon", className: "absolute top-2 right-2", children: /* @__PURE__ */ jsx13(X, { "aria-hidden": "true", className: "size-4" }) })
   ] }) }) });
 }
 function DialogHeader({ className, ...props }) {
@@ -543,7 +543,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,9 +578,9 @@ 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 })
   ] });
 }
@@ -712,11 +712,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 +759,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 +771,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 +791,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 +822,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 +838,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 +857,13 @@ import {
   ListBoxItem as ListBoxItem3,
   Popover as Popover5
 } from "react-aria-components";
-import { CaretDownIcon as CaretDownIcon2 } from "@phosphor-icons/react";
+import { ChevronDown as ChevronDown2 } from "lucide-react";
 import { Fragment as Fragment5, jsx as jsx35, jsxs as jsxs12 } from "react/jsx-runtime";
 var Select = AriaSelect;
 function SelectTrigger({ className, children, ...props }) {
   return /* @__PURE__ */ jsx35(AriaButton3, { "data-slot": "select-trigger", className: cn("group/select-trigger flex h-8 w-full min-w-36 items-center gap-2 rounded-lg border border-border bg-background px-2.5 text-left text-sm text-foreground outline-none data-focus-visible:ring-3 data-focus-visible:ring-ring/50 data-disabled:cursor-not-allowed data-disabled:opacity-50", className), ...props, children: (state) => /* @__PURE__ */ jsxs12(Fragment5, { children: [
     typeof children === "function" ? children(state) : children,
-    /* @__PURE__ */ 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,11 +888,11 @@ 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,
@@ -971,7 +971,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 })
       ]
@@ -1098,7 +1098,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 +1130,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 +1143,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 { LoaderCircle as LoaderCircle3 } from "lucide-react";
 import { Fragment as Fragment7, jsx as jsx39, jsxs as jsxs14 } from "react/jsx-runtime";
 function SubmitButton({ pendingLabel = "Guardando\u2026", loading = false, children, isDisabled, size = "sm", ...props }) {
   const { pending } = useFormStatus();
   const busy = pending || loading;
   return /* @__PURE__ */ jsx39(Button2, { type: "submit", size, isDisabled: busy || isDisabled, "aria-busy": busy || void 0, ...props, children: busy ? /* @__PURE__ */ jsxs14(Fragment7, { children: [
-    /* @__PURE__ */ jsx39(CircleNotchIcon3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
+    /* @__PURE__ */ jsx39(LoaderCircle3, { "aria-hidden": "true", className: "size-3.5 animate-spin" }),
     pendingLabel
   ] }) : children });
 }
@@ -1265,7 +1265,7 @@ 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 { CheckCircle as CheckCircle2, Info, CircleAlert as CircleAlert2, XCircle, X as X3 } from "lucide-react";
 import { Fragment as Fragment9, jsx as jsx43, jsxs as jsxs16 } from "react/jsx-runtime";
 var records = [];
 var listeners = /* @__PURE__ */ new Set();
@@ -1338,15 +1338,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, {}) })
   ] }) });
 }