laif-ds 0.1.42 → 0.1.44

package/dist/_virtual/index4.js

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

package/dist/_virtual/index5.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/index6.js

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

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

@@ -1,101 +1,92 @@
 "use client";
-import { jsx as r, jsxs as l, Fragment as R } from "react/jsx-runtime";
-import * as a from "react";
-import { useEffect as A } from "react";
-import { cn as N } from "../../lib/utils.js";
-import { Label as B } from "./label.js";
-import { Badge as D } from "./badge.js";
+import { jsx as r, jsxs as a, Fragment as P } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as C } from "../../lib/utils.js";
+import { Label as A } from "./label.js";
+import { Badge as B } from "./badge.js";
 import { Button as p } from "./button.js";
-import { Command as F, CommandList as P, CommandEmpty as G, CommandGroup as X, CommandItem as q } from "./command.js";
-import { Input as H } from "./input.js";
-import { Checkbox as I } from "./checkbox.js";
+import { Command as D, CommandList as F, CommandEmpty as E, CommandGroup as G, CommandItem as X } from "./command.js";
+import { Input as q } from "./input.js";
+import { Checkbox as H } from "./checkbox.js";
+import { CommandPortal as I } from "./command-portal.js";
 import J from "../../node_modules/lucide-react/dist/esm/icons/x.js";
 import K from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
 import Q from "../../node_modules/lucide-react/dist/esm/icons/check.js";
