laif-ds 0.2.54 → 0.2.55

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
+var t = e();
+const a = /* @__PURE__ */ r(t);
 export {
-  m as default
+  a as default
 };

package/dist/_virtual/index4.js

@@ -1,8 +1,8 @@
 "use client";
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/style-to-js/cjs/index.js";
-var t = e();
-const a = /* @__PURE__ */ r(t);
+import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  a as default
+  x as default
 };

package/dist/_virtual/index5.js

@@ -1,8 +1,8 @@
 "use client";
 import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/extend/index.js";
-var t = r();
-const x = /* @__PURE__ */ e(t);
+import { __require as t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  x as default
+  m as default
 };

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

@@ -3,7 +3,7 @@ import { jsxs as s, jsx as l, Fragment as re } from "react/jsx-runtime";
 import { Badge as ne } from "./badge.js";
 import { Command as te, CommandInput as se, CommandList as ie, CommandEmpty as oe, CommandGroup as R, CommandItem as A } from "./command.js";
 import { Label as de } from "./label.js";
-import { designTokens as d } from "../../lib/design-tokens.js";
+import { designTokens as i } from "../../lib/design-tokens.js";
 import { cn as y } from "../../lib/utils.js";
 import { useState as h, useRef as ce, useMemo as S, useCallback as ue, useEffect as me } from "react";
 import { Checkbox as fe } from "./checkbox.js";
@@ -11,11 +11,11 @@ import { Icon as z } from "./icon.js";
 import { Popover as pe, PopoverTrigger as he, PopoverContent as ge } from "./popover.js";
 import ve from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 const be = {
-  sm: d.sizes.sm,
-  default: d.sizes.default,
-  lg: d.sizes.lg
+  sm: i.sizes.sm,
+  default: i.sizes.default,
+  lg: i.sizes.lg
 };
