laif-ds 0.1.88 → 0.1.89

package/dist/_virtual/index2.js

@@ -1,5 +1,8 @@
 "use client";
-var e = { exports: {} };
+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);
 export {
-  e as __module
+  m as default
 };

package/dist/_virtual/index3.js

@@ -1,8 +1,5 @@
 "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);
+var e = { exports: {} };
 export {
-  m as default
+  e as __module
 };

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 { 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 {
-  x as default
+  a as default
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,5 @@
 "use client";
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/index7.js

@@ -1,5 +1,5 @@
 "use client";
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

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

@@ -14,9 +14,9 @@ import { Icon as y } from "./icon.js";
 import Z from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 const _ = t.createContext({ size: "default" });
 function me({
-  options: s,
+  options: i,
   value: n,
-  onChange: o,
+  onChange: s,
   onClear: h,
   placeholder: k = "Seleziona...",
   disabled: z = !1,
@@ -31,30 +31,30 @@ function me({
   cancelButtonLabel: S = "Cancella",
   maxSelectedItems: a
 }) {
-  const m = t.useId(), [d, L] = t.useState(!1), [c, v] = t.useState(""), [B, W] = t.useState(
+  const m = t.useId(), [o, L] = t.useState(!1), [c, v] = t.useState(""), [B, W] = t.useState(
     void 0
   ), A = t.useRef(null), f = t.useRef(null), w = t.useCallback(
     (e) => {
       if (n.includes(e))
-        o(n.filter((i) => i !== e));
+        s(n.filter((d) => d !== e));
       else {
         if (a && n.length >= a)
           return;
-        o([...n, e]);
+        s([...n, e]);
       }
     },
-    [n, o, a]
+    [n, s, a]
   ), x = t.useCallback(() => {
-    o([]), v(""), h && h();
-  }, [o]), u = t.useMemo(() => s.filter((e) => n.includes(e.value)), [s, n]), E = t.useMemo(() => c ? s.filter(
+    s([]), v(""), h && h();
+  }, [s]), u = t.useMemo(() => i.filter((e) => n.includes(e.value)), [i, n]), E = t.useMemo(() => c ? i.filter(
     (e) => e.label.toLowerCase().includes(c.toLowerCase())
-  ) : s, [s, c]), C = t.useMemo(() => a ? n.length >= a : !1, [n, a]);
+  ) : i, [i, c]), C = t.useMemo(() => a ? n.length >= a : !1, [n, a]);
   return T(() => {
-    if (d && f.current) {
+    if (o && f.current) {
       const e = f.current.getBoundingClientRect();
       W(e.width);
     }
-  }, [d]), /* @__PURE__ */ r(_.Provider, { value: { size: g, id: m }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+  }, [o]), /* @__PURE__ */ r(_.Provider, { value: { size: g, id: m }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
     b && /* @__PURE__ */ r(G, { htmlFor: m, className: M, children: b }),
     /* @__PURE__ */ r(
       "div",
@@ -62,7 +62,7 @@ function me({
         ref: A,
         className: "relative w-full",
         "data-slot": "app-multiple-select-dropdown",
-        children: /* @__PURE__ */ l(X, { open: d, onOpenChange: L, children: [
+        children: /* @__PURE__ */ l(X, { open: o, onOpenChange: L, children: [
           /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ l(
             N,
             {
@@ -70,13 +70,15 @@ function me({
               type: "button",
               variant: "outline",
               role: "combobox",
-              "aria-expanded": d,
+              "aria-expanded": o,
               disabled: z,
               ref: f,
               className: p(
                 "!bg-d-input relative w-full justify-between border font-normal",
-                "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+                "border-d-input ring-offset-background flex items-center rounded-md border whitespace-nowrap shadow-sm focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
                 "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
+                "focus-visible:ring-d-ring focus-visible:ring-1",
+                o && "ring-d-ring ring-1",
                 R
               ),
               children: [
@@ -162,22 +164,22 @@ function me({
                 /* @__PURE__ */ l(I, { className: "max-h-60 w-full", children: [
                   /* @__PURE__ */ r(J, { children: P }),
                   /* @__PURE__ */ r(K, { children: E.map((e) => {
-                    const i = n.includes(e.value);
+                    const d = n.includes(e.value);
                     return /* @__PURE__ */ l(
                       Q,
                       {
                         value: e.value,
-                        disabled: e.disabled || !i && C,
+                        disabled: e.disabled || !d && C,
                         onSelect: () => w(e.value),
                         className: p(
                           "aria-selected:!bg-d-accent aria-selected:text-d-accent-foreground flex cursor-pointer items-center gap-2 px-2 py-1.5",
-                          (e.disabled || !i && C) && "cursor-not-allowed opacity-50"
+                          (e.disabled || !d && C) && "cursor-not-allowed opacity-50"
                         ),
                         children: [
                           /* @__PURE__ */ r(
                             Y,
                             {
-                              checked: i,
+                              checked: d,
                               className: "z-10 mr-2 flex-shrink-0",
                               onCheckedChange: () => {
                                 console.log("checkbox change for:", e.value), w(e.value);

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

@@ -1,42 +1,62 @@
 "use client";
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { Select as g, SelectTrigger as h, SelectValue as b, SelectContent as C, SelectItem as B } from "./select.js";
-import { SelectGroup as I, SelectLabel as L, SelectScrollDownButton as T, SelectScrollUpButton as U, SelectSeparator as V } from "./select.js";
-function j({
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import * as b from "react";
+import { Select as C, SelectTrigger as O, SelectValue as B, SelectContent as G, SelectSeparator as N, SelectGroup as j, SelectLabel as w, SelectItem as D } from "./select.js";
+import { SelectScrollDownButton as F, SelectScrollUpButton as R } from "./select.js";
+function U({
   options: p,
-  placeholder: o,
-  children: u,
-  label: i,
-  className: d,
-  labelKey: r,
-  valueKey: n,
-  descriptionKey: a,
-  isOptionDisabled: m,
-  ...x
+  placeholder: d,
+  children: m,
+  label: g,
+  className: h,
+  labelKey: S,
+  valueKey: o,
+  descriptionKey: u,
+  groupNameKey: a,
+  isOptionDisabled: f,
+  ...A
 }) {
-  return /* @__PURE__ */ c(g, { ...x, label: i, className: d, children: [
-    u || /* @__PURE__ */ t(h, { className: "w-full", children: /* @__PURE__ */ t(b, { placeholder: o }) }),
-    /* @__PURE__ */ t(C, { children: p.map((e) => {
-      const l = r && n, s = String(l ? e[n] : e.value), A = l ? String(e[r]) : e.label, S = l && a ? String(e[a]) : null, f = l ? m?.(e) ?? !1 : e.disabled;
-      return /* @__PURE__ */ t(B, { value: s, disabled: f, children: /* @__PURE__ */ c("span", { className: "flex flex-col", children: [
-        /* @__PURE__ */ t("span", { children: A }),
-        S && /* @__PURE__ */ c("span", { className: "text-muted-foreground text-d-tertiary text-xs", children: [
-          "- ",
-          S
+  const i = (t) => {
+    const c = S && o, e = String(c ? t[o] : t.value), r = c ? String(t[S]) : t.label, l = c && u ? String(t[u]) : null, x = c ? f?.(t) ?? !1 : t.disabled;
+    return /* @__PURE__ */ n(D, { value: e, disabled: x, children: /* @__PURE__ */ s("span", { className: "flex flex-col", children: [
+      /* @__PURE__ */ n("span", { children: r }),
+      l && /* @__PURE__ */ s("span", { className: "text-muted-foreground text-d-tertiary text-xs", children: [
+        "- ",
+        l
+      ] })
+    ] }) }, e);
+  };
+  return /* @__PURE__ */ s(C, { ...A, label: g, className: h, children: [
+    m || /* @__PURE__ */ n(O, { className: "w-full", children: /* @__PURE__ */ n(B, { placeholder: d }) }),
+    /* @__PURE__ */ n(G, { children: (() => {
+      if (!p.some((e) => a ? String(e[a]) : e.groupName))
+        return p.map(i);
+      const c = p.reduce(
+        (e, r) => {
+          const l = a ? String(r[a]) : r.groupName || "Altro";
+          return e[l] || (e[l] = []), e[l].push(r), e;
+        },
+        {}
+      );
+      return Object.entries(c).map(([e, r], l) => /* @__PURE__ */ s(b.Fragment, { children: [
+        l > 0 && /* @__PURE__ */ n(N, {}),
+        /* @__PURE__ */ s(j, { children: [
+          /* @__PURE__ */ n(w, { children: e }),
+          r.map(i)
         ] })
-      ] }) }, s);
-    }) })
+      ] }, e));
+    })() })
   ] });
 }
 export {
-  j as AppSelect,
-  C as AppSelectContent,
-  I as AppSelectGroup,
-  B as AppSelectItem,
-  L as AppSelectLabel,
-  T as AppSelectScrollDownButton,
-  U as AppSelectScrollUpButton,
-  V as AppSelectSeparator,
-  h as AppSelectTrigger,
-  b as AppSelectValue
+  U as AppSelect,
+  G as AppSelectContent,
+  j as AppSelectGroup,
+  D as AppSelectItem,
+  w as AppSelectLabel,
+  F as AppSelectScrollDownButton,
+  R as AppSelectScrollUpButton,
+  N as AppSelectSeparator,
+  O as AppSelectTrigger,
+  B as AppSelectValue
 };

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 { 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 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 shadow-sm data-[placeholder]:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 ",
   {
     variants: {
       size: {
@@ -26,19 +26,19 @@ const ge = re(
     }
   }
 );
-function Pe({
-  fetcher: i,
+function Te({
+  fetcher: c,
   preload: f,
   filterFn: R,
-  renderOption: E,
-  getOptionValue: a,
+  renderOption: k,
+  getOptionValue: i,
   getDisplayValue: g,
   notFound: U,
   loadingSkeleton: X,
   label: z,
   labelClassName: $,
   placeholder: O = "Select...",
-  value: o = "",
+  value: r = "",
   onChange: x,
   disabled: W = !1,
   width: m = "200px",
@@ -47,19 +47,16 @@ 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), 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 (N(!0), b(null), f) {
-        console.log(
-          "[AsyncSelect] Preload attivo: caricamento completo dei dati"
-        );
-        const s = await i("");
-        A(s), d(s);
+      if (v(!0), b(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) {
@@ -67,70 +64,70 @@ function Pe({
         s instanceof Error ? s.message : "Failed to fetch options"
       );
     } finally {
-      N(!1);
+      v(!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(
+          const t = P.filter(
             (s) => R ? R(s, u) : String(g(s)).toLowerCase().includes(u.toLowerCase())
           );
           d(t);
         } else
-          d(k);
+          d(P);
       else
         (async () => {
           try {
-            N(!0), b(null);
-            const s = await i(u);
+            v(!0), b(null);
+            const s = await c(u);
             d(s);
           } catch (s) {
             b(
               s instanceof Error ? s.message : "Failed to fetch options"
             );
           } finally {
-            N(!1);
+            v(!1);
           }
         })();
   }, [
-    c,
+    l,
     u,
     f,
     R,
-    k,
+    P,
     g
   ]), h(() => {
-    if (o && n.length > 0) {
-      const t = n.find((s) => a(s) === o);
+    if (r && n.length > 0) {
+      const t = n.find((s) => i(s) === r);
       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();
+    } 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);
     }
-  }, [c]);
-  const V = F(
+  }, [l]);
+  const V = A(
     (t) => {
-      const s = L && t === o ? "" : t, se = n.find((ne) => a(ne) === s) || null;
+      const s = L && t === r ? "" : t, se = n.find((ne) => i(ne) === s) || null;
       C(se), x(s), j(!1);
     },
-    [o, x, L, n, a]
-  ), ee = F(
+    [r, x, L, n, i]
+  ), ee = A(
     (t) => {
       t.stopPropagation(), t.preventDefault(), C(null), x(""), j(!1);
     },
     [x]
   ), te = p.useId();
-  return /* @__PURE__ */ r("div", { className: S("space-y-1.5", y && "w-full"), children: [
+  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__ */ r(ae, { open: c, onOpenChange: j, children: [
-      /* @__PURE__ */ e(ce, { asChild: !0, children: /* @__PURE__ */ e(
+    /* @__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,
@@ -141,14 +138,16 @@ function Pe({
             W && "cursor-not-allowed opacity-50",
             q,
             "font-normal",
-            y && "w-full"
+            w && "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(
+          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: "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
@@ -178,18 +177,18 @@ function Pe({
         }
       ) }),
       /* @__PURE__ */ e(
-        ie,
+        ce,
         {
           className: S("p-0"),
           style: {
-            width: y ? Z : typeof m == "number" ? `${m}px` : m
+            width: w ? Z : typeof m == "number" ? `${m}px` : m
           },
           align: "start",
           side: "bottom",
           sideOffset: 4,
           onWheel: (t) => t.stopPropagation(),
           avoidCollisions: !1,
-          children: /* @__PURE__ */ r(
+          children: /* @__PURE__ */ o(
             de,
             {
               shouldFilter: !1,
@@ -204,31 +203,31 @@ function Pe({
                     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: [
-                  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(
+                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: 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: g(t) }),
                         /* @__PURE__ */ e(
                           he,
                           {
                             className: S(
                               "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 +239,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,
+  Te as AsyncSelect,
   ge as asyncSelectTriggerVariants
 };