laif-ds 0.1.86 → 0.1.89

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

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

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 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 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,
+function w({
+  className: o,
+  variant: a,
+  size: e,
+  asChild: d = !1,
   iconLeft: n,
-  iconRight: i,
-  isLoading: g = !1,
+  iconRight: s,
+  isLoading: f = !1,
   ...t
 }) {
-  const s = a ? v : "button";
-  return a ? /* @__PURE__ */ e(
-    s,
+  const i = d ? v : "button";
+  return d ? /* @__PURE__ */ r(
+    i,
     {
       "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,
+    i,
     {
       "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(
+        ) : n && /* @__PURE__ */ r(
           u,
           {
             name: n,
-            size: r === "default" ? "md" : r === "sm" ? "xs" : "sm"
+            size: e === "default" ? "md" : e === "sm" ? "xs" : "sm"
           }
         ),
         t.children,
-        i && /* @__PURE__ */ e(
+        s && /* @__PURE__ */ r(
           u,
           {
-            name: i,
-            size: r === "default" ? "md" : r === "sm" ? "xs" : "sm"
+            name: s,
+            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/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,
             {