-const T = a.createContext({ size: "default" });
+const T = t.createContext({ size: "default" });
 function ne({
   options: o,
-  value: t,
+  value: l,
   onChange: i,
-  placeholder: C = "Seleziona...",
-  disabled: k = !1,
-  size: d = "default",
-  label: g,
-  labelClassName: y,
-  emptyMessage: L = "Nessun risultato trovato",
-  className: M,
+  placeholder: N = "Seleziona...",
+  disabled: y = !1,
+  size: c = "default",
+  label: h,
+  labelClassName: k,
+  emptyMessage: M = "Nessun risultato trovato",
+  className: L,
   filterPlaceholder: z = "Cerca...",
-  cancelLabel: E = "Cancella selezione",
-  cancelButtonLabel: O = "Cancella",
-  maxSelectedItems: s
+  cancelLabel: R = "Cancella selezione",
+  cancelButtonLabel: S = "Cancella",
+  maxSelectedItems: n
 }) {
-  const f = a.useId(), [c, b] = a.useState(!1), [m, v] = a.useState(""), h = a.useRef(null);
-  A(() => {
-    const e = (n) => {
-      h.current && !h.current.contains(n.target) && c && b(!1);
-    };
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
-    };
-  }, [c]);
-  const S = a.useCallback(
+  const u = t.useId(), [f, g] = t.useState(!1), [d, b] = t.useState(""), x = t.useRef(null), j = t.useCallback(
     (e) => {
-      if (t.includes(e))
-        i(t.filter((n) => n !== e));
+      if (l.includes(e))
+        i(l.filter((s) => s !== e));
       else {
-        if (s && t.length >= s)
+        if (n && l.length >= n)
           return;
-        i([...t, e]);
+        i([...l, e]);
       }
     },
-    [t, i, s]
-  ), w = a.useCallback(() => {
-    i([]), v("");
-  }, [i]), u = a.useMemo(() => o.filter((e) => t.includes(e.value)), [o, t]), j = a.useMemo(() => m ? o.filter(
-    (e) => e.label.toLowerCase().includes(m.toLowerCase())
-  ) : o, [o, m]), x = a.useMemo(() => s ? t.length >= s : !1, [t, s]);
-  return /* @__PURE__ */ r(T.Provider, { value: { size: d, id: f }, children: /* @__PURE__ */ l("div", { className: "space-y-1.5", children: [
-    g && /* @__PURE__ */ r(B, { htmlFor: f, className: y, children: g }),
-    /* @__PURE__ */ l(
+    [l, i, n]
+  ), w = t.useCallback(() => {
+    i([]), b("");
+  }, [i]), m = t.useMemo(() => o.filter((e) => l.includes(e.value)), [o, l]), O = t.useMemo(() => d ? o.filter(
+    (e) => e.label.toLowerCase().includes(d.toLowerCase())
+  ) : o, [o, d]), v = t.useMemo(() => n ? l.length >= n : !1, [l, n]);
+  return /* @__PURE__ */ r(T.Provider, { value: { size: c, id: u }, children: /* @__PURE__ */ a("div", { className: "space-y-1.5", children: [
+    h && /* @__PURE__ */ r(A, { htmlFor: u, className: k, children: h }),
+    /* @__PURE__ */ a(
       "div",
       {
-        ref: h,
+        ref: x,
         className: "relative w-full",
         "data-slot": "app-multiple-select-dropdown",
         children: [
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ a(
             p,
             {
-              id: f,
+              id: u,
               type: "button",
               variant: "outline",
               role: "combobox",
-              "aria-expanded": c,
-              disabled: k,
-              className: N(
-                "relative w-full justify-between border font-normal",
-                "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border bg-transparent whitespace-nowrap shadow-sm focus:ring-1 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50",
+              "aria-expanded": f,
+              disabled: y,
+              className: C(
+                "relative w-full justify-between border bg-transparent font-normal",
+                "border-d-input ring-offset-background focus:ring-ring flex items-center rounded-md border !bg-transparent whitespace-nowrap shadow-sm focus:ring-1 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",
-                d === "default" && "h-9 px-3 py-2 text-sm",
-                d === "sm" && "h-8 px-2 py-1 text-xs",
-                d === "lg" && "h-10 px-4 py-2 text-lg",
-                M
+                c === "default" && "h-9 px-3 py-2 text-sm",
+                c === "sm" && "h-8 px-2 py-1 text-xs",
+                c === "lg" && "h-10 px-4 py-2 text-lg",
+                L
               ),
-              onClick: () => b(!c),
+              onClick: () => g(!f),
               children: [
-                /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-2 overflow-hidden", children: u.length > 0 ? /* @__PURE__ */ l(R, { children: [
-                  /* @__PURE__ */ l(
-                    D,
+                /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-2 overflow-hidden", children: m.length > 0 ? /* @__PURE__ */ a(P, { children: [
+                  /* @__PURE__ */ a(
+                    B,
                     {
                       variant: "secondary",
                       className: "flex items-center gap-1",
                       children: [
-                        /* @__PURE__ */ r("span", { children: u.length }),
-                        u.length === 1 ? " elemento selezionato" : " elementi selezionati"
+                        /* @__PURE__ */ r("span", { children: m.length }),
+                        m.length === 1 ? " elemento selezionato" : " elementi selezionati"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ a(
                     p,
                     {
                       variant: "ghost",
@@ -106,71 +97,79 @@ function ne({
                       },
                       children: [
                         /* @__PURE__ */ r(J, { className: "h-3 w-3" }),
-                        /* @__PURE__ */ r("span", { className: "sr-only", children: E })
+                        /* @__PURE__ */ r("span", { className: "sr-only", children: R })
                       ]
                     }
                   )
-                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: C }) }),
+                ] }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: N }) }),
                 /* @__PURE__ */ r(K, { className: "ml-1 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
           ),
-          c && /* @__PURE__ */ r("div", { className: "absolute z-50 mt-1 w-full", children: /* @__PURE__ */ l(F, { className: "bg-d-popover w-full rounded-md shadow-md", children: [
-            /* @__PURE__ */ l("div", { className: "flex items-center border-b px-3", children: [
-              /* @__PURE__ */ r(
-                H,
-                {
-                  iconLeft: "Search",
-                  placeholder: z,
-                  value: m,
-                  onChange: (e) => v(e.target.value),
-                  className: "w-full !border-0 !border-none shadow-none !outline-none focus-visible:ring-0"
-                }
-              ),
-              u.length > 0 && /* @__PURE__ */ r(
-                p,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-6 px-2 text-xs",
-                  onClick: w,
-                  children: O
-                }
-              )
-            ] }),
-            /* @__PURE__ */ l(P, { className: "max-h-60 w-full overflow-auto", children: [
-              /* @__PURE__ */ r(G, { children: L }),
-              /* @__PURE__ */ r(X, { children: j.map((e) => {
-                const n = t.includes(e.value);
-                return /* @__PURE__ */ l(
-                  q,
-                  {
-                    value: e.value,
-                    disabled: e.disabled || !n && x,
-                    onSelect: () => S(e.value),
-                    className: N(
-                      "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 || !n && x) && "cursor-not-allowed opacity-50"
-                    ),
-                    children: [
-                      /* @__PURE__ */ r(
-                        I,
-                        {
-                          checked: n,
-                          className: "mr-2 flex-shrink-0",
-                          onCheckedChange: () => {
-                          }
-                        }
-                      ),
-                      /* @__PURE__ */ r("span", { className: "flex-1 truncate", children: e.label }),
-                      n && /* @__PURE__ */ r(Q, { className: "text-d-primary ml-auto h-4 w-4 flex-shrink-0" })
-                    ]
-                  },
-                  e.value
-                );
-              }) })
-            ] })
-          ] }) })
+          /* @__PURE__ */ r(
+            I,
+            {
+              open: f,
+              triggerRef: x,
+              onClose: () => g(!1),
+              children: /* @__PURE__ */ a(D, { className: "bg-d-popover w-full rounded-md shadow-md", children: [
+                /* @__PURE__ */ a("div", { className: "flex items-center border-b px-3", children: [
+                  /* @__PURE__ */ r(
+                    q,
+                    {
+                      iconLeft: "Search",
+                      placeholder: z,
+                      value: d,
+                      onChange: (e) => b(e.target.value),
+                      className: "w-full !border-0 !border-none shadow-none !outline-none focus-visible:ring-0"
+                    }
+                  ),
+                  m.length > 0 && /* @__PURE__ */ r(
+                    p,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      className: "h-6 px-2 text-xs",
+                      onClick: w,
+                      children: S
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ a(F, { className: "max-h-60 w-full overflow-auto", children: [
+                  /* @__PURE__ */ r(E, { children: M }),
+                  /* @__PURE__ */ r(G, { children: O.map((e) => {
+                    const s = l.includes(e.value);
+                    return /* @__PURE__ */ a(
+                      X,
+                      {
+                        value: e.value,
+                        disabled: e.disabled || !s && v,
+                        onSelect: () => j(e.value),
+                        className: C(
+                          "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 || !s && v) && "cursor-not-allowed opacity-50"
+                        ),
+                        children: [
+                          /* @__PURE__ */ r(
+                            H,
+                            {
+                              checked: s,
+                              className: "mr-2 flex-shrink-0",
+                              onCheckedChange: () => {
+                              }
+                            }
+                          ),
+                          /* @__PURE__ */ r("span", { className: "flex-1 truncate", children: e.label }),
+                          s && /* @__PURE__ */ r(Q, { className: "text-d-primary ml-auto h-4 w-4 flex-shrink-0" })
+                        ]
+                      },
+                      e.value
+                    );
+                  }) })
+                ] })
+              ] })
+            }
+          )
         ]
       }
     )

package/dist/components/ui/command-portal.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import * as f from "react";
+import { useState as h, useEffect as o } from "react";
+import { Portal as x } from "../../node_modules/@radix-ui/react-select/dist/index.js";
+import { cn as E } from "../../lib/utils.js";
+function C({
+  children: w,
+  open: t,
+  className: v,
+  triggerRef: r,
+  onClose: s
+}) {
+  const l = f.useRef(null), [i, c] = h(null), n = f.useCallback(() => {
+    if (t && r.current) {
+      const e = r.current.getBoundingClientRect();
+      c({
+        top: e.bottom + window.scrollY,
+        left: e.left + window.scrollX,
+        width: e.width
+      });
+    } else
+      c(null);
+  }, [t, r]);
+  return o(() => {
+    n();
+  }, [t, n]), o(() => {
+    if (t)
+      return window.addEventListener("resize", n), () => {
+        window.removeEventListener("resize", n);
+      };
+  }, [t, n]), o(() => {
+    if (t) {
+      const e = setInterval(n, 100);
+      return () => {
+        clearInterval(e);
+      };
+    }
+  }, [t, n]), o(() => {
+    if (!t || !s) return;
+    const e = (p) => {
+      var a, d;
+      const u = p.target;
+      (a = r.current) != null && a.contains(u) || (d = l.current) != null && d.contains(u) || s();
+    };
+    return document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [t, s, r]), !t || !i ? null : /* @__PURE__ */ m(x, { children: /* @__PURE__ */ m(
+    "div",
+    {
+      ref: l,
+      className: E("fixed z-50 mt-1", v),
+      style: {
+        top: `${i.top}px`,
+        left: `${i.left}px`,
+        width: `${i.width}px`
+      },
+      onClick: (e) => e.stopPropagation(),
+      children: w
+    }
+  ) });
+}
+export {
+  C as CommandPortal
+};