@levo-so/react 0.1.18 → 0.1.22

package/dist/UploadWidget-BNdydN68.js

@@ -1,616 +0,0 @@
-"use client";
-import { j as a } from "./jsx-runtime-B6kdoens.js";
-import { MediaKindList as F } from "@levo-so/core";
-import { X, Upload as O, ExternalLink as aa } from "lucide-react";
-import { useMemo as J, useState as U, useRef as ra, useEffect as M } from "react";
-import { useController as ta } from "react-hook-form";
-import { G as H, B as P, S as G, j as sa, T as ea, k as oa, l as $, m as V } from "./Spinner-Bzu2xCFZ.js";
-import { t as na, g as ca, z as la, w as C, A as da, B as ia } from "./CollectionFormBuilder-DpTePTDd.js";
-import { u as k } from "./LevoProvider-BAZy7_tP.js";
-import { e as Y } from "./errorHandler-_34Yv8wA.js";
-import { I as K } from "./Input-2CvZ90f8.js";
-import { useDropzone as xa } from "react-dropzone";
-import { c as pa, S as Q } from "./Tooltip-DEBnSqlo.js";
-import { e as D } from "./Sonner-t6JVKA0a.js";
-import { c as S } from "./cn-C9QoOYNG.js";
-import { useDebouncedCallback as ha } from "use-debounce";
-import { b as ma } from "./byteToSize-BFKZSBu1.js";
-import { C as ua } from "./Checbox-sq-atGlJ.js";
-function R(s) {
-  return H({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5z" }, child: [] }] })(s);
-}
-function ga(s) {
-  return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z" }, child: [] }] })(s);
-}
-function ja(s) {
-  return H({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z" }, child: [] }] })(s);
-}
-const ba = ({ onChange: s, value: c, kind: g, isMultiple: p = !1 }) => {
-  const { media: l } = k(), i = Array.isArray(c) ? c : [], o = J(() => {
-    let t = {};
-    return g.forEach((j) => {
-      t = {
-        ...t,
-        ...na[j]
-      };
-    }), t;
-  }, [g]), d = (t) => {
-    s == null || s(t);
-  }, x = async (t) => {
-    if ((t == null ? void 0 : t.length) === 0) {
-      D("No file selected. Please select one file.");
-      return;
-    }
-    const j = new FormData();
-    t == null || t.forEach((m) => {
-      j.append("media", m);
-    }), await (l == null ? void 0 : l.mediaBulkUpload(j).then((m) => {
-      var b, I, r;
-      (((b = m.content) == null ? void 0 : b.errors) ?? []).forEach(
-        (n) => {
-          var v, A, w;
-          (A = (v = n.param) == null ? void 0 : v.split(".")) != null && A[1] && D(
-            n.message,
-            `Error uploading ${((w = t[n.param.split(".")[1]]) == null ? void 0 : w.name) ?? "File"}`
-          );
-        }
-      );
-      const _ = (r = (I = m == null ? void 0 : m.content) == null ? void 0 : I.data) == null ? void 0 : r.map(
-        (n) => {
-          var v;
-          return {
-            id: n == null ? void 0 : n.id,
-            kind: n == null ? void 0 : n.kind,
-            location: n == null ? void 0 : n.location,
-            mimetype: (v = n == null ? void 0 : n.metadata) == null ? void 0 : v.mimetype,
-            srcset: n == null ? void 0 : n.srcset
-          };
-        }
-      );
-      d([...i, ..._]);
-    }).catch(Y));
-  }, { getRootProps: T, getInputProps: h, isDragActive: N } = xa({
-    onDrop: x,
-    accept: o,
-    multiple: p,
-    maxSize: 25 * 1024 * 1024,
-    onDropRejected: (t) => {
-      t.forEach((j) => {
-        j.errors.forEach((m) => {
-          m.code === "file-too-large" && D(`${j.file.name} is bigger than 25MB`);
-        });
-      });
-    }
-  });
-  return /* @__PURE__ */ a.jsx(pa, { children: /* @__PURE__ */ a.jsx("div", { className: "w-full min-h-[150px]", children: (i == null ? void 0 : i.length) > 0 ? /* @__PURE__ */ a.jsxs("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fit,_minmax(150px,_1fr))]", children: [
-    i == null ? void 0 : i.map((t) => {
-      var j, m;
-      return /* @__PURE__ */ a.jsxs(
-        "div",
-        {
-          className: "group relative w-full overflow-hidden h-auto max-[350px] rounded-md border border-gray-300",
-          style: {
-            background: "linear-gradient(to top, black -50%, transparent 45%)"
-          },
-          children: [
-            (t == null ? void 0 : t.kind) !== "image" ? /* @__PURE__ */ a.jsx("div", { className: "flex items-center h-[100px]", children: /* @__PURE__ */ a.jsx(
-              R,
-              {
-                size: "60px",
-                className: "text-gray-400 p-2"
-              }
-            ) }) : /* @__PURE__ */ a.jsx(
-              "img",
-              {
-                className: "w-full h-full object-contain",
-                src: t == null ? void 0 : t.location
-              }
-            ),
-            /* @__PURE__ */ a.jsx(
-              "div",
-              {
-                className: S(
-                  "absolute left-0 right-0 bottom-0 h-16 bg-[linear-gradient(to-t,_rgba(0,_0,_10,_0.35),_transparent)]",
-                  "group-hover:bg-[linear-gradient(to-t,_rgba(0,0,10,0.5),_transparent)] group-hover:h-[70%]"
-                )
-              }
-            ),
-            /* @__PURE__ */ a.jsx("p", { className: "absolute left-4 bottom-2 text-base text-white", children: (m = t == null ? void 0 : t.location) == null ? void 0 : m.split("/")[((j = t == null ? void 0 : t.location) == null ? void 0 : j.split("/").length) - 1] }),
-            /* @__PURE__ */ a.jsx(
-              P,
-              {
-                className: "absolute right-4 top-4 z-10",
-                size: "icon",
-                variant: "secondary",
-                onClick: () => {
-                  d(
-                    i == null ? void 0 : i.filter((_) => (_ == null ? void 0 : _.id) !== (t == null ? void 0 : t.id))
-                  );
-                },
-                children: /* @__PURE__ */ a.jsx(X, { className: "text-primary" })
-              }
-            )
-          ]
-        },
-        t == null ? void 0 : t.id
-      );
-    }),
-    p && /* @__PURE__ */ a.jsxs(
-      "div",
-      {
-        className: "flex items-center justify-center flex-col w-full rounded-md border-dashed border-[2px] border-gray-400 h-[14rem] p-4 gap-2",
-        ...T(),
-        children: [
-          /* @__PURE__ */ a.jsx("p", { className: "text-xl text-center my-2", children: N ? "Drop your files here..." : "Drag & Drop here to upload!" }),
-          /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ a.jsx(Q, { label: "Upload a file", children: /* @__PURE__ */ a.jsxs(P, { size: "icon", className: "text-md", children: [
-            /* @__PURE__ */ a.jsx("input", { ...h() }),
-            /* @__PURE__ */ a.jsx(O, { size: 20 })
-          ] }) }) })
-        ]
-      }
-    )
-  ] }) : /* @__PURE__ */ a.jsxs(
-    "div",
-    {
-      className: "flex items-center justify-center flex-col w-full rounded-md border-dashed border-[2px] border-gray-400 h-[14rem] p-4 gap-2",
-      ...T(),
-      children: [
-        /* @__PURE__ */ a.jsx("p", { className: "text-xl my-2", children: N ? "Drop your files here..." : "Drag & Drop here to upload!" }),
-        /* @__PURE__ */ a.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ a.jsx(Q, { label: "Upload a file", children: /* @__PURE__ */ a.jsxs(P, { size: "icon", className: "text-md", children: [
-          /* @__PURE__ */ a.jsx("input", { ...h() }),
-          /* @__PURE__ */ a.jsx(O, { size: 20 })
-        ] }) }) })
-      ]
-    }
-  ) }) });
-}, ya = ({
-  selectedFiles: s = [],
-  onChange: c,
-  isMultiple: g = !1,
-  kind: p
-}) => {
-  const { media: l } = k(), [i, o] = U(1), [d, x] = U([]), [T, h] = U(!1), N = ra(null), [t, j] = U({
-    searchText: "",
-    currentPage: 1
-  }), m = ha(() => {
-    h(!0), l == null || l.getAllMedia({
-      page: t.currentPage,
-      limit: 24,
-      sort: {
-        created_at: "desc"
-      },
-      search: t.searchText || void 0
-    }).then((r) => {
-      var n, v;
-      o((v = (n = r == null ? void 0 : r.content) == null ? void 0 : n.meta) == null ? void 0 : v.pages), x((A) => {
-        var w;
-        return [...A, ...((w = r == null ? void 0 : r.content) == null ? void 0 : w.data) || []];
-      });
-    }).catch((r) => {
-      console.error(r);
-    }).finally(() => {
-      h(!1);
-    });
-  }, 500);
-  M(() => {
-    m();
-  }, [t]), M(() => {
-    const r = N.current;
-    if (r)
-      return r.addEventListener("scroll", _), () => r.removeEventListener("scroll", _);
-  }, [N, t.currentPage, i]);
-  const _ = () => {
-    const r = N.current;
-    r && r.scrollTop + r.clientHeight + 1 >= r.scrollHeight && b();
-  }, b = () => {
-    t.currentPage < i && j((r) => ({
-      searchText: r.searchText,
-      currentPage: r.currentPage + 1
-    }));
-  }, I = (r) => {
-    if (!(p != null && p.includes(r == null ? void 0 : r.kind))) {
-      D(`Only ${p == null ? void 0 : p.join(", ")}s are allowed.`);
-      return;
-    }
-    g ? (s == null ? void 0 : s.findIndex((n) => (n == null ? void 0 : n.id) === (r == null ? void 0 : r.id))) >= 0 ? c == null || c(s == null ? void 0 : s.filter((n) => (n == null ? void 0 : n.id) !== (r == null ? void 0 : r.id))) : c == null || c([...s || [], r]) : c == null || c([r]);
-  };
-  return /* @__PURE__ */ a.jsxs("div", { className: "bg-white p-0 rounded-md w-full relative", children: [
-    /* @__PURE__ */ a.jsx("div", { className: "py-2 bg-white sticky top-0 z-50 w-full", children: /* @__PURE__ */ a.jsx(
-      K,
-      {
-        name: "searchText",
-        type: "text",
-        placeholder: "Search...",
-        value: t.searchText,
-        onChange: (r) => {
-          h(!0), j({ currentPage: 1, searchText: r.target.value }), x([]);
-        }
-      }
-    ) }),
-    T && !d.length ? /* @__PURE__ */ a.jsx("div", { className: "w-full h-full min-h-[30rem] flex items-center justify-center", children: /* @__PURE__ */ a.jsx(G, {}) }) : /* @__PURE__ */ a.jsxs(
-      "div",
-      {
-        ref: N,
-        className: "w-full h-[30rem] overflow-y-auto overflow-x-hidden grid lg:grid-cols-4 gap-6 p-2",
-        children: [
-          d == null ? void 0 : d.map((r, n) => {
-            var w;
-            const v = p == null ? void 0 : p.includes(r == null ? void 0 : r.kind), A = (s == null ? void 0 : s.findIndex((E) => (E == null ? void 0 : E.id) === (r == null ? void 0 : r.id))) >= 0;
-            return /* @__PURE__ */ a.jsxs(
-              "div",
-              {
-                className: S(
-                  "relative w-full",
-                  v ? "opacity-100" : "opacity-50"
-                ),
-                children: [
-                  /* @__PURE__ */ a.jsxs(
-                    "div",
-                    {
-                      className: S(
-                        "cursor-pointer w-full group rounded-md overflow-hidden h-[130px] border-2 flex items-center justify-center",
-                        A ? "border-primary" : "border-gray-100"
-                      ),
-                      onClick: () => {
-                        var E;
-                        return I({
-                          id: r == null ? void 0 : r.id,
-                          location: r == null ? void 0 : r.location,
-                          mimetype: (E = r == null ? void 0 : r.metadata) == null ? void 0 : E.mimetype,
-                          kind: r == null ? void 0 : r.kind,
-                          srcset: r == null ? void 0 : r.srcset
-                        });
-                      },
-                      children: [
-                        /* @__PURE__ */ a.jsx(
-                          "div",
-                          {
-                            className: S(
-                              "rounded-md opacity-0 absolute left-0 right-0 top-0 w-full h-[42px] bg-[linear-gradient(0deg,_transparent_0%,_#000000_200%)]",
-                              v ? "group-hover:opacity-100" : ""
-                            )
-                          }
-                        ),
-                        v && /* @__PURE__ */ a.jsx(
-                          ua,
-                          {
-                            name: "isFileIncluded",
-                            className: "absolute top-[10px] left-[10px]",
-                            checked: A
-                          }
-                        ),
-                        (r == null ? void 0 : r.kind) !== "image" ? /* @__PURE__ */ a.jsx(R, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ a.jsx(
-                          "img",
-                          {
-                            className: "w-full h-full object-contain",
-                            srcSet: (w = r == null ? void 0 : r.srcset) == null ? void 0 : w.path,
-                            src: r == null ? void 0 : r.location
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ a.jsxs("div", { className: "my-[10px]", children: [
-                    /* @__PURE__ */ a.jsx("p", { className: "text-sm whitespace-nowrap overflow-hidden text-ellipsis", children: r == null ? void 0 : r.filename }),
-                    /* @__PURE__ */ a.jsx("p", { className: "text-xs text-gray-500", children: ma(r == null ? void 0 : r.metadata.size) })
-                  ] })
-                ]
-              },
-              `media-layout-file-${n}`
-            );
-          }),
-          T && /* @__PURE__ */ a.jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ a.jsx(G, {}) })
-        ]
-      }
-    )
-  ] });
-}, va = ({
-  selectedFiles: s = [],
-  onChange: c,
-  isMultiple: g = !1,
-  kind: p
-}) => {
-  const [l, i] = U("");
-  return M(() => {
-    var o, d;
-    !g && s[0] && !((o = s[0]) != null && o.location.includes("levo")) && i((d = s[0]) == null ? void 0 : d.location);
-  }, [s]), /* @__PURE__ */ a.jsxs("div", { className: "bg-white p-0 rounded-md w-full relative", children: [
-    /* @__PURE__ */ a.jsxs("div", { className: "flex gap-4 py-2 bg-white sticky top-0 z-50 w-full", children: [
-      /* @__PURE__ */ a.jsx(
-        K,
-        {
-          name: "searchText",
-          type: "text",
-          value: l,
-          placeholder: "Enter image URL...",
-          onChange: (o) => i(o.target.value)
-        }
-      ),
-      /* @__PURE__ */ a.jsx(
-        P,
-        {
-          onClick: () => {
-            c && fetch(l).then((o) => o.blob()).then((o) => {
-              const d = o.type, x = ca(d);
-              x && c([
-                {
-                  id: `external-${(/* @__PURE__ */ new Date()).getTime()}`,
-                  location: l,
-                  kind: x,
-                  mimetype: d
-                }
-              ]);
-            }).catch(
-              (o) => console.error("Error fetching file details:", o)
-            );
-          },
-          disabled: !l,
-          children: "Add"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a.jsx("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fit,_minmax(150px,_1fr))]", children: s == null ? void 0 : s.map((o) => {
-      var d;
-      return /* @__PURE__ */ a.jsxs(
-        "div",
-        {
-          className: "group relative w-full overflow-hidden h-auto max-h-[350px] rounded-md border border-gray-300",
-          style: {
-            background: "linear-gradient(to top, black -50%, transparent 45%)"
-          },
-          children: [
-            (o == null ? void 0 : o.kind) !== "image" ? /* @__PURE__ */ a.jsx("div", { className: "flex items-center h-[100px]", children: /* @__PURE__ */ a.jsx(R, { size: "60px", className: "text-gray-400 p-2" }) }) : /* @__PURE__ */ a.jsx(
-              "img",
-              {
-                className: "w-full h-full object-contain",
-                src: o == null ? void 0 : o.location
-              }
-            ),
-            /* @__PURE__ */ a.jsx(
-              "div",
-              {
-                className: S(
-                  "absolute left-0 right-0 bottom-0 h-16 bg-[linear-gradient(to-t,_rgba(0,_0,_10,_0.35),_transparent)]",
-                  "group-hover:bg-[linear-gradient(to-t,_rgba(0,0,10,0.5),_transparent)] group-hover:h-[70%]"
-                )
-              }
-            ),
-            /* @__PURE__ */ a.jsx("p", { className: "absolute left-4 bottom-2 text-base text-white", children: (d = o == null ? void 0 : o.location) == null ? void 0 : d.split("/").pop() }),
-            /* @__PURE__ */ a.jsx(
-              P,
-              {
-                className: "absolute right-4 top-4 z-10",
-                size: "icon",
-                variant: "secondary",
-                onClick: () => {
-                  c == null || c(
-                    s == null ? void 0 : s.filter((x) => (x == null ? void 0 : x.id) !== (o == null ? void 0 : o.id))
-                  );
-                },
-                children: /* @__PURE__ */ a.jsx(X, { className: "text-primary" })
-              }
-            )
-          ]
-        },
-        o == null ? void 0 : o.id
-      );
-    }) })
-  ] });
-}, Na = ({
-  isOpen: s,
-  onClose: c,
-  onChange: g,
-  value: p,
-  kind: l,
-  isMultiple: i = !1,
-  isExternal: o
-}) => {
-  const [d, x] = U([]), T = () => {
-    c();
-  };
-  return M(() => {
-    x(p.filter((h) => !!h.location));
-  }, [p]), /* @__PURE__ */ a.jsxs(
-    sa,
-    {
-      title: (l == null ? void 0 : l.length) > 1 ? "Upload file" : `Upload ${l == null ? void 0 : l[0]}`,
-      isOpen: s,
-      onClose: () => T(),
-      contentClassName: "max-w-[60%]",
-      children: [
-        /* @__PURE__ */ a.jsxs(ea, { defaultValue: "upload", children: [
-          /* @__PURE__ */ a.jsxs(oa, { children: [
-            /* @__PURE__ */ a.jsx($, { value: "upload", children: "Local File" }),
-            !o && /* @__PURE__ */ a.jsx($, { value: "import", children: "Import from Gallery" }),
-            !o && l.includes("image") && /* @__PURE__ */ a.jsx($, { value: "external_url", children: "External URL" })
-          ] }),
-          /* @__PURE__ */ a.jsx(V, { value: "upload", children: /* @__PURE__ */ a.jsx("div", { className: "mt-[20px] max-h-[70vh] overflow-y-auto", children: /* @__PURE__ */ a.jsx(
-            ba,
-            {
-              kind: l,
-              value: d,
-              onChange: (h) => x(h),
-              isMultiple: i
-            }
-          ) }) }),
-          /* @__PURE__ */ a.jsx(V, { value: "import", children: /* @__PURE__ */ a.jsx(
-            ya,
-            {
-              onChange: (h) => x == null ? void 0 : x(h),
-              selectedFiles: d,
-              isMultiple: i,
-              kind: l
-            }
-          ) }),
-          /* @__PURE__ */ a.jsx(V, { value: "external_url", children: /* @__PURE__ */ a.jsx(
-            va,
-            {
-              onChange: (h) => {
-                x == null || x(h);
-              },
-              selectedFiles: d,
-              isMultiple: i,
-              kind: l
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ a.jsx("div", { className: "flex justify-end mt-[20px]", children: /* @__PURE__ */ a.jsx(
-          P,
-          {
-            variant: "default",
-            onClick: () => {
-              d && (g == null || g(d)), T();
-            },
-            children: "Save"
-          }
-        ) })
-      ]
-    }
-  );
-}, Oa = ({
-  field: s,
-  kind: c = F,
-  isMultiple: g,
-  isExternal: p = !1
-}) => {
-  var W;
-  const { media: l } = k(), { key: i = "", label: o = "", helper_text: d = "", readonly: x = !1 } = s, {
-    field: { onBlur: T, onChange: h, value: N, disabled: t, ref: j },
-    fieldState: m
-  } = ta({
-    name: i,
-    rules: la(s)
-  }), _ = J(() => {
-    const e = [];
-    return c.forEach((L) => {
-      e.push(...C[L]);
-    }), e;
-  }, [c]), b = N ? Array.isArray(N) ? N : [N] : [], [I, r] = U(!1), n = () => r(!0), v = () => r(!1), [A, w] = U(!1), E = (e) => {
-    h && (g === !0 ? h(e) : g === !1 && h(e == null ? void 0 : e[0]));
-  }, Z = async (e) => {
-    const L = new FormData();
-    let u = [...e];
-    g || (u = e == null ? void 0 : e.slice(0, 1)), (u == null ? void 0 : u.length) > 0 && (u == null || u.forEach((y) => {
-      var q;
-      const z = y.name.split("."), B = (q = z[z.length - 1]) == null ? void 0 : q.toLowerCase();
-      c == null || c.forEach((f) => {
-        _.push(...C[f]);
-      }), B && _.includes(B) && L.append("media", y);
-    })), w(!0), await (l == null ? void 0 : l.mediaBulkUpload(L).then((y) => {
-      var z, B;
-      w(!1), (z = y == null ? void 0 : y.content) != null && z.data && E((B = y == null ? void 0 : y.content) == null ? void 0 : B.data);
-    }).catch((y) => {
-      Y(y);
-    }).finally(() => {
-      w(!1);
-    }));
-  };
-  return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-    /* @__PURE__ */ a.jsx(
-      Na,
-      {
-        isOpen: I,
-        onClose: v,
-        onChange: (e) => {
-          E(e);
-        },
-        value: b,
-        kind: [...c],
-        isMultiple: g,
-        isExternal: p
-      }
-    ),
-    /* @__PURE__ */ a.jsxs(
-      da,
-      {
-        error: (W = m == null ? void 0 : m.error) == null ? void 0 : W.message,
-        helperText: d,
-        readOnly: x,
-        children: [
-          o && /* @__PURE__ */ a.jsx(ia, { htmlFor: i, isRequired: s == null ? void 0 : s.required, children: o }),
-          /* @__PURE__ */ a.jsxs("div", { className: "flex gap-2", ref: j, children: [
-            /* @__PURE__ */ a.jsx(
-              P,
-              {
-                size: "icon-small",
-                variant: "outline",
-                disabled: t,
-                onClick: n,
-                children: /* @__PURE__ */ a.jsx(O, { size: 15 })
-              }
-            ),
-            /* @__PURE__ */ a.jsxs("div", { className: "relative flex", children: [
-              /* @__PURE__ */ a.jsx(
-                K,
-                {
-                  name: "pasteUrl",
-                  placeholder: "Paste your files here...",
-                  onBlur: () => T(),
-                  onPaste: (e) => {
-                    const L = e.clipboardData.items, u = [];
-                    for (let y = 0; y < L.length; y++) {
-                      const z = L[y];
-                      if ((z == null ? void 0 : z.kind) === "file") {
-                        const B = z == null ? void 0 : z.getAsFile();
-                        B && u.push(B);
-                      }
-                    }
-                    (u == null ? void 0 : u.length) > 0 && Z(u);
-                  },
-                  disabled: t,
-                  readOnly: x
-                }
-              ),
-              A && /* @__PURE__ */ a.jsxs(
-                "div",
-                {
-                  role: "status",
-                  className: "absolute right-3 top-[50%] translate-y-[-50%]",
-                  children: [
-                    /* @__PURE__ */ a.jsx(ga, {}),
-                    /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Loading..." })
-                  ]
-                }
-              )
-            ] })
-          ] }),
-          (b == null ? void 0 : b.length) > 0 && /* @__PURE__ */ a.jsx("div", { className: "mt-3 w-full", children: /* @__PURE__ */ a.jsx("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fill,_minmax(100px,_1fr))]", children: b == null ? void 0 : b.map((e, L) => e != null && e.location ? /* @__PURE__ */ a.jsxs(
-            "div",
-            {
-              className: "relative border overflow-hidden group w-full rounded-xl h-28 flex items-center justify-center",
-              children: [
-                /* @__PURE__ */ a.jsx("div", { className: "w-full bg-black/20 h-full absolute top-0 left-0 z-10 hidden group-hover:flex items-center justify-center", children: /* @__PURE__ */ a.jsx("a", { href: e == null ? void 0 : e.location, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ a.jsx(aa, { size: 24 }) }) }),
-                (e == null ? void 0 : e.kind) !== "image" ? /* @__PURE__ */ a.jsx(R, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ a.jsx(
-                  "img",
-                  {
-                    className: "w-full h-full object-contain",
-                    src: e == null ? void 0 : e.location,
-                    alt: e == null ? void 0 : e.id
-                  }
-                ),
-                /* @__PURE__ */ a.jsx(
-                  "button",
-                  {
-                    className: "absolute z-10 top-1 right-1 bg-white p-1 rounded-full focus:outline-none",
-                    onClick: () => {
-                      E(
-                        b == null ? void 0 : b.filter((u) => (u == null ? void 0 : u.id) !== (e == null ? void 0 : e.id))
-                      );
-                    },
-                    type: "button",
-                    children: /* @__PURE__ */ a.jsx(ja, { className: "text-sm" })
-                  }
-                )
-              ]
-            },
-            `${e == null ? void 0 : e.location}-${L}`
-          ) : null) }) })
-        ]
-      }
-    )
-  ] });
-};
-export {
-  Oa as UploadWidget,
-  Oa as default
-};