@snowcone-app/canvas 0.37.1 → 0.39.0

package/dist/{design-builder-CqgTpp9B.js → design-builder-CoCtjIwj.js}

@@ -1,13 +1,13 @@
 import { jsx as k } from "react/jsx-runtime";
-import { useContext as Y, useSyncExternalStore as pe, useCallback as m, createContext as Q, useRef as pt, useState as b, useEffect as Dt, useMemo as q } from "react";
-import { a0 as Ae, E as ot, U as ye, aq as ge, G as jt, ar as xe, as as be, at as we, au as Ee, av as Se, c as Zt, C as Re, aw as Ce, ax as Ie, ay as Te, W as Oe, _ as Wt, I as Fe, g as ve, S as Pe, az as Ne, aA as Mt, y as ze, D as He, M as ke } from "./FontAnalyzer-CEYA_6fY.js";
-const Jt = Q(null), Ue = () => () => {
-}, Yt = () => 0;
+import { useContext as X, useSyncExternalStore as pe, useCallback as m, createContext as Q, useRef as pt, useState as b, useEffect as Dt, useMemo as q } from "react";
+import { H as Ae, t as ot, U as ye, y as ge, G as jt, R as xe, z as be, D as we, B as Ee, J as Se, c as Jt, x as Re, M as Ce, K as Ie, N as Te, e as Oe, E as Wt, I as Fe, q as ve, S as Pe, O as Ne, Q as Mt, V as ze, X as He, i as ke } from "./FontAnalyzer-DWHS41ba.js";
+const Zt = Q(null), Ue = () => () => {
+}, Xt = () => 0;
 function go() {
-  const e = Y(Jt), t = pe(
+  const e = X(Zt), t = pe(
     e ? e.subscribe : Ue,
-    e ? e.getVersion : Yt,
-    e ? e.getVersion : Yt
+    e ? e.getVersion : Xt,
+    e ? e.getVersion : Xt
   );
   return m(
     (o) => !!(e && o && e.getBoundLayer(o)),
@@ -16,9 +16,9 @@ function go() {
     [e, t]
   );
 }
-const gt = Zt("useCommandHistory");
+const gt = Jt("useCommandHistory");
 function Ve(e, t, o, n) {
-  const s = pt(new Ae(o)), i = Y(Jt), c = m(
+  const s = pt(new Ae(o)), i = X(Zt), c = m(
     (l, f) => {
       const g = l == null ? void 0 : l.name;
       if (!i || !g) return;
@@ -92,14 +92,14 @@ function Ve(e, t, o, n) {
                 return O.splice(H + 1, 0, U), O;
               }
               for (let O = 0; O < N.length; O++) {
-                const X = N[O];
-                if (X instanceof jt && X.children) {
-                  const rt = X.children.findIndex((G) => G.id === g);
+                const Y = N[O];
+                if (Y instanceof jt && Y.children) {
+                  const rt = Y.children.findIndex((K) => K.id === g);
                   if (rt !== -1) {
-                    const G = X.clone();
-                    G.children.splice(rt + 1, 0, U);
-                    const K = [...N];
-                    return K[O] = G, K;
+                    const K = Y.clone();
+                    K.children.splice(rt + 1, 0, U);
+                    const G = [...N];
+                    return G[O] = K, G;
                   }
                 }
               }
@@ -357,12 +357,12 @@ function Qt(e) {
     else if (n.length === 6)
       s = parseInt(n.slice(0, 2), 16), i = parseInt(n.slice(2, 4), 16), c = parseInt(n.slice(4, 6), 16);
     else return null;
-    return Number.isNaN(s) || Number.isNaN(i) || Number.isNaN(c) ? null : Xt(s, i, c);
+    return Number.isNaN(s) || Number.isNaN(i) || Number.isNaN(c) ? null : Yt(s, i, c);
   }
   const o = t.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
-  return o ? Xt(Number(o[1]), Number(o[2]), Number(o[3])) : null;
+  return o ? Yt(Number(o[1]), Number(o[2]), Number(o[3])) : null;
 }
-function Xt(e, t, o) {
+function Yt(e, t, o) {
   const n = (s) => {
     const i = s / 255;
     return i <= 0.03928 ? i / 12.92 : Math.pow((i + 0.055) / 1.055, 2.4);
@@ -373,7 +373,7 @@ const $e = "#333333", Be = "#f4f4f5";
 function We(e) {
   return e && Le(e) ? Be : $e;
 }
-const te = Q(null), Me = 0.1, Ye = 4, Gt = 0.25, Xe = ({
+const te = Q(null), Me = 0.1, Xe = 4, Kt = 0.25, Ye = ({
   children: e,
   artboardManager: t,
   canvasRef: o,
@@ -382,9 +382,9 @@ const te = Q(null), Me = 0.1, Ye = 4, Gt = 0.25, Xe = ({
   const [s, i] = b(1), [c, r] = b({ x: 0, y: 0 }), [d, a] = b(!1), [z, v] = b(1), V = m(() => {
     v(1), r({ x: 0, y: 0 });
   }, []), E = m(() => {
-    i((F) => Math.min(F + Gt, Ye));
+    i((F) => Math.min(F + Kt, Xe));
   }, []), D = m(() => {
-    i((F) => Math.max(F - Gt, Me));
+    i((F) => Math.max(F - Kt, Me));
   }, []), p = m(() => {
     const F = t.getActiveArtboard();
     if (!F || !o.current) return;
@@ -421,13 +421,13 @@ const te = Q(null), Me = 0.1, Ye = 4, Gt = 0.25, Xe = ({
   );
   return /* @__PURE__ */ k(te.Provider, { value: S, children: e });
 };
-function Ge() {
-  const e = Y(te);
+function Ke() {
+  const e = X(te);
   if (!e)
     throw new Error("useViewportContext must be used within a ViewportProvider (or EditorProvider)");
   return e;
 }
-const ee = Q(null), Ke = ({ children: e }) => {
+const ee = Q(null), Ge = ({ children: e }) => {
   const [t, o] = b(null), [n, s] = b([]), [i, c] = b(null), [r, d] = b(null), [a, z] = b(!1), v = m((D) => {
     o(D);
   }, []), V = m((D) => {
@@ -459,12 +459,12 @@ const ee = Q(null), Ke = ({ children: e }) => {
   return /* @__PURE__ */ k(ee.Provider, { value: E, children: e });
 };
 function je() {
-  const e = Y(ee);
+  const e = X(ee);
   if (!e)
     throw new Error("useSelectionContext must be used within a SelectionProvider (or EditorProvider)");
   return e;
 }
-const oe = Q(null), Ze = ({ children: e, value: t }) => {
+const oe = Q(null), Je = ({ children: e, value: t }) => {
   const o = q(
     () => ({
       undo: t.undo,
@@ -490,12 +490,12 @@ const oe = Q(null), Ze = ({ children: e, value: t }) => {
   return /* @__PURE__ */ k(oe.Provider, { value: o, children: e });
 };
 function wo() {
-  const e = Y(oe);
+  const e = X(oe);
   if (!e)
     throw new Error("useHistoryContext must be used within a HistoryProvider (or EditorProvider)");
   return e;
 }
-const ne = Q(null), Je = ({ children: e }) => {
+const ne = Q(null), Ze = ({ children: e }) => {
   const [t, o] = b(null), [n, s] = b(!1), [i, c] = b(0), [r, d] = b(!1), [a, z] = b(!1), v = q(
     () => ({
       expandedPanelType: t,
@@ -514,7 +514,7 @@ const ne = Q(null), Je = ({ children: e }) => {
   return /* @__PURE__ */ k(ne.Provider, { value: v, children: e });
 };
 function qe() {
-  const e = Y(ne);
+  const e = X(ne);
   if (!e)
     throw new Error("useToolStateContext must be used within a ToolStateProvider (or EditorProvider)");
   return e;
@@ -577,7 +577,7 @@ const re = Q(null), Qe = ({ children: e, value: t }) => {
   return /* @__PURE__ */ k(re.Provider, { value: o, children: e });
 };
 function Eo() {
-  const e = Y(re);
+  const e = X(re);
   if (!e)
     throw new Error("useElementsContext must be used within an ElementsProvider (or EditorProvider)");
   return e;
@@ -626,18 +626,18 @@ const ie = Q(null), to = ({ children: e, value: t }) => {
   return /* @__PURE__ */ k(ie.Provider, { value: o, children: e });
 };
 function So() {
-  const e = Y(ie);
+  const e = X(ie);
   if (!e)
     throw new Error("useCommandContext must be used within a CommandProvider (or EditorProvider)");
   return e;
 }
-const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
-  const e = Y(ce);
+const eo = Jt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
+  const e = X(ce);
   if (!e)
     throw new Error("useEditorHandles must be used within EditorProvider");
   return e;
 }, oo = ({ children: e, artboardManager: t, canvasRef: o, canvasEditorRef: n }) => {
-  const s = pt(null), i = q(() => ({ get: () => s.current }), []), c = Ge(), r = je(), d = qe(), [a, z] = b(
+  const s = pt(null), i = q(() => ({ get: () => s.current }), []), c = Ke(), r = je(), d = qe(), [a, z] = b(
     () => t.getAllArtboards()
   ), [v, V] = b(0), [E, D] = b(
     () => new Wt()
@@ -666,15 +666,15 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     canUndo: N,
     canRedo: H,
     undoActiveArtboard: O,
-    redoActiveArtboard: X,
+    redoActiveArtboard: Y,
     canUndoActiveArtboard: rt,
-    canRedoActiveArtboard: G
+    canRedoActiveArtboard: K
   } = Ve(
     p,
     h,
     t,
     L
-  ), K = m(
+  ), G = m(
     (u) => {
       const A = E.get(u.id);
       _(A, u);
@@ -687,10 +687,10 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
       const A = w.clone(), x = A.children.findIndex(
         (I) => I.id === u.id
       );
-      x >= 0 && (A.children[x] = u, K(A));
+      x >= 0 && (A.children[x] = u, G(A));
     },
-    [w, K]
-  ), me = r.activeChildElement || w, he = r.activeChildElement ? ue : K, {
+    [w, G]
+  ), me = r.activeChildElement || w, he = r.activeChildElement ? ue : G, {
     fontSize: bt,
     fontColor: wt,
     fontFamily: Et,
@@ -712,14 +712,14 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
         );
       const T = `element-${Date.now()}`, B = t.getActiveArtboard(), mt = B ? B.x + B.width / 2 : window.innerWidth / 2, st = B ? B.y + B.height / 2 : window.innerHeight / 2, j = ((Lt = n.current) == null ? void 0 : Lt.getZoom()) || c.zoom || 1;
       if (A === "image") {
-        const ft = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==", et = 200 / j, Z = x == null ? void 0 : x.src, W = new Fe({
+        const ft = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==", et = 200 / j, J = x == null ? void 0 : x.src, W = new Fe({
           id: T,
           name: u.name,
           x: mt,
           y: st,
           // Defer loading `src` until after the element is in the store so a
           // synchronously-cached image can't fire onLoadCallback too early.
-          imageUrl: Z ? "" : ft,
+          imageUrl: J ? "" : ft,
           transformData: {
             type: "image",
             width: et,
@@ -733,10 +733,10 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
             borderRadius: 0
           }
         });
-        return Z && (W.imageLoaded = !1, W.imageElement = null, W.isCropping = !1, W.imageUrl = Z, W.preserveDimensions = !1, W.onLoadCallback = (J) => {
-          const $t = J.transformData.width, Bt = J.transformData.height, kt = Math.min(et / $t, et / Bt, 1);
-          kt < 1 && (J.transformData.width = $t * kt, J.transformData.height = Bt * kt), J.transformData.cropX = 0, J.transformData.cropY = 0, J.transformData.cropWidth = 1, J.transformData.cropHeight = 1, _(W, J);
-        }), M(W, I), r.setSelectedId(W.id), Z && W.loadImage(Z), { id: W.id, name: u.name ?? "" };
+        return J && (W.imageLoaded = !1, W.imageElement = null, W.isCropping = !1, W.imageUrl = J, W.preserveDimensions = !1, W.onLoadCallback = (Z) => {
+          const $t = Z.transformData.width, Bt = Z.transformData.height, kt = Math.min(et / $t, et / Bt, 1);
+          kt < 1 && (Z.transformData.width = $t * kt, Z.transformData.height = Bt * kt), Z.transformData.cropX = 0, Z.transformData.cropY = 0, Z.transformData.cropWidth = 1, Z.transformData.cropHeight = 1, _(W, Z);
+        }), M(W, I), r.setSelectedId(W.id), J && W.loadImage(J), { id: W.id, name: u.name ?? "" };
       }
       let tt;
       const at = {
@@ -751,8 +751,8 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
       const ht = t.getActiveArtboard(), fe = ht ? Math.min(ht.width, ht.height) * 0.1 : 80, Ht = ht ? ht.width * 0.5 : 300;
       if (A === "shape") {
         const ft = (x == null ? void 0 : x.shapeType) ?? "rectangle";
-        let et = 200 / j, Z = 200 / j;
-        ft === "ellipse" ? (et = 150 / j, Z = 250 / j) : ft === "line" && (et = 300 / j, Z = 8 / j), tt = new Pe({
+        let et = 200 / j, J = 200 / j;
+        ft === "ellipse" ? (et = 150 / j, J = 250 / j) : ft === "line" && (et = 300 / j, J = 8 / j), tt = new Pe({
           id: T,
           name: u.name,
           x: mt,
@@ -761,7 +761,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
             type: "shape",
             shapeType: ft,
             width: et,
-            height: Z,
+            height: J,
             fillColor: "#3b82f6",
             fillOpacity: 1
           }
@@ -932,7 +932,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     artboardVersion: v,
     // Handlers
     refreshArtboards: L,
-    handleElementUpdate: K,
+    handleElementUpdate: G,
     addElement: At,
     handleAddElement: Ft,
     handleLoadWorkspace: Nt,
@@ -954,9 +954,9 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     canUndo: N,
     canRedo: H,
     undoActiveArtboard: O,
-    redoActiveArtboard: X,
+    redoActiveArtboard: Y,
     canUndoActiveArtboard: rt,
-    canRedoActiveArtboard: G,
+    canRedoActiveArtboard: K,
     // Element properties
     fontSize: bt,
     fontColor: wt,
@@ -1015,7 +1015,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     h,
     v,
     L,
-    K,
+    G,
     At,
     Ft,
     Nt,
@@ -1037,9 +1037,9 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     N,
     H,
     O,
-    X,
+    Y,
     rt,
-    G,
+    K,
     // Element properties
     bt,
     wt,
@@ -1052,7 +1052,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     Ot
   ]);
   return s.current = _t, /* @__PURE__ */ k(ce.Provider, { value: i, children: /* @__PURE__ */ k(
-    Ze,
+    Je,
     {
       value: {
         undo: P,
@@ -1060,9 +1060,9 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
         canUndo: N,
         canRedo: H,
         undoActiveArtboard: O,
-        redoActiveArtboard: X,
+        redoActiveArtboard: Y,
         canUndoActiveArtboard: rt,
-        canRedoActiveArtboard: G
+        canRedoActiveArtboard: K
       },
       children: /* @__PURE__ */ k(
         Qe,
@@ -1077,7 +1077,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
             refreshArtboards: L,
             getElementById: S,
             handleAddElement: Ft,
-            handleElementUpdate: K,
+            handleElementUpdate: G,
             handleLoadWorkspace: Nt,
             handleCopyElements: vt,
             handlePasteElements: Pt,
@@ -1110,9 +1110,9 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
                 canUndo: N,
                 canRedo: H,
                 undoActiveArtboard: O,
-                redoActiveArtboard: X,
+                redoActiveArtboard: Y,
                 canUndoActiveArtboard: rt,
-                canRedoActiveArtboard: G,
+                canRedoActiveArtboard: K,
                 historyManager: nt
               },
               children: /* @__PURE__ */ k(se.Provider, { value: _t, children: e })
@@ -1139,12 +1139,12 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     return c.createArtboard(r), c;
   }), s = pt(null), i = pt(null);
   return /* @__PURE__ */ k(
-    Xe,
+    Ye,
     {
       artboardManager: n,
       canvasRef: s,
       viewPadding: o,
-      children: /* @__PURE__ */ k(Ke, { children: /* @__PURE__ */ k(Je, { children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ k(Ge, { children: /* @__PURE__ */ k(Ze, { children: /* @__PURE__ */ k(
         oo,
         {
           artboardManager: n,
@@ -1156,7 +1156,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     }
   );
 }, Io = () => {
-  const e = Y(se);
+  const e = X(se);
   if (!e)
     throw new Error("useEditor must be used within EditorProvider");
   return e;
@@ -1252,7 +1252,7 @@ function so(e) {
   };
   return !o && (t.cropX !== 0 || t.cropY !== 0 || t.cropWidth !== 1 || t.cropHeight !== 1) && (r.cropX = t.cropX, r.cropY = t.cropY, r.cropWidth = t.cropWidth, r.cropHeight = t.cropHeight, r.needsCropPixelConversion = !0), t.flipHorizontal && (r.flipHorizontal = t.flipHorizontal), t.flipVertical && (r.flipVertical = t.flipVertical), t.borderRadius && (r.borderRadius = t.borderRadius), e.shadow && (r.shadow = e.shadow), ke(t.adjustments) || (r.adjustments = { ...t.adjustments }), e.opacity !== void 0 && (r.opacity = e.opacity), e.distressEffect && (r.distressEffect = e.distressEffect), ((a = e.masks) == null ? void 0 : a.length) > 0 && (r.masks = e.masks), e.blendMode && (r.blendMode = e.blendMode), e.knockoutParts && (r.knockoutParts = e.knockoutParts), e.stroke && (r.stroke = e.stroke), ae(r);
 }
-const Kt = "center", de = Symbol.for("snowcone.canvas.layerToken");
+const Gt = "center", de = Symbol.for("snowcone.canvas.layerToken");
 function Po(e) {
   return typeof e == "object" && e !== null && e[de] === !0 && typeof e.name == "string" && (e.kind === "text" || e.kind === "image");
 }
@@ -1478,7 +1478,7 @@ class lt {
     return this.els.unshift(c), this;
   }
   image(t, o = {}) {
-    const { width: n, height: s } = this.current, i = o.width ?? Math.round(n / 3), c = o.height ?? (o.aspectRatio ? Math.round(i / o.aspectRatio) : i), { x: r, y: d } = Ut(o.anchor ?? Kt, i, c, n, s, o.padding ?? 0), a = {
+    const { width: n, height: s } = this.current, i = o.width ?? Math.round(n / 3), c = o.height ?? (o.aspectRatio ? Math.round(i / o.aspectRatio) : i), { x: r, y: d } = Ut(o.anchor ?? Gt, i, c, n, s, o.padding ?? 0), a = {
       id: this.nextId("img"),
       transformType: "image",
       x: r,
@@ -1583,7 +1583,7 @@ class lt {
   }
   /** An anchored vector shape. */
   shape(t, o = {}) {
-    const { width: n, height: s } = this.current, i = o.size ?? Math.round(n / 6), c = typeof i == "number" ? i : i.width, r = typeof i == "number" ? i : i.height, { x: d, y: a } = Ut(o.anchor ?? Kt, c, r, n, s, o.padding ?? 0), z = {
+    const { width: n, height: s } = this.current, i = o.size ?? Math.round(n / 6), c = typeof i == "number" ? i : i.width, r = typeof i == "number" ? i : i.height, { x: d, y: a } = Ut(o.anchor ?? Gt, c, r, n, s, o.padding ?? 0), z = {
       type: "shape",
       shapeType: t,
       width: c,
@@ -1645,32 +1645,32 @@ function zo(e) {
   return Vt(e);
 }
 export {
-  Jt as B,
+  Zt as B,
   no as C,
   lt as D,
   Co as E,
   qt as P,
-  Ge as a,
-  _e as b,
-  So as c,
-  No as d,
-  Eo as e,
-  wo as f,
-  je as g,
-  qe as h,
+  So as a,
+  Io as b,
+  je as c,
+  Ke as d,
+  No as e,
+  vo as f,
+  Oo as g,
+  ao as h,
   Po as i,
-  ao as j,
-  go as k,
+  _e as j,
+  wo as k,
   zo as l,
-  Ro as m,
-  vo as n,
-  Oo as o,
+  qe as m,
+  To as n,
+  go as o,
   xo as p,
-  Fo as q,
-  To as r,
+  Ro as q,
+  Fo as r,
   ro as s,
   Le as t,
-  Io as u,
+  Eo as u,
   bo as v
 };
-//# sourceMappingURL=design-builder-CqgTpp9B.js.map
+//# sourceMappingURL=design-builder-CoCtjIwj.js.map