laif-ds 0.2.4 → 0.2.6

package/dist/_virtual/index3.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 t } from "../node_modules/eventemitter3/index2.js";
+var r = t();
+const m = /* @__PURE__ */ e(r);
 export {
-  a as default
+  m as default
 };

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 e } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/eventemitter3/index2.js";
-var r = t();
-const m = /* @__PURE__ */ e(r);
+import { __require as r } from "../node_modules/extend/index.js";
+var t = r();
+const x = /* @__PURE__ */ e(t);
 export {
-  m as default
+  x as default
 };

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

@@ -1,64 +1,133 @@
 "use client";
 import { jsx as r, jsxs as a } from "react/jsx-runtime";
-import i, { useEffect as h } from "react";
-import { motion as l } from "framer-motion";
-import n from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import y from "../../node_modules/lucide-react/dist/esm/icons/file.js";
-const w = i.forwardRef(
-  (e, t) => e.file.type.startsWith("image/") ? /* @__PURE__ */ r(s, { ...e, ref: t }) : e.file.type.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ r(m, { ...e, ref: t }) : /* @__PURE__ */ r(u, { ...e, ref: t })
+import c, { useEffect as P } from "react";
+import { motion as b } from "framer-motion";
+import { Button as j } from "../../dist/components/ui/button.js";
+import { Icon as p } from "../../dist/components/ui/icon.js";
+import { Tooltip as W, TooltipTrigger as C, TooltipContent as k } from "../../dist/components/ui/tooltip.js";
+import { Command as U, CommandGroup as R, CommandItem as h } from "../../dist/components/ui/command.js";
+import { Popover as L, PopoverTrigger as z, PopoverContent as S } from "../../dist/components/ui/popover.js";
+import { cn as N } from "../../dist/lib/utils.js";
+import f from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+import I from "../../node_modules/lucide-react/dist/esm/icons/file.js";
+const x = ({ url: e, onPreview: t, onDownload: i, onRemove: s }) => /* @__PURE__ */ a(L, { children: [
+  /* @__PURE__ */ r(z, { children: /* @__PURE__ */ r(j, { variant: "ghost", size: "icon", children: /* @__PURE__ */ r(p, { name: "Menu", size: "sm" }) }) }),
+  /* @__PURE__ */ r(S, { className: "w-42 p-0", align: "end", children: /* @__PURE__ */ r(U, { children: /* @__PURE__ */ a(R, { children: [
+    t && /* @__PURE__ */ a(h, { onSelect: () => t(e), children: [
+      /* @__PURE__ */ r(p, { name: "Presentation", size: "sm" }),
+      /* @__PURE__ */ r("span", { children: "Anteprima" })
+    ] }),
+    i && /* @__PURE__ */ a(h, { onSelect: () => i(e), children: [
+      /* @__PURE__ */ r(p, { name: "Download", size: "sm" }),
+      /* @__PURE__ */ r("span", { children: "Download" })
+    ] }),
+    s && /* @__PURE__ */ a(
+      h,
+      {
+        onSelect: () => s(e),
+        className: "text-red-500",
+        children: [
+          /* @__PURE__ */ r(p, { name: "Trash", className: "text-red-500", size: "sm" }),
+          /* @__PURE__ */ r("span", { children: "Elimina" })
+        ]
+      }
+    )
+  ] }) }) })
+] });
+function y({ text: e }) {
+  return /* @__PURE__ */ a(W, { children: [
+    /* @__PURE__ */ r(C, { className: "w-full truncate", children: /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e }) }),
+    /* @__PURE__ */ r(k, { children: /* @__PURE__ */ r("span", { children: e }) })
+  ] });
+}
+const m = (e) => "type" in e && typeof e.type == "string" && e instanceof File, $ = (e) => {
+  if (m(e) || e.type)
+    return e.type;
+  const t = e.name.toLowerCase();
+  return t.endsWith(".jpg") || t.endsWith(".jpeg") || t.endsWith(".png") || t.endsWith(".gif") || t.endsWith(".webp") ? "image/" + t.split(".").pop() : t.endsWith(".txt") || t.endsWith(".md") ? "text/plain" : "application/octet-stream";
+}, G = c.forwardRef(
+  (e, t) => {
+    const i = $(e.file);
+    return i.startsWith("image/") ? /* @__PURE__ */ r(v, { ...e, ref: t }) : i.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ r(F, { ...e, ref: t }) : /* @__PURE__ */ r(T, { ...e, ref: t });
+  }
 );
-w.displayName = "FilePreview";
-const s = i.forwardRef(
-  ({ file: e, onRemove: t }, d) => /* @__PURE__ */ a(
-    l.div,
-    {
-      ref: d,
-      className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
-      layout: !0,
-      initial: { opacity: 0, y: "100%" },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: "100%" },
-      children: [
-        /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ r(
-            "img",
+G.displayName = "FilePreview";
+const v = c.forwardRef(
+  ({
+    file: e,
+    onRemove: t,
+    onPreview: i,
+    onDownload: s,
+    showActionMenu: d = !1,
+    className: l
+  }, o) => {
+    const n = m(e) ? URL.createObjectURL(e) : e.url;
+    return /* @__PURE__ */ a(
+      b.div,
+      {
+        ref: o,
+        className: N(
+          "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
+          l
+        ),
+        layout: !0,
+        initial: { opacity: 0, y: "100%" },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: "100%" },
+        children: [
+          /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
+            /* @__PURE__ */ r(
+              "img",
+              {
+                alt: `Attachment ${e.name}`,
+                className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border object-cover",
+                src: n
+              }
+            ),
+            /* @__PURE__ */ r(y, { text: e.name }),
+            d && /* @__PURE__ */ r(
+              x,
+              {
+                url: n,
+                onPreview: i,
+                onDownload: s,
+                onRemove: t
+              }
+            )
+          ] }),
+          !d && t ? /* @__PURE__ */ r(
+            "button",
             {
-              alt: `Attachment ${e.name}`,
-              className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border object-cover",
-              src: URL.createObjectURL(e)
+              className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
+              type: "button",
+              onClick: () => t(n),
+              "aria-label": "Remove attachment",
+              children: /* @__PURE__ */ r(f, { className: "h-2.5 w-2.5" })
             }
-          ),
-          /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
-        ] }),
-        t ? /* @__PURE__ */ r(
-          "button",
-          {
-            className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
-            type: "button",
-            onClick: t,
-            "aria-label": "Remove attachment",
-            children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
-          }
-        ) : null
-      ]
-    }
-  )
+          ) : null
+        ]
+      }
+    );
+  }
 );
-s.displayName = "ImageFilePreview";
-const m = i.forwardRef(
-  ({ file: e, onRemove: t }, d) => {
-    const [b, f] = i.useState("");
-    return h(() => {
-      if (typeof window > "u") return;
-      const o = new FileReader();
-      o.onload = (x) => {
-        const c = x.target?.result;
-        f(c.slice(0, 50) + (c.length > 50 ? "..." : ""));
-      }, o.readAsText(e);
+v.displayName = "ImageFilePreview";
+const F = c.forwardRef(
+  ({ file: e, onRemove: t, onPreview: i, onDownload: s, showActionMenu: d = !1 }, l) => {
+    const [o, n] = c.useState(""), g = m(e) ? URL.createObjectURL(e) : e.url;
+    return P(() => {
+      if (m(e)) {
+        const w = new FileReader();
+        w.onload = (u) => {
+          u.target?.result && n(
+            typeof u.target.result == "string" ? u.target.result.slice(0, 100) : ""
+          );
+        }, w.readAsText(e);
+      } else
+        n("Anteprima non disponibile");
     }, [e]), /* @__PURE__ */ a(
-      l.div,
+      b.div,
       {
-        ref: d,
+        ref: l,
         className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
         layout: !0,
         initial: { opacity: 0, y: "100%" },
@@ -66,17 +135,26 @@ const m = i.forwardRef(
         exit: { opacity: 0, y: "100%" },
         children: [
           /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-            /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border p-0.5", children: /* @__PURE__ */ r("div", { className: "text-d-secondary-foreground h-full w-full overflow-hidden text-[6px] leading-none", children: b || "Loading..." }) }),
-            /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
+            /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded rounded-sm border p-1 text-[8px]", children: o }),
+            /* @__PURE__ */ r(y, { text: e.name }),
+            d && /* @__PURE__ */ r(
+              x,
+              {
+                url: g,
+                onPreview: i,
+                onDownload: s,
+                onRemove: t
+              }
+            )
           ] }),
-          t ? /* @__PURE__ */ r(
+          !d && t ? /* @__PURE__ */ r(
             "button",
             {
               className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
               type: "button",
-              onClick: t,
+              onClick: () => t(g),
               "aria-label": "Remove attachment",
-              children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
+              children: /* @__PURE__ */ r(f, { className: "h-2.5 w-2.5" })
             }
           ) : null
         ]
@@ -84,37 +162,60 @@ const m = i.forwardRef(
     );
   }
 );
-m.displayName = "TextFilePreview";
-const u = i.forwardRef(
-  ({ file: e, onRemove: t }, d) => /* @__PURE__ */ a(
-    l.div,
-    {
-      ref: d,
-      className: "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
-      layout: !0,
-      initial: { opacity: 0, y: "100%" },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: "100%" },
-      children: [
-        /* @__PURE__ */ a("div", { className: "flex w-full items-center space-x-2", children: [
-          /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ r(y, { className: "text-d-foreground h-6 w-6" }) }),
-          /* @__PURE__ */ r("span", { className: "text-d-secondary-foreground w-full truncate", children: e.name })
-        ] }),
-        t ? /* @__PURE__ */ r(
-          "button",
-          {
-            className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
-            type: "button",
-            onClick: t,
-            "aria-label": "Remove attachment",
-            children: /* @__PURE__ */ r(n, { className: "h-2.5 w-2.5" })
-          }
-        ) : null
-      ]
-    }
-  )
+F.displayName = "TextFilePreview";
+const T = c.forwardRef(
+  ({
+    file: e,
+    onRemove: t,
+    onPreview: i,
+    onDownload: s,
+    showActionMenu: d = !1,
+    className: l
+  }, o) => {
+    const n = m(e) ? URL.createObjectURL(e) : e.url;
+    return /* @__PURE__ */ a(
+      b.div,
+      {
+        ref: o,
+        className: N(
+          "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
+          l
+        ),
+        layout: !0,
+        initial: { opacity: 0, y: "100%" },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: "100%" },
+        children: [
+          /* @__PURE__ */ a("div", { className: "flex w-full cursor-pointer items-center space-x-2", children: [
+            /* @__PURE__ */ r("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ r(I, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ r(y, { text: e.name }),
+            d && /* @__PURE__ */ r(
+              x,
+              {
+                url: n,
+                onPreview: i,
+                onDownload: s,
+                onRemove: t
+              }
+            )
+          ] }),
+          !d && t ? /* @__PURE__ */ r(
+            "button",
+            {
+              className: "bg-d-background border-d-border absolute -top-2 -right-2 flex h-4 w-4 items-center justify-center rounded-full border",
+              type: "button",
+              onClick: () => t(n),
+              "aria-label": "Remove attachment",
+              children: /* @__PURE__ */ r(f, { className: "h-2.5 w-2.5" })
+            }
+          ) : null
+        ]
+      }
+    );
+  }
 );
-u.displayName = "GenericFilePreview";
+T.displayName = "GenericFilePreview";
 export {
-  w as FilePreview
+  G as FilePreview,
+  y as default
 };

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

@@ -0,0 +1,145 @@
+"use client";
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import f from "react";
+import { FilePreview as w } from "./file-preview.js";
+import { Button as y } from "../../dist/components/ui/button.js";
+import { Icon as F } from "../../dist/components/ui/icon.js";
+import { Input as k } from "../../dist/components/ui/input.js";
+const R = {
+  pdf: "application/pdf",
+  doc: ".doc",
+  docx: ".docx",
+  xls: ".xls",
+  xlsx: ".xlsx",
+  ppt: ".ppt",
+  txt: ".txt",
+  csv: ".csv",
+  jpg: ".jpg",
+  jpeg: ".jpeg",
+  png: ".png",
+  gif: ".gif",
+  image: "image/*",
+  video: "video/*",
+  audio: "audio/*"
+}, _ = ({
+  accept: g,
+  extensions: x = ["pdf", "image", "video", "audio"],
+  multiple: s = !1,
+  onUpload: m,
+  buttonLabel: p = "Upload",
+  description: v = "Trascina un file o clicca per selezionare",
+  formatDescription: a = "Formato accettato: PDF, Immagini, Video, Audio",
+  isLoading: h = !1,
+  selectedLabel: l = "File selezionati"
+}) => {
+  const d = g ?? x.map((e) => R[e]).join(","), [o, r] = f.useState([]), D = (e) => {
+    const n = Array.from(e).filter(
+      (c) => d.split(",").some((i) => (i = i.trim(), c.type.startsWith(i.replace("/*", "")) || c.name.toLowerCase().endsWith(i.replace("*", ""))))
+    );
+    r((c) => [...c, ...n]);
+  }, N = (e) => {
+    e.target.files && D(e.target.files), e.target.value = "";
+  }, I = (e) => {
+    e.preventDefault(), D(e.dataTransfer.files);
+  }, b = (e) => r((n) => n.filter((c, i) => i !== e)), j = () => m?.(o);
+  return /* @__PURE__ */ u("div", { className: "mx-auto w-full space-y-4", children: [
+    (s || o.length === 0) && /* @__PURE__ */ t(
+      z,
+      {
+        accept: d,
+        multiple: s,
+        onDrop: I,
+        onChange: N,
+        description: v,
+        formatDescription: a
+      }
+    ),
+    o.length > 0 && /* @__PURE__ */ u("div", { className: "border-d-border w-full space-y-3 rounded-lg border p-4", children: [
+      /* @__PURE__ */ t("div", { className: "text-muted-foreground text-xs font-medium", children: l }),
+      s ? /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-2", children: o.map((e, n) => /* @__PURE__ */ t(
+        w,
+        {
+          file: e,
+          onRemove: () => b(n)
+        },
+        e.name + n
+      )) }) : /* @__PURE__ */ t(w, { file: o[0], onRemove: () => b(0) }),
+      m && /* @__PURE__ */ t("div", { className: "flex justify-end", children: /* @__PURE__ */ t(
+        y,
+        {
+          size: "sm",
+          onClick: j,
+          isLoading: h,
+          iconLeft: "Upload",
+          children: p
+        }
+      ) })
+    ] })
+  ] });
+}, z = ({
+  accept: g,
+  multiple: x,
+  onDrop: s,
+  onChange: m,
+  description: p,
+  formatDescription: v
+}) => {
+  const a = f.useRef(null), [h, l] = f.useState(!1), d = f.useId(), o = f.useId();
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      "aria-label": p || "Seleziona file",
+      "aria-describedby": `${d} ${o}`,
+      onKeyDown: (r) => {
+        (r.key === "Enter" || r.key === " ") && (r.preventDefault(), a.current && (a.current.value = "", a.current.click()));
+      },
+      onClick: () => {
+        a.current && (a.current.value = "", a.current.click());
+      },
+      onDragEnter: () => l(!0),
+      onDragOver: (r) => r.preventDefault(),
+      onDragLeave: () => l(!1),
+      onDrop: (r) => {
+        l(!1), s(r);
+      },
+      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 ${h ? "bg-muted/40" : ""}`,
+      children: [
+        /* @__PURE__ */ t(
+          F,
+          {
+            name: "ArrowUpFromLine",
+            className: "text-d-muted-foreground h-10 w-10"
+          }
+        ),
+        /* @__PURE__ */ u("div", { className: "max-w-xs text-center", children: [
+          /* @__PURE__ */ t("p", { id: d, className: "text-d-muted-foreground text-sm font-medium", children: p }),
+          /* @__PURE__ */ t(
+            "p",
+            {
+              id: o,
+              className: "text-d-muted-foreground text-muted-foreground mt-1 text-xs",
+              children: v
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          k,
+          {
+            ref: a,
+            id: "file",
+            type: "file",
+            className: "hidden",
+            accept: g,
+            multiple: x,
+            onChange: m
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  _ as FileUploader
+};

package/dist/components/ui/input.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import * as x from "react";
-import { cva as g } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as l } from "../../lib/utils.js";
-import { Label as v } from "./label.js";
-import { Icon as s } from "./icon.js";
-const b = g(
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import * as c from "react";
+import { cva as N } from "../../node_modules/class-variance-authority/dist/index.js";
+import { cn as f } from "../../lib/utils.js";
+import { Label as I } from "./label.js";
+import { Icon as l } from "./icon.js";
+const M = N(
   "file:text-d-foreground placeholder:text-d-muted-foreground shadow-none selection:bg-d-primary selection:text-d-primary-foreground flex w-full min-w-0 rounded-md bg-d-input border border-d-border/50 px-3 py-1 text-base transition-all duration-200 outline-none file:inline-flex file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
   {
     variants: {
@@ -19,47 +19,67 @@ const b = g(
       size: "default"
     }
   }
-), h = x.forwardRef(
+), P = c.forwardRef(
   ({
-    className: o,
+    className: x,
     type: m,
     label: r,
-    labelClassName: u,
-    id: p,
-    iconLeft: i,
-    iconRight: n,
+    labelClassName: g,
+    id: b,
+    iconLeft: a,
+    iconRight: o,
     size: t,
-    ...f
-  }, c) => {
-    const d = p || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0);
-    return /* @__PURE__ */ a("div", { className: l("space-y-1.5", o), children: [
-      r && /* @__PURE__ */ e(v, { htmlFor: d, className: u, children: r }),
-      /* @__PURE__ */ a("div", { className: "relative w-full", children: [
-        i && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(s, { name: i, size: t === "lg" ? "sm" : "xs" }) }),
+    ...u
+  }, h) => {
+    const p = b || (r ? `input-${Math.random().toString(36).substring(2, 9)}` : void 0), n = m === "password", [s, v] = c.useState(!1), w = n ? s ? "text" : "password" : m, y = !!o || n;
+    return /* @__PURE__ */ i("div", { className: f("space-y-1.5", x), children: [
+      r && /* @__PURE__ */ e(I, { htmlFor: p, className: g, children: r }),
+      /* @__PURE__ */ i("div", { className: "relative w-full", children: [
+        a && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 left-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: a, size: t === "lg" ? "sm" : "xs" }) }),
         /* @__PURE__ */ e(
           "input",
           {
-            id: d,
-            type: m,
+            id: p,
+            type: w,
             "data-slot": "input",
-            className: l(
-              b({ size: t }),
+            className: f(
+              M({ size: t }),
               "focus-visible:ring-d-ring focus-visible:ring-1 focus-visible:outline-none",
               "aria-invalid:ring-d-destructive/20 dark:aria-invalid:ring-d-destructive/40 aria-invalid:border-d-destructive",
-              i ? t !== "lg" ? "pl-9" : "pl-10" : "",
-              n ? t !== "lg" ? "pr-9" : "pr-10" : ""
+              a ? t !== "lg" ? "pl-9" : "pl-10" : "",
+              y ? t !== "lg" ? "pr-9" : "pr-10" : ""
             ),
-            ref: c,
-            ...f
+            ref: h,
+            ...u
           }
         ),
-        n && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(s, { name: n, size: t === "lg" ? "sm" : "xs" }) })
+        n ? /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            onClick: () => v((d) => !d),
+            onMouseDown: (d) => d.preventDefault(),
+            className: "text-d-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",
+            "aria-label": s ? "Nascondi password" : "Mostra password",
+            disabled: u.disabled,
+            children: [
+              /* @__PURE__ */ e(
+                l,
+                {
+                  name: s ? "EyeOff" : "Eye",
+                  size: t === "lg" ? "sm" : "xs"
+                }
+              ),
+              /* @__PURE__ */ e("span", { className: "sr-only", children: s ? "Nascondi password" : "Mostra password" })
+            ]
+          }
+        ) : o && /* @__PURE__ */ e("div", { className: "text-d-muted-foreground pointer-events-none absolute top-1/2 right-3 -translate-y-1/2", children: /* @__PURE__ */ e(l, { name: o, size: t === "lg" ? "sm" : "xs" }) })
       ] })
     ] });
   }
 );
-h.displayName = "Input";
+P.displayName = "Input";
 export {
-  h as Input,
-  b as inputVariants
+  P as Input,
+  M as inputVariants
 };

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

@@ -61,7 +61,7 @@ const Oe = o.forwardRef(
   ({
     value: s,
     onChange: l,
-    placeholder: i,
+    placeholder: i = "Cerca...",
     defaultOptions: u = [],
     options: a,
     delay: V,
@@ -71,7 +71,7 @@ const Oe = o.forwardRef(
     emptyIndicator: D,
     maxSelected: _ = Number.MAX_SAFE_INTEGER,
     onMaxSelected: A,
-    hidePlaceholderWhenSelected: U,
+    hidePlaceholderWhenSelected: U = !0,
     disabled: N,
     groupBy: v,
     className: Z,