-function ke(P) {
+function Ve(P) {
   const {
     multiple: r = !1,
     options: c,
@@ -33,17 +33,17 @@ function ke(P) {
     className: q = "",
     labelClassName: H = "",
     wrpClassName: J = "",
-    searchable: O = !1,
+    searchable: I = !1,
     creatable: K = !1,
     groupBy: v = "group",
-    maxSelected: o,
+    maxSelected: d,
     showChipsInsteadOfCount: Q = !1,
     disabled: b,
     size: U = "default",
     isSingleSelectClearable: Y = !1
-  } = P, [x, C] = h(!1), [u, N] = h(""), w = ce(null), [V, Z] = h(0), k = P.hasOwnProperty("value"), [_, ee] = h(T), i = k ? B : _, m = (e) => {
-    k || ee(e), W?.(e);
-  }, n = S(() => r ? Array.isArray(i) ? i : [] : i != null ? [i] : [], [i, r]), f = S(() => {
+  } = P, [x, C] = h(!1), [u, w] = h(""), N = ce(null), [O, Z] = h(0), V = P.hasOwnProperty("value"), [_, ee] = h(T), o = V ? B : _, m = (e) => {
+    V || ee(e), W?.(e);
+  }, n = S(() => r ? Array.isArray(o) ? o : [] : o != null ? [o] : [], [o, r]), f = S(() => {
     const e = c.filter((t) => n.includes(t.value));
     if (r) {
       const t = n.filter((a) => !e.find((p) => p.value === a)).map((a) => ({ value: a, label: a }));
@@ -51,11 +51,11 @@ function ke(P) {
     } else if (n.length && !e.length)
       return [{ value: n[0], label: n[0] }];
     return e;
-  }, [c, n, r]), I = (e) => {
+  }, [c, n, r]), k = (e) => {
     if (!e.disabled)
       if (r) {
         const t = n.includes(e.value);
-        if (!t && o !== void 0 && n.length >= o)
+        if (!t && d !== void 0 && n.length >= d)
           return;
         m(
           t ? n.filter((a) => a !== e.value) : [...n, e.value]
@@ -63,7 +63,7 @@ function ke(P) {
       } else
         m(e.value), C(!1);
   }, j = ue(() => {
-    m(r ? [] : void 0), N(""), g && g();
+    m(r ? [] : void 0), w(""), g && g();
   }, [m, g, r]), le = S(() => v ? c.reduce(
     (e, t) => {
       const a = t[v] || "";
@@ -72,7 +72,7 @@ function ke(P) {
     {}
   ) : { "": c }, [c, v]);
   return me(() => {
-    w.current && Z(w.current.getBoundingClientRect().width);
+    N.current && Z(N.current.getBoundingClientRect().width);
   }, [x, n, c]), /* @__PURE__ */ s("div", { className: y("flex flex-col gap-1.5", J), children: [
     D && /* @__PURE__ */ l(de, { className: H, children: D }),
     /* @__PURE__ */ s(
@@ -85,13 +85,13 @@ function ke(P) {
           /* @__PURE__ */ l(he, { asChild: !0, children: /* @__PURE__ */ s(
             "div",
             {
-              ref: w,
+              ref: N,
               className: y(
-                d.input.base,
-                d.radius.default,
-                d.focusRingWithin,
+                i.input.base,
+                i.radius.default,
+                i.focusRingWithin,
                 "flex w-full min-w-[100px] cursor-pointer items-center justify-between gap-2",
-                x && d.activeRing,
+                x && i.activeRing,
                 be[U],
                 b && "cursor-not-allowed opacity-50",
                 q
@@ -104,7 +104,7 @@ function ke(P) {
                       variant: "secondary",
                       className: "hover:bg-d-secondary/100 bg-d-secondary/50 border-d-border flex cursor-pointer items-center gap-1 border",
                       onClick: (t) => {
-                        t.stopPropagation(), I(e);
+                        t.stopPropagation(), k(e);
                       },
                       children: [
                         e.label,
@@ -134,7 +134,7 @@ function ke(P) {
                   )
                 ] }) : /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
                   /* @__PURE__ */ l("div", { className: "min-w-0 flex-1 truncate", children: typeof f[0]?.label == "string" ? /* @__PURE__ */ l("span", { children: f[0]?.label }) : f[0]?.label }),
-                  Y && i !== void 0 && i !== null && /* @__PURE__ */ l(
+                  Y && o !== void 0 && o !== null && /* @__PURE__ */ l(
                     "div",
                     {
                       className: "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
@@ -162,17 +162,17 @@ function ke(P) {
             ge,
             {
               className: "p-0",
-              style: { width: V > 0 ? V : "auto" },
+              style: { width: O > 0 ? O : "auto" },
               align: "start",
               sideOffset: 4,
-              children: /* @__PURE__ */ s(te, { shouldFilter: !!O, className: "w-full", children: [
-                O && /* @__PURE__ */ l(
+              children: /* @__PURE__ */ s(te, { shouldFilter: !!I, className: "w-full", children: [
+                I && /* @__PURE__ */ l(
                   se,
                   {
                     placeholder: F,
                     className: "placeholder:text-d-muted-foreground",
                     value: u,
-                    onValueChange: N
+                    onValueChange: w
                   }
                 ),
                 /* @__PURE__ */ s(ie, { className: "max-h-60 overflow-auto overscroll-contain", children: [
@@ -182,7 +182,7 @@ function ke(P) {
                     {
                       className: "cursor-pointer",
                       onSelect: () => {
-                        u && (m(r ? [...n, u] : u), N(""), !r && C(!1));
+                        u && (m(r ? [...n, u] : u), w(""), !r && C(!1));
                       },
                       children: /* @__PURE__ */ s("div", { className: "text-d-foreground text-xs", children: [
                         L,
@@ -193,16 +193,17 @@ function ke(P) {
                     }
                   ) }),
                   Object.entries(le).map(([e, t]) => /* @__PURE__ */ l(R, { heading: e || void 0, children: t.map((a) => {
-                    const p = n.includes(a.value), ae = r && o !== void 0 && !p && n.length >= o, M = a.disabled || ae;
+                    const p = n.includes(a.value), ae = r && d !== void 0 && !p && n.length >= d, M = a.disabled || ae;
                     return /* @__PURE__ */ s(
                       A,
                       {
                         value: typeof a.label == "string" ? a.label : String(a.value),
-                        onSelect: () => !M && I(a),
+                        onSelect: () => !M && k(a),
                         className: y(
                           "cursor-pointer",
+                          i.dropdownItem.hover,
                           M && "cursor-not-allowed opacity-50",
-                          !r && p && "bg-d-accent/75 text-d-accent-foreground"
+                          !r && p && i.dropdownItem.selected
                         ),
                         children: [
                           r && /* @__PURE__ */ l(fe, { checked: p, className: "mr-1" }),
@@ -213,7 +214,7 @@ function ke(P) {
                     );
                   }) }, e))
                 ] }),
-                r && o !== void 0 && n.length >= o && /* @__PURE__ */ l("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: G(o) })
+                r && d !== void 0 && n.length >= d && /* @__PURE__ */ l("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: G(d) })
               ] })
             }
           )
@@ -223,5 +224,5 @@ function ke(P) {
   ] });
 }
 export {
-  ke as AppSelect
+  Ve as AppSelect
 };

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

@@ -1,23 +1,22 @@
 "use client";
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import { useDebounce as de } from "../../hooks/use-debounce.js";
 import { cva as ie } from "../../node_modules/class-variance-authority/dist/index.js";
 import * as R from "react";
-import { useState as p, useEffect as b, useCallback as j } from "react";
-import { designTokens as x } from "../../lib/design-tokens.js";
+import { useState as w, useEffect as b, useCallback as j } from "react";
+import { designTokens as u } from "../../lib/design-tokens.js";
 import { cn as M } from "../../lib/utils.js";
 import { Checkbox as fe } from "./checkbox.js";
 import { Command as me, CommandInput as ue, CommandList as he, CommandEmpty as ge, CommandGroup as O, CommandItem as V } from "./command.js";
 import { Icon as _ } from "./icon.js";
 import { Label as pe } from "./label.js";
-import { Popover as xe, PopoverTrigger as we, PopoverContent as ye } from "./popover.js";
+import { Popover as we, PopoverTrigger as xe, PopoverContent as ye } from "./popover.js";
 import Ne from "../../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import be from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-const Ce = ie(
+const be = ie(
   M(
-    x.input.base,
-    x.radius.default,
-    x.interaction.disabled,
+    u.input.base,
+    u.radius.default,
+    u.interaction.disabled,
     "flex items-center justify-between whitespace-nowrap transition-all [&>span]:line-clamp-1",
     "data-[placeholder]:text-d-muted-foreground",
     "focus:outline-none"
@@ -25,9 +24,9 @@ const Ce = ie(
   {
     variants: {
       size: {
-        default: x.sizes.default,
-        sm: x.sizes.sm,
-        lg: x.sizes.lg
+        default: u.sizes.default,
+        sm: u.sizes.sm,
+        lg: u.sizes.lg
       }
     },
     defaultVariants: {
@@ -35,10 +34,10 @@ const Ce = ie(
     }
   }
 );
-function Be({
+function Fe({
   fetcher: i,
   initialOptions: t,
-  debounce: w = 300,
+  debounce: x = 300,
   renderOptionItem: C,
   resolveOptionValue: a,
   renderSelectedValue: s,
@@ -48,14 +47,14 @@ function Be({
   value: n,
   onChange: g,
   disabled: A = !1,
-  className: D,
-  wrpClassName: v,
+  className: v,
+  wrpClassName: D,
   noResultsMessage: E,
   clearable: S = !0,
   multiple: l = !1,
   size: ee
 }) {
-  const [m, L] = p(!1), P = R.useRef(null), F = R.useRef(null), re = R.useRef(null), [ne, I] = p({ loading: !1, error: null }), [X, te] = p(""), W = de(X, w), [B, q] = p(/* @__PURE__ */ new Map()), [$, G] = p([]), [H, se] = p(0), [J, Q] = p(() => t?.length ? new Map(
+  const [m, I] = w(!1), L = R.useRef(null), P = R.useRef(null), re = R.useRef(null), [ne, F] = w({ loading: !1, error: null }), [X, te] = w(""), W = de(X, x), [B, q] = w(/* @__PURE__ */ new Map()), [$, G] = w([]), [H, se] = w(0), [J, Q] = w(() => t?.length ? new Map(
     t.map((e) => [a(e), e])
   ) : /* @__PURE__ */ new Map());
   b(() => {
@@ -67,7 +66,7 @@ function Be({
       return t.forEach((c) => o.set(a(c), c)), o;
     }));
   }, [t, a]);
-  const [k, Y] = p([]), z = j(
+  const [k, Y] = w([]), z = j(
     (e) => {
       if (!e) {
         Y([]);
@@ -103,33 +102,33 @@ function Be({
     }
     (async () => {
       try {
-        I({ loading: !0, error: null });
+        F({ loading: !0, error: null });
         const c = await i(W);
         q((d) => new Map(d).set(e, c)), G(c), Q((d) => {
           const y = new Map(d);
           return c.forEach((U) => y.set(a(U), U)), y;
         });
       } catch (c) {
-        I({
+        F({
           loading: !1,
           error: c instanceof Error ? c.message : "Failed to fetch options"
         });
       } finally {
-        I((c) => ({ ...c, loading: !1 }));
+        F((c) => ({ ...c, loading: !1 }));
       }
     })();
   }, [m, W, B, i, a]), b(() => {
     m && z(n);
   }, [m, z, n]), b(() => {
-    m && P.current && P.current.focus();
+    m && L.current && L.current.focus();
   }, [m]), b(() => {
-    if (!m || !F.current) return;
-    const e = F.current.getBoundingClientRect();
+    if (!m || !P.current) return;
+    const e = P.current.getBoundingClientRect();
     se(e.width);
   }, [m]);
   const ce = j(
     (e) => {
-      g?.(S && e === n ? "" : e), L(!1);
+      g?.(S && e === n ? "" : e), I(!1);
     },
     [n, g, S]
   ), ae = j(
@@ -142,34 +141,34 @@ function Be({
     [n, g, l]
   ), oe = j(
     (e) => {
-      e.stopPropagation(), e.preventDefault(), g?.(l ? [] : ""), L(!1);
+      e.stopPropagation(), e.preventDefault(), g?.(l ? [] : ""), I(!1);
     },
     [g]
   ), Z = R.useId();
-  return /* @__PURE__ */ u("div", { className: M("flex flex-col gap-1.5", v), children: [
+  return /* @__PURE__ */ p("div", { className: M("flex flex-col gap-1.5", D), children: [
     N && /* @__PURE__ */ r(pe, { htmlFor: Z, children: N }),
-    /* @__PURE__ */ u(xe, { open: m, onOpenChange: L, children: [
-      /* @__PURE__ */ r(we, { asChild: !0, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ p(we, { open: m, onOpenChange: I, children: [
+      /* @__PURE__ */ r(xe, { asChild: !0, children: /* @__PURE__ */ r(
         "button",
         {
           id: Z,
-          ref: F,
+          ref: P,
           type: "button",
           disabled: A,
           className: M(
-            Ce({ size: ee }),
+            be({ size: ee }),
             "!border-d-border/50 border !shadow-none",
             A && "cursor-not-allowed opacity-50",
             "font-normal",
             "w-full",
             "w-full",
-            x.focusRing,
-            m && x.activeRing,
-            D
+            u.focusRing,
+            m && u.activeRing,
+            v
           ),
-          children: /* @__PURE__ */ u("div", { className: "flex w-full flex-1 items-center justify-between overflow-hidden", children: [
+          children: /* @__PURE__ */ p("div", { className: "flex w-full flex-1 items-center justify-between overflow-hidden", children: [
             l ? Array.isArray(n) && n.length > 0 ? /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate text-left", children: n.length === 1 ? k[0] && s(k[0]) : `${n.length} elementi selezionati` }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground truncate text-left", children: f }) : K ? /* @__PURE__ */ r("div", { className: "min-w-0 flex-1 truncate text-left", children: s(K) }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground truncate text-left", children: f }),
-            /* @__PURE__ */ u("div", { className: "flex flex-shrink-0 items-center justify-end gap-1", children: [
+            /* @__PURE__ */ p("div", { className: "flex flex-shrink-0 items-center justify-end gap-1", children: [
               S && (l && Array.isArray(n) && n.length > 0 || !l && K) && /* @__PURE__ */ r(
                 "div",
                 {
@@ -210,9 +209,9 @@ function Be({
           onWheel: (e) => e.stopPropagation(),
           avoidCollisions: !1,
           children: /* @__PURE__ */ r(
-            Se,
+            Ae,
             {
-              inputRef: P,
+              inputRef: L,
               commandListRef: re,
               placeholder: f,
               searchTerm: X,
@@ -235,10 +234,10 @@ function Be({
     ] })
   ] });
 }
-function Ae({
+function Ce({
   option: i,
   multiple: t,
-  value: w,
+  value: x,
   resolveOptionValue: C,
   renderSelectedValue: a,
   renderOptionItem: s,
@@ -247,35 +246,28 @@ function Ae({
 }) {
   const f = C(i);
   let n = !1;
-  return t ? n = Array.isArray(w) && w.includes(f) : n = w === f, /* @__PURE__ */ r(
+  return t ? n = Array.isArray(x) && x.includes(f) : n = x === f, /* @__PURE__ */ r(
     V,
     {
       value: f,
       onSelect: t ? N : h,
-      className: "cursor-pointer",
-      children: /* @__PURE__ */ u("div", { className: "flex w-full items-center justify-between overflow-hidden", children: [
-        /* @__PURE__ */ u("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-          t && /* @__PURE__ */ r(fe, { checked: n }),
-          s ? /* @__PURE__ */ r("div", { className: "truncate", children: s(i) }) : /* @__PURE__ */ r("span", { className: "truncate", children: a(i) })
-        ] }),
-        /* @__PURE__ */ r(
-          be,
-          {
-            className: M(
-              "ml-2 h-4 w-4 flex-shrink-0",
-              n ? "opacity-100" : "opacity-0"
-            )
-          }
-        )
-      ] })
+      className: M(
+        "cursor-pointer",
+        u.dropdownItem.hover,
+        !t && n && u.dropdownItem.selected
+      ),
+      children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between overflow-hidden", children: /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+        t && /* @__PURE__ */ r(fe, { checked: n }),
+        s ? /* @__PURE__ */ r("div", { className: "truncate", children: s(i) }) : /* @__PURE__ */ r("span", { className: "truncate", children: a(i) })
+      ] }) })
     },
     f
   );
 }
-function Se({
+function Ae({
   inputRef: i,
   commandListRef: t,
-  placeholder: w,
+  placeholder: x,
   searchTerm: C,
   onSearchTermChange: a,
   fetchState: s,
@@ -285,36 +277,36 @@ function Se({
   multiple: n,
   value: g,
   resolveOptionValue: A,
-  renderSelectedValue: D,
-  renderOptionItem: v,
+  renderSelectedValue: v,
+  renderOptionItem: D,
   onSelect: E,
   onSelectMultiple: S
 }) {
-  return /* @__PURE__ */ u(me, { shouldFilter: !1, className: "w-full border-none shadow-sm", children: [
+  return /* @__PURE__ */ p(me, { shouldFilter: !1, className: "w-full border-none shadow-sm", children: [
     /* @__PURE__ */ r(
       ue,
       {
         ref: i,
-        placeholder: w,
+        placeholder: x,
         className: "placeholder:text-d-muted-foreground",
         value: C,
         onValueChange: a
       }
     ),
     s.loading && h.length > 0 && /* @__PURE__ */ r("div", { className: "flex items-center justify-center p-2", children: /* @__PURE__ */ r(Ne, { className: "h-4 w-4 animate-spin" }) }),
-    /* @__PURE__ */ u(he, { ref: t, children: [
+    /* @__PURE__ */ p(he, { ref: t, children: [
       s.error && /* @__PURE__ */ r("div", { className: "text-d-destructive p-3 text-center", children: s.error }),
-      s.loading && h.length === 0 && /* @__PURE__ */ r(Re, {}),
+      s.loading && h.length === 0 && /* @__PURE__ */ r(Se, {}),
       !s.loading && !s.error && h.length === 0 && (N || /* @__PURE__ */ r(ge, { children: f || "No results found." })),
       !s.loading && !s.error && h.length > 0 && /* @__PURE__ */ r(O, { children: h.map((l) => /* @__PURE__ */ r(
-        Ae,
+        Ce,
         {
           option: l,
           multiple: n,
           value: g,
           resolveOptionValue: A,
-          renderSelectedValue: D,
-          renderOptionItem: v,
+          renderSelectedValue: v,
+          renderOptionItem: D,
           onSelect: E,
           onSelectMultiple: S
         },
@@ -323,16 +315,16 @@ function Se({
     ] })
   ] });
 }
-function Re() {
-  return /* @__PURE__ */ r(O, { children: [1, 2, 3].map((i) => /* @__PURE__ */ r(V, { disabled: !0, children: /* @__PURE__ */ u("div", { className: "flex w-full items-center gap-2", children: [
+function Se() {
+  return /* @__PURE__ */ r(O, { children: [1, 2, 3].map((i) => /* @__PURE__ */ r(V, { disabled: !0, children: /* @__PURE__ */ p("div", { className: "flex w-full items-center gap-2", children: [
     /* @__PURE__ */ r("div", { className: "bg-d-secondary h-6 w-6 animate-pulse rounded-full" }),
-    /* @__PURE__ */ u("div", { className: "flex flex-1 flex-col gap-1", children: [
+    /* @__PURE__ */ p("div", { className: "flex flex-1 flex-col gap-1", children: [
       /* @__PURE__ */ r("div", { className: "bg-d-secondary h-4 w-24 animate-pulse rounded" }),
       /* @__PURE__ */ r("div", { className: "bg-d-secondary h-3 w-16 animate-pulse rounded" })
     ] })
   ] }) }, i)) });
 }
 export {
-  Be as AsyncSelect,
-  Ce as selectTriggerVariants
+  Fe as AsyncSelect,
+  be as selectTriggerVariants
 };