laif-ds 0.2.11 → 0.2.13

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/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 { 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 {
-  m as default
+  a as default
 };

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

@@ -1,62 +1,218 @@
 "use client";
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import * as b from "react";
-import { Select as C, SelectTrigger as O, SelectValue as B, SelectContent as G, SelectSeparator as N, SelectGroup as j, SelectLabel as w, SelectItem as D } from "./select.js";
-import { SelectScrollDownButton as F, SelectScrollUpButton as R } from "./select.js";
-function U({
-  options: p,
-  placeholder: d,
-  children: m,
-  label: g,
-  className: h,
-  labelKey: S,
-  valueKey: o,
-  descriptionKey: u,
-  groupNameKey: a,
-  isOptionDisabled: f,
-  ...A
-}) {
-  const i = (t) => {
-    const c = S && o, e = String(c ? t[o] : t.value), r = c ? String(t[S]) : t.label, l = c && u ? String(t[u]) : null, x = c ? f?.(t) ?? !1 : t.disabled;
-    return /* @__PURE__ */ n(D, { value: e, disabled: x, children: /* @__PURE__ */ s("span", { className: "flex flex-col", children: [
-      /* @__PURE__ */ n("span", { children: r }),
-      l && /* @__PURE__ */ s("span", { className: "text-muted-foreground text-d-tertiary text-xs", children: [
-        "- ",
-        l
-      ] })
-    ] }) }, e);
-  };
-  return /* @__PURE__ */ s(C, { ...A, label: g, className: h, children: [
-    m || /* @__PURE__ */ n(O, { className: "w-full", children: /* @__PURE__ */ n(B, { placeholder: d }) }),
-    /* @__PURE__ */ n(G, { children: (() => {
-      if (!p.some((e) => a ? String(e[a]) : e.groupName))
-        return p.map(i);
-      const c = p.reduce(
-        (e, r) => {
-          const l = a ? String(r[a]) : r.groupName || "Altro";
-          return e[l] || (e[l] = []), e[l].push(r), e;
-        },
-        {}
+import { jsxs as o, jsx as t, Fragment as te } from "react/jsx-runtime";
+import { Badge as re } from "./badge.js";
+import { Command as le, CommandInput as ne, CommandList as ae, CommandEmpty as se, CommandGroup as k, CommandItem as D } from "./command.js";
+import { Label as oe } from "./label.js";
+import { cn as g } from "../../lib/utils.js";
+import * as s from "react";
+import { Checkbox as ie } from "./checkbox.js";
+import { Icon as j } from "./icon.js";
+import { Popover as de, PopoverTrigger as ce, PopoverContent as ue } from "./popover.js";
+import me from "../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";
+const fe = {
+  sm: "min-h-8 h-8 text-xs py-1.5",
+  default: "min-h-9 h-9 text-sm py-2",
+  lg: "min-h-10 h-10 text-base py-2"
+}, he = {
+  sm: "h-5 w-5",
+  default: "h-5 w-5",
+  lg: "h-5.5 w-5.5"
+};
+function Se(B) {
+  const {
+    multiple: a = !1,
+    options: f,
+    value: N,
+    defaultValue: A,
+    onValueChange: R,
+    onClear: b,
+    placeholder: E = "Seleziona...",
+    emptyPlaceholder: F = "Nessun risultato",
+    searchPlaceholder: L = "Cerca...",
+    addItemPlaceholder: T = "Aggiungi",
+    itemCountMessage: W = (e) => `${e} elementi selezionati`,
+    maxSelectedMessage: X = (e) => `Puoi selezionare fino a ${e} elementi`,
+    label: S,
+    className: $ = "",
+    wrpClassName: q = "",
+    searchable: P = !1,
+    creatable: G = !1,
+    groupBy: v = "group",
+    maxSelected: i,
+    showChipsInsteadOfCount: H = !1,
+    disabled: x,
+    size: V = "default"
+  } = B, [C, w] = s.useState(!1), [d, y] = s.useState(""), c = s.useRef(null), [J, K] = s.useState(0), [Q, z] = s.useState(null);
+  s.useEffect(() => {
+    if (c.current) {
+      const e = c.current.closest(
+        '[data-slot="drawer-content"]'
+      );
+      e && z(e);
+      const l = c.current.closest(
+        '[data-slot="sheet-content"]'
       );
-      return Object.entries(c).map(([e, r], l) => /* @__PURE__ */ s(b.Fragment, { children: [
-        l > 0 && /* @__PURE__ */ n(N, {}),
-        /* @__PURE__ */ s(j, { children: [
-          /* @__PURE__ */ n(w, { children: e }),
-          r.map(i)
-        ] })
-      ] }, e));
-    })() })
+      l && z(l);
+    }
+  }, []);
+  const O = N !== void 0, [U, Y] = s.useState(A), u = O ? N : U, m = (e) => {
+    O || Y(e), R?.(e);
+  }, n = s.useMemo(() => a ? Array.isArray(u) ? u : [] : u != null ? [u] : [], [u, a]), p = s.useMemo(() => {
+    const e = f.filter((l) => n.includes(l.value));
+    if (a) {
+      const l = n.filter((r) => !e.find((h) => h.value === r)).map((r) => ({ value: r, label: r }));
+      return [...e, ...l];
+    } else if (n.length && !e.length)
+      return [{ value: n[0], label: n[0] }];
+    return e;
+  }, [f, n, a]), I = (e) => {
+    if (!e.disabled)
+      if (a) {
+        const l = n.includes(e.value);
+        if (!l && i !== void 0 && n.length >= i)
+          return;
+        m(
+          l ? n.filter((r) => r !== e.value) : [...n, e.value]
+        );
+      } else
+        m(e.value), w(!1);
+  }, Z = s.useCallback(() => {
+    m([]), y(""), b && b();
+  }, [m, b]), _ = s.useMemo(() => v ? f.reduce(
+    (e, l) => {
+      const r = l[v] || "";
+      return e[r] = e[r] || [], e[r].push(l), e;
+    },
+    {}
+  ) : { "": f }, [f, v]);
+  return s.useEffect(() => {
+    C && c.current && K(c.current.getBoundingClientRect().width);
+  }, [C]), /* @__PURE__ */ o("div", { className: g("flex flex-col gap-2", q), children: [
+    S && /* @__PURE__ */ t(oe, { children: S }),
+    /* @__PURE__ */ o(
+      de,
+      {
+        open: x ? !1 : C,
+        onOpenChange: (e) => !x && w(e),
+        children: [
+          /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ o(
+            "div",
+            {
+              ref: c,
+              className: g(
+                "bg-d-input border-d-border/50 focus-within:ring-d-ring flex min-h-10 w-full min-w-[100px] items-center justify-between gap-2 rounded-md border px-3 py-2 text-sm focus-within:ring-1",
+                fe[V],
+                x && "cursor-not-allowed opacity-50",
+                $
+              ),
+              children: [
+                p.length === 0 ? /* @__PURE__ */ t("span", { className: "text-d-muted-foreground", children: E }) : a ? /* @__PURE__ */ o("div", { className: "flex h-full w-full min-w-0 items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-nowrap gap-1 overflow-auto", children: H ? /* @__PURE__ */ t(te, { children: p.map((e) => /* @__PURE__ */ o(
+                    re,
+                    {
+                      variant: "secondary",
+                      className: "hover:bg-d-secondary/100 bg-d-secondary/50 border-d-border flex cursor-pointer items-center gap-1 border",
+                      onClick: (l) => {
+                        l.stopPropagation(), I(e);
+                      },
+                      children: [
+                        e.label,
+                        !e.fixed && /* @__PURE__ */ t(j, { name: "X", size: "xs" })
+                      ]
+                    },
+                    e.value
+                  )) }) : /* @__PURE__ */ t("div", { children: W(p.length) }) }),
+                  /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: g(
+                        "border-d-input bg-d-accent flex aspect-square cursor-pointer items-center rounded-full p-1",
+                        he[V]
+                      ),
+                      onClick: (e) => {
+                        e.stopPropagation(), e.preventDefault(), Z();
+                      },
+                      onMouseDown: (e) => e.preventDefault(),
+                      children: /* @__PURE__ */ t(
+                        j,
+                        {
+                          name: "X",
+                          size: "xs",
+                          className: "!text-d-foreground h-full w-full opacity-50"
+                        }
+                      )
+                    }
+                  )
+                ] }) : /* @__PURE__ */ t("span", { children: p[0]?.label }),
+                /* @__PURE__ */ t(me, { className: "h-4 w-4 opacity-50" })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ t(
+            ue,
+            {
+              className: "p-0",
+              style: { width: J },
+              align: "start",
+              sideOffset: 4,
+              container: Q,
+              children: /* @__PURE__ */ o(le, { shouldFilter: !!P, className: "w-full", children: [
+                P && /* @__PURE__ */ t("div", { className: "border-d-border border-b p-0.5", children: /* @__PURE__ */ t(
+                  ne,
+                  {
+                    placeholder: L,
+                    value: d,
+                    onValueChange: y
+                  }
+                ) }),
+                /* @__PURE__ */ o(ae, { className: "max-h-60 overflow-auto overscroll-contain", children: [
+                  /* @__PURE__ */ t(se, { children: F }),
+                  G && d && /* @__PURE__ */ t(k, { children: /* @__PURE__ */ t(
+                    D,
+                    {
+                      className: "cursor-pointer",
+                      onSelect: () => {
+                        d && (m(a ? [...n, d] : d), y(""), !a && w(!1));
+                      },
+                      children: /* @__PURE__ */ o("div", { className: "text-d-foreground text-xs", children: [
+                        T,
+                        " “",
+                        d,
+                        "”"
+                      ] })
+                    }
+                  ) }),
+                  Object.entries(_).map(([e, l]) => /* @__PURE__ */ t(k, { heading: e || void 0, children: l.map((r) => {
+                    const h = n.includes(r.value), ee = a && i !== void 0 && !h && n.length >= i, M = r.disabled || ee;
+                    return /* @__PURE__ */ o(
+                      D,
+                      {
+                        value: typeof r.label == "string" ? r.label : String(r.value),
+                        onSelect: () => !M && I(r),
+                        className: g(
+                          "cursor-pointer",
+                          M && "cursor-not-allowed opacity-50",
+                          !a && h && "bg-d-accent/75 text-d-accent-foreground"
+                          // highlight single select
+                        ),
+                        children: [
+                          a && /* @__PURE__ */ t(ie, { checked: h, className: "mr-1" }),
+                          /* @__PURE__ */ t("span", { children: r.label })
+                        ]
+                      },
+                      r.value
+                    );
+                  }) }, e))
+                ] }),
+                a && i !== void 0 && n.length >= i && /* @__PURE__ */ t("div", { className: "border-d-border text-d-muted-foreground border-t px-2 py-1 text-xs", children: X(i) })
+              ] })
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 export {
-  U as AppSelect,
-  G as AppSelectContent,
-  j as AppSelectGroup,
-  D as AppSelectItem,
-  w as AppSelectLabel,
-  F as AppSelectScrollDownButton,
-  R as AppSelectScrollUpButton,
-  N as AppSelectSeparator,
-  O as AppSelectTrigger,
-  B as AppSelectValue
+  Se as AppSelect
 };

package/dist/components/ui/command.js

@@ -18,7 +18,7 @@ const m = c.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ o(
   }
 ));
 m.displayName = "Command";
-function v({
+function y({
   title: e = "Command Palette",
   description: t = "Search for a command to run...",
   children: r,
@@ -67,7 +67,7 @@ function N({
     {
       "data-slot": "command-list",
       className: a(
-        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
+        "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto overscroll-contain",
         e
       ),
       ...t
@@ -149,7 +149,7 @@ function I({
 }
 export {
   m as Command,
-  v as CommandDialog,
+  y as CommandDialog,
   b as CommandEmpty,
   C as CommandGroup,
   w as CommandInput,

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

@@ -1,30 +1,30 @@
 "use client";
 import { jsx as t, jsxs as o } from "react/jsx-runtime";
-import p, { useEffect as T } from "react";
 import { motion as h } from "framer-motion";
-import { Button as P } from "../../dist/components/ui/button.js";
-import { Icon as x } from "../../dist/components/ui/icon.js";
-import { Tooltip as C, TooltipTrigger as k, TooltipContent as U } from "../../dist/components/ui/tooltip.js";
-import { Command as R, CommandGroup as L, CommandItem as b } from "../../dist/components/ui/command.js";
-import { Popover as z, PopoverTrigger as S, PopoverContent as E } from "../../dist/components/ui/popover.js";
-import { cn as v } from "../../dist/lib/utils.js";
+import p, { useEffect as T } from "react";
+import { Button as P } from "./button.js";
+import { Command as k, CommandGroup as C, CommandItem as b } from "./command.js";
+import { Icon as x } from "./icon.js";
+import { Popover as U, PopoverTrigger as R, PopoverContent as L } from "./popover.js";
+import { Tooltip as z, TooltipTrigger as E, TooltipContent as I } from "./tooltip.js";
+import { cn as v } from "../../lib/utils.js";
 import g from "../../node_modules/lucide-react/dist/esm/icons/x.js";
-import I from "../../node_modules/lucide-react/dist/esm/icons/file.js";
-const y = ({ url: e, onPreview: r, onDownload: n, onRemove: s }) => /* @__PURE__ */ o(z, { children: [
-  /* @__PURE__ */ t(S, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", size: "icon", children: /* @__PURE__ */ t(x, { name: "Menu", size: "sm" }) }) }),
-  /* @__PURE__ */ t(E, { className: "w-42 p-0", align: "end", children: /* @__PURE__ */ t(R, { children: /* @__PURE__ */ o(L, { children: [
+import S from "../../node_modules/lucide-react/dist/esm/icons/file.js";
+const y = ({ url: e, onPreview: r, onDownload: a, onRemove: l }) => /* @__PURE__ */ o(U, { children: [
+  /* @__PURE__ */ t(R, { asChild: !0, children: /* @__PURE__ */ t(P, { variant: "ghost", size: "icon", children: /* @__PURE__ */ t(x, { name: "Menu", size: "sm" }) }) }),
+  /* @__PURE__ */ t(L, { className: "w-42 p-0", align: "end", children: /* @__PURE__ */ t(k, { children: /* @__PURE__ */ o(C, { children: [
     r && /* @__PURE__ */ o(b, { onSelect: () => r(e), children: [
       /* @__PURE__ */ t(x, { name: "Presentation", size: "sm" }),
       /* @__PURE__ */ t("span", { children: "Anteprima" })
     ] }),
-    n && /* @__PURE__ */ o(b, { onSelect: () => n(e), children: [
+    a && /* @__PURE__ */ o(b, { onSelect: () => a(e), children: [
       /* @__PURE__ */ t(x, { name: "Download", size: "sm" }),
       /* @__PURE__ */ t("span", { children: "Download" })
     ] }),
-    s && /* @__PURE__ */ o(
+    l && /* @__PURE__ */ o(
       b,
       {
-        onSelect: () => s(e),
+        onSelect: () => l(e),
         className: "text-red-500",
         children: [
           /* @__PURE__ */ t(x, { name: "Trash", className: "text-red-500", size: "sm" }),
@@ -35,24 +35,24 @@ const y = ({ url: e, onPreview: r, onDownload: n, onRemove: s }) => /* @__PURE__
   ] }) }) })
 ] });
 function w({ text: e }) {
-  return /* @__PURE__ */ o(C, { children: [
-    /* @__PURE__ */ t(k, { "data-slot": "tooltip-trigger", className: "w-full min-w-0", children: /* @__PURE__ */ t("span", { className: "block w-full truncate text-d-secondary-foreground", children: e }) }),
-    /* @__PURE__ */ t(U, { children: /* @__PURE__ */ t("span", { children: e }) })
+  return /* @__PURE__ */ o(z, { children: [
+    /* @__PURE__ */ t(E, { "data-slot": "tooltip-trigger", className: "w-full min-w-0", children: /* @__PURE__ */ t("span", { className: "block w-full truncate text-d-secondary-foreground", children: e }) }),
+    /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t("span", { children: e }) })
   ] });
 }
-const u = (e) => "type" in e && typeof e.type == "string" && e instanceof File, $ = (e) => {
+const u = (e) => "type" in e && typeof e.type == "string" && e instanceof File, O = (e) => {
   if (u(e) || e.type)
     return e.type;
   const r = (i) => {
     if (!i) return "";
     const m = i.split(/[?#]/)[0].split("/").pop() || "", d = m.lastIndexOf(".");
     return d >= 0 ? m.substring(d + 1).toLowerCase() : "";
-  }, n = r(e.name || ""), s = "url" in e ? r(e.url || "") : "", a = n || s;
-  if (a && (/* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "bmp", "svg", "tiff"])).has(a))
-    return `image/${a === "jpg" ? "jpeg" : a}`;
-  if (a === "txt" || a === "md")
+  }, a = r(e.name || ""), l = "url" in e ? r(e.url || "") : "", n = a || l;
+  if (n && (/* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "bmp", "svg", "tiff"])).has(n))
+    return `image/${n === "jpg" ? "jpeg" : n}`;
+  if (n === "txt" || n === "md")
     return "text/plain";
-  const l = {
+  const s = {
     pdf: "application/pdf",
     csv: "text/csv",
     doc: "application/msword",
@@ -62,28 +62,28 @@ const u = (e) => "type" in e && typeof e.type == "string" && e instanceof File,
     ppt: "application/vnd.ms-powerpoint",
     pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
   };
-  return a && l[a] ? l[a] : "application/octet-stream";
-}, O = p.forwardRef(
+  return n && s[n] ? s[n] : "application/octet-stream";
+}, W = p.forwardRef(
   (e, r) => {
-    const n = $(e.file);
-    return n.startsWith("image/") ? /* @__PURE__ */ t(N, { ...e, ref: r }) : n.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ t(F, { ...e, ref: r }) : /* @__PURE__ */ t(j, { ...e, ref: r });
+    const a = O(e.file);
+    return a.startsWith("image/") ? /* @__PURE__ */ t(N, { ...e, ref: r }) : a.startsWith("text/") || e.file.name.endsWith(".txt") || e.file.name.endsWith(".md") ? /* @__PURE__ */ t(F, { ...e, ref: r }) : /* @__PURE__ */ t(j, { ...e, ref: r });
   }
 );
-O.displayName = "FilePreview";
+W.displayName = "FilePreview";
 const N = p.forwardRef(
   ({
     file: e,
     onRemove: r,
-    onPreview: n,
-    onDownload: s,
-    showActionMenu: a = !1,
+    onPreview: a,
+    onDownload: l,
+    showActionMenu: n = !1,
     className: c
-  }, l) => {
+  }, s) => {
     const i = u(e) ? URL.createObjectURL(e) : e.url;
     return /* @__PURE__ */ o(
       h.div,
       {
-        ref: l,
+        ref: s,
         className: v(
           "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
           c
@@ -103,17 +103,17 @@ const N = p.forwardRef(
               }
             ),
             /* @__PURE__ */ t(w, { text: e.name }),
-            a && /* @__PURE__ */ t(
+            n && /* @__PURE__ */ t(
               y,
               {
                 url: i,
-                onPreview: n,
-                onDownload: s,
+                onPreview: a,
+                onDownload: l,
                 onRemove: r
               }
             )
           ] }),
-          !a && r ? /* @__PURE__ */ t(
+          !n && r ? /* @__PURE__ */ t(
             "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",
@@ -130,8 +130,8 @@ const N = p.forwardRef(
 );
 N.displayName = "ImageFilePreview";
 const F = p.forwardRef(
-  ({ file: e, onRemove: r, onPreview: n, onDownload: s, showActionMenu: a = !1 }, c) => {
-    const [l, i] = p.useState(""), f = u(e) ? URL.createObjectURL(e) : e.url;
+  ({ file: e, onRemove: r, onPreview: a, onDownload: l, showActionMenu: n = !1 }, c) => {
+    const [s, i] = p.useState(""), f = u(e) ? URL.createObjectURL(e) : e.url;
     return T(() => {
       if (u(e)) {
         const m = new FileReader();
@@ -153,19 +153,19 @@ const F = p.forwardRef(
         exit: { opacity: 0, y: "100%" },
         children: [
           /* @__PURE__ */ o("div", { className: "flex w-full min-w-0 items-center space-x-2", children: [
-            /* @__PURE__ */ t("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: l }),
+            /* @__PURE__ */ t("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: s }),
             /* @__PURE__ */ t(w, { text: e.name }),
-            a && /* @__PURE__ */ t(
+            n && /* @__PURE__ */ t(
               y,
               {
                 url: f,
-                onPreview: n,
-                onDownload: s,
+                onPreview: a,
+                onDownload: l,
                 onRemove: r
               }
             )
           ] }),
-          !a && r ? /* @__PURE__ */ t(
+          !n && r ? /* @__PURE__ */ t(
             "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",
@@ -185,16 +185,16 @@ const j = p.forwardRef(
   ({
     file: e,
     onRemove: r,
-    onPreview: n,
-    onDownload: s,
-    showActionMenu: a = !1,
+    onPreview: a,
+    onDownload: l,
+    showActionMenu: n = !1,
     className: c
-  }, l) => {
+  }, s) => {
     const i = u(e) ? URL.createObjectURL(e) : e.url;
     return /* @__PURE__ */ o(
       h.div,
       {
-        ref: l,
+        ref: s,
         className: v(
           "border-d-border relative flex max-w-[200px] rounded-md border p-1.5 pr-2 text-xs",
           c
@@ -205,19 +205,19 @@ const j = p.forwardRef(
         exit: { opacity: 0, y: "100%" },
         children: [
           /* @__PURE__ */ o("div", { className: "flex w-full min-w-0 cursor-pointer items-center space-x-2", children: [
-            /* @__PURE__ */ t("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ t(I, { className: "h-5 w-5" }) }),
+            /* @__PURE__ */ t("div", { className: "bg-d-secondary border-d-border grid h-10 w-10 shrink-0 place-items-center rounded-sm border", children: /* @__PURE__ */ t(S, { className: "h-5 w-5" }) }),
             /* @__PURE__ */ t(w, { text: e.name }),
-            a && /* @__PURE__ */ t(
+            n && /* @__PURE__ */ t(
               y,
               {
                 url: i,
-                onPreview: n,
-                onDownload: s,
+                onPreview: a,
+                onDownload: l,
                 onRemove: r
               }
             )
           ] }),
-          !a && r ? /* @__PURE__ */ t(
+          !n && r ? /* @__PURE__ */ t(
             "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",
@@ -234,6 +234,6 @@ const j = p.forwardRef(
 );
 j.displayName = "GenericFilePreview";
 export {
-  O as FilePreview,
+  W as FilePreview,
   w as default
 };