laif-ds 0.1.86 → 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

@@ -1,131 +1,157 @@
 "use client";
-import { jsx as r, jsxs as l, Fragment as B } from "react/jsx-runtime";
-import * as n from "react";
-import { cn as C } from "../../lib/utils.js";
-import { Label as F } from "./label.js";
-import { Badge as E } from "./badge.js";
-import { Button as y } from "./button.js";
-import { Command as G, CommandList as V, CommandEmpty as X, CommandGroup as $, CommandItem as q } from "./command.js";
-import { inputVariants as H } from "./input.js";
-import { Checkbox as I } from "./checkbox.js";
-import { Icon as J } from "./icon.js";
-import { CommandPortal as K } from "./command-portal.js";
-import Q from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import T from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
-const U = n.createContext({ size: "default" });
-function ie({
-  options: s,
-  value: a,
-  onChange: o,
-  onClear: f,
+import { jsx as r, jsxs as l, Fragment as F } 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 { Badge as V } from "./badge.js";
+import { Button as N } 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: i,
+  value: n,
+  onChange: s,
+  onClear: h,
   placeholder: k = "Seleziona...",
   disabled: z = !1,
-  size: p = "default",
-  label: h,
+  size: g = "default",
+  label: b,
   labelClassName: M,
-  emptyMessage: j = "Nessun risultato trovato",
-  className: P,
-  filterPlaceholder: D = "Cerca...",
-  filterable: L = !1,
-  cancelLabel: R = "Cancella selezione",
+  emptyMessage: P = "Nessun risultato trovato",
+  className: R,
+  filterPlaceholder: j = "Cerca...",
+  filterable: D = !1,
+  cancelLabel: O = "Cancella selezione",
   cancelButtonLabel: S = "Cancella",
-  maxSelectedItems: t
+  maxSelectedItems: a
 }) {
-  const m = n.useId(), [u, b] = n.useState(!1), [d, g] = n.useState(""), v = n.useRef(null), w = n.useCallback(
+  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 (a.includes(e))
-        o(a.filter((i) => i !== e));
+      if (n.includes(e))
+        s(n.filter((d) => d !== e));
       else {
-        if (t && a.length >= t)
+        if (a && n.length >= a)
           return;
-        o([...a, e]);
+        s([...n, e]);
       }
     },
-    [a, o, t]
-  ), x = n.useCallback(() => {
-    o([]), g(""), f && f();
-  }, [o]), c = n.useMemo(() => s.filter((e) => a.includes(e.value)), [s, a]), O = n.useMemo(() => d ? s.filter(
-    (e) => e.label.toLowerCase().includes(d.toLowerCase())
-  ) : s, [s, d]), N = n.useMemo(() => t ? a.length >= t : !1, [a, t]);
-  return /* @__PURE__ */ r(U.Provider, { value: { size: p, id: m }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
-    h && /* @__PURE__ */ r(F, { htmlFor: m, className: M, children: h }),
-    /* @__PURE__ */ l(
+    [n, s, a]
+  ), x = t.useCallback(() => {
+    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())
+  ) : i, [i, c]), C = t.useMemo(() => a ? n.length >= a : !1, [n, a]);
+  return T(() => {
+    if (o && f.current) {
+      const e = f.current.getBoundingClientRect();
+      W(e.width);
+    }
+  }, [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",
       {
-        ref: v,
+        ref: A,
         className: "relative w-full",
         "data-slot": "app-multiple-select-dropdown",
-        children: [
-          /* @__PURE__ */ l(
-            y,
+        children: /* @__PURE__ */ l(X, { open: o, onOpenChange: L, children: [
+          /* @__PURE__ */ r($, { asChild: !0, children: /* @__PURE__ */ l(
+            N,
             {
               id: m,
               type: "button",
               variant: "outline",
               role: "combobox",
-              "aria-expanded": u,
+              "aria-expanded": o,
               disabled: z,
-              className: C(
+              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",
-                P
+                "focus-visible:ring-d-ring focus-visible:ring-1",
+                o && "ring-d-ring ring-1",
+                R
               ),
-              onClick: () => b(!u),
               children: [
-                /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-2 overflow-hidden", children: c.length > 0 ? /* @__PURE__ */ l(B, { 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__ */ l(
-                    E,
+                    V,
                     {
                       variant: "secondary",
-                      className: "flex items-center gap-1",
+                      className: "!bg-d-accent flex items-center gap-1",
                       children: [
-                        /* @__PURE__ */ r("span", { children: c.length }),
-                        c.length === 1 ? " elemento selezionato" : " elementi selezionati"
+                        /* @__PURE__ */ r("span", { children: u.length }),
+                        u.length === 1 ? " elemento selezionato" : " elementi selezionati"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ r(
                     "div",
                     {
-                      className: "hover:bg-d-secondary flex h-5 w-5 items-center justify-center gap-1 rounded-full p-0",
+                      className: "border-d-input bg-d-accent cursor-pointer rounded-full p-1",
                       onClick: (e) => {
                         e.stopPropagation(), e.preventDefault(), x();
                       },
-                      children: [
-                        /* @__PURE__ */ r(Q, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ r("span", { className: "sr-only", children: R })
-                      ]
+                      onMouseDown: (e) => e.preventDefault(),
+                      "aria-label": O,
+                      children: /* @__PURE__ */ r(
+                        y,
+                        {
+                          name: "X",
+                          size: "xs",
+                          className: "!text-d-foreground opacity-50"
+                        }
+                      )
                     }
                   )
                 ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: k }) }),
-                /* @__PURE__ */ r(T, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
+                /* @__PURE__ */ r(Z, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
-          ),
+          ) }),
           /* @__PURE__ */ r(
-            K,
+            q,
             {
-              open: u,
-              triggerRef: v,
-              onClose: () => b(!1),
-              children: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ l(G, { className: "bg-d-popover border-d-border w-full rounded-md border shadow-md", children: [
-                L && /* @__PURE__ */ l("div", { className: "border-d-border flex items-center justify-between border-b px-3", children: [
+              className: p("p-0"),
+              style: { width: B },
+              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: [
                   /* @__PURE__ */ l("div", { className: "flex items-center", children: [
-                    /* @__PURE__ */ r(J, { name: "Search", className: "text-d-accent", size: "sm" }),
+                    /* @__PURE__ */ r(
+                      y,
+                      {
+                        name: "Search",
+                        className: "text-d-accent-foreground",
+                        size: "sm"
+                      }
+                    ),
                     /* @__PURE__ */ r(
                       "input",
                       {
                         id: "app-multiple-select-dropdown-filter",
-                        placeholder: D,
-                        value: d,
-                        onChange: (e) => g(e.target.value),
-                        className: `focus-visible:ring-none border-none focus-visible:border-none disabled:opacity-50 ${H({ size: p })} !shadow-none`
+                        placeholder: j,
+                        value: c,
+                        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`
                       }
                     )
                   ] }),
-                  c.length > 0 && /* @__PURE__ */ r(
-                    y,
+                  u.length > 0 && /* @__PURE__ */ r(
+                    N,
                     {
                       variant: "ghost",
                       size: "sm",
@@ -135,26 +161,25 @@ function ie({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ l(V, { className: "max-h-60 w-full overflow-auto", children: [
-                  /* @__PURE__ */ r(X, { children: j }),
-                  /* @__PURE__ */ r($, { children: O.map((e) => {
-                    const i = a.includes(e.value);
+                /* @__PURE__ */ l(I, { className: "max-h-60 w-full", children: [
+                  /* @__PURE__ */ r(J, { children: P }),
+                  /* @__PURE__ */ r(K, { children: E.map((e) => {
+                    const d = n.includes(e.value);
                     return /* @__PURE__ */ l(
-                      q,
+                      Q,
                       {
                         value: e.value,
-                        disabled: e.disabled || !i && N,
+                        disabled: e.disabled || !d && C,
                         onSelect: () => w(e.value),
-                        className: C(
+                        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 && N) && "cursor-not-allowed opacity-50"
+                          (e.disabled || !d && C) && "cursor-not-allowed opacity-50"
                         ),
-                        onPointerDown: (A) => A.stopPropagation(),
                         children: [
                           /* @__PURE__ */ r(
-                            I,
+                            Y,
                             {
-                              checked: i,
+                              checked: d,
                               className: "z-10 mr-2 flex-shrink-0",
                               onCheckedChange: () => {
                                 console.log("checkbox change for:", e.value), w(e.value);
@@ -168,14 +193,14 @@ function ie({
                     );
                   }) })
                 ] })
-              ] }) })
+              ] })
             }
           )
-        ]
+        ] })
       }
     )
   ] }) });
 }
 export {
-  ie as AppMultipleSelectDropdown
+  me 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
 };