laif-ds 0.2.63 → 0.2.64

package/dist/components/ui/date-picker.js

@@ -1,69 +1,72 @@
 "use client";
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { designTokens as o } from "../design-tokens.js";
-import { Calendar as T } from "./calendar.js";
-import { Icon as E } from "./icon.js";
-import { Label as L } from "./label.js";
-import { Popover as q, PopoverTrigger as A, PopoverContent as B } from "./popover.js";
-import { cn as P } from "../../lib/utils.js";
+import { Calendar as q } from "./calendar.js";
+import { Icon as A } from "./icon.js";
+import { Label as B } from "./label.js";
+import { Popover as F, PopoverTrigger as G, PopoverContent as H } from "./popover.js";
+import { cn as b } from "../../lib/utils.js";
 import * as c from "react";
-import { useEffect as F } from "react";
-import { it as G } from "../../node_modules/date-fns/locale/it.js";
-import { formatDate as d } from "../../node_modules/date-fns/format.js";
-import { isSameDay as H } from "../../node_modules/date-fns/isSameDay.js";
-function v({
+import { useEffect as J } from "react";
+import { it as K } from "../../node_modules/date-fns/locale/it.js";
+import { formatDate as f } from "../../node_modules/date-fns/format.js";
+import { isSameDay as Q } from "../../node_modules/date-fns/isSameDay.js";
+function oe({
   value: e,
   onChange: p,
-  placeholder: I = "Seleziona data",
-  dateFormat: a = "dd/MM/yyyy",
-  className: M,
+  placeholder: P = "Seleziona data",
+  dateFormat: m = "dd/MM/yyyy",
+  className: k,
   disabled: s = !1,
-  size: m = "default",
+  size: d = "default",
   firstDate: l,
   lastDate: u,
   availableDates: h,
-  locale: N = G,
+  locale: M = K,
   initialCalendarMonth: g,
-  customCalendarProps: j,
+  customCalendarProps: N,
   label: x,
-  wrpClassName: k
+  wrpClassName: j,
+  id: O,
+  "data-testid": R
 }) {
-  const [r, y] = c.useState(e), [O, C] = c.useState(
+  const [t, y] = c.useState(e), [w, C] = c.useState(
     g
-  ), [S, R] = c.useState(!1), w = (n) => {
+  ), [I, z] = c.useState(!1), T = (n) => {
     y(n), n && C(n), p && p(n);
   };
   let i = [];
   l && i.push({ before: l }), u && i.push({ after: u }), h?.length && i.push(
     (n) => !h.some(
-      (z) => H(z, n)
+      (L) => Q(L, n)
     )
-  ), s && (i = [!0]), F(() => {
-    y(r), C(r || g);
-  }, [r]);
-  const b = c.useId();
-  return /* @__PURE__ */ f("div", { className: P("flex flex-col gap-1.5", k), children: [
-    x && /* @__PURE__ */ t(L, { htmlFor: b, children: x }),
-    /* @__PURE__ */ f(q, { open: s ? !1 : S, onOpenChange: R, children: [
-      /* @__PURE__ */ t(A, { asChild: !0, children: /* @__PURE__ */ f(
+  ), s && (i = [!0]), J(() => {
+    y(t), C(t || g);
+  }, [t]);
+  const E = c.useId(), S = O ?? E;
+  return /* @__PURE__ */ a("div", { className: b("flex flex-col gap-1.5", j), children: [
+    x && /* @__PURE__ */ r(B, { htmlFor: S, children: x }),
+    /* @__PURE__ */ a(F, { open: s ? !1 : I, onOpenChange: z, children: [
+      /* @__PURE__ */ r(G, { asChild: !0, children: /* @__PURE__ */ a(
         "div",
         {
-          id: b,
-          className: P(
+          id: S,
+          "data-testid": R,
+          className: b(
             o.input.base,
             o.radius.default,
             o.text.base,
             o.interaction.disabled,
             "flex items-center gap-2 font-normal whitespace-nowrap [&>span]:line-clamp-1",
             o.focusRing,
-            S && o.activeRing,
+            I && o.activeRing,
             "hover:border-d-ring cursor-pointer transition-colors",
-            !r && "text-d-muted-foreground",
+            !t && "text-d-muted-foreground",
             s && "cursor-not-allowed opacity-50",
-            m === "default" && o.sizes.default,
-            m === "sm" && o.sizes.sm,
-            m === "lg" && o.sizes.lg,
-            M
+            d === "default" && o.sizes.default,
+            d === "sm" && o.sizes.sm,
+            d === "lg" && o.sizes.lg,
+            k
           ),
           "aria-disabled": s,
           role: "button",
@@ -71,32 +74,32 @@ function v({
           onClick: s ? void 0 : () => {
           },
           children: [
-            /* @__PURE__ */ t(E, { name: "Calendar", size: m === "lg" ? "sm" : "xs" }),
-            /* @__PURE__ */ t("div", { children: e && typeof e == "object" && "from" in e ? /* @__PURE__ */ f("span", { children: [
-              e.from && d(e.from, a),
+            /* @__PURE__ */ r(A, { name: "Calendar", size: d === "lg" ? "sm" : "xs" }),
+            /* @__PURE__ */ r("div", { children: e && typeof e == "object" && "from" in e ? /* @__PURE__ */ a("span", { children: [
+              e.from && f(e.from, m),
               e.from && e.to && " - ",
-              e.to && d(e.to, a)
-            ] }) : r ? /* @__PURE__ */ t("span", { children: d(r, a) }) : /* @__PURE__ */ t("span", { className: "text-d-muted-foreground", children: I }) })
+              e.to && f(e.to, m)
+            ] }) : t ? /* @__PURE__ */ r("span", { children: f(t, m) }) : /* @__PURE__ */ r("span", { className: "text-d-muted-foreground", children: P }) })
           ]
         }
       ) }),
-      /* @__PURE__ */ t(B, { className: "w-auto p-0 shadow", children: /* @__PURE__ */ t(
-        T,
+      /* @__PURE__ */ r(H, { className: "w-auto p-0 shadow", children: /* @__PURE__ */ r(
+        q,
         {
-          ...j || {
+          ...N || {
             mode: "single",
-            selected: r,
-            onSelect: w
+            selected: t,
+            onSelect: T
           },
           autoFocus: !0,
           disabled: i,
-          locale: N,
-          defaultMonth: O
+          locale: M,
+          defaultMonth: w
         }
       ) })
     ] })
   ] });
 }
 export {
-  v as DatePicker
+  oe as DatePicker
 };

package/dist/components/ui/file-uploader.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsxs as v, jsx as r, Fragment as L } from "react/jsx-runtime";
-import c from "react";
-import { Button as A } from "./button.js";
-import { Card as B, CardHeader as S, CardTitle as P, CardContent as _ } from "./card.js";
-import { FilePreview as M } from "./file-preview.js";
-import { Icon as W } from "./icon.js";
-import { Input as H } from "./input.js";
-const K = {
+import { jsxs as v, jsx as r, Fragment as B } from "react/jsx-runtime";
+import l from "react";
+import { Button as S } from "./button.js";
+import { Card as P, CardHeader as _, CardTitle as W, CardContent as H } from "./card.js";
+import { FilePreview as k } from "./file-preview.js";
+import { Icon as K } from "./icon.js";
+import { Input as O } from "./input.js";
+const U = {
   pdf: "application/pdf",
   doc: ".doc",
   docx: ".docx",
@@ -23,133 +23,141 @@ const K = {
   image: "image/*",
   video: "video/*",
   audio: "audio/*"
-}, $ = (g) => Math.ceil(g / (1024 * 1024)), X = ({
+}, R = (g) => Math.ceil(g / (1024 * 1024)), ee = ({
   extensions: g = ["pdf", "image", "video", "audio"],
   multiple: f = !1,
   onUpload: b,
   description: y = "Trascina un file o clicca per selezionare",
   formatDescription: w = "Formato accettato: PDF, Immagini, Video, Audio",
   selectedLabel: N = "File selezionati",
-  maxTotalSize: l,
-  removeAllLabel: a = "rimuovi tutto",
-  maxFiles: x
+  maxTotalSize: d,
+  removeAllLabel: j = "rimuovi tutto",
+  maxFiles: x,
+  id: i,
+  "data-testid": z
 }) => {
-  const u = g.map((e) => K[e]).join(","), [n, p] = c.useState([]), [D, I] = c.useState(""), i = (e) => {
-    const s = Array.from(e).filter(
-      (o) => u.split(",").some((t) => (t = t.trim(), o.type.startsWith(t.replace("/*", "")) || o.name.toLowerCase().endsWith(t.replace("*", ""))))
+  const u = g.map((e) => U[e]).join(","), [s, p] = l.useState([]), [D, I] = l.useState(""), a = (e) => {
+    const o = Array.from(e).filter(
+      (n) => u.split(",").some((t) => (t = t.trim(), n.type.startsWith(t.replace("/*", "")) || n.name.toLowerCase().endsWith(t.replace("*", ""))))
     );
-    let d = [];
+    let c = [];
     const m = [];
     if (f) {
-      let o = s;
+      let n = o;
       if (typeof x == "number") {
-        const t = Math.max(x - n.length, 0);
-        t < s.length && (o = s.slice(0, t), m.push(`Max ${x} file`));
+        const t = Math.max(x - s.length, 0);
+        t < o.length && (n = o.slice(0, t), m.push(`Max ${x} file`));
       }
-      if (typeof l == "number") {
-        const t = l;
-        let z = n.reduce((h, E) => h + (E.size || 0), 0);
-        const C = [];
-        let F = !1;
-        for (const h of o)
-          z + (h.size || 0) <= t ? (C.push(h), z += h.size || 0) : F || (m.push(`Max ${$(t)} MB`), F = !0);
-        o = C;
+      if (typeof d == "number") {
+        const t = d;
+        let F = s.reduce((h, A) => h + (A.size || 0), 0);
+        const M = [];
+        let $ = !1;
+        for (const h of n)
+          F + (h.size || 0) <= t ? (M.push(h), F += h.size || 0) : $ || (m.push(`Max ${R(t)} MB`), $ = !0);
+        n = M;
       }
-      d = [...n, ...o];
+      c = [...s, ...n];
     } else {
-      const o = s[0] ? [s[0]] : [];
-      if (typeof l == "number" && o[0]) {
-        const t = l;
-        (o[0].size || 0) > t ? (m.push(`Max ${$(t)} MB`), d = n) : d = o;
+      const n = o[0] ? [o[0]] : [];
+      if (typeof d == "number" && n[0]) {
+        const t = d;
+        (n[0].size || 0) > t ? (m.push(`Max ${R(t)} MB`), c = s) : c = n;
       } else
-        d = o;
+        c = n;
     }
-    p(d), I(m.join(" • ")), b?.(d);
-  }, k = (e) => {
-    e.target.files && i(e.target.files), e.target.value = "";
-  }, R = (e) => {
-    e.preventDefault(), i(e.dataTransfer.files);
-  }, j = (e) => {
-    const s = n.filter((d, m) => m !== e);
-    p(s), I(""), b?.(s);
+    p(c), I(m.join(" • ")), b?.(c);
+  }, E = (e) => {
+    e.target.files && a(e.target.files), e.target.value = "";
+  }, L = (e) => {
+    e.preventDefault(), a(e.dataTransfer.files);
+  }, C = (e) => {
+    const o = s.filter((c, m) => m !== e);
+    p(o), I(""), b?.(o);
   };
   return /* @__PURE__ */ v("div", { className: "mx-auto w-full space-y-4", children: [
-    (f || n.length === 0) && /* @__PURE__ */ r(
-      O,
+    (f || s.length === 0) && /* @__PURE__ */ r(
+      V,
       {
         accept: u,
         multiple: f,
-        onDrop: R,
-        onChange: k,
+        onDrop: L,
+        onChange: E,
         description: y,
         formatDescription: w,
-        errorCaption: D
+        errorCaption: D,
+        id: i,
+        "data-testid": z
       }
     ),
-    n.length > 0 && /* @__PURE__ */ r(L, { children: /* @__PURE__ */ v(B, { size: "sm", className: "shadow-none", children: [
-      /* @__PURE__ */ v(S, { className: "flex justify-between", children: [
-        /* @__PURE__ */ r(P, { children: N }),
+    s.length > 0 && /* @__PURE__ */ r(B, { children: /* @__PURE__ */ v(P, { size: "sm", className: "shadow-none", children: [
+      /* @__PURE__ */ v(_, { className: "flex justify-between", children: [
+        /* @__PURE__ */ r(W, { children: N }),
         /* @__PURE__ */ r(
-          A,
+          S,
           {
             size: "sm",
             variant: "ghost",
             className: "text-xs",
             onClick: () => p([]),
-            children: a
+            children: j
           }
         )
       ] }),
-      /* @__PURE__ */ r(_, { children: f ? /* @__PURE__ */ r("div", { className: "flex flex-nowrap gap-2 overflow-x-auto py-2", children: n.map((e, s) => /* @__PURE__ */ r(
-        M,
+      /* @__PURE__ */ r(H, { children: f ? /* @__PURE__ */ r("div", { className: "flex flex-nowrap gap-2 overflow-x-auto py-2", children: s.map((e, o) => /* @__PURE__ */ r(
+        k,
         {
           file: e,
-          onRemove: () => j(s)
+          onRemove: () => C(o)
         },
-        e.name + s
-      )) }) : /* @__PURE__ */ r(M, { file: n[0], onRemove: () => j(0) }) })
+        e.name + o
+      )) }) : /* @__PURE__ */ r(k, { file: s[0], onRemove: () => C(0) }) })
     ] }) })
   ] });
-}, O = ({
+}, V = ({
   accept: g,
   multiple: f,
   onDrop: b,
   onChange: y,
   description: w,
   formatDescription: N,
-  errorCaption: l
+  errorCaption: d,
+  id: j,
+  "data-testid": x
 }) => {
-  const a = c.useRef(null), [x, u] = c.useState(!1), n = c.useId(), p = c.useId(), D = c.useId(), I = c.useId();
+  const i = l.useRef(null), [z, u] = l.useState(!1), s = l.useId(), p = l.useId(), D = l.useId(), I = l.useId();
   return /* @__PURE__ */ v(
     "div",
     {
+      id: j,
+      "data-testid": x,
       role: "button",
       tabIndex: 0,
       "aria-label": w || "Seleziona file",
-      "aria-describedby": `${n} ${p}${l ? ` ${D}` : ""}`,
-      onKeyDown: (i) => {
-        (i.key === "Enter" || i.key === " ") && (i.preventDefault(), a.current && (a.current.value = "", a.current.click()));
+      "aria-describedby": `${s} ${p}${d ? ` ${D}` : ""}`,
+      onKeyDown: (a) => {
+        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i.current && (i.current.value = "", i.current.click()));
       },
       onClick: () => {
-        a.current && (a.current.value = "", a.current.click());
+        i.current && (i.current.value = "", i.current.click());
       },
       onDragEnter: () => u(!0),
-      onDragOver: (i) => i.preventDefault(),
+      onDragOver: (a) => a.preventDefault(),
       onDragLeave: () => u(!1),
-      onDrop: (i) => {
-        u(!1), b(i);
+      onDrop: (a) => {
+        u(!1), b(a);
       },
-      className: `border-d-border flex w-full cursor-pointer flex-col items-center gap-3 rounded-lg border-2 border-dashed px-4 py-8 ${x ? "bg-muted/40" : ""}`,
+      className: `border-d-border flex w-full cursor-pointer flex-col items-center gap-3 rounded-lg border-2 border-dashed px-4 py-8 ${z ? "bg-muted/40" : ""}`,
       children: [
         /* @__PURE__ */ r(
-          W,
+          K,
           {
             name: "ArrowUpFromLine",
             className: "text-d-muted-foreground h-10 w-10"
           }
         ),
         /* @__PURE__ */ v("div", { className: "max-w-xs text-center", children: [
-          /* @__PURE__ */ r("p", { id: n, className: "text-d-muted-foreground text-sm font-medium", children: w }),
+          /* @__PURE__ */ r("p", { id: s, className: "text-d-muted-foreground text-sm font-medium", children: w }),
           /* @__PURE__ */ r(
             "p",
             {
@@ -158,12 +166,12 @@ const K = {
               children: N
             }
           ),
-          l ? /* @__PURE__ */ r("p", { id: D, className: "mt-2 text-xs font-medium text-red-600", children: l }) : null
+          d ? /* @__PURE__ */ r("p", { id: D, className: "mt-2 text-xs font-medium text-red-600", children: d }) : null
         ] }),
         /* @__PURE__ */ r(
-          H,
+          O,
           {
-            ref: a,
+            ref: i,
             id: I,
             type: "file",
             className: "hidden",
@@ -177,5 +185,5 @@ const K = {
   );
 };
 export {
-  X as FileUploader
+  ee as FileUploader
 };

package/dist/components/ui/input-selector.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
+import { jsx as e, jsxs as w } from "react/jsx-runtime";
 import { cn as n } from "../../lib/utils.js";
 import { motion as c } from "framer-motion";
 import * as s from "react";
@@ -10,37 +10,41 @@ const x = {
     exit: { opacity: 0, y: -20 }
   }
 };
-function k({
+function I({
   value: r = 1,
   onChange: l,
   min: p = 1,
   max: b = 4,
   className: g,
   buttonClassName: d,
-  counterClassName: h
+  counterClassName: h,
+  id: v,
+  "data-testid": y
 }) {
-  const [e, a] = s.useState(r), [u, m] = s.useState(!1);
+  const [t, a] = s.useState(r), [u, m] = s.useState(!1);
   s.useEffect(() => {
     a(r);
   }, [r]);
-  const v = (o) => {
-    if (o.preventDefault(), e < b) {
-      const i = e + 1;
+  const N = (o) => {
+    if (o.preventDefault(), t < b) {
+      const i = t + 1;
       a(i), l?.(i);
     } else
       f();
-  }, y = (o) => {
-    if (o.preventDefault(), e > p) {
-      const i = e - 1;
+  }, j = (o) => {
+    if (o.preventDefault(), t > p) {
+      const i = t - 1;
       a(i), l?.(i);
     } else
       f();
   }, f = () => {
     m(!0), setTimeout(() => m(!1), 300);
   };
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     c.div,
     {
+      id: v,
+      "data-testid": y,
       "data-slot": "input-selector",
       variants: x.container,
       initial: "initial",
@@ -50,7 +54,7 @@ function k({
         "flex w-full flex-col items-center justify-center gap-8",
         g
       ),
-      children: /* @__PURE__ */ N(
+      children: /* @__PURE__ */ w(
         c.div,
         {
           variants: u ? {
@@ -64,11 +68,11 @@ function k({
           animate: u ? "vibrate" : "initial",
           className: "flex items-center gap-8",
           children: [
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: y,
+                onClick: j,
                 className: n(
                   "border-d-border h-12 w-12 rounded-full",
                   "bg-d-background",
@@ -77,10 +81,10 @@ function k({
                   "flex items-center justify-center",
                   d
                 ),
-                children: /* @__PURE__ */ t("span", { className: "text-2xl font-medium", children: "-" })
+                children: /* @__PURE__ */ e("span", { className: "text-2xl font-medium", children: "-" })
               }
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               c.span,
               {
                 variants: x.container,
@@ -91,15 +95,15 @@ function k({
                   "text-d-foreground text-2xl font-medium",
                   h
                 ),
-                children: e
+                children: t
               },
-              e
+              t
             ),
-            /* @__PURE__ */ t(
+            /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: v,
+                onClick: N,
                 className: n(
                   "border-d-border h-12 w-12 rounded-full border",
                   "bg-d-background",
@@ -108,7 +112,7 @@ function k({
                   "flex items-center justify-center",
                   d
                 ),
-                children: /* @__PURE__ */ t("span", { className: "text-2xl font-medium", children: "+" })
+                children: /* @__PURE__ */ e("span", { className: "text-2xl font-medium", children: "+" })
               }
             )
           ]
@@ -118,5 +122,5 @@ function k({
   );
 }
 export {
-  k as InputSelector
+  I as InputSelector
 };