laif-ds 0.2.63 → 0.2.64

package/dist/_virtual/index4.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/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/components/ui/app-radio-group.js

@@ -1,66 +1,66 @@
 "use client";
-import { jsxs as r, jsx as t, Fragment as O } from "react/jsx-runtime";
+import { jsxs as r, jsx as t, Fragment as C } from "react/jsx-runtime";
 import { designTokens as h } from "../design-tokens.js";
-import { cn as o } from "../../lib/utils.js";
-import { Icon as j } from "./icon.js";
-import { Label as C } from "./label.js";
-import { RadioGroup as F, RadioGroupItem as I } from "./radio-group.js";
-const d = ({ content: e }) => typeof e == "string" ? /* @__PURE__ */ t("span", { children: e }) : e, P = ({ option: e }) => /* @__PURE__ */ r(O, { children: [
+import { cn as s } from "../../lib/utils.js";
+import { Icon as F } from "./icon.js";
+import { Label as I } from "./label.js";
+import { RadioGroup as P, RadioGroupItem as T } from "./radio-group.js";
+const d = ({ content: e }) => typeof e == "string" ? /* @__PURE__ */ t("span", { children: e }) : e, $ = ({ option: e }) => /* @__PURE__ */ r(C, { children: [
   /* @__PURE__ */ r(
     "div",
     {
-      className: o(
+      className: s(
         "text-d-foreground flex flex-row items-center gap-1.5",
         h.text.base
       ),
       children: [
-        e.icon && /* @__PURE__ */ t(j, { size: "xs", className: "min-h-4 min-w-4", name: e.icon }),
+        e.icon && /* @__PURE__ */ t(F, { size: "xs", className: "min-h-4 min-w-4", name: e.icon }),
         /* @__PURE__ */ t(d, { content: e.label })
       ]
     }
   ),
   e.description && /* @__PURE__ */ t("div", { className: "text-d-foreground text-xs font-light", children: /* @__PURE__ */ t(d, { content: e.description }) })
-] }), T = ({
+] }), k = ({
   option: e,
-  optionId: c,
-  isDisabled: s,
+  optionId: l,
+  isDisabled: o,
   isCard: n,
-  optionClassName: l
+  optionClassName: a
 }) => /* @__PURE__ */ r(
-  C,
+  I,
   {
-    htmlFor: c,
-    className: o(
+    htmlFor: l,
+    className: s(
       "flex items-center gap-2",
-      s ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-      n && o(
+      o ? "cursor-not-allowed opacity-50" : "cursor-pointer",
+      n && s(
         "bg-d-card border-d-border border p-2 shadow",
         h.radius.lg
         // Card layout uses lg radius
       ),
-      l
+      a
     ),
     children: [
-      /* @__PURE__ */ t(I, { value: e.value, id: c, disabled: s }),
+      /* @__PURE__ */ t(T, { value: e.value, id: l, disabled: o }),
       /* @__PURE__ */ t(
         "div",
         {
-          className: o(
+          className: s(
             "flex flex-1 flex-col items-start gap-1",
-            s ? "cursor-not-allowed" : "cursor-pointer"
+            o ? "cursor-not-allowed" : "cursor-pointer"
           ),
-          children: /* @__PURE__ */ t(P, { option: e })
+          children: /* @__PURE__ */ t($, { option: e })
         }
       )
     ]
   }
 );
-function E({
+function K({
   options: e,
-  value: c,
-  defaultValue: s,
+  value: l,
+  defaultValue: o,
   onValueChange: n,
-  label: l,
+  label: a,
   description: i,
   disabled: x = !1,
   required: f = !1,
@@ -71,20 +71,22 @@ function E({
   wrpClassName: N = "",
   optionClassName: w = "",
   layout: b = "default",
-  error: m
+  error: m,
+  id: y,
+  "data-testid": R
 }) {
-  const y = p === "horizontal", R = b === "card";
-  return /* @__PURE__ */ r("div", { className: o("flex w-full flex-col gap-2", N), children: [
-    (l || i) && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
-      l && /* @__PURE__ */ r(
+  const z = p === "horizontal", G = b === "card";
+  return /* @__PURE__ */ r("div", { className: s("flex w-full flex-col gap-2", N), children: [
+    (a || i) && /* @__PURE__ */ r("div", { className: "flex flex-col gap-1", children: [
+      a && /* @__PURE__ */ r(
         "div",
         {
-          className: o(
+          className: s(
             "flex items-center gap-1 text-sm font-medium",
             m ? "text-d-destructive" : "text-d-foreground"
           ),
           children: [
-            /* @__PURE__ */ t(d, { content: l }),
+            /* @__PURE__ */ t(d, { content: a }),
             f && /* @__PURE__ */ t("span", { children: "*" })
           ]
         }
@@ -92,29 +94,31 @@ function E({
       i && /* @__PURE__ */ t("div", { className: "text-bodySecondary text-xs", children: /* @__PURE__ */ t(d, { content: i }) })
     ] }),
     /* @__PURE__ */ t(
-      F,
+      P,
       {
-        value: c,
-        defaultValue: s,
+        id: y,
+        "data-testid": R,
+        value: l,
+        defaultValue: o,
         onValueChange: n,
         disabled: x,
         required: f,
         name: u,
         orientation: p,
         loop: g,
-        className: o(
+        className: s(
           "flex gap-2",
-          y ? "flex-row" : "flex-col",
+          z ? "flex-row" : "flex-col",
           v
         ),
-        children: e.map((a) => {
-          const z = `${u || "radio"}-${a.value}`, G = x || !!a.disabled;
-          return /* @__PURE__ */ t(T, { isCard: R, ...{
-            option: a,
-            optionId: z,
-            isDisabled: G,
+        children: e.map((c) => {
+          const O = `${u || "radio"}-${c.value}`, j = x || !!c.disabled;
+          return /* @__PURE__ */ t(k, { isCard: G, ...{
+            option: c,
+            optionId: O,
+            isDisabled: j,
             optionClassName: w
-          } }, a.value);
+          } }, c.value);
         })
       }
     ),
@@ -125,5 +129,5 @@ function E({
   ] });
 }
 export {
-  E as AppRadioGroup
+  K as AppRadioGroup
 };

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

@@ -1,21 +1,21 @@
 "use client";
-import { jsxs as t, jsx as l, Fragment as re } from "react/jsx-runtime";
+import { jsxs as s, jsx as l, Fragment as te } from "react/jsx-runtime";
 import { designTokens as i } from "../design-tokens.js";
-import { Badge as ne } from "./badge.js";
-import { Command as se, CommandInput as te, CommandList as ie, CommandEmpty as oe, CommandGroup as R, CommandItem as A } from "./command.js";
-import { Label as de } from "./label.js";
+import { Badge as se } from "./badge.js";
+import { Command as ie, CommandInput as oe, CommandList as de, CommandEmpty as ce, CommandGroup as R, CommandItem as A } from "./command.js";
+import { Label as ue } from "./label.js";
 import { cn as y } from "../../lib/utils.js";
-import { useState as h, useRef as ce, useMemo as P, useCallback as ue, useEffect as me } from "react";
-import { Checkbox as fe } from "./checkbox.js";
+import { useState as h, useRef as me, useMemo as P, useCallback as fe, useEffect as pe } from "react";
+import { Checkbox as he } from "./checkbox.js";
 import { Icon as S } 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 = {
+import { Popover as ge, PopoverTrigger as ve, PopoverContent as be } from "./popover.js";
+import xe from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const Ce = {
   sm: i.sizes.sm,
   default: i.sizes.default,
   lg: i.sizes.lg
 };
-function Ve(z) {
+function je(z) {
   const {
     multiple: r = !1,
     options: c,
@@ -29,82 +29,86 @@ function Ve(z) {
     addItemPlaceholder: L = "Aggiungi",
     itemCountMessage: $ = (e) => `${e} elementi selezionati`,
     maxSelectedMessage: G = (e) => `Puoi selezionare fino a ${e} elementi`,
-    label: D,
+    label: I,
     className: q = "",
     labelClassName: H = "",
     wrpClassName: J = "",
-    searchable: I = !1,
+    searchable: D = !1,
     creatable: K = !1,
     groupBy: v = "group",
     maxSelected: d,
     showChipsInsteadOfCount: Q = !1,
     disabled: b,
     size: U = "default",
-    isSingleSelectClearable: Y = !1
-  } = z, [x, C] = h(!1), [u, w] = h(""), N = ce(null), [O, Z] = h(0), V = z.hasOwnProperty("value"), [_, ee] = h(T), o = V ? B : _, m = (e) => {
-    V || ee(e), W?.(e);
+    isSingleSelectClearable: Y = !1,
+    id: Z,
+    "data-testid": _
+  } = z, [x, C] = h(!1), [u, w] = h(""), N = me(null), [O, ee] = h(0), V = z.hasOwnProperty("value"), [le, ae] = h(T), o = V ? B : le, m = (e) => {
+    V || ae(e), W?.(e);
   }, n = P(() => r ? Array.isArray(o) ? o : [] : o != null ? [o] : [], [o, r]), f = P(() => {
-    const e = c.filter((s) => n.includes(s.value));
+    const e = c.filter((t) => n.includes(t.value));
     if (r) {
-      const s = n.filter((a) => !e.find((p) => p.value === a)).map((a) => ({ value: a, label: a }));
-      return [...e, ...s];
+      const t = n.filter((a) => !e.find((p) => p.value === a)).map((a) => ({ value: a, label: a }));
+      return [...e, ...t];
     } else if (n.length && !e.length)
       return [{ value: n[0], label: n[0] }];
     return e;
   }, [c, n, r]), k = (e) => {
     if (!e.disabled)
       if (r) {
-        const s = n.includes(e.value);
-        if (!s && d !== void 0 && n.length >= d)
+        const t = n.includes(e.value);
+        if (!t && d !== void 0 && n.length >= d)
           return;
         m(
-          s ? n.filter((a) => a !== e.value) : [...n, e.value]
+          t ? n.filter((a) => a !== e.value) : [...n, e.value]
         );
       } else
         m(e.value), C(!1);
-  }, j = ue(() => {
+  }, j = fe(() => {
     m(r ? [] : void 0), w(""), g && g();
-  }, [m, g, r]), le = P(() => v ? c.reduce(
-    (e, s) => {
-      const a = s[v] || "";
-      return e[a] = e[a] || [], e[a].push(s), e;
+  }, [m, g, r]), re = P(() => v ? c.reduce(
+    (e, t) => {
+      const a = t[v] || "";
+      return e[a] = e[a] || [], e[a].push(t), e;
     },
     {}
   ) : { "": c }, [c, v]);
-  return me(() => {
-    N.current && Z(N.current.getBoundingClientRect().width);
-  }, [x, n, c]), /* @__PURE__ */ t("div", { className: y("flex flex-col gap-1.5", J), children: [
-    D && /* @__PURE__ */ l(de, { className: H, children: D }),
-    /* @__PURE__ */ t(
-      pe,
+  return pe(() => {
+    N.current && ee(N.current.getBoundingClientRect().width);
+  }, [x, n, c]), /* @__PURE__ */ s("div", { className: y("flex flex-col gap-1.5", J), children: [
+    I && /* @__PURE__ */ l(ue, { className: H, children: I }),
+    /* @__PURE__ */ s(
+      ge,
       {
         open: b ? !1 : x,
         onOpenChange: (e) => !b && C(e),
         modal: !0,
         children: [
-          /* @__PURE__ */ l(he, { asChild: !0, children: /* @__PURE__ */ t(
+          /* @__PURE__ */ l(ve, { asChild: !0, children: /* @__PURE__ */ s(
             "div",
             {
               ref: N,
+              id: Z,
+              "data-testid": _,
               className: y(
                 i.input.base,
                 i.radius.default,
                 i.focusRingWithin,
                 "flex w-full min-w-[100px] cursor-pointer items-center justify-between gap-2",
                 x && i.activeRing,
-                be[U],
+                Ce[U],
                 b && "cursor-not-allowed opacity-50",
                 q
               ),
               children: [
-                f.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: X }) : r ? /* @__PURE__ */ t("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
-                  /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: Q ? /* @__PURE__ */ l(re, { children: f.map((e) => /* @__PURE__ */ t(
-                    ne,
+                f.length === 0 ? /* @__PURE__ */ l("span", { className: "text-d-muted-foreground", children: X }) : r ? /* @__PURE__ */ s("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ l("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: Q ? /* @__PURE__ */ l(te, { children: f.map((e) => /* @__PURE__ */ s(
+                    se,
                     {
                       variant: "secondary",
                       className: "hover:bg-d-secondary/100 bg-d-secondary/50 border-d-border flex cursor-pointer items-center gap-1 border",
-                      onClick: (s) => {
-                        s.stopPropagation(), k(e);
+                      onClick: (t) => {
+                        t.stopPropagation(), k(e);
                       },
                       children: [
                         e.label,
@@ -132,7 +136,7 @@ function Ve(z) {
                       )
                     }
                   )
-                ] }) : /* @__PURE__ */ t("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
+                ] }) : /* @__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 && o !== void 0 && o !== null && /* @__PURE__ */ l(
                     "div",
@@ -154,12 +158,12 @@ function Ve(z) {
                     }
                   )
                 ] }),
-                /* @__PURE__ */ l(ve, { className: "h-4 w-4 opacity-50" })
+                /* @__PURE__ */ l(xe, { className: "h-4 w-4 opacity-50" })
               ]
             }
           ) }),
           /* @__PURE__ */ l(
-            ge,
+            be,
             {
               className: "p-0",
               style: { width: O > 0 ? O : "auto" },
@@ -167,9 +171,9 @@ function Ve(z) {
               sideOffset: 4,
               avoidCollisions: !0,
               collisionPadding: 8,
-              children: /* @__PURE__ */ t(se, { shouldFilter: !!I, className: "w-full", children: [
-                I && /* @__PURE__ */ l(
-                  te,
+              children: /* @__PURE__ */ s(ie, { shouldFilter: !!D, className: "w-full", children: [
+                D && /* @__PURE__ */ l(
+                  oe,
                   {
                     placeholder: F,
                     className: "placeholder:text-d-muted-foreground",
@@ -177,8 +181,8 @@ function Ve(z) {
                     onValueChange: w
                   }
                 ),
-                /* @__PURE__ */ t(ie, { className: "max-h-60 overflow-auto overscroll-contain", children: [
-                  /* @__PURE__ */ l(oe, { children: E }),
+                /* @__PURE__ */ s(de, { className: "max-h-60 overflow-auto overscroll-contain", children: [
+                  /* @__PURE__ */ l(ce, { children: E }),
                   K && u && /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(
                     A,
                     {
@@ -186,7 +190,7 @@ function Ve(z) {
                       onSelect: () => {
                         u && (m(r ? [...n, u] : u), w(""), !r && C(!1));
                       },
-                      children: /* @__PURE__ */ t("div", { className: "text-d-foreground text-xs", children: [
+                      children: /* @__PURE__ */ s("div", { className: "text-d-foreground text-xs", children: [
                         L,
                         " “",
                         u,
@@ -194,9 +198,9 @@ function Ve(z) {
                       ] })
                     }
                   ) }),
-                  Object.entries(le).map(([e, s]) => /* @__PURE__ */ l(R, { heading: e || void 0, children: s.map((a) => {
-                    const p = n.includes(a.value), ae = r && d !== void 0 && !p && n.length >= d, M = a.disabled || ae;
-                    return /* @__PURE__ */ t(
+                  Object.entries(re).map(([e, t]) => /* @__PURE__ */ l(R, { heading: e || void 0, children: t.map((a) => {
+                    const p = n.includes(a.value), ne = r && d !== void 0 && !p && n.length >= d, M = a.disabled || ne;
+                    return /* @__PURE__ */ s(
                       A,
                       {
                         value: typeof a.label == "string" ? a.label : String(a.value),
@@ -208,7 +212,7 @@ function Ve(z) {
                           !r && p && i.dropdownItem.selected
                         ),
                         children: [
-                          r && /* @__PURE__ */ l(fe, { checked: p, className: "mr-1" }),
+                          r && /* @__PURE__ */ l(he, { checked: p, className: "mr-1" }),
                           typeof a.label == "string" ? /* @__PURE__ */ l("span", { children: a.label }) : a.label
                         ]
                       },
@@ -226,5 +230,5 @@ function Ve(z) {
   ] });
 }
 export {
-  Ve as AppSelect
+  je as AppSelect
 };