laif-ds 0.1.88 → 0.1.90

package/dist/components/ui/async-select.js

@@ -1,18 +1,18 @@
 "use client";
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import * as p from "react";
-import { useState as l, useEffect as h, useCallback as F } from "react";
-import { useDebounce as oe } from "../../hooks/use-debounce.js";
-import { cva as re } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as S } from "../../lib/utils.js";
+import { useState as a, useEffect as h, useCallback as A } from "react";
+import { useDebounce as re } from "../../hooks/use-debounce.js";
+import { cva as oe } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as g } from "../../lib/utils.js";
 import { Label as le } from "./label.js";
-import { Popover as ae, PopoverTrigger as ce, PopoverContent as ie } from "./popover.js";
+import { Popover as ae, PopoverTrigger as ie, PopoverContent as ce } from "./popover.js";
 import { Command as de, CommandInput as fe, CommandList as me, CommandEmpty as ue, CommandGroup as G, CommandItem as M } from "./command.js";
 import { Icon as B } from "./icon.js";
 import pe from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
 import he from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-const ge = re(
-  "flex items-center justify-between whitespace-nowrap rounded-md border border-input bg-d-input px-3 py-2 shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+const ge = oe(
+  "flex items-center justify-between whitespace-nowrap rounded-md border border-d-input bg-d-input px-3 py-2 data-[placeholder]:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 ",
   {
     variants: {
       size: {
@@ -26,20 +26,20 @@ const ge = re(
     }
   }
 );
-function Pe({
-  fetcher: i,
+function Te({
+  fetcher: c,
   preload: f,
-  filterFn: R,
-  renderOption: E,
-  getOptionValue: a,
-  getDisplayValue: g,
+  filterFn: S,
+  renderOption: k,
+  getOptionValue: i,
+  getDisplayValue: x,
   notFound: U,
   loadingSkeleton: X,
   label: z,
   labelClassName: $,
   placeholder: O = "Select...",
-  value: o = "",
-  onChange: x,
+  value: r = "",
+  onChange: w,
   disabled: W = !1,
   width: m = "200px",
   triggerClassName: q,
@@ -47,108 +47,108 @@ function Pe({
   clearable: L = !0,
   size: J
 }) {
-  const [c, j] = l(!1), y = m === "auto", I = p.useRef(null), P = p.useRef(null), K = p.useRef(null), Q = p.useRef(null), [w, N] = l(!1), [v, b] = l(null), [T, C] = l(null), [D, Y] = l(""), u = oe(D, f ? 0 : 300), [k, A] = l([]), [n, d] = l([]), [Z, _] = l(
+  const [l, j] = a(!1), y = m === "auto", I = p.useRef(null), T = p.useRef(null), K = p.useRef(null), Q = p.useRef(null), [N, b] = a(!1), [v, C] = a(null), [E, R] = a(null), [D, Y] = a(""), u = re(D, f ? 0 : 300), [P, F] = a([]), [n, d] = a([]), [Z, _] = a(
     void 0
   );
   h(() => ((async () => {
     try {
-      if (N(!0), b(null), f) {
-        console.log(
-          "[AsyncSelect] Preload attivo: caricamento completo dei dati"
-        );
-        const s = await i("");
-        A(s), d(s);
+      if (b(!0), C(null), f) {
+        const s = await c("");
+        F(s), d(s);
       } else {
-        const s = await i(o);
+        const s = await c(r);
         d(s);
       }
     } catch (s) {
-      b(
+      C(
         s instanceof Error ? s.message : "Failed to fetch options"
       );
     } finally {
-      N(!1);
+      b(!1);
     }
   })(), () => {
-    d([]), A([]);
-  }), [i, o, f]), h(() => {
-    if (c)
+    d([]), F([]);
+  }), [c, r, f]), h(() => {
+    if (l)
       if (f)
         if (u) {
-          const t = k.filter(
-            (s) => R ? R(s, u) : String(g(s)).toLowerCase().includes(u.toLowerCase())
+          const t = P.filter(
+            (s) => S ? S(s, u) : String(x(s)).toLowerCase().includes(u.toLowerCase())
           );
           d(t);
         } else
-          d(k);
+          d(P);
       else
         (async () => {
           try {
-            N(!0), b(null);
-            const s = await i(u);
+            b(!0), C(null);
+            const s = await c(u);
             d(s);
           } catch (s) {
-            b(
+            C(
               s instanceof Error ? s.message : "Failed to fetch options"
             );
           } finally {
-            N(!1);
+            b(!1);
           }
         })();
   }, [
-    c,
+    l,
     u,
     f,
-    R,
-    k,
-    g
+    S,
+    P,
+    x
   ]), h(() => {
-    if (o && n.length > 0) {
-      const t = n.find((s) => a(s) === o);
-      C(t || null);
-    } else o || C(null);
-  }, [o, n, a]), h(() => {
-    c && I.current && I.current.focus();
-  }, [c]), h(() => {
-    if (c && P.current) {
-      const t = P.current.getBoundingClientRect();
+    if (r && n.length > 0) {
+      const t = n.find((s) => i(s) === r);
+      R(t || null);
+    } else r || R(null);
+  }, [r, n, i]), h(() => {
+    l && I.current && I.current.focus();
+  }, [l]), h(() => {
+    if (l && T.current) {
+      const t = T.current.getBoundingClientRect();
       _(t.width);
     }
-  }, [c]);
-  const V = F(
+  }, [l]);
+  const V = A(
     (t) => {
-      const s = L && t === o ? "" : t, se = n.find((ne) => a(ne) === s) || null;
-      C(se), x(s), j(!1);
+      const s = L && t === r ? "" : t, se = n.find((ne) => i(ne) === s) || null;
+      R(se), w(s), j(!1);
     },
-    [o, x, L, n, a]
-  ), ee = F(
+    [r, w, L, n, i]
+  ), ee = A(
     (t) => {
-      t.stopPropagation(), t.preventDefault(), C(null), x(""), j(!1);
+      t.stopPropagation(), t.preventDefault(), R(null), w(""), j(!1);
     },
-    [x]
+    [w]
   ), te = p.useId();
-  return /* @__PURE__ */ r("div", { className: S("space-y-1.5", y && "w-full"), children: [
-    z && /* @__PURE__ */ e(le, { className: $, children: z }),
-    /* @__PURE__ */ e("div", { ref: K, className: "relative", "data-slot": "async-select", children: /* @__PURE__ */ r(ae, { open: c, onOpenChange: j, children: [
-      /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ o("div", { className: g("space-y-1.5", y && "w-full"), children: [
+    z && /* @__PURE__ */ e(le, { className: g($, "w-fit"), children: z }),
+    /* @__PURE__ */ e("div", { ref: K, className: "relative", "data-slot": "async-select", children: /* @__PURE__ */ o(ae, { open: l, onOpenChange: j, children: [
+      /* @__PURE__ */ e(ie, { asChild: !0, children: /* @__PURE__ */ e(
         "button",
         {
           id: te,
+          ref: T,
           type: "button",
           disabled: W,
-          className: S(
+          className: g(
             ge({ size: J }),
+            "!border-d-border/50 border !shadow-none",
             W && "cursor-not-allowed opacity-50",
             q,
             "font-normal",
-            y && "w-full"
+            y && "w-full",
+            "focus-visible:ring-d-ring focus-visible:ring-1",
+            l && "ring-d-ring ring-1"
           ),
           style: y ? void 0 : { width: m },
-          ref: P,
-          children: /* @__PURE__ */ r("div", { className: "flex w-full flex-1 items-center justify-between overflow-hidden", children: [
-            T ? /* @__PURE__ */ e("div", { className: "truncate", children: g(T) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground hover:text-d-foreground", children: O }),
-            /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-end gap-1", children: [
-              L && T && /* @__PURE__ */ e(
+          children: /* @__PURE__ */ o("div", { className: "flex w-full flex-1 items-center justify-between overflow-hidden", children: [
+            E ? /* @__PURE__ */ e("div", { className: "truncate", children: x(E) }) : /* @__PURE__ */ e("span", { className: "text-d-muted-foreground", children: O }),
+            /* @__PURE__ */ o("div", { className: "flex w-full items-center justify-end gap-1", children: [
+              L && E && /* @__PURE__ */ e(
                 "div",
                 {
                   className: "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
@@ -178,9 +178,9 @@ function Pe({
         }
       ) }),
       /* @__PURE__ */ e(
-        ie,
+        ce,
         {
-          className: S("p-0"),
+          className: g("p-0"),
           style: {
             width: y ? Z : typeof m == "number" ? `${m}px` : m
           },
@@ -189,46 +189,47 @@ function Pe({
           sideOffset: 4,
           onWheel: (t) => t.stopPropagation(),
           avoidCollisions: !1,
-          children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ o(
             de,
             {
               shouldFilter: !1,
-              className: "w-full border-none shadow-lg",
+              className: "w-full border-none shadow-sm",
               children: [
                 /* @__PURE__ */ e(
                   fe,
                   {
                     ref: I,
                     placeholder: O,
+                    className: "placeholder:text-d-muted-foreground",
                     value: D,
                     onValueChange: Y
                   }
                 ),
-                w && n.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ e(pe, { className: "h-4 w-4 animate-spin" }) }),
-                /* @__PURE__ */ r(me, { ref: Q, children: [
+                N && n.length > 0 && /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ e(pe, { className: "h-4 w-4 animate-spin" }) }),
+                /* @__PURE__ */ o(me, { ref: Q, children: [
                   v && /* @__PURE__ */ e("div", { className: "text-d-destructive p-3 text-center", children: v }),
-                  w && n.length === 0 && (X || /* @__PURE__ */ e(xe, {})),
-                  !w && !v && n.length === 0 && (U || /* @__PURE__ */ e(ue, { children: H || "No results found." })),
-                  !w && !v && n.length > 0 && /* @__PURE__ */ e(G, { children: n.map((t) => /* @__PURE__ */ r(
+                  N && n.length === 0 && (X || /* @__PURE__ */ e(xe, {})),
+                  !N && !v && n.length === 0 && (U || /* @__PURE__ */ e(ue, { children: H || "No results found." })),
+                  !N && !v && n.length > 0 && /* @__PURE__ */ e(G, { children: n.map((t) => /* @__PURE__ */ o(
                     M,
                     {
-                      value: a(t),
+                      value: i(t),
                       onSelect: V,
                       className: "cursor-pointer",
                       children: [
-                        E ? E(t) : /* @__PURE__ */ e("span", { children: g(t) }),
+                        k ? k(t) : /* @__PURE__ */ e("span", { children: x(t) }),
                         /* @__PURE__ */ e(
                           he,
                           {
-                            className: S(
+                            className: g(
                               "ml-auto h-4 w-4",
-                              o === a(t) ? "opacity-100" : "opacity-0"
+                              r === i(t) ? "opacity-100" : "opacity-0"
                             )
                           }
                         )
                       ]
                     },
-                    a(t)
+                    i(t)
                   )) })
                 ] })
               ]
@@ -240,15 +241,15 @@ function Pe({
   ] });
 }
 function xe() {
-  return /* @__PURE__ */ e(G, { children: [1, 2, 3].map((i) => /* @__PURE__ */ e(M, { disabled: !0, children: /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-2", children: [
+  return /* @__PURE__ */ e(G, { children: [1, 2, 3].map((c) => /* @__PURE__ */ e(M, { disabled: !0, children: /* @__PURE__ */ o("div", { className: "flex w-full items-center gap-2", children: [
     /* @__PURE__ */ e("div", { className: "bg-d-secondary h-6 w-6 animate-pulse rounded-full" }),
-    /* @__PURE__ */ r("div", { className: "flex flex-1 flex-col gap-1", children: [
+    /* @__PURE__ */ o("div", { className: "flex flex-1 flex-col gap-1", children: [
       /* @__PURE__ */ e("div", { className: "bg-d-secondary h-4 w-24 animate-pulse rounded" }),
       /* @__PURE__ */ e("div", { className: "bg-d-secondary h-3 w-16 animate-pulse rounded" })
     ] })
-  ] }) }, i)) });
+  ] }) }, c)) });
 }
 export {
-  Pe as AsyncSelect,
-  ge as asyncSelectTriggerVariants
+  Te as AsyncSelect,
+  ge as selectTriggerVariants
 };

package/dist/components/ui/button.js

@@ -1,19 +1,19 @@
 "use client";
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import { Root as v } from "../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as h } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cva as m } from "../../node_modules/class-variance-authority/dist/index.js";
 import { cn as l } from "../../lib/utils.js";
 import { Icon as u } from "./icon.js";
-const m = h(
-  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px] aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive  transition-all duration-200",
+const b = m(
+  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-d-ring focus-visible:ring-d-ring/50 focus-visible:ring-[3px] aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive transition-all duration-200 ease-out transform-gpu active:scale-[0.98] active:shadow-sm overflow-hidden relative group",
   {
     variants: {
       variant: {
-        default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90",
-        destructive: "bg-d-destructive text-white shadow-xs hover:bg-d-destructive/90 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60",
-        outline: "border bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground dark:bg-d-input/30 dark:border-d-input dark:hover:bg-d-input/50",
-        "outline-primary": "border !border-d-primary bg-d-background shadow-xs text-d-primary/80 hover:!text-d-primary",
-        secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80 hover:text-d-secondary-foreground",
+        default: "bg-d-primary text-d-primary-foreground shadow-xs hover:bg-d-primary/90 hover:shadow-d-primary/25 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
+        destructive: "bg-d-destructive text-white shadow-xs hover:bg-d-destructive/90 hover:shadow-d-destructive/25 focus-visible:ring-d-destructive/20 dark:focus-visible:ring-d-destructive/40 dark:bg-d-destructive/60 [clip-path:inset(0_round_0.375rem)] before:absolute before:inset-0 before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent before:translate-x-[-100%] hover:before:translate-x-[100%] before:transition-transform before:duration-700 before:ease-out",
+        outline: "border bg-d-background shadow-xs hover:bg-d-accent hover:text-d-accent-foreground hover:border-d-accent dark:bg-d-input/30 dark:border-d-input dark:hover:bg-d-input/50",
+        "outline-primary": "border !border-d-primary bg-d-background shadow-xs text-d-primary/80 hover:!text-d-primary hover:bg-d-primary/5 hover:border-d-primary/80 ",
+        secondary: "bg-d-secondary text-d-secondary-foreground shadow-xs hover:bg-d-secondary/80 hover:text-d-secondary-foreground ",
         ghost: "hover:bg-d-accent hover:text-d-accent-foreground dark:hover:bg-d-accent",
         link: "text-d-primary underline-offset-4 hover:underline"
       },
@@ -30,42 +30,42 @@ const m = h(
     }
   }
 );
-function k({
-  className: d,
-  variant: o,
-  size: r,
-  asChild: a = !1,
-  iconLeft: n,
+function w({
+  className: o,
+  variant: a,
+  size: e,
+  asChild: n = !1,
+  iconLeft: d,
   iconRight: i,
-  isLoading: g = !1,
+  isLoading: f = !1,
   ...t
 }) {
-  const s = a ? v : "button";
-  return a ? /* @__PURE__ */ e(
+  const s = n ? v : "button";
+  return n ? /* @__PURE__ */ r(
     s,
     {
       "data-slot": "button",
-      className: l(m({ variant: o, size: r, className: d })),
+      className: l(b({ variant: a, size: e, className: o })),
       ...t
     }
   ) : /* @__PURE__ */ c(
     s,
     {
       "data-slot": "button",
-      className: l(m({ variant: o, size: r, className: d }), "relative"),
+      className: l(b({ variant: a, size: e, className: o }), "relative"),
       ...t,
       children: [
-        g ? /* @__PURE__ */ c(
+        f ? /* @__PURE__ */ c(
           "svg",
           {
             className: "mr-1 -ml-1 animate-spin",
             xmlns: "http://www.w3.org/2000/svg",
             fill: "none",
             viewBox: "0 0 24 24",
-            width: r === "sm" ? 14 : r === "lg" ? 20 : 16,
-            height: r === "sm" ? 14 : r === "lg" ? 20 : 16,
+            width: e === "sm" ? 14 : e === "lg" ? 20 : 16,
+            height: e === "sm" ? 14 : e === "lg" ? 20 : 16,
             children: [
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ r(
                 "circle",
                 {
                   className: "opacity-25",
@@ -76,7 +76,7 @@ function k({
                   strokeWidth: "4"
                 }
               ),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ r(
                 "path",
                 {
                   className: "opacity-75",
@@ -86,19 +86,19 @@ function k({
               )
             ]
           }
-        ) : n && /* @__PURE__ */ e(
+        ) : d && /* @__PURE__ */ r(
           u,
           {
-            name: n,
-            size: r === "default" ? "md" : r === "sm" ? "xs" : "sm"
+            name: d,
+            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         ),
         t.children,
-        i && /* @__PURE__ */ e(
+        i && /* @__PURE__ */ r(
           u,
           {
             name: i,
-            size: r === "default" ? "md" : r === "sm" ? "xs" : "sm"
+            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         )
       ]
@@ -106,6 +106,6 @@ function k({
   );
 }
 export {
-  k as Button,
-  m as buttonVariants
+  w as Button,
+  b as buttonVariants
 };

package/dist/components/ui/calendar.js

@@ -64,7 +64,7 @@ function B({
           t.dropdowns
         ),
         dropdown_root: e(
-          "relative has-focus:border-ring border border-d-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md",
+          "relative has-focus:border-ring border border-d-input shadow-xs has-focus:ring-d-ring/50 has-focus:ring-[3px] rounded-md",
           t.dropdown_root
         ),
         dropdown: e("absolute inset-0 opacity-0", t.dropdown),
@@ -159,7 +159,7 @@ function v({
       "data-range-end": r.range_end,
       "data-range-middle": r.range_middle,
       className: e(
-        "data-[selected-single=true]:bg-d-primary data-[selected-single=true]:text-d-primary-foreground data-[range-middle=true]:bg-d-accent data-[range-middle=true]:text-d-accent-foreground data-[range-start=true]:bg-d-primary data-[range-start=true]:text-d-primary-foreground data-[range-end=true]:bg-d-primary data-[range-end=true]:text-d-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-d-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[1px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
+        "data-[selected-single=true]:bg-d-primary data-[selected-single=true]:text-d-primary-foreground data-[range-middle=true]:bg-d-accent data-[range-middle=true]:text-d-accent-foreground data-[range-start=true]:bg-d-primary data-[range-start=true]:text-d-primary-foreground data-[range-end=true]:bg-d-primary data-[range-end=true]:text-d-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-d-ring/50 dark:hover:text-d-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[1px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70",
         s.day,
         c
       ),

package/dist/components/ui/data-table.js

@@ -242,7 +242,7 @@ function Ue({
           ),
           /* @__PURE__ */ n("div", { className: "flex h-full max-w-full min-w-0 flex-1 items-center", children: d && d.length > 0 && /* @__PURE__ */ h(W, { className: "h-full w-full", children: [
             /* @__PURE__ */ n(F, { orientation: "horizontal" }),
-            /* @__PURE__ */ n("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 sm:justify-end", children: d.map((e, t) => {
+            /* @__PURE__ */ n("div", { className: "flex w-full max-w-full min-w-0 items-center justify-start gap-2 p-0.5 sm:justify-end", children: d.map((e, t) => {
               const l = I[e.column] ?? [];
               return /* @__PURE__ */ n(
                 Re,

package/dist/components/ui/date-picker.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import * as d from "react";
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import * as c from "react";
 import { cn as g } from "../../lib/utils.js";
 import { buttonVariants as x } from "./button.js";
 import { Icon as h } from "./icon.js";
@@ -17,20 +17,20 @@ function E({
   disabled: t = !1,
   size: o = "default"
 }) {
-  const [r, i] = d.useState(n);
-  d.useEffect(() => {
+  const [r, i] = c.useState(n);
+  c.useEffect(() => {
     i(n);
   }, [n]);
   const p = (s) => {
     i(s), a && a(s);
   };
-  return /* @__PURE__ */ c(w, { open: t ? !1 : void 0, children: [
+  return /* @__PURE__ */ d(w, { open: t ? !1 : void 0, children: [
     /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
       {
         className: g(
           x({ variant: u, size: o }),
-          "border-d-input text-d-foreground hover:bg-d-accent bg-d-input ring-offset-background data-[placeholder]:text-d-muted-foreground focus:ring-ring flex items-center justify-between border px-3 py-2 font-normal whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none [&>span]:line-clamp-1",
+          "border-d-input text-d-foreground hover:bg-d-accent bg-d-input ring-offset-background data-[placeholder]:text-d-muted-foreground focus:ring-d-ring flex items-center justify-between border px-3 py-2 font-normal whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none [&>span]:line-clamp-1",
           !r && "text-d-muted-foreground",
           t && "cursor-not-allowed opacity-50",
           f,
@@ -42,7 +42,7 @@ function E({
         tabIndex: t ? -1 : 0,
         onClick: t ? void 0 : () => {
         },
-        children: /* @__PURE__ */ c("div", { className: "flex w-full items-center justify-between gap-2", children: [
+        children: /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between gap-2", children: [
           /* @__PURE__ */ e(
             h,
             {

package/dist/components/ui/input.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import * as x from "react";
 import { cva as g } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as a } from "../../lib/utils.js";
+import { cn as l } from "../../lib/utils.js";
 import { Label as v } from "./label.js";
-import { Icon as l } from "./icon.js";
+import { Icon as s } from "./icon.js";
 const b = g(
-  "file:text-d-foreground placeholder:text-d-muted-foreground selection:bg-d-primary selection:text-d-primary-foreground border-d-input flex w-full min-w-0 rounded-md border bg-d-input px-3 py-1 text-base shadow-sm transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+  "file:text-d-foreground placeholder:text-d-muted-foreground shadow-none selection:bg-d-primary selection:text-d-primary-foreground flex w-full min-w-0 rounded-md bg-d-input border border-d-border/50 px-3 py-1 text-base transition-all duration-200 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
   {
     variants: {
       size: {
@@ -27,34 +27,33 @@ const b = g(
     labelClassName: u,
     id: p,
     iconLeft: i,
-    iconRight: s,
+    iconRight: n,
     size: t,
     ...f
   }, c) => {
-    const n = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
-    return /* @__PURE__ */ d("div", { className: a("space-y-1.5", o), children: [
-      r && /* @__PURE__ */ e(v, { htmlFor: n, className: u, children: r }),
-      /* @__PURE__ */ d("div", { className: "relative w-full", children: [
-        i && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
+    const d = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
+    return /* @__PURE__ */ a("div", { className: l("space-y-1.5", o), children: [
+      r && /* @__PURE__ */ e(v, { htmlFor: d, className: u, children: r }),
+      /* @__PURE__ */ a("div", { className: "relative w-full", children: [
+        i && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(s, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
         /* @__PURE__ */ e(
           "input",
           {
-            id: n,
+            id: d,
             type: m,
             "data-slot": "input",
-            className: a(
+            className: l(
               b({ size: t }),
-              "focus-visible:ring-ring focus-visible:ring-1 focus-visible:outline-none",
+              "focus-visible:ring-d-ring focus-visible:ring-1 focus-visible:outline-none",
               "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
-              "shadow-sm",
               i ? t !== "lg" ? "pl-9" : "pl-10" : "",
-              s ? t !== "lg" ? "pr-9" : "pr-10" : ""
+              n ? t !== "lg" ? "pr-9" : "pr-10" : ""
             ),
             ref: c,
             ...f
           }
         ),
-        s && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: s, size: t === "lg" ? "sm" : "xs" }) })
+        n && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(s, { name: n, size: t === "lg" ? "sm" : "xs" }) })
       ] })
     ] });
   }