@snowcone-app/canvas 0.31.0 → 0.33.0

package/dist/{design-builder-CBG2hKc8.js → design-builder-BpbYUYtK.js}

@@ -1,13 +1,13 @@
 import { jsx as k } from "react/jsx-runtime";
-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 { Z as Ae, E as ot, U as ye, am as ge, G as jt, an as xe, ao as be, ap as we, aq as Ee, ar as Se, c as Zt, C as Re, as as Ce, at as Ie, au as Te, O as Oe, X as Wt, I as ve, g as Fe, S as Pe, av as Ne, aw as Mt, y as ze, D as He, K as ke } from "./FontAnalyzer-BYhwxDhe.js";
+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 ve, g as Fe, S as Pe, az as Ne, aA as Mt, y as ze, D as He, M as ke } from "./FontAnalyzer-BrKY6XYn.js";
 const Jt = Q(null), Ue = () => () => {
-}, Xt = () => 0;
+}, Yt = () => 0;
 function go() {
-  const e = X(Jt), t = pe(
+  const e = Y(Jt), t = pe(
     e ? e.subscribe : Ue,
-    e ? e.getVersion : Xt,
-    e ? e.getVersion : Xt
+    e ? e.getVersion : Yt,
+    e ? e.getVersion : Yt
   );
   return m(
     (o) => !!(e && o && e.getBoundLayer(o)),
@@ -18,7 +18,7 @@ function go() {
 }
 const gt = Zt("useCommandHistory");
 function Ve(e, t, o, n) {
-  const i = pt(new Ae(o)), s = X(Jt), c = m(
+  const i = pt(new Ae(o)), s = Y(Jt), c = m(
     (l, f) => {
       const g = l == null ? void 0 : l.name;
       if (!s || !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 Y = N[O];
-                if (Y instanceof jt && Y.children) {
-                  const rt = Y.children.findIndex((K) => K.id === g);
+                const X = N[O];
+                if (X instanceof jt && X.children) {
+                  const rt = X.children.findIndex((G) => G.id === g);
                   if (rt !== -1) {
-                    const K = Y.clone();
-                    K.children.splice(rt + 1, 0, U);
-                    const G = [...N];
-                    return G[O] = K, G;
+                    const G = X.clone();
+                    G.children.splice(rt + 1, 0, U);
+                    const K = [...N];
+                    return K[O] = G, K;
                   }
                 }
               }
@@ -357,12 +357,12 @@ function Qt(e) {
     else if (n.length === 6)
       i = parseInt(n.slice(0, 2), 16), s = parseInt(n.slice(2, 4), 16), c = parseInt(n.slice(4, 6), 16);
     else return null;
-    return Number.isNaN(i) || Number.isNaN(s) || Number.isNaN(c) ? null : Yt(i, s, c);
+    return Number.isNaN(i) || Number.isNaN(s) || Number.isNaN(c) ? null : Xt(i, s, c);
   }
   const o = t.match(/^rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)/);
-  return o ? Yt(Number(o[1]), Number(o[2]), Number(o[3])) : null;
+  return o ? Xt(Number(o[1]), Number(o[2]), Number(o[3])) : null;
 }
-function Yt(e, t, o) {
+function Xt(e, t, o) {
   const n = (i) => {
     const s = i / 255;
     return s <= 0.03928 ? s / 12.92 : Math.pow((s + 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, Xe = 4, Kt = 0.25, Ye = ({
+const te = Q(null), Me = 0.1, Ye = 4, Gt = 0.25, Xe = ({
   children: e,
   artboardManager: t,
   canvasRef: o,
@@ -382,9 +382,9 @@ const te = Q(null), Me = 0.1, Xe = 4, Kt = 0.25, Ye = ({
   const [i, s] = b(1), [c, r] = b({ x: 0, y: 0 }), [d, a] = b(!1), [z, F] = b(1), V = m(() => {
     F(1), r({ x: 0, y: 0 });
   }, []), E = m(() => {
-    s((v) => Math.min(v + Kt, Xe));
+    s((v) => Math.min(v + Gt, Ye));
   }, []), D = m(() => {
-    s((v) => Math.max(v - Kt, Me));
+    s((v) => Math.max(v - Gt, Me));
   }, []), p = m(() => {
     const v = t.getActiveArtboard();
     if (!v || !o.current) return;
@@ -421,13 +421,13 @@ const te = Q(null), Me = 0.1, Xe = 4, Kt = 0.25, Ye = ({
   );
   return /* @__PURE__ */ k(te.Provider, { value: S, children: e });
 };
-function Ke() {
-  const e = X(te);
+function Ge() {
+  const e = Y(te);
   if (!e)
     throw new Error("useViewportContext must be used within a ViewportProvider (or EditorProvider)");
   return e;
 }
-const ee = Q(null), Ge = ({ children: e }) => {
+const ee = Q(null), Ke = ({ children: e }) => {
   const [t, o] = b(null), [n, i] = b([]), [s, c] = b(null), [r, d] = b(null), [a, z] = b(!1), F = m((D) => {
     o(D);
   }, []), V = m((D) => {
@@ -459,7 +459,7 @@ const ee = Q(null), Ge = ({ children: e }) => {
   return /* @__PURE__ */ k(ee.Provider, { value: E, children: e });
 };
 function je() {
-  const e = X(ee);
+  const e = Y(ee);
   if (!e)
     throw new Error("useSelectionContext must be used within a SelectionProvider (or EditorProvider)");
   return e;
@@ -490,7 +490,7 @@ const oe = Q(null), Ze = ({ children: e, value: t }) => {
   return /* @__PURE__ */ k(oe.Provider, { value: o, children: e });
 };
 function wo() {
-  const e = X(oe);
+  const e = Y(oe);
   if (!e)
     throw new Error("useHistoryContext must be used within a HistoryProvider (or EditorProvider)");
   return e;
@@ -514,7 +514,7 @@ const ne = Q(null), Je = ({ children: e }) => {
   return /* @__PURE__ */ k(ne.Provider, { value: F, children: e });
 };
 function qe() {
-  const e = X(ne);
+  const e = Y(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 = X(re);
+  const e = Y(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 = X(ie);
+  const e = Y(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 = X(ce);
+  const e = Y(ce);
   if (!e)
     throw new Error("useEditorHandles must be used within EditorProvider");
   return e;
 }, oo = ({ children: e, artboardManager: t, canvasRef: o, canvasEditorRef: n }) => {
-  const i = pt(null), s = q(() => ({ get: () => i.current }), []), c = Ke(), r = je(), d = qe(), [a, z] = b(
+  const i = pt(null), s = q(() => ({ get: () => i.current }), []), c = Ge(), r = je(), d = qe(), [a, z] = b(
     () => t.getAllArtboards()
   ), [F, 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: Y,
+    redoActiveArtboard: X,
     canUndoActiveArtboard: rt,
-    canRedoActiveArtboard: K
+    canRedoActiveArtboard: G
   } = Ve(
     p,
     h,
     t,
     L
-  ), G = m(
+  ), K = 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, G(A));
+      x >= 0 && (A.children[x] = u, K(A));
     },
-    [w, G]
-  ), me = r.activeChildElement || w, he = r.activeChildElement ? ue : G, {
+    [w, K]
+  ), me = r.activeChildElement || w, he = r.activeChildElement ? ue : K, {
     fontSize: bt,
     fontColor: wt,
     fontFamily: Et,
@@ -932,7 +932,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     artboardVersion: F,
     // Handlers
     refreshArtboards: L,
-    handleElementUpdate: G,
+    handleElementUpdate: K,
     addElement: At,
     handleAddElement: vt,
     handleLoadWorkspace: Nt,
@@ -954,9 +954,9 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     canUndo: N,
     canRedo: H,
     undoActiveArtboard: O,
-    redoActiveArtboard: Y,
+    redoActiveArtboard: X,
     canUndoActiveArtboard: rt,
-    canRedoActiveArtboard: K,
+    canRedoActiveArtboard: G,
     // Element properties
     fontSize: bt,
     fontColor: wt,
@@ -1015,7 +1015,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     h,
     F,
     L,
-    G,
+    K,
     At,
     vt,
     Nt,
@@ -1037,9 +1037,9 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     N,
     H,
     O,
-    Y,
+    X,
     rt,
-    K,
+    G,
     // Element properties
     bt,
     wt,
@@ -1060,9 +1060,9 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
         canUndo: N,
         canRedo: H,
         undoActiveArtboard: O,
-        redoActiveArtboard: Y,
+        redoActiveArtboard: X,
         canUndoActiveArtboard: rt,
-        canRedoActiveArtboard: K
+        canRedoActiveArtboard: G
       },
       children: /* @__PURE__ */ k(
         Qe,
@@ -1077,7 +1077,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
             refreshArtboards: L,
             getElementById: S,
             handleAddElement: vt,
-            handleElementUpdate: G,
+            handleElementUpdate: K,
             handleLoadWorkspace: Nt,
             handleCopyElements: Ft,
             handlePasteElements: Pt,
@@ -1110,9 +1110,9 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
                 canUndo: N,
                 canRedo: H,
                 undoActiveArtboard: O,
-                redoActiveArtboard: Y,
+                redoActiveArtboard: X,
                 canUndoActiveArtboard: rt,
-                canRedoActiveArtboard: K,
+                canRedoActiveArtboard: G,
                 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;
   }), i = pt(null), s = pt(null);
   return /* @__PURE__ */ k(
-    Ye,
+    Xe,
     {
       artboardManager: n,
       canvasRef: i,
       viewPadding: o,
-      children: /* @__PURE__ */ k(Ge, { children: /* @__PURE__ */ k(Je, { children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ k(Ke, { children: /* @__PURE__ */ k(Je, { children: /* @__PURE__ */ k(
         oo,
         {
           artboardManager: n,
@@ -1156,7 +1156,7 @@ const eo = Zt("EditorContext"), se = Q(null), ce = Q(null), Ro = () => {
     }
   );
 }, Io = () => {
-  const e = X(se);
+  const e = Y(se);
   if (!e)
     throw new Error("useEditor must be used within EditorProvider");
   return e;
@@ -1248,7 +1248,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), 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 Gt = "center", de = Symbol.for("snowcone.canvas.layerToken");
+const Kt = "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");
 }
@@ -1474,7 +1474,7 @@ class lt {
     return this.els.unshift(c), this;
   }
   image(t, o = {}) {
-    const { width: n, height: i } = this.current, s = o.width ?? Math.round(n / 3), c = o.height ?? (o.aspectRatio ? Math.round(s / o.aspectRatio) : s), { x: r, y: d } = Ut(o.anchor ?? Gt, s, c, n, i, o.padding ?? 0), a = {
+    const { width: n, height: i } = this.current, s = o.width ?? Math.round(n / 3), c = o.height ?? (o.aspectRatio ? Math.round(s / o.aspectRatio) : s), { x: r, y: d } = Ut(o.anchor ?? Kt, s, c, n, i, o.padding ?? 0), a = {
       id: this.nextId("img"),
       transformType: "image",
       x: r,
@@ -1579,7 +1579,7 @@ class lt {
   }
   /** An anchored vector shape. */
   shape(t, o = {}) {
-    const { width: n, height: i } = this.current, s = o.size ?? Math.round(n / 6), c = typeof s == "number" ? s : s.width, r = typeof s == "number" ? s : s.height, { x: d, y: a } = Ut(o.anchor ?? Gt, c, r, n, i, o.padding ?? 0), z = {
+    const { width: n, height: i } = this.current, s = o.size ?? Math.round(n / 6), c = typeof s == "number" ? s : s.width, r = typeof s == "number" ? s : s.height, { x: d, y: a } = Ut(o.anchor ?? Kt, c, r, n, i, o.padding ?? 0), z = {
       type: "shape",
       shapeType: t,
       width: c,
@@ -1646,7 +1646,7 @@ export {
   lt as D,
   Co as E,
   qt as P,
-  Ke as a,
+  Ge as a,
   _e as b,
   So as c,
   No as d,
@@ -1669,4 +1669,4 @@ export {
   Io as u,
   bo as v
 };
-//# sourceMappingURL=design-builder-CBG2hKc8.js.map
+//# sourceMappingURL=design-builder-BpbYUYtK.js.map