@levo-so/react 0.0.2-alpha → 0.1.1

package/dist/Tooltip-CI4i4mYr.js

@@ -0,0 +1,144 @@
+"use client";
+import { j as a } from "./jsx-runtime-B6kdoens.js";
+import * as s from "@radix-ui/react-dialog";
+import { X as N } from "lucide-react";
+import * as n from "react";
+import { c as l } from "./cn-C9QoOYNG.js";
+import * as d from "@radix-ui/react-tooltip";
+const j = s.Root, C = s.Trigger, y = s.Portal, m = n.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ a.jsx(
+  s.Overlay,
+  {
+    ref: o,
+    className: l(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      t
+    ),
+    ...e
+  }
+));
+m.displayName = s.Overlay.displayName;
+const c = n.forwardRef(({ className: t, children: e, hideCloseButton: o, ...i }, r) => /* @__PURE__ */ a.jsxs(y, { children: [
+  /* @__PURE__ */ a.jsx(m, {}),
+  /* @__PURE__ */ a.jsxs(
+    s.Content,
+    {
+      ref: r,
+      className: l(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+        t
+      ),
+      ...i,
+      children: [
+        e,
+        !o && /* @__PURE__ */ a.jsxs(s.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ a.jsx(N, { className: "h-4 w-4" }),
+          /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+c.displayName = s.Content.displayName;
+const p = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    className: l(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      t
+    ),
+    ...e
+  }
+);
+p.displayName = "DialogHeader";
+const h = ({
+  className: t,
+  ...e
+}) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    className: l(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      t
+    ),
+    ...e
+  }
+);
+h.displayName = "DialogFooter";
+const f = n.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ a.jsx(
+  s.Title,
+  {
+    ref: o,
+    className: l(
+      "text-lg font-semibold leading-none tracking-tight",
+      t
+    ),
+    ...e
+  }
+));
+f.displayName = s.Title.displayName;
+const g = n.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ a.jsx(
+  s.Description,
+  {
+    ref: o,
+    className: l("text-sm text-muted-foreground", t),
+    ...e
+  }
+));
+g.displayName = s.Description.displayName;
+const R = ({
+  isOpen: t,
+  onClose: e,
+  children: o,
+  title: i,
+  contentClassName: r,
+  modal: u = !0
+}) => /* @__PURE__ */ a.jsx(j, { open: t, onOpenChange: e, modal: u, children: /* @__PURE__ */ a.jsxs(c, { className: r, children: [
+  i && /* @__PURE__ */ a.jsxs(p, { className: "flex-1 font-medium", children: [
+    /* @__PURE__ */ a.jsx(f, { children: i }),
+    /* @__PURE__ */ a.jsx(g, {})
+  ] }),
+  /* @__PURE__ */ a.jsx("div", { className: "w-full", children: o })
+] }) }), P = d.Provider, D = d.Root, b = d.Trigger, z = d.Portal, x = n.forwardRef(({ className: t, sideOffset: e = 4, ...o }, i) => /* @__PURE__ */ a.jsx(
+  d.Content,
+  {
+    ref: i,
+    sideOffset: e,
+    className: l(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t
+    ),
+    ...o
+  }
+));
+x.displayName = d.Content.displayName;
+const k = ({
+  children: t,
+  label: e,
+  labelClassName: o,
+  contentClassName: i,
+  asChild: r = !0
+}) => /* @__PURE__ */ a.jsxs(D, { children: [
+  e && /* @__PURE__ */ a.jsx(x, { className: o, children: /* @__PURE__ */ a.jsx("p", { className: i, children: e }) }),
+  /* @__PURE__ */ a.jsx(b, { asChild: r, children: t })
+] });
+export {
+  j as D,
+  k as S,
+  D as T,
+  y as a,
+  m as b,
+  C as c,
+  c as d,
+  p as e,
+  h as f,
+  f as g,
+  g as h,
+  R as i,
+  b as j,
+  x as k,
+  P as l,
+  z as m
+};

package/dist/URLWidget-CHeUEUXl.js

@@ -0,0 +1,14 @@
+import { j as e } from "./jsx-runtime-B6kdoens.js";
+import { H as s } from "./CollectionFormBuilder-jwwjyIpv.js";
+import r from "./TextWidget-D0UBxTxe.js";
+const a = (t) => /* @__PURE__ */ e.jsx(
+  r,
+  {
+    leftIcon: /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex items-center justify-center bg-muted", children: /* @__PURE__ */ e.jsx(s, { size: "20px", className: "text-muted-foreground" }) }),
+    ...t
+  }
+);
+export {
+  a as URLWidget,
+  a as default
+};

package/dist/UploadWidget-CzYGViqE.js

@@ -0,0 +1,503 @@
+"use client";
+import { j as r } from "./jsx-runtime-B6kdoens.js";
+import { createSrcSet as f, MediaKindList as k } from "@levo-so/core";
+import { useMemo as Q, useState as S, useRef as aa, useEffect as D } from "react";
+import { useController as ra } from "react-hook-form";
+import { G as R, B as I, S as W, T as ta, a as sa, c as q, d as G } from "./Spinner-CuUosd-S.js";
+import { X as ea, Upload as M } from "lucide-react";
+import { h as oa, j as ca, k as na } from "./CollectionFormBuilder-jwwjyIpv.js";
+import { I as X } from "./Input-2CvZ90f8.js";
+import { l as la, S as K, i as da } from "./Tooltip-CI4i4mYr.js";
+import { useDropzone as xa } from "react-dropzone";
+import { m as ia, g as F } from "./fileUploadPresets-2raQmHT0.js";
+import { e as O } from "./Sonner-t6JVKA0a.js";
+import { c as P } from "./cn-C9QoOYNG.js";
+import { u as V } from "./LevoProvider-DNbYyEaf.js";
+import { e as J } from "./errorHandler-BJcFS2qV.js";
+import { useDebouncedCallback as pa } from "use-debounce";
+import { C as ma } from "./Checbox-sq-atGlJ.js";
+import { b as ha } from "./byteToSize-BFKZSBu1.js";
+function $(e) {
+  return R({ 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: [] }] })(e);
+}
+function ua(e) {
+  return R({ 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: [] }] })(e);
+}
+function ga(e) {
+  return R({ 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: [] }] })(e);
+}
+const ja = ({ onChange: e, value: o, kind: j, isMultiple: d = !1 }) => {
+  const { media: c } = V(), n = Array.isArray(o) ? o : [], _ = Q(() => {
+    let t = {};
+    return j.forEach((m) => {
+      t = {
+        ...t,
+        ...ia[m]
+      };
+    }), t;
+  }, [j]), g = (t) => {
+    e == null || e(t);
+  }, y = async (t) => {
+    if ((t == null ? void 0 : t.length) === 0) {
+      O("No file selected. Please select one file.");
+      return;
+    }
+    const m = new FormData();
+    t == null || t.forEach((p) => {
+      m.append("media", p);
+    }), await (c == null ? void 0 : c.mediaBulkUpload(m).then((p) => {
+      var h, E;
+      const w = (E = (h = p == null ? void 0 : p.content) == null ? void 0 : h.data) == null ? void 0 : E.map(
+        (a) => {
+          var l;
+          return {
+            id: a == null ? void 0 : a.id,
+            kind: a == null ? void 0 : a.kind,
+            location: a == null ? void 0 : a.location,
+            mimetype: (l = a == null ? void 0 : a.metadata) == null ? void 0 : l.mimetype,
+            srcset: a == null ? void 0 : a.srcset
+          };
+        }
+      );
+      g([...n, ...w]);
+    }).catch(J));
+  }, { getRootProps: z, getInputProps: i, isDragActive: v } = xa({
+    onDrop: y,
+    accept: _,
+    multiple: d,
+    maxSize: 25 * 1024 * 1024,
+    onDropRejected: (t) => {
+      t.forEach((m) => {
+        m.errors.forEach((p) => {
+          p.code === "file-too-large" && O(`${m.file.name} is bigger than 25MB`);
+        });
+      });
+    }
+  });
+  return /* @__PURE__ */ r.jsx(la, { children: /* @__PURE__ */ r.jsx("div", { className: "w-full min-h-[150px]", children: (n == null ? void 0 : n.length) > 0 ? /* @__PURE__ */ r.jsxs("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fit,_minmax(150px,_1fr))]", children: [
+    n == null ? void 0 : n.map((t) => {
+      var m, p;
+      return /* @__PURE__ */ r.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__ */ r.jsx("div", { className: "flex items-center h-[100px]", children: /* @__PURE__ */ r.jsx(
+              $,
+              {
+                size: "60px",
+                className: "text-gray-400 p-2"
+              }
+            ) }) : /* @__PURE__ */ r.jsx(
+              "img",
+              {
+                className: "w-full h-full object-contain",
+                src: t == null ? void 0 : t.location
+              }
+            ),
+            /* @__PURE__ */ r.jsx(
+              "div",
+              {
+                className: P(
+                  "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__ */ r.jsx("p", { className: "absolute left-4 bottom-2 text-base text-white", children: (p = t == null ? void 0 : t.location) == null ? void 0 : p.split("/")[((m = t == null ? void 0 : t.location) == null ? void 0 : m.split("/").length) - 1] }),
+            /* @__PURE__ */ r.jsx(
+              I,
+              {
+                className: "absolute right-4 top-4 z-10",
+                size: "icon",
+                variant: "secondary",
+                onClick: () => {
+                  g(
+                    n == null ? void 0 : n.filter((w) => (w == null ? void 0 : w.id) !== (t == null ? void 0 : t.id))
+                  );
+                },
+                children: /* @__PURE__ */ r.jsx(ea, { className: "text-primary" })
+              }
+            )
+          ]
+        },
+        t == null ? void 0 : t.id
+      );
+    }),
+    d && /* @__PURE__ */ r.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",
+        ...z(),
+        children: [
+          /* @__PURE__ */ r.jsx("p", { className: "text-xl text-center my-2", children: v ? "Drop your files here..." : "Drag & Drop here to upload!" }),
+          /* @__PURE__ */ r.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ r.jsx(K, { label: "Upload a file", children: /* @__PURE__ */ r.jsxs(I, { size: "icon", className: "text-md", children: [
+            /* @__PURE__ */ r.jsx("input", { ...i() }),
+            /* @__PURE__ */ r.jsx(M, { size: 20 })
+          ] }) }) })
+        ]
+      }
+    )
+  ] }) : /* @__PURE__ */ r.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",
+      ...z(),
+      children: [
+        /* @__PURE__ */ r.jsx("p", { className: "text-xl my-2", children: v ? "Drop your files here..." : "Drag & Drop here to upload!" }),
+        /* @__PURE__ */ r.jsx("div", { className: "flex gap-4", children: /* @__PURE__ */ r.jsx(K, { label: "Upload a file", children: /* @__PURE__ */ r.jsxs(I, { size: "icon", className: "text-md", children: [
+          /* @__PURE__ */ r.jsx("input", { ...i() }),
+          /* @__PURE__ */ r.jsx(M, { size: 20 })
+        ] }) }) })
+      ]
+    }
+  ) }) });
+}, ya = ({
+  selectedFiles: e = [],
+  onChange: o,
+  isMultiple: j = !1,
+  kind: d
+}) => {
+  const { media: c } = V(), [n, _] = S(1), [g, y] = S([]), [z, i] = S(!1), v = aa(null), [t, m] = S({
+    searchText: "",
+    currentPage: 1
+  }), p = pa(() => {
+    i(!0), c == null || c.getAllMedia({
+      page: t.currentPage,
+      limit: 24,
+      sort: {
+        created_at: "desc"
+      },
+      search: t.searchText || void 0
+    }).then((a) => {
+      var l, A;
+      _((A = (l = a == null ? void 0 : a.content) == null ? void 0 : l.meta) == null ? void 0 : A.pages), y((L) => {
+        var b;
+        return [...L, ...((b = a == null ? void 0 : a.content) == null ? void 0 : b.data) || []];
+      });
+    }).catch((a) => {
+      console.error(a);
+    }).finally(() => {
+      i(!1);
+    });
+  }, 500);
+  D(() => {
+    p();
+  }, [t]), D(() => {
+    const a = v.current;
+    if (a)
+      return a.addEventListener("scroll", w), () => a.removeEventListener("scroll", w);
+  }, [v, t.currentPage, n]);
+  const w = () => {
+    const a = v.current;
+    a && a.scrollTop + a.clientHeight + 1 >= a.scrollHeight && h();
+  }, h = () => {
+    t.currentPage < n && m((a) => ({
+      searchText: a.searchText,
+      currentPage: a.currentPage + 1
+    }));
+  }, E = (a) => {
+    if (!(d != null && d.includes(a == null ? void 0 : a.kind))) {
+      O(`Only ${d == null ? void 0 : d.join(", ")}s are allowed.`);
+      return;
+    }
+    j ? (e == null ? void 0 : e.findIndex((l) => (l == null ? void 0 : l.id) === (a == null ? void 0 : a.id))) >= 0 ? o == null || o(e == null ? void 0 : e.filter((l) => (l == null ? void 0 : l.id) !== (a == null ? void 0 : a.id))) : o == null || o([...e || [], a]) : o == null || o([a]);
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "bg-white p-0 rounded-md w-full relative", children: [
+    /* @__PURE__ */ r.jsx("div", { className: "py-2 bg-white sticky top-0 z-50 w-full", children: /* @__PURE__ */ r.jsx(
+      X,
+      {
+        name: "searchText",
+        type: "text",
+        placeholder: "Search...",
+        value: t.searchText,
+        onChange: (a) => {
+          i(!0), m({ currentPage: 1, searchText: a.target.value }), y([]);
+        }
+      }
+    ) }),
+    z && !g.length ? /* @__PURE__ */ r.jsx("div", { className: "w-full h-full min-h-[30rem] flex items-center justify-center", children: /* @__PURE__ */ r.jsx(W, {}) }) : /* @__PURE__ */ r.jsxs(
+      "div",
+      {
+        ref: v,
+        className: "w-full h-[30rem] overflow-y-auto overflow-x-hidden grid lg:grid-cols-4 gap-6 p-2",
+        children: [
+          g == null ? void 0 : g.map((a, l) => {
+            const A = d == null ? void 0 : d.includes(a == null ? void 0 : a.kind), L = (e == null ? void 0 : e.findIndex((b) => (b == null ? void 0 : b.id) === (a == null ? void 0 : a.id))) >= 0;
+            return /* @__PURE__ */ r.jsxs(
+              "div",
+              {
+                className: P(
+                  "relative w-full",
+                  A ? "opacity-100" : "opacity-50"
+                ),
+                children: [
+                  /* @__PURE__ */ r.jsxs(
+                    "div",
+                    {
+                      className: P(
+                        "cursor-pointer w-full group rounded-md overflow-hidden h-[130px] border-2 flex items-center justify-center",
+                        L ? "border-primary" : "border-gray-100"
+                      ),
+                      onClick: () => {
+                        var b;
+                        return E({
+                          id: a == null ? void 0 : a.id,
+                          location: a == null ? void 0 : a.location,
+                          mimetype: (b = a == null ? void 0 : a.metadata) == null ? void 0 : b.mimetype,
+                          kind: a == null ? void 0 : a.kind,
+                          srcset: a == null ? void 0 : a.srcset
+                        });
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(
+                          "div",
+                          {
+                            className: P(
+                              "rounded-md opacity-0 absolute left-0 right-0 top-0 w-full h-[42px] bg-[linear-gradient(0deg,_transparent_0%,_#000000_200%)]",
+                              A ? "group-hover:opacity-100" : ""
+                            )
+                          }
+                        ),
+                        A && /* @__PURE__ */ r.jsx(
+                          ma,
+                          {
+                            name: "isFileIncluded",
+                            className: "absolute top-[10px] left-[10px]",
+                            checked: L
+                          }
+                        ),
+                        (a == null ? void 0 : a.kind) !== "image" ? /* @__PURE__ */ r.jsx($, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ r.jsx(
+                          "img",
+                          {
+                            className: "w-full h-full object-contain",
+                            srcSet: f(a == null ? void 0 : a.srcset),
+                            src: a == null ? void 0 : a.location
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ r.jsxs("div", { className: "my-[10px]", children: [
+                    /* @__PURE__ */ r.jsx("p", { className: "text-sm whitespace-nowrap overflow-hidden text-ellipsis", children: a == null ? void 0 : a.filename }),
+                    /* @__PURE__ */ r.jsx("p", { className: "text-xs text-gray-500", children: ha(a == null ? void 0 : a.metadata.size) })
+                  ] })
+                ]
+              },
+              `media-layout-file-${l}`
+            );
+          }),
+          z && /* @__PURE__ */ r.jsx("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ r.jsx(W, {}) })
+        ]
+      }
+    )
+  ] });
+}, ba = ({
+  isOpen: e,
+  onClose: o,
+  onChange: j,
+  value: d,
+  kind: c,
+  isMultiple: n = !1,
+  isExternal: _
+}) => {
+  const [g, y] = S([]), z = () => {
+    o();
+  };
+  return D(() => {
+    y(d.filter((i) => !!i.location));
+  }, [d]), /* @__PURE__ */ r.jsxs(
+    da,
+    {
+      title: (c == null ? void 0 : c.length) > 1 ? "Upload file" : `Upload ${c == null ? void 0 : c[0]}`,
+      isOpen: e,
+      onClose: () => z(),
+      contentClassName: "max-w-[60%]",
+      children: [
+        /* @__PURE__ */ r.jsxs(ta, { defaultValue: "upload", children: [
+          /* @__PURE__ */ r.jsxs(sa, { children: [
+            /* @__PURE__ */ r.jsx(q, { value: "upload", children: "Local File" }),
+            !_ && /* @__PURE__ */ r.jsx(q, { value: "import", children: "Import from Gallery" })
+          ] }),
+          /* @__PURE__ */ r.jsx(G, { value: "upload", children: /* @__PURE__ */ r.jsx("div", { className: "mt-[20px] max-h-[70vh] overflow-y-auto", children: /* @__PURE__ */ r.jsx(
+            ja,
+            {
+              kind: c,
+              value: g,
+              onChange: (i) => y(i),
+              isMultiple: n
+            }
+          ) }) }),
+          /* @__PURE__ */ r.jsx(G, { value: "import", children: /* @__PURE__ */ r.jsx(
+            ya,
+            {
+              onChange: (i) => {
+                y == null || y(i);
+              },
+              selectedFiles: g,
+              isMultiple: n,
+              kind: c
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ r.jsx("div", { className: "flex justify-end mt-[20px]", children: /* @__PURE__ */ r.jsx(
+          I,
+          {
+            variant: "default",
+            onClick: () => {
+              g && (j == null || j(g)), z();
+            },
+            children: "Save"
+          }
+        ) })
+      ]
+    }
+  );
+}, Va = ({
+  field: e,
+  kind: o = k,
+  isMultiple: j,
+  isExternal: d = !1
+}) => {
+  var H;
+  const { media: c } = V(), { key: n = "", label: _ = "", helper_text: g = "", readonly: y = !1 } = e, {
+    field: { onBlur: z, onChange: i, value: v, disabled: t, ref: m },
+    fieldState: p
+  } = ra({
+    name: n,
+    rules: oa(e)
+  }), w = Q(() => {
+    const s = [];
+    return o.forEach((T) => {
+      s.push(...F[T]);
+    }), s;
+  }, [o]), h = v ? Array.isArray(v) ? v : [v] : [], [E, a] = S(!1), l = () => a(!0), A = () => a(!1), [L, b] = S(!1), U = (s) => {
+    i && (j === !0 ? i(s) : j === !1 && i(s == null ? void 0 : s[0]));
+  }, Y = async (s) => {
+    const T = new FormData();
+    let x = [...s];
+    j || (x = s == null ? void 0 : s.slice(0, 1)), (x == null ? void 0 : x.length) > 0 && (x == null || x.forEach((u) => {
+      var C;
+      const N = u.name.split("."), B = (C = N[N.length - 1]) == null ? void 0 : C.toLowerCase();
+      o == null || o.forEach((Z) => {
+        w.push(...F[Z]);
+      }), B && w.includes(B) && T.append("media", u);
+    })), b(!0), await (c == null ? void 0 : c.mediaBulkUpload(T).then((u) => {
+      var N, B;
+      b(!1), (N = u == null ? void 0 : u.content) != null && N.data && U((B = u == null ? void 0 : u.content) == null ? void 0 : B.data);
+    }).catch((u) => {
+      J(u);
+    }).finally(() => {
+      b(!1);
+    }));
+  };
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(
+      ba,
+      {
+        isOpen: E,
+        onClose: A,
+        onChange: (s) => {
+          U(s);
+        },
+        value: h,
+        kind: [...o],
+        isMultiple: j,
+        isExternal: d
+      }
+    ),
+    /* @__PURE__ */ r.jsxs(
+      ca,
+      {
+        error: (H = p == null ? void 0 : p.error) == null ? void 0 : H.message,
+        helperText: g,
+        readOnly: y,
+        children: [
+          _ && /* @__PURE__ */ r.jsx(na, { htmlFor: n, isRequired: e == null ? void 0 : e.required, children: _ }),
+          /* @__PURE__ */ r.jsxs("div", { className: "flex gap-2", ref: m, children: [
+            /* @__PURE__ */ r.jsx(
+              I,
+              {
+                size: "icon-small",
+                variant: "outline",
+                disabled: t,
+                onClick: l,
+                children: /* @__PURE__ */ r.jsx(M, { size: 15 })
+              }
+            ),
+            /* @__PURE__ */ r.jsxs("div", { className: "relative flex", children: [
+              /* @__PURE__ */ r.jsx(
+                X,
+                {
+                  name: "pasteUrl",
+                  onBlur: () => z(),
+                  onPaste: (s) => {
+                    const T = s.clipboardData.items, x = [];
+                    for (let u = 0; u < T.length; u++) {
+                      const N = T[u];
+                      if ((N == null ? void 0 : N.kind) === "file") {
+                        const B = N == null ? void 0 : N.getAsFile();
+                        B && x.push(B);
+                      }
+                    }
+                    (x == null ? void 0 : x.length) > 0 && Y(x);
+                  },
+                  disabled: t,
+                  readOnly: y
+                }
+              ),
+              L && /* @__PURE__ */ r.jsxs(
+                "div",
+                {
+                  role: "status",
+                  className: "absolute right-3 top-[50%] translate-y-[-50%]",
+                  children: [
+                    /* @__PURE__ */ r.jsx(ua, {}),
+                    /* @__PURE__ */ r.jsx("span", { className: "sr-only", children: "Loading..." })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          (h == null ? void 0 : h.length) > 0 && /* @__PURE__ */ r.jsx("div", { className: "mt-3 w-full", children: /* @__PURE__ */ r.jsx("div", { className: "w-full grid gap-4 grid-cols-[repeat(auto-fill,_minmax(100px,_1fr))]", children: h == null ? void 0 : h.map((s, T) => s != null && s.location ? /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              className: "relative border overflow-hidden group w-full rounded-xl h-[120px] flex items-center justify-center",
+              children: [
+                (s == null ? void 0 : s.kind) !== "image" ? /* @__PURE__ */ r.jsx($, { size: "60px", className: "text-gray-400" }) : /* @__PURE__ */ r.jsx(
+                  "img",
+                  {
+                    className: "w-full h-full object-contain",
+                    src: s == null ? void 0 : s.location,
+                    alt: s == null ? void 0 : s.id
+                  }
+                ),
+                /* @__PURE__ */ r.jsx(
+                  "button",
+                  {
+                    className: "absolute top-1 right-1 bg-white p-1 rounded-full focus:outline-none",
+                    onClick: () => {
+                      U(
+                        h == null ? void 0 : h.filter((x) => (x == null ? void 0 : x.id) !== (s == null ? void 0 : s.id))
+                      );
+                    },
+                    type: "button",
+                    children: /* @__PURE__ */ r.jsx(ga, { className: "text-sm" })
+                  }
+                )
+              ]
+            },
+            `${s == null ? void 0 : s.location}-${T}`
+          ) : null) }) })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Va as UploadWidget,
+  Va as default
+};

package/dist/audience/{block.d.ts → components/block.d.ts}

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ILevoAudience } from '@levo-so/audience';
+import { ILevoAudience } from '@levo-so/core';
 export declare const LevoAudienceBlock: React.FC<{
     id: string;
     properties?: ILevoAudience.Properties;

package/dist/audience/components/block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../src/audience/components/block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC;CACvC,CAkBA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/audience/{component.d.ts → components/component.d.ts}

@@ -1,4 +1,4 @@
-import { ILevoAudience } from '@levo-so/audience';
+import { ILevoAudience } from '@levo-so/core';
 export declare const LevoAudienceComponent: React.FC<{
     event: string;
     properties: ILevoAudience.Properties;

package/dist/audience/components/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/audience/components/component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAGnD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,aAAa,CAAC,UAAU,CAAC;CACtC,CAUA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}