laif-ds 0.2.75 → 0.2.77

package/dist/components/ui/card.js

@@ -27,7 +27,7 @@ const s = n.createContext({
     gap: ""
   }
 };
-function x({ className: r, size: t = "default", ...e }) {
+function f({ className: r, size: t = "default", ...e }) {
   return /* @__PURE__ */ a(s.Provider, { value: { size: t }, children: /* @__PURE__ */ a(
     "div",
     {
@@ -47,7 +47,7 @@ function x({ className: r, size: t = "default", ...e }) {
     }
   ) });
 }
-function f({ className: r, ...t }) {
+function x({ className: r, ...t }) {
   const { size: e } = n.useContext(s);
   return /* @__PURE__ */ a(
     "div",
@@ -81,6 +81,19 @@ function g({ className: r, ...t }) {
     }
   );
 }
+function C({ className: r, ...t }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: o(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        r
+      ),
+      ...t
+    }
+  );
+}
 function b({ className: r, ...t }) {
   const { size: e } = n.useContext(s);
   return /* @__PURE__ */ a(
@@ -92,7 +105,7 @@ function b({ className: r, ...t }) {
     }
   );
 }
-function C({ className: r, ...t }) {
+function y({ className: r, ...t }) {
   const { size: e } = n.useContext(s);
   return /* @__PURE__ */ a(
     "div",
@@ -107,10 +120,11 @@ function C({ className: r, ...t }) {
   );
 }
 export {
-  x as Card,
+  f as Card,
+  C as CardAction,
   b as CardContent,
   g as CardDescription,
-  C as CardFooter,
-  f as CardHeader,
+  y as CardFooter,
+  x as CardHeader,
   m as CardTitle
 };

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

@@ -22,132 +22,140 @@ const U = {
   gif: ".gif",
   image: "image/*",
   video: "video/*",
-  audio: "audio/*"
+  audio: "audio/*",
+  // Keep both extensions and MIME aliases because archive file types are
+  // reported inconsistently across browsers and operating systems.
+  zip: ".zip,application/zip,application/x-zip-compressed,multipart/x-zip",
+  rar: ".rar,application/vnd.rar,application/x-rar-compressed",
+  "7z": ".7z,application/x-7z-compressed",
+  tar: ".tar,application/x-tar",
+  gz: ".gz,application/gzip,application/x-gzip",
+  tgz: ".tgz,.tar.gz,application/gzip,application/x-compressed-tar"
 }, 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: d,
-  removeAllLabel: j = "rimuovi tutto",
+  multiple: p = !1,
+  onUpload: z,
+  description: I = "Trascina un file o clicca per selezionare",
+  formatDescription: b = "Formato accettato: PDF, Immagini, Video, Audio",
+  selectedLabel: y = "File selezionati",
+  maxTotalSize: c,
+  removeAllLabel: N = "rimuovi tutto",
   maxFiles: x,
-  id: i,
-  "data-testid": z
+  id: s,
+  "data-testid": j
 }) => {
-  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("*", ""))))
+  const f = g.map((e) => U[e]).join(","), [a, u] = l.useState([]), [w, D] = l.useState(""), o = (e) => {
+    const n = Array.from(e).filter(
+      (i) => f.split(",").some((t) => (t = t.trim(), i.type.startsWith(t.replace("/*", "")) || i.name.toLowerCase().endsWith(t.replace("*", ""))))
     );
-    let c = [];
+    let d = [];
     const m = [];
-    if (f) {
-      let n = o;
+    if (p) {
+      let i = n;
       if (typeof x == "number") {
-        const t = Math.max(x - s.length, 0);
-        t < o.length && (n = o.slice(0, t), m.push(`Max ${x} file`));
+        const t = Math.max(x - a.length, 0);
+        t < n.length && (i = n.slice(0, t), m.push(`Max ${x} file`));
       }
-      if (typeof d == "number") {
-        const t = d;
-        let F = s.reduce((h, A) => h + (A.size || 0), 0);
+      if (typeof c == "number") {
+        const t = c;
+        let F = a.reduce((h, A) => h + (A.size || 0), 0);
         const M = [];
         let $ = !1;
-        for (const h of n)
+        for (const h of i)
           F + (h.size || 0) <= t ? (M.push(h), F += h.size || 0) : $ || (m.push(`Max ${R(t)} MB`), $ = !0);
-        n = M;
+        i = M;
       }
-      c = [...s, ...n];
+      d = [...a, ...i];
     } else {
-      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;
+      const i = n[0] ? [n[0]] : [];
+      if (typeof c == "number" && i[0]) {
+        const t = c;
+        (i[0].size || 0) > t ? (m.push(`Max ${R(t)} MB`), d = a) : d = i;
       } else
-        c = n;
+        d = i;
     }
-    p(c), I(m.join(" • ")), b?.(c);
+    u(d), D(m.join(" • ")), z?.(d);
   }, E = (e) => {
-    e.target.files && a(e.target.files), e.target.value = "";
+    e.target.files && o(e.target.files), e.target.value = "";
   }, L = (e) => {
-    e.preventDefault(), a(e.dataTransfer.files);
+    e.preventDefault(), o(e.dataTransfer.files);
   }, C = (e) => {
-    const o = s.filter((c, m) => m !== e);
-    p(o), I(""), b?.(o);
+    const n = a.filter((d, m) => m !== e);
+    u(n), D(""), z?.(n);
   };
   return /* @__PURE__ */ v("div", { className: "mx-auto w-full space-y-4", children: [
-    (f || s.length === 0) && /* @__PURE__ */ r(
+    (p || a.length === 0) && /* @__PURE__ */ r(
       V,
       {
-        accept: u,
-        multiple: f,
+        accept: f,
+        multiple: p,
         onDrop: L,
         onChange: E,
-        description: y,
-        formatDescription: w,
-        errorCaption: D,
-        id: i,
-        "data-testid": z
+        description: I,
+        formatDescription: b,
+        errorCaption: w,
+        id: s,
+        "data-testid": j
       }
     ),
-    s.length > 0 && /* @__PURE__ */ r(B, { children: /* @__PURE__ */ v(P, { size: "sm", className: "shadow-none", children: [
+    a.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(W, { children: y }),
         /* @__PURE__ */ r(
           S,
           {
             size: "sm",
             variant: "ghost",
             className: "text-xs",
-            onClick: () => p([]),
-            children: j
+            onClick: () => u([]),
+            children: N
           }
         )
       ] }),
-      /* @__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(
+      /* @__PURE__ */ r(H, { children: p ? /* @__PURE__ */ r("div", { className: "flex flex-nowrap gap-2 overflow-x-auto py-2", children: a.map((e, n) => /* @__PURE__ */ r(
         k,
         {
           file: e,
-          onRemove: () => C(o)
+          onRemove: () => C(n)
         },
-        e.name + o
-      )) }) : /* @__PURE__ */ r(k, { file: s[0], onRemove: () => C(0) }) })
+        e.name + n
+      )) }) : /* @__PURE__ */ r(k, { file: a[0], onRemove: () => C(0) }) })
     ] }) })
   ] });
 }, V = ({
   accept: g,
-  multiple: f,
-  onDrop: b,
-  onChange: y,
-  description: w,
-  formatDescription: N,
-  errorCaption: d,
-  id: j,
+  multiple: p,
+  onDrop: z,
+  onChange: I,
+  description: b,
+  formatDescription: y,
+  errorCaption: c,
+  id: N,
   "data-testid": x
 }) => {
-  const i = l.useRef(null), [z, u] = l.useState(!1), s = l.useId(), p = l.useId(), D = l.useId(), I = l.useId();
+  const s = l.useRef(null), [j, f] = l.useState(!1), a = l.useId(), u = l.useId(), w = l.useId(), D = l.useId();
   return /* @__PURE__ */ v(
     "div",
     {
-      id: j,
+      id: N,
       "data-testid": x,
       role: "button",
       tabIndex: 0,
-      "aria-label": w || "Seleziona file",
-      "aria-describedby": `${s} ${p}${d ? ` ${D}` : ""}`,
-      onKeyDown: (a) => {
-        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), i.current && (i.current.value = "", i.current.click()));
+      "aria-label": b || "Seleziona file",
+      "aria-describedby": `${a} ${u}${c ? ` ${w}` : ""}`,
+      onKeyDown: (o) => {
+        (o.key === "Enter" || o.key === " ") && (o.preventDefault(), s.current && (s.current.value = "", s.current.click()));
       },
       onClick: () => {
-        i.current && (i.current.value = "", i.current.click());
+        s.current && (s.current.value = "", s.current.click());
       },
-      onDragEnter: () => u(!0),
-      onDragOver: (a) => a.preventDefault(),
-      onDragLeave: () => u(!1),
-      onDrop: (a) => {
-        u(!1), b(a);
+      onDragEnter: () => f(!0),
+      onDragOver: (o) => o.preventDefault(),
+      onDragLeave: () => f(!1),
+      onDrop: (o) => {
+        f(!1), z(o);
       },
-      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" : ""}`,
+      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 ${j ? "bg-muted/40" : ""}`,
       children: [
         /* @__PURE__ */ r(
           K,
@@ -157,27 +165,27 @@ const U = {
           }
         ),
         /* @__PURE__ */ v("div", { className: "max-w-xs text-center", children: [
-          /* @__PURE__ */ r("p", { id: s, className: "text-d-muted-foreground text-sm font-medium", children: w }),
+          /* @__PURE__ */ r("p", { id: a, className: "text-d-muted-foreground text-sm font-medium", children: b }),
           /* @__PURE__ */ r(
             "p",
             {
-              id: p,
+              id: u,
               className: "text-d-muted-foreground text-muted-foreground mt-1 text-xs",
-              children: N
+              children: y
             }
           ),
-          d ? /* @__PURE__ */ r("p", { id: D, className: "mt-2 text-xs font-medium text-red-600", children: d }) : null
+          c ? /* @__PURE__ */ r("p", { id: w, className: "mt-2 text-xs font-medium text-red-600", children: c }) : null
         ] }),
         /* @__PURE__ */ r(
           O,
           {
-            ref: i,
-            id: I,
+            ref: s,
+            id: D,
             type: "file",
             className: "hidden",
             accept: g,
-            multiple: f,
-            onChange: y
+            multiple: p,
+            onChange: I
           }
         )
       ]