laif-ds 0.1.88 → 0.1.90

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/components/ui/app-multiple-select-dropdown.js

@@ -1,86 +1,89 @@
 "use client";
-import { jsx as r, jsxs as l, Fragment as F } from "react/jsx-runtime";
+import { jsx as r, jsxs as l, Fragment as A } from "react/jsx-runtime";
 import * as t from "react";
-import { useEffect as T } from "react";
-import { cn as p } from "../../lib/utils.js";
-import { Label as G } from "./label.js";
+import { useEffect as E } from "react";
+import { cn as m } from "../../lib/utils.js";
+import { Label as F } from "./label.js";
 import { Badge as V } from "./badge.js";
-import { Button as N } from "./button.js";
+import { Button as G } from "./button.js";
 import { Popover as X, PopoverTrigger as $, PopoverContent as q } from "./popover.js";
 import { Command as H, CommandList as I, CommandEmpty as J, CommandGroup as K, CommandItem as Q } from "./command.js";
 import { inputVariants as U } from "./input.js";
 import { Checkbox as Y } from "./checkbox.js";
-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,
+import { Icon as N } from "./icon.js";
+import { selectTriggerVariants as Z } from "./async-select.js";
+import _ from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const ee = t.createContext({ size: "default" });
+function pe({
+  options: i,
   value: n,
-  onChange: o,
-  onClear: h,
-  placeholder: k = "Seleziona...",
-  disabled: z = !1,
-  size: g = "default",
+  onChange: s,
+  onClear: g,
+  placeholder: y = "Seleziona...",
+  disabled: k = !1,
+  size: f = "default",
   label: b,
-  labelClassName: M,
-  emptyMessage: P = "Nessun risultato trovato",
-  className: R,
-  filterPlaceholder: j = "Cerca...",
-  filterable: D = !1,
-  cancelLabel: O = "Cancella selezione",
-  cancelButtonLabel: S = "Cancella",
+  labelClassName: z,
+  emptyMessage: M = "Nessun risultato trovato",
+  className: P,
+  filterPlaceholder: R = "Cerca...",
+  filterable: j = !1,
+  cancelLabel: D = "Cancella selezione",
+  cancelButtonLabel: O = "Cancella",
   maxSelectedItems: a
 }) {
-  const m = t.useId(), [d, L] = t.useState(!1), [c, v] = t.useState(""), [B, W] = t.useState(
+  const p = t.useId(), [o, S] = t.useState(!1), [d, v] = t.useState(""), [L, B] = t.useState(
     void 0
-  ), A = t.useRef(null), f = t.useRef(null), w = t.useCallback(
+  ), T = t.useRef(null), h = t.useRef(null), w = t.useCallback(
     (e) => {
       if (n.includes(e))
-        o(n.filter((i) => i !== e));
+        s(n.filter((c) => c !== 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(
-    (e) => e.label.toLowerCase().includes(c.toLowerCase())
-  ) : s, [s, c]), C = t.useMemo(() => a ? n.length >= a : !1, [n, a]);
-  return T(() => {
-    if (d && f.current) {
-      const e = f.current.getBoundingClientRect();
-      W(e.width);
+    s([]), v(""), g && g();
+  }, [s]), u = t.useMemo(() => i.filter((e) => n.includes(e.value)), [i, n]), W = t.useMemo(() => d ? i.filter(
+    (e) => e.label.toLowerCase().includes(d.toLowerCase())
+  ) : i, [i, d]), C = t.useMemo(() => a ? n.length >= a : !1, [n, a]);
+  return E(() => {
+    if (o && h.current) {
+      const e = h.current.getBoundingClientRect();
+      B(e.width);
     }
-  }, [d]), /* @__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 }),
+  }, [o]), /* @__PURE__ */ r(ee.Provider, { value: { size: f, id: p }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
+    b && /* @__PURE__ */ r(F, { htmlFor: p, className: m(z, "w-fit"), children: b }),
     /* @__PURE__ */ r(
       "div",
       {
-        ref: A,
+        ref: T,
         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: S, children: [
           /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ l(
-            N,
+            "button",
             {
-              id: m,
+              id: p,
               type: "button",
-              variant: "outline",
               role: "combobox",
-              "aria-expanded": d,
-              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",
+              "aria-expanded": o,
+              disabled: k,
+              ref: h,
+              className: m(
+                Z({ size: f }),
+                "!bg-d-input hover:bg-d-input/50 relative w-full justify-between font-normal",
+                "ring-offset-background border-d-border/50 flex items-center rounded-md border whitespace-nowrap 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",
-                R
+                "focus-visible:ring-d-ring focus-visible:ring-1",
+                o && "ring-d-ring ring-1",
+                P
               ),
               children: [
-                /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: u.length > 0 ? /* @__PURE__ */ l(F, { children: [
+                /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-2 overflow-hidden", children: u.length > 0 ? /* @__PURE__ */ l(A, { children: [
                   /* @__PURE__ */ l(
                     V,
                     {
@@ -100,9 +103,9 @@ function me({
                         e.stopPropagation(), e.preventDefault(), x();
                       },
                       onMouseDown: (e) => e.preventDefault(),
-                      "aria-label": O,
+                      "aria-label": D,
                       children: /* @__PURE__ */ r(
-                        y,
+                        N,
                         {
                           name: "X",
                           size: "xs",
@@ -111,29 +114,29 @@ function me({
                       )
                     }
                   )
-                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: k }) }),
-                /* @__PURE__ */ r(Z, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
+                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: y }) }),
+                /* @__PURE__ */ r(_, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
           ) }),
           /* @__PURE__ */ r(
             q,
             {
-              className: p("p-0"),
-              style: { width: B },
+              className: m("p-0"),
+              style: { width: L },
               align: "start",
               side: "bottom",
               sideOffset: 4,
               onWheel: (e) => e.stopPropagation(),
               avoidCollisions: !1,
-              children: /* @__PURE__ */ l(H, { className: "bg-d-popover w-full rounded-md border border-none shadow-lg", children: [
-                D && /* @__PURE__ */ l("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: [
+              children: /* @__PURE__ */ l(H, { className: "bg-d-popover w-full rounded-md border border-none", children: [
+                j && /* @__PURE__ */ l("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: [
                   /* @__PURE__ */ l("div", { className: "flex items-center", children: [
                     /* @__PURE__ */ r(
-                      y,
+                      N,
                       {
                         name: "Search",
-                        className: "text-d-accent-foreground",
+                        className: "text-d-accent-foreground opacity-50",
                         size: "sm"
                       }
                     ),
@@ -141,43 +144,43 @@ function me({
                       "input",
                       {
                         id: "app-multiple-select-dropdown-filter",
-                        placeholder: j,
-                        value: c,
+                        placeholder: R,
+                        value: d,
                         onChange: (e) => v(e.target.value),
-                        className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${U({ size: g })} !shadow-none`
+                        className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${U({ size: f })} !shadow-none`
                       }
                     )
                   ] }),
                   u.length > 0 && /* @__PURE__ */ r(
-                    N,
+                    G,
                     {
                       variant: "ghost",
                       size: "sm",
                       className: "h-6 px-2 text-xs",
                       onClick: x,
-                      children: S
+                      children: O
                     }
                   )
                 ] }),
                 /* @__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);
+                  /* @__PURE__ */ r(J, { children: M }),
+                  /* @__PURE__ */ r(K, { children: W.map((e) => {
+                    const c = n.includes(e.value);
                     return /* @__PURE__ */ l(
                       Q,
                       {
                         value: e.value,
-                        disabled: e.disabled || !i && C,
+                        disabled: e.disabled || !c && C,
                         onSelect: () => w(e.value),
-                        className: p(
+                        className: m(
                           "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 || !c && C) && "cursor-not-allowed opacity-50"
                         ),
                         children: [
                           /* @__PURE__ */ r(
                             Y,
                             {
-                              checked: i,
+                              checked: c,
                               className: "z-10 mr-2 flex-shrink-0",
                               onCheckedChange: () => {
                                 console.log("checkbox change for:", e.value), w(e.value);
@@ -200,5 +203,5 @@ function me({
   ] }) });
 }
 export {
-  me as AppMultipleSelectDropdown
+  pe as AppMultipleSelectDropdown
 };

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
 };