@snowcone-app/canvas 0.37.1 → 0.38.0

package/dist/{ImagePanel-DLxIDKV-.js → ImagePanel-BaX0UE-L.js}

@@ -1,11 +1,11 @@
 import { jsx as e, jsxs as t, Fragment as le } from "react/jsx-runtime";
 import * as ss from "react";
 import $e, { useMemo as je, useState as r, useRef as M, useEffect as ie, useCallback as fe } from "react";
-import { u as ts, g as cs } from "./design-builder-CqgTpp9B.js";
-import { o as as, N as rs, d as Ge, W as ns, I as p, O as me, B as Y, u as os, X as is, C as ls } from "./useCommands-CQi4Pyd2.js";
-import { c as He, I as ds } from "./FontAnalyzer-CEYA_6fY.js";
-import { T as C, S as Pe, a as Ie, I as Ce, L as Ee } from "./custom-icons-D51KIAfz.js";
-import { a as us } from "./guards-DldCuuJq.js";
+import { b as ts, c as cs } from "./design-builder-CoCtjIwj.js";
+import { u as as, c as rs, a as Ge, D as ns, I as p, i as me, B as X, b as os, d as is, C as ls } from "./useCommands-x8J7_Mzy.js";
+import { c as He, I as ds } from "./FontAnalyzer-DWHS41ba.js";
+import { T as C, S as Pe, a as Ie, I as Ce, L as Ee } from "./custom-icons-o1U13Vcg.js";
+import { i as us } from "./guards-DMmhw_Ow.js";
 const _e = ss.forwardRef(
   ({ className: d, isInvalid: a, disabled: x, readOnly: E, required: u, variant: A, ...c }, g) => {
     const o = as(), i = A ?? (o.variant === "default" ? "filled" : "default");
@@ -37,17 +37,17 @@ const _e = ss.forwardRef(
 _e.displayName = "Textarea";
 const Fe = _e;
 Fe.displayName = "TextArea";
-const xe = He("ImageBrowser"), ms = "Image search is temporarily unavailable.", Ve = "Image generation is temporarily unavailable.", fs = "Vector search is temporarily unavailable.", Ue = "Background removal is temporarily unavailable.";
+const xe = He("ImageBrowser"), ms = "Image search is temporarily unavailable.", Ve = "Image generation is temporarily unavailable.", fs = "Vector search is temporarily unavailable.", De = "Background removal is temporarily unavailable.";
 function gs(d, a) {
   const x = d instanceof Error ? d.message : "";
   return !x || /VITE_|NEXT_PUBLIC_|\.env/i.test(x) ? a : x;
 }
-const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint" }, De = $e.memo(function({ image: a, onImageSelect: x, fixedHeight: E = !1 }) {
-  const [u, A] = r(!1), [c, g] = r(!1), [o, i] = r("top"), b = M(null), h = M(null), U = M(null), N = M(!0), [T, v] = r(!1), w = M(null), S = () => {
+const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint" }, Ue = $e.memo(function({ image: a, onImageSelect: x, fixedHeight: E = !1 }) {
+  const [u, A] = r(!1), [c, g] = r(!1), [o, i] = r("top"), b = M(null), h = M(null), D = M(null), N = M(!0), [T, v] = r(!1), w = M(null), S = () => {
     c || x(a);
   }, W = (R) => {
-    if (!U.current) return "top";
-    const m = U.current.getBoundingClientRect(), Z = R.clientX - m.left, z = R.clientY - m.top, y = m.width, L = m.height, P = {
+    if (!D.current) return "top";
+    const m = D.current.getBoundingClientRect(), Z = R.clientX - m.left, z = R.clientY - m.top, y = m.width, L = m.height, P = {
       top: z,
       bottom: L - z,
       left: Z,
@@ -75,7 +75,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
     b.current && (clearTimeout(b.current), b.current = null), h.current && (clearTimeout(h.current), h.current = null);
   }, _ = () => {
     g(!1);
-  }, D = a.source === "unsplash" ? "Unsplash" : "Pixabay", ce = u || c, q = () => {
+  }, U = a.source === "unsplash" ? "Unsplash" : "Pixabay", ce = u || c, q = () => {
     if (!u) return "none";
     switch (o) {
       case "top":
@@ -93,7 +93,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: U,
+      ref: D,
       onClick: S,
       onMouseEnter: se,
       onMouseLeave: Q,
@@ -136,7 +136,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                     className: "sc:size-3 sc:text-white/80"
                   }
                 ),
-                /* @__PURE__ */ e("span", { className: "sc:text-xs sc:font-medium sc:text-white/80", children: D })
+                /* @__PURE__ */ e("span", { className: "sc:text-xs sc:font-medium sc:text-white/80", children: U })
               ] }),
               /* @__PURE__ */ t("div", { className: "sc:flex sc:flex-col sc:gap-0.5", children: [
                 /* @__PURE__ */ e("span", { className: "sc:text-xs sc:text-white/60", children: "Photo by" }),
@@ -164,7 +164,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                         rel: "noopener noreferrer",
                         onClick: (R) => R.stopPropagation(),
                         className: "sc:underline sc:decoration-white/40 sc:underline-offset-2 sc:hover:decoration-white",
-                        children: D
+                        children: U
                       }
                     )
                   ] })
@@ -183,7 +183,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
     i.current && (clearTimeout(i.current), i.current = null), o.current = setTimeout(() => {
       g(!0);
     }, 400);
-  }, U = () => {
+  }, D = () => {
     o.current && (clearTimeout(o.current), o.current = null), g(!1);
   }, N = () => {
     o.current && (clearTimeout(o.current), o.current = null), i.current && (clearTimeout(i.current), i.current = null);
@@ -229,7 +229,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
               className: `sc:relative sc:flex sc:h-6 sc:w-6 sc:items-center sc:justify-center sc:rounded-full sc:bg-black/50 sc:transition-all sc:duration-300 sc:ease-in-out sc:hover:scale-110 ${v ? "sc:opacity-100" : "sc:pointer-events-none sc:opacity-0"}`,
               "aria-label": "Vector info",
               onMouseEnter: h,
-              onMouseLeave: U,
+              onMouseLeave: D,
               children: /* @__PURE__ */ e(p, { icon: "lucide:aperture", className: "sc:size-4 sc:text-white/80" })
             }
           )
@@ -269,13 +269,13 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
       ...g ? ["ai"] : []
     ],
     [c, o, g]
-  ), [h, U] = r(""), [N, T] = r(""), [v, w] = r([]), [S, W] = r(!1), [se, Q] = r(null), [k, te] = r(b[0]), [$, _] = r(1), [D, ce] = r(!0), [q, R] = r("masonry"), [m, Z] = r(""), [z, y] = r([]), [L, P] = r(!1), [J, ae] = r(null), [j, be] = r(null), [K, ge] = r(!0), [re, ve] = r("grid"), [F, G] = r(""), [V, l] = r(!1), [O, de] = r(null), [H, he] = r(null), [B, ne] = r(!1), [oe, ee] = r(null), Ne = M(null), pe = M(null), Le = M(null);
+  ), [h, D] = r(""), [N, T] = r(""), [v, w] = r([]), [S, W] = r(!1), [se, Q] = r(null), [k, te] = r(b[0]), [$, _] = r(1), [U, ce] = r(!0), [q, R] = r("masonry"), [m, Z] = r(""), [z, y] = r([]), [L, P] = r(!1), [J, ae] = r(null), [j, be] = r(null), [K, ge] = r(!0), [re, ve] = r("grid"), [F, G] = r(""), [V, l] = r(!1), [O, de] = r(null), [H, he] = r(null), [B, ne] = r(!1), [oe, ee] = r(null), Ne = M(null), pe = M(null), Le = M(null);
   ie(() => {
     b.includes(k) || te(b[0]);
   }, [b, k]), ie(() => {
     d && E && (T(E), te("url"));
   }, [d, E]), ie(() => {
-    d || (U(""), T(""), w([]), Q(null), _(1), ce(!0), Z(""), y([]), ae(null), be(null), ge(!0));
+    d || (D(""), T(""), w([]), Q(null), _(1), ce(!0), Z(""), y([]), ae(null), be(null), ge(!0));
   }, [d]);
   const we = fe(
     async (s, n, f) => {
@@ -283,7 +283,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
         W(!0), Q(null);
         try {
           const I = await c.search({ query: s, page: n, perPage: 30 });
-          w((X) => f ? [...X, ...I.results] : I.results), _(I.page), ce(I.hasMore);
+          w((Y) => f ? [...Y, ...I.results] : I.results), _(I.page), ce(I.hasMore);
         } catch (I) {
           Q(ms), xe.error("Error searching images:", I);
         } finally {
@@ -296,17 +296,17 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
   ie(() => {
     d && !h && k === "search" && v.length === 0 && c && we("", 1, !1);
   }, [d, k, c]);
-  const Xe = (s) => {
+  const Ye = (s) => {
     s.preventDefault(), we(h, 1, !1);
   }, Me = fe(() => {
-    S || !D || we(h, $ + 1, !0);
-  }, [S, D, h, $, we]);
+    S || !U || we(h, $ + 1, !0);
+  }, [S, U, h, $, we]);
   ie(() => {
     const s = Ne.current;
     if (!s || !d || k !== "search") return;
     const n = new IntersectionObserver(
       (f) => {
-        f[0].isIntersecting && D && !S && Me();
+        f[0].isIntersecting && U && !S && Me();
       },
       {
         root: null,
@@ -319,16 +319,16 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
     return n.observe(s), () => {
       n.disconnect();
     };
-  }, [d, k, D, S, Me]);
+  }, [d, k, U, S, Me]);
   const ye = fe(
     async (s, n) => {
       if (o) {
         P(!0), ae(null);
         try {
           const { results: f, nextPage: I } = await o.search({ query: s, nextPage: n ?? null });
-          y(n ? (X) => {
-            const Re = new Set(X.map((ue) => ue.id));
-            return [...X, ...f.filter((ue) => !Re.has(ue.id))];
+          y(n ? (Y) => {
+            const Re = new Set(Y.map((ue) => ue.id));
+            return [...Y, ...f.filter((ue) => !Re.has(ue.id))];
           } : f), be(I), ge(I !== null);
         } catch (f) {
           ae(fs), xe.error("Error searching vectors:", f);
@@ -342,7 +342,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
   ie(() => {
     d && !m && k === "vector" && z.length === 0 && o && ye("");
   }, [d, k, o]);
-  const Ye = (s) => {
+  const Xe = (s) => {
     s.preventDefault(), ye(m);
   }, Ae = fe(() => {
     L || !K || !j || ye(m, j);
@@ -382,9 +382,9 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
     const n = (f = s.target.files) == null ? void 0 : f[0];
     if (n && n.type.startsWith("image/")) {
       const I = new FileReader();
-      I.onload = (X) => {
+      I.onload = (Y) => {
         var ue;
-        const Re = (ue = X.target) == null ? void 0 : ue.result;
+        const Re = (ue = Y.target) == null ? void 0 : ue.result;
         T(Re);
       }, I.readAsDataURL(n);
     }
@@ -398,7 +398,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
         const s = await i(N);
         T(s);
       } catch (s) {
-        ee(Ue), xe.error("Error removing background:", s);
+        ee(De), xe.error("Error removing background:", s);
       } finally {
         ne(!1);
       }
@@ -412,15 +412,15 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
       }
       l(!0), de(null), he(null);
       try {
-        const X = (f = (n = (await g.generate({
+        const Y = (f = (n = (await g.generate({
           prompt: F,
           width: 1024,
           height: 1024,
           numberResults: 1
         })).images) == null ? void 0 : n[0]) == null ? void 0 : f.imageUrl;
-        if (!X)
+        if (!Y)
           throw new Error(Ve);
-        he(X);
+        he(Y);
       } catch (I) {
         de(gs(I, Ve)), xe.error("Error generating AI image:", I);
       } finally {
@@ -436,7 +436,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
         const s = await i(H);
         he(s);
       } catch (s) {
-        ee(Ue), xe.error("Error removing background:", s);
+        ee(De), xe.error("Error removing background:", s);
       } finally {
         ne(!1);
       }
@@ -538,21 +538,21 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                 }
               ) }),
               c && /* @__PURE__ */ t(C.Panel, { id: "search", className: "sc:flex sc:flex-col", children: [
-                /* @__PURE__ */ t("form", { onSubmit: Xe, className: "sc:sticky sc:top-0 sc:z-9 sc:flex sc:gap-2 sc:bg-surface sc:px-6 sc:pt-4 sc:pb-3", children: [
+                /* @__PURE__ */ t("form", { onSubmit: Ye, className: "sc:sticky sc:top-0 sc:z-9 sc:flex sc:gap-2 sc:bg-surface sc:px-6 sc:pt-4 sc:pb-3", children: [
                   /* @__PURE__ */ e(Ie, { className: "sc:flex-1", "aria-label": "Search for images", children: /* @__PURE__ */ e(
                     Ce,
                     {
                       type: "text",
                       placeholder: "Search for images...",
                       value: h,
-                      onChange: (s) => U(s.target.value),
+                      onChange: (s) => D(s.target.value),
                       variant: "subtle",
                       "data-testid": "image-search-input"
                     }
                   ) }),
-                  /* @__PURE__ */ e(Y, { type: "submit", size: "icon", variant: "secondary", disabled: S, "aria-label": "Search", children: /* @__PURE__ */ e(p, { icon: me.search, className: "sc:size-5" }) }),
+                  /* @__PURE__ */ e(X, { type: "submit", size: "icon", variant: "secondary", disabled: S, "aria-label": "Search", children: /* @__PURE__ */ e(p, { icon: me.search, className: "sc:size-5" }) }),
                   /* @__PURE__ */ e(
-                    Y,
+                    X,
                     {
                       size: "icon",
                       variant: "secondary",
@@ -577,7 +577,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                           gridAutoRows: u === "bottom" ? "200px" : "120px",
                           gap: hs
                         },
-                        children: v.map((s, n) => /* @__PURE__ */ e("div", { className: es(s, n), style: ke, children: /* @__PURE__ */ e(De, { image: s, onImageSelect: ze, fixedHeight: !0 }) }, s.id))
+                        children: v.map((s, n) => /* @__PURE__ */ e("div", { className: es(s, n), style: ke, children: /* @__PURE__ */ e(Ue, { image: s, onImageSelect: ze, fixedHeight: !0 }) }, s.id))
                       }
                     )
                   ) : (
@@ -591,13 +591,13 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                           gridTemplateColumns: u === "bottom" ? "repeat(auto-fill, minmax(150px, 1fr))" : "repeat(auto-fill, minmax(120px, 1fr))",
                           gap: Se
                         },
-                        children: v.map((s) => /* @__PURE__ */ e("div", { style: { aspectRatio: "1 / 1", ...ke }, children: /* @__PURE__ */ e(De, { image: s, onImageSelect: ze, fixedHeight: !0 }) }, s.id))
+                        children: v.map((s) => /* @__PURE__ */ e("div", { style: { aspectRatio: "1 / 1", ...ke }, children: /* @__PURE__ */ e(Ue, { image: s, onImageSelect: ze, fixedHeight: !0 }) }, s.id))
                       }
                     )
                   ),
-                  D && /* @__PURE__ */ e("div", { ref: Ne, className: "sc:h-px" }),
+                  U && /* @__PURE__ */ e("div", { ref: Ne, className: "sc:h-px" }),
                   S && /* @__PURE__ */ e("div", { className: "sc:text-muted sc:py-4 sc:text-center sc:text-sm", children: "Loading more..." }),
-                  !D && !S && /* @__PURE__ */ e("div", { className: "sc:text-muted sc:py-6 sc:text-center sc:text-sm", children: "No more images" })
+                  !U && !S && /* @__PURE__ */ e("div", { className: "sc:text-muted sc:py-6 sc:text-center sc:text-sm", children: "No more images" })
                 ] }),
                 !S && v.length === 0 && h && /* @__PURE__ */ t("div", { className: "sc:text-muted sc:px-6 sc:py-12 sc:text-center sc:text-sm", children: [
                   'No images found for "',
@@ -664,7 +664,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                         )
                       ] }),
                       /* @__PURE__ */ e(
-                        Y,
+                        X,
                         {
                           type: "submit",
                           variant: "default",
@@ -681,7 +681,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                   /* @__PURE__ */ t("div", { className: "sc:flex sc:items-center sc:justify-between sc:gap-3", children: [
                     /* @__PURE__ */ e("span", { className: "sc:text-xs sc:font-medium sc:uppercase sc:tracking-wider sc:text-muted-foreground", children: "Preview" }),
                     i && /* @__PURE__ */ e(
-                      Y,
+                      X,
                       {
                         onClick: Ze,
                         disabled: B || !N.trim(),
@@ -723,7 +723,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                 ] })
               ] }),
               o && /* @__PURE__ */ t(C.Panel, { id: "vector", className: "sc:flex sc:flex-col", children: [
-                /* @__PURE__ */ t("form", { onSubmit: Ye, className: "sc:sticky sc:top-0 sc:z-9 sc:flex sc:gap-2 sc:bg-surface sc:px-6 sc:pt-4 sc:pb-3", children: [
+                /* @__PURE__ */ t("form", { onSubmit: Xe, className: "sc:sticky sc:top-0 sc:z-9 sc:flex sc:gap-2 sc:bg-surface sc:px-6 sc:pt-4 sc:pb-3", children: [
                   /* @__PURE__ */ e(Ie, { className: "sc:flex-1", "aria-label": "Search for vector graphics", children: /* @__PURE__ */ e(
                     Ce,
                     {
@@ -735,9 +735,9 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                       "data-testid": "vector-search-input"
                     }
                   ) }),
-                  /* @__PURE__ */ e(Y, { type: "submit", size: "icon", variant: "secondary", disabled: L, "aria-label": "Search", children: /* @__PURE__ */ e(p, { icon: me.search, className: "sc:size-5" }) }),
+                  /* @__PURE__ */ e(X, { type: "submit", size: "icon", variant: "secondary", disabled: L, "aria-label": "Search", children: /* @__PURE__ */ e(p, { icon: me.search, className: "sc:size-5" }) }),
                   /* @__PURE__ */ e(
-                    Y,
+                    X,
                     {
                       size: "icon",
                       variant: "secondary",
@@ -808,7 +808,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                     )
                   ] }),
                   /* @__PURE__ */ e(
-                    Y,
+                    X,
                     {
                       type: "submit",
                       variant: "default",
@@ -842,7 +842,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                   ] }),
                   /* @__PURE__ */ t("div", { className: "sc:flex sc:flex-col sc:gap-3", children: [
                     i && /* @__PURE__ */ e(
-                      Y,
+                      X,
                       {
                         onClick: Oe,
                         disabled: B || !H,
@@ -861,7 +861,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
                     ),
                     oe && /* @__PURE__ */ e("div", { className: "sc:border-danger sc:bg-danger/10 sc:text-danger sc:rounded-xl sc:border-2 sc:px-3 sc:py-2 sc:text-xs", children: oe }),
                     /* @__PURE__ */ e(
-                      Y,
+                      X,
                       {
                         onClick: Ke,
                         variant: "default",
@@ -889,7 +889,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
   services: c
 }) => {
   var z;
-  const { elements: g, setElements: o, canvasEditorRef: i, artboardManager: b, executeAddElement: h, executeElementUpdate: U } = ts(), { selectedId: N, setSelectedId: T } = cs(), { activeArtboardId: v } = os(), w = Ge(), S = je(() => {
+  const { elements: g, setElements: o, canvasEditorRef: i, artboardManager: b, executeAddElement: h, executeElementUpdate: D } = ts(), { selectedId: N, setSelectedId: T } = cs(), { activeArtboardId: v } = os(), w = Ge(), S = je(() => {
     if (w.ingestImage) return w.ingestImage;
     if (c != null && c.ingestImage) return c.ingestImage;
     if (c != null && c.ingestImageUrl) return is(c.ingestImageUrl);
@@ -899,7 +899,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
   se.current = g;
   const Q = M(N);
   Q.current = N;
-  const [k, te] = r(null), $ = u ?? k, _ = A ?? te, [D, ce] = r(!1), q = fe(
+  const [k, te] = r(null), $ = u ?? k, _ = A ?? te, [U, ce] = r(!1), q = fe(
     async (y) => {
       var ve, F;
       const L = W.current;
@@ -921,7 +921,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
           l.imageUrl = y, l.transformData.cropX = 0, l.transformData.cropY = 0, l.transformData.cropWidth = 1, l.transformData.cropHeight = 1, l.transformData.flipHorizontal = !1, l.transformData.flipVertical = !1, l.transformData.borderRadius = 0, l.imageLoaded = !1, l.imageElement = null, l.isCropping = !1, l.preserveDimensions = !1, l.transformData.width = de, l.transformData.height = H, l.onLoadCallback = (he) => {
             const B = he, ne = B.transformData.width, oe = B.transformData.height, ee = Math.min(de / ne, H / oe, 1);
             ee < 1 && (B.transformData.width = ne * ee, B.transformData.height = oe * ee), o((Ne) => Ne.map((pe) => pe.id === B.id ? B : pe));
-          }, l.loadImage(y), U(V, l), E && E(l);
+          }, l.loadImage(y), D(V, l), E && E(l);
         }
         _(null);
         return;
@@ -952,7 +952,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
       // to prevent callback recreation on every context update
       b,
       h,
-      U,
+      D,
       v,
       i,
       o,
@@ -973,7 +973,7 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
       onToggle: R,
       onImageSelect: q,
       currentImageUrl: m,
-      busy: D
+      busy: U
     }
   );
   return c ? /* @__PURE__ */ e(ls, { services: c, children: Z }) : Z;
@@ -981,4 +981,4 @@ const hs = "1px", Se = "1px", ke = { contentVisibility: "auto", contain: "paint"
 export {
   ks as ImagePanel
 };
-//# sourceMappingURL=ImagePanel-DLxIDKV-.js.map
+//# sourceMappingURL=ImagePanel-BaX0UE-L.js.map