@snowcone-app/canvas 0.33.1 → 0.34.0

package/dist/{useCommands-DmewMc5w.js → useCommands-Bj9QHZ35.js}

@@ -2,7 +2,7 @@ import { jsx as f, jsxs as j, Fragment as an } from "react/jsx-runtime";
 import * as F from "react";
 import ne, { useRef as V, useState as B, useCallback as N, useMemo as J, useEffect as Y, forwardRef as $n, createElement as En, useLayoutEffect as Hn, memo as ei, useReducer as ti, useContext as Be, createContext as Xe, cloneElement as ni, useId as Pr, useSyncExternalStore as $r } from "react";
 import { u as qt, k as ri, r as oi, m as Hr, f as ii, i as si } from "./design-builder-D4izkvlb.js";
-import { G as Re, c as Qe, E as rt, D as ai, H as ln, I as li, P as ci, S as di, T as ui, J as fi, C as hi, K as pi, L as gi, U as sr } from "./FontAnalyzer-BrKY6XYn.js";
+import { G as Ie, c as Qe, E as rt, D as ai, H as ln, I as li, P as ci, S as di, T as ui, J as fi, C as hi, K as gi, L as pi, U as sr } from "./FontAnalyzer-BrKY6XYn.js";
 import { g as mi, I as cn, E as dn } from "./ExportManager-Ci81K6xA.js";
 import { createPortal as Bn, unstable_batchedUpdates as Ft } from "react-dom";
 import { clsx as Br } from "clsx";
@@ -566,9 +566,9 @@ async function ar(e, t = 64, n = "transparent") {
 function _r(e, t, n, r, o, i = 0, s = null) {
   return (i > 0 ? e : e.filter((l) => {
     const c = l.parentId ?? null;
-    return l instanceof Re, c === null;
+    return l instanceof Ie, c === null;
   })).map((l) => {
-    const c = l instanceof Re, u = t === l.id || n.includes(l.id), d = {
+    const c = l instanceof Ie, u = t === l.id || n.includes(l.id), d = {
       id: l.id,
       name: l.name || `Layer ${l.id.slice(0, 8)}`,
       type: l.transformType,
@@ -583,7 +583,7 @@ function _r(e, t, n, r, o, i = 0, s = null) {
         await o(l.id);
       }
     };
-    return c && l instanceof Re && (d.children = _r(
+    return c && l instanceof Ie && (d.children = _r(
       l.children,
       t,
       n,
@@ -616,29 +616,29 @@ function xi(e = {}) {
     handleSelectionChange: u,
     handleElementUpdate: d,
     setMultiSelection: h,
-    executeAddElement: g,
+    executeAddElement: p,
     executeRemoveElement: k,
     executeReorderElement: y
-  } = qt(), p = V(/* @__PURE__ */ new Map()), [m, S] = B(0), M = c.getActiveArtboardId(), L = t !== void 0 ? t : M, R = L ? (Oe = c.getArtboard) == null ? void 0 : Oe.call(c, L) : null, b = o ?? (R == null ? void 0 : R.backgroundColor) ?? "transparent", E = N(async (x) => {
+  } = qt(), g = V(/* @__PURE__ */ new Map()), [m, S] = B(0), M = c.getActiveArtboardId(), L = t !== void 0 ? t : M, I = L ? (Oe = c.getArtboard) == null ? void 0 : Oe.call(c, L) : null, b = o ?? (I == null ? void 0 : I.backgroundColor) ?? "transparent", E = N(async (x) => {
     const C = s.find((z) => z.id === x);
     if (!C) return;
-    const I = await ar(C, r, b);
-    p.current.set(x, I), S((z) => z + 1);
+    const R = await ar(C, r, b);
+    g.current.set(x, R), S((z) => z + 1);
   }, [s, r, b]), v = J(() => {
     let x = s;
     if (L) {
       const C = c.getElementsOnArtboard(L);
-      x = x.filter((I) => C.includes(I.id));
+      x = x.filter((R) => C.includes(R.id));
     }
     return n || (x = x.filter((C) => C.visible !== !1)), x;
   }, [s, L, n, c]), D = J(() => _r(
     v,
     a,
     l,
-    p.current,
+    g.current,
     E
   ), [v, a, l, E, m]), w = J(() => Wr(D), [D]), A = J(() => w.filter((x) => x.isSelected), [w]), T = N((x, C = !1) => {
-    C ? l.includes(x) ? h(l.filter((I) => I !== x)) : h([...l, x]) : u(x);
+    C ? l.includes(x) ? h(l.filter((R) => R !== x)) : h([...l, x]) : u(x);
   }, [l, h, u]), O = N((x) => {
     h(x);
   }, [h]), W = N(() => {
@@ -646,25 +646,25 @@ function xi(e = {}) {
   }, [u, h]), ae = N((x) => {
     const C = s.find((z) => z.id === x);
     if (!C) return;
-    const I = C.clone();
-    I.visible = !(C.visible ?? !0), d(I);
+    const R = C.clone();
+    R.visible = !(C.visible ?? !0), d(R);
   }, [s, d]), _ = N((x) => {
     const C = s.find((z) => z.id === x);
     if (!C) return;
-    const I = C.clone();
-    I.locked = !(C.locked ?? !1), d(I);
+    const R = C.clone();
+    R.locked = !(C.locked ?? !1), d(R);
   }, [s, d]), X = N((x, C) => {
-    const I = s.find((Z) => Z.id === x);
-    if (!I) return;
-    const z = I.clone();
+    const R = s.find((Z) => Z.id === x);
+    if (!R) return;
+    const z = R.clone();
     z.name = C, d(z);
   }, [s, d]), q = N((x) => {
-    const C = s.find((I) => I.id === x);
+    const C = s.find((R) => R.id === x);
     if (!C) {
       re.warn(`Element ${x} not found for deletion`);
       return;
     }
-    k(C), (a === x || l.includes(x)) && (u(null), h(l.filter((I) => I !== x)));
+    k(C), (a === x || l.includes(x)) && (u(null), h(l.filter((R) => R !== x)));
   }, [s, k, a, l, u, h]), te = N((x) => {
     const C = s.find((fe) => fe.id === x);
     if (!C) {
@@ -680,8 +680,8 @@ function xi(e = {}) {
       re.warn(`Element ${x} not associated with any artboard`);
       return;
     }
-    g(H, Q, x), u(H.id);
-  }, [s, c, g, u]), ge = N((x, C) => {
+    p(H, Q, x), u(H.id);
+  }, [s, c, p, u]), pe = N((x, C) => {
     if (x === C) return;
     if (x < 0 || x >= v.length) {
       re.warn(`Invalid fromIndex: ${x}`);
@@ -691,30 +691,30 @@ function xi(e = {}) {
       re.warn(`Invalid toIndex: ${C}`);
       return;
     }
-    const I = v[x], z = v[C], Z = x < C ? "after" : "before";
-    y(I.id, z.id, Z);
+    const R = v[x], z = v[C], Z = x < C ? "after" : "before";
+    y(R.id, z.id, Z);
   }, [v, y]), xe = N((x) => {
-    const C = w.findIndex((I) => I.id === x);
+    const C = w.findIndex((R) => R.id === x);
     if (C < 0) {
       re.warn(`Layer ${x} not found`);
       return;
     }
-    C >= w.length - 1 || ge(C, C + 1);
-  }, [w, ge]), ie = N((x) => {
-    const C = w.findIndex((I) => I.id === x);
+    C >= w.length - 1 || pe(C, C + 1);
+  }, [w, pe]), ie = N((x) => {
+    const C = w.findIndex((R) => R.id === x);
     if (C < 0) {
       re.warn(`Layer ${x} not found`);
       return;
     }
-    C <= 0 || ge(C, C - 1);
-  }, [w, ge]), de = N((x) => {
+    C <= 0 || pe(C, C - 1);
+  }, [w, pe]), de = N((x) => {
     const C = v[v.length - 1];
     if (!C) {
       re.warn(`Layer ${x} not found`);
       return;
     }
     if (C.id !== x) {
-      if (!v.some((I) => I.id === x)) {
+      if (!v.some((R) => R.id === x)) {
         re.warn(`Layer ${x} not found`);
         return;
       }
@@ -727,7 +727,7 @@ function xi(e = {}) {
       return;
     }
     if (C.id !== x) {
-      if (!v.some((I) => I.id === x)) {
+      if (!v.some((R) => R.id === x)) {
         re.warn(`Layer ${x} not found`);
         return;
       }
@@ -745,7 +745,7 @@ function xi(e = {}) {
       re.warn("Need at least 2 groupable elements (shapes cannot be grouped)");
       return;
     }
-    const I = C.map((oe) => c.getArtboardIdForElement(oe.id)), z = [...new Set(I)];
+    const R = C.map((oe) => c.getArtboardIdForElement(oe.id)), z = [...new Set(R)];
     if (z.length !== 1 || !z[0]) {
       re.warn("All elements must be on the same artboard to group");
       return;
@@ -755,26 +755,26 @@ function xi(e = {}) {
       re.warn("Could not calculate bounding boxes for group");
       return;
     }
-    const Q = Math.min(...H.map((oe) => oe.x)), fe = Math.min(...H.map((oe) => oe.y)), Le = new Re({
+    const Q = Math.min(...H.map((oe) => oe.x)), fe = Math.min(...H.map((oe) => oe.y)), Le = new Ie({
       x: Q,
       y: fe
     });
     Le.children = C.map((oe) => {
       const Se = oe.clone();
       return Se.x = oe.x - Q, Se.y = oe.y - fe, Se;
-    }), C.forEach((oe) => k(oe)), g(Le, Z), u(Le.id), h([]);
-  }, [s, c, k, g, u, h]), le = N((x) => {
+    }), C.forEach((oe) => k(oe)), p(Le, Z), u(Le.id), h([]);
+  }, [s, c, k, p, u, h]), le = N((x) => {
     const C = s.find((H) => H.id === x);
     if (!C) {
       re.warn(`Element ${x} not found for ungrouping`);
       return;
     }
-    if (!(C instanceof Re)) {
+    if (!(C instanceof Ie)) {
       re.warn(`Element ${x} is not a group`);
       return;
     }
-    const I = C;
-    if (!I.children || I.children.length === 0) {
+    const R = C;
+    if (!R.children || R.children.length === 0) {
       re.warn(`Group ${x} has no children`);
       return;
     }
@@ -783,19 +783,19 @@ function xi(e = {}) {
       re.warn(`Group ${x} not associated with any artboard`);
       return;
     }
-    const Z = I.children.map((H) => {
+    const Z = R.children.map((H) => {
       const Q = H.clone();
-      return Q.x = H.x + I.x, Q.y = H.y + I.y, Q;
+      return Q.x = H.x + R.x, Q.y = H.y + R.y, Q;
     });
-    k(I), Z.forEach((H) => g(H, z)), Z.length > 0 && u(Z[0].id), h([]);
-  }, [s, c, k, g, u, h]), De = N(async (x = r) => {
-    const C = async (I) => {
-      for (const z of I) {
+    k(R), Z.forEach((H) => p(H, z)), Z.length > 0 && u(Z[0].id), h([]);
+  }, [s, c, k, p, u, h]), De = N(async (x = r) => {
+    const C = async (R) => {
+      for (const z of R) {
         const Z = await ar(z, x, b);
-        p.current.set(z.id, Z), z instanceof Re && z.children.length > 0 && await C(z.children);
+        g.current.set(z.id, Z), z instanceof Ie && z.children.length > 0 && await C(z.children);
       }
     };
-    await C(v), S((I) => I + 1);
+    await C(v), S((R) => R + 1);
   }, [r, b, v]);
   Y(() => {
     if (!i) return;
@@ -805,16 +805,16 @@ function xi(e = {}) {
     return () => clearTimeout(x);
   }, [i, De]);
   const ee = N(() => {
-    p.current.clear();
+    g.current.clear();
   }, []), se = N(
-    (x, C, I) => {
-      y(x, C, I);
+    (x, C, R) => {
+      y(x, C, R);
     },
     [y]
   ), P = N(
-    (x, C, I, z) => {
+    (x, C, R, z) => {
       const Z = s.find((ye) => ye.id === z);
-      if (!Z || !(Z instanceof Re)) {
+      if (!Z || !(Z instanceof Ie)) {
         re.warn(`Group ${z} not found for reorder`);
         return;
       }
@@ -823,7 +823,7 @@ function xi(e = {}) {
         re.warn(`Children not found in group for reorder: ${x}, ${C}`);
         return;
       }
-      const [Le] = H.children.splice(Q, 1), oe = H.children.findIndex((ye) => ye.id === C), Se = I === "before" ? oe : oe + 1;
+      const [Le] = H.children.splice(Q, 1), oe = H.children.findIndex((ye) => ye.id === C), Se = R === "before" ? oe : oe + 1;
       H.children.splice(Se, 0, Le), d(H);
     },
     [s, d]
@@ -831,9 +831,9 @@ function xi(e = {}) {
     (x) => {
       for (const C of s) {
         if (C.id === x) return C;
-        if (C instanceof Re) {
-          const I = C.children.find((z) => z.id === x);
-          if (I) return I;
+        if (C instanceof Ie) {
+          const R = C.children.find((z) => z.id === x);
+          if (R) return R;
         }
       }
       return null;
@@ -842,25 +842,25 @@ function xi(e = {}) {
   ), ve = N(
     (x) => {
       for (const C of s)
-        if (C instanceof Re && C.children.some((I) => I.id === x))
+        if (C instanceof Ie && C.children.some((R) => R.id === x))
           return C;
       return null;
     },
     [s]
   ), Ze = N(
     (x, C) => {
-      const I = s.find((fe) => fe.id === x), z = s.find((fe) => fe.id === C);
-      if (!I || !z || !(z instanceof Re)) {
+      const R = s.find((fe) => fe.id === x), z = s.find((fe) => fe.id === C);
+      if (!R || !z || !(z instanceof Ie)) {
         re.warn(`Cannot add ${x} to group ${C}`);
         return;
       }
       if (!c.getArtboardIdForElement(x)) return;
-      const H = z.clone(), Q = I.clone();
-      Q.x = I.x, Q.y = I.y, H.addChild(Q), k(I), d(H);
+      const H = z.clone(), Q = R.clone();
+      Q.x = R.x, Q.y = R.y, H.addChild(Q), k(R), d(H);
     },
     [s, c, k, d]
   ), ue = N(
-    (x, C, I) => {
+    (x, C, R) => {
       const z = ve(x);
       if (!z) {
         re.warn(`Element ${x} is not inside a group`);
@@ -871,22 +871,22 @@ function xi(e = {}) {
       const H = c.getArtboardIdForElement(z.id);
       if (!H) return;
       const Q = Z.clone(), fe = z.clone();
-      fe.removeChild(x), d(fe), C && I ? g(Q, H, I === "after" ? C : void 0, I === "before" ? C : void 0) : g(Q, H, void 0, z.id), u(Q.id);
+      fe.removeChild(x), d(fe), C && R ? p(Q, H, R === "after" ? C : void 0, R === "before" ? C : void 0) : p(Q, H, void 0, z.id), u(Q.id);
     },
-    [ve, c, k, d, g, u]
+    [ve, c, k, d, p, u]
   ), Ve = N(() => {
     const x = c.getActiveArtboardId();
     if (!x) {
       re.warn("No active artboard for creating a group");
       return;
     }
-    const C = new Re({
+    const C = new Ie({
       x: 0,
       y: 0,
       name: "New Group"
     });
-    g(C, x), u(C.id);
-  }, [c, g, u]);
+    p(C, x), u(C.id);
+  }, [c, p, u]);
   return {
     layers: D,
     flatLayers: w,
@@ -899,7 +899,7 @@ function xi(e = {}) {
     renameLayer: X,
     deleteLayer: q,
     duplicateLayer: te,
-    reorderLayers: ge,
+    reorderLayers: pe,
     reorderById: se,
     reorderWithinGroup: P,
     moveLayerForward: xe,
@@ -1140,12 +1140,12 @@ function Ti(e, t = "defs") {
     content: e
   };
 }
-function Ri(e, t) {
+function Ii(e, t) {
   return e ? "<defs>" + e + "</defs>" + t : t;
 }
-function Ii(e, t, n) {
+function Ri(e, t, n) {
   const r = Ti(e);
-  return Ri(r.defs, t + r.content + n);
+  return Ii(r.defs, t + r.content + n);
 }
 const Ni = (e) => e === "unset" || e === "undefined" || e === "none";
 function ro(e, t) {
@@ -1163,30 +1163,30 @@ function ro(e, t) {
   };
   let i = n.body;
   [n, r].forEach((y) => {
-    const p = [], m = y.hFlip, S = y.vFlip;
+    const g = [], m = y.hFlip, S = y.vFlip;
     let M = y.rotate;
-    m ? S ? M += 2 : (p.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), p.push("scale(-1 1)"), o.top = o.left = 0) : S && (p.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), p.push("scale(1 -1)"), o.top = o.left = 0);
+    m ? S ? M += 2 : (g.push("translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"), g.push("scale(-1 1)"), o.top = o.left = 0) : S && (g.push("translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"), g.push("scale(1 -1)"), o.top = o.left = 0);
     let L;
     switch (M < 0 && (M -= Math.floor(M / 4) * 4), M = M % 4, M) {
       case 1:
-        L = o.height / 2 + o.top, p.unshift("rotate(90 " + L.toString() + " " + L.toString() + ")");
+        L = o.height / 2 + o.top, g.unshift("rotate(90 " + L.toString() + " " + L.toString() + ")");
         break;
       case 2:
-        p.unshift("rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")");
+        g.unshift("rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")");
         break;
       case 3:
-        L = o.width / 2 + o.left, p.unshift("rotate(-90 " + L.toString() + " " + L.toString() + ")");
+        L = o.width / 2 + o.left, g.unshift("rotate(-90 " + L.toString() + " " + L.toString() + ")");
         break;
     }
-    M % 2 === 1 && (o.left !== o.top && (L = o.left, o.left = o.top, o.top = L), o.width !== o.height && (L = o.width, o.width = o.height, o.height = L)), p.length && (i = Ii(i, '<g transform="' + p.join(" ") + '">', "</g>"));
+    M % 2 === 1 && (o.left !== o.top && (L = o.left, o.left = o.top, o.top = L), o.width !== o.height && (L = o.width, o.width = o.height, o.height = L)), g.length && (i = Ri(i, '<g transform="' + g.join(" ") + '">', "</g>"));
   });
   const s = r.width, a = r.height, l = o.width, c = o.height;
   let u, d;
   s === null ? (d = a === null ? "1em" : a === "auto" ? c : a, u = Mn(d, l / c)) : (u = s === "auto" ? l : s, d = a === null ? Mn(u, c / l) : a === "auto" ? c : a);
-  const h = {}, g = (y, p) => {
-    Ni(p) || (h[y] = p.toString());
+  const h = {}, p = (y, g) => {
+    Ni(g) || (h[y] = g.toString());
   };
-  g("width", u), g("height", d);
+  p("width", u), p("height", d);
   const k = [
     o.left,
     o.top,
@@ -1444,8 +1444,8 @@ function Xi(e, t, n, r) {
     s = s.concat(b);
   } else s = e.resources.slice(i).concat(e.resources.slice(0, i));
   const a = Date.now();
-  let l = "pending", c = 0, u, d = null, h = [], g = [];
-  typeof r == "function" && g.push(r);
+  let l = "pending", c = 0, u, d = null, h = [], p = [];
+  typeof r == "function" && p.push(r);
   function k() {
     d && (clearTimeout(d), d = null);
   }
@@ -1454,8 +1454,8 @@ function Xi(e, t, n, r) {
       b.status === "pending" && (b.status = "aborted");
     }), h = [];
   }
-  function p(b, E) {
-    E && (g = []), typeof b == "function" && g.push(b);
+  function g(b, E) {
+    E && (p = []), typeof b == "function" && p.push(b);
   }
   function m() {
     return {
@@ -1464,12 +1464,12 @@ function Xi(e, t, n, r) {
       status: l,
       queriesSent: c,
       queriesPending: h.length,
-      subscribe: p,
+      subscribe: g,
       abort: y
     };
   }
   function S() {
-    l = "failed", g.forEach((b) => {
+    l = "failed", p.forEach((b) => {
       b(void 0, u);
     });
   }
@@ -1494,18 +1494,18 @@ function Xi(e, t, n, r) {
       return;
     }
     if (D) {
-      u = v, h.length || (s.length ? R() : S());
+      u = v, h.length || (s.length ? I() : S());
       return;
     }
     if (k(), M(), !e.random) {
       const w = e.resources.indexOf(b.resource);
       w !== -1 && w !== e.index && (e.index = w);
     }
-    l = "completed", g.forEach((w) => {
+    l = "completed", p.forEach((w) => {
       w(v);
     });
   }
-  function R() {
+  function I() {
     if (l !== "pending") return;
     k();
     const b = s.shift();
@@ -1526,9 +1526,9 @@ function Xi(e, t, n, r) {
         L(E, v, D);
       }
     };
-    h.push(E), c++, d = setTimeout(R, e.rotate), n(b, t, E.callback);
+    h.push(E), c++, d = setTimeout(I, e.rotate), n(b, t, E.callback);
   }
-  return setTimeout(R), m;
+  return setTimeout(I), m;
 }
 function ao(e) {
   const t = {
@@ -1608,7 +1608,7 @@ function ts(e) {
     invalid: n
   };
 }
-function pt(e, t, n) {
+function gt(e, t, n) {
   function r() {
     const o = e.pendingIcons;
     t.forEach((i) => {
@@ -1625,7 +1625,7 @@ function pt(e, t, n) {
   }
   r(), es(e);
 }
-function pr(e, t) {
+function gr(e, t) {
   e instanceof Promise ? e.then((n) => {
     t(n);
   }).catch(() => {
@@ -1639,34 +1639,34 @@ function ns(e, t) {
     if (delete e.iconsToLoad, !o || !o.length) return;
     const i = e.loadIcon;
     if (e.loadIcons && (o.length > 1 || !i)) {
-      pr(e.loadIcons(o, r, n), (u) => {
-        pt(e, o, u);
+      gr(e.loadIcons(o, r, n), (u) => {
+        gt(e, o, u);
       });
       return;
     }
     if (i) {
       o.forEach((u) => {
         const d = i(u, r, n);
-        pr(d, (h) => {
-          const g = h ? {
+        gr(d, (h) => {
+          const p = h ? {
             prefix: r,
             icons: { [u]: h }
           } : null;
-          pt(e, [u], g);
+          gt(e, [u], p);
         });
       });
       return;
     }
     const { valid: s, invalid: a } = ts(o);
-    if (a.length && pt(e, a, null), !s.length) return;
+    if (a.length && gt(e, a, null), !s.length) return;
     const l = r.match(Xr) ? Ln(n) : null;
     if (!l) {
-      pt(e, s, null);
+      gt(e, s, null);
       return;
     }
     l.prepare(n, r, s).forEach((u) => {
       Zi(n, u, (d) => {
-        pt(e, u.icons, d);
+        gt(e, u.icons, d);
       });
     });
   }));
@@ -1690,8 +1690,8 @@ const lo = (e, t) => {
     const d = o[c] || (o[c] = /* @__PURE__ */ Object.create(null));
     d[u] || (d[u] = []);
   }), r.pending.forEach((l) => {
-    const { provider: c, prefix: u, name: d } = l, h = it(c, u), g = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
-    g.has(d) || (g.add(d), o[c][u].push(d));
+    const { provider: c, prefix: u, name: d } = l, h = it(c, u), p = h.pendingIcons || (h.pendingIcons = /* @__PURE__ */ new Set());
+    p.has(d) || (p.add(d), o[c][u].push(d));
   }), i.forEach((l) => {
     const c = o[l.provider][l.prefix];
     c.length && ns(l, c);
@@ -1776,13 +1776,13 @@ const co = {
   xmlnsXlink: "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, ps = {
+}, gs = {
   display: "inline-block"
 }, Tn = {
   backgroundColor: "currentColor"
 }, uo = {
   backgroundColor: "transparent"
-}, gr = {
+}, pr = {
   Image: "var(--svg)",
   Repeat: "no-repeat",
   Size: "100% 100%"
@@ -1793,10 +1793,10 @@ const co = {
 };
 for (const e in mr) {
   const t = mr[e];
-  for (const n in gr)
-    t[e + n] = gr[n];
+  for (const n in pr)
+    t[e + n] = pr[n];
 }
-const gs = {
+const ps = {
   ...co,
   inline: !0
 };
@@ -1804,25 +1804,25 @@ function vr(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const ms = (e, t, n) => {
-  const r = t.inline ? gs : co, o = rs(r, t), i = t.mode || "svg", s = {}, a = t.style || {}, l = {
+  const r = t.inline ? ps : co, o = rs(r, t), i = t.mode || "svg", s = {}, a = t.style || {}, l = {
     ...i === "svg" ? hs : {}
   };
   if (n) {
-    const p = Kt(n, !1, !0);
-    if (p) {
+    const g = Kt(n, !1, !0);
+    if (g) {
       const m = ["iconify"], S = [
         "provider",
         "prefix"
       ];
       for (const M of S)
-        p[M] && m.push("iconify--" + p[M]);
+        g[M] && m.push("iconify--" + g[M]);
       l.className = m.join(" ");
     }
   }
-  for (let p in t) {
-    const m = t[p];
+  for (let g in t) {
+    const m = t[g];
     if (m !== void 0)
-      switch (p) {
+      switch (g) {
         // Properties to ignore
         case "icon":
         case "style":
@@ -1838,13 +1838,13 @@ const ms = (e, t, n) => {
           break;
         // Merge class names
         case "className":
-          l[p] = (l[p] ? l[p] + " " : "") + m;
+          l[g] = (l[g] ? l[g] + " " : "") + m;
           break;
         // Boolean attributes
         case "inline":
         case "hFlip":
         case "vFlip":
-          o[p] = m === !0 || m === "true" || m === 1;
+          o[g] = m === !0 || m === "true" || m === 1;
           break;
         // Flip as string: 'horizontal,vertical'
         case "flip":
@@ -1856,7 +1856,7 @@ const ms = (e, t, n) => {
           break;
         // Rotation as string
         case "rotate":
-          typeof m == "string" ? o[p] = ss(m) : typeof m == "number" && (o[p] = m);
+          typeof m == "string" ? o[g] = ss(m) : typeof m == "number" && (o[g] = m);
           break;
         // Remove aria-hidden
         case "ariaHidden":
@@ -1865,7 +1865,7 @@ const ms = (e, t, n) => {
           break;
         // Copy missing property if it does not exist in customisations
         default:
-          r[p] === void 0 && (l[p] = m);
+          r[g] === void 0 && (l[g] = m);
       }
   }
   const c = ro(e, o), u = c.attributes;
@@ -1874,22 +1874,22 @@ const ms = (e, t, n) => {
       ...s,
       ...a
     }, Object.assign(l, u);
-    let p = 0, m = t.id;
+    let g = 0, m = t.id;
     return typeof m == "string" && (m = m.replace(/-/g, "_")), l.dangerouslySetInnerHTML = {
-      __html: fs(oo(c.body, m ? () => m + "ID" + p++ : "iconifyReact"))
+      __html: fs(oo(c.body, m ? () => m + "ID" + g++ : "iconifyReact"))
     }, En("svg", l);
   }
-  const { body: d, width: h, height: g } = e, k = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), y = as(d, {
+  const { body: d, width: h, height: p } = e, k = i === "mask" || (i === "bg" ? !1 : d.indexOf("currentColor") !== -1), y = as(d, {
     ...u,
     width: h + "",
-    height: g + ""
+    height: p + ""
   });
   return l.style = {
     ...s,
     "--svg": ds(y),
     width: vr(u.width),
     height: vr(u.height),
-    ...ps,
+    ...gs,
     ...k ? Tn : uo,
     ...a
   }, En("span", l);
@@ -1929,8 +1929,8 @@ if (typeof document < "u" && typeof window < "u") {
 }
 function fo(e) {
   const [t, n] = B(!!e.ssr), [r, o] = B({});
-  function i(g) {
-    if (g) {
+  function i(p) {
+    if (p) {
       const k = e.icon;
       if (typeof k == "object")
         return {
@@ -1950,15 +1950,15 @@ function fo(e) {
   }
   const [s, a] = B(i(!!e.ssr));
   function l() {
-    const g = r.callback;
-    g && (g(), o({}));
+    const p = r.callback;
+    p && (p(), o({}));
   }
-  function c(g) {
-    if (JSON.stringify(s) !== JSON.stringify(g))
-      return l(), a(g), !0;
+  function c(p) {
+    if (JSON.stringify(s) !== JSON.stringify(p))
+      return l(), a(p), !0;
   }
   function u() {
-    var g;
+    var p;
     const k = e.icon;
     if (typeof k == "object") {
       c({
@@ -1973,11 +1973,11 @@ function fo(e) {
       data: y
     }))
       if (y === void 0) {
-        const p = lo([k], u);
+        const g = lo([k], u);
         o({
-          callback: p
+          callback: g
         });
-      } else y && ((g = e.onLoad) === null || g === void 0 || g.call(e, k));
+      } else y && ((p = e.onLoad) === null || p === void 0 || p.call(e, k));
   }
   Y(() => (n(!0), l), []), Y(() => {
     t && u();
@@ -2045,7 +2045,7 @@ class ys {
   }
 }
 const bs = new ys(), ws = Vr({ prefix: "sc" });
-function Ie(...e) {
+function Re(...e) {
   return ws(Br(e));
 }
 const ho = F.createContext({ variant: "transparent" });
@@ -2063,13 +2063,13 @@ const ks = Ur("", {
   defaultVariants: {
     variant: "default"
   }
-}), po = F.forwardRef(
+}), go = F.forwardRef(
   ({ className: e, variant: t = "default", asChild: n = !1, children: r, ...o }, i) => {
     const s = n ? vi : "div";
-    return /* @__PURE__ */ f(ho.Provider, { value: { variant: t ?? "default" }, children: /* @__PURE__ */ f(s, { ref: i, className: Ie(ks({ variant: t }), e), ...o, children: r }) });
+    return /* @__PURE__ */ f(ho.Provider, { value: { variant: t ?? "default" }, children: /* @__PURE__ */ f(s, { ref: i, className: Re(ks({ variant: t }), e), ...o, children: r }) });
   }
 );
-po.displayName = "Surface";
+go.displayName = "Surface";
 const Cs = Ur(
   "sc:inline-flex sc:items-center sc:justify-center sc:gap-2 sc:rounded-button sc:text-sm sc:transition-colors sc:focus-visible:outline-none sc:disabled:pointer-events-none sc:disabled:opacity-50 sc:font-button",
   {
@@ -2117,18 +2117,18 @@ const Cs = Ur(
   }
 ), st = F.forwardRef(
   ({ className: e, variant: t, size: n, onPress: r, isPending: o, onClick: i, disabled: s, selected: a, children: l, ...c }, u) => {
-    const { variant: d } = xs(), h = d === "default", g = d === "secondary", k = (p) => {
-      r && r(p), i && i(p);
+    const { variant: d } = xs(), h = d === "default", p = d === "secondary", k = (g) => {
+      r && r(g), i && i(g);
     }, y = {
-      secondary: t === "secondary" && (g ? "sc:bg-[var(--color-default-on-surface)] sc:hover:bg-[var(--color-default-on-surface)]/80" : h ? "sc:dark:bg-[var(--color-default-on-surface)] sc:dark:hover:bg-[var(--color-default-on-surface)]/80" : !1),
-      field: t === "field" && (g ? "sc:bg-[var(--color-field-on-surface)] sc:hover:bg-[var(--color-field-on-surface)]/80" : h ? "sc:dark:bg-[var(--color-field-on-surface)] sc:dark:hover:bg-[var(--color-field-on-surface)]/80" : !1),
-      ghost: t === "ghost" && (h || g) && "sc:hover:bg-[var(--color-default-on-surface)]",
-      outline: t === "outline" && (h || g) && "sc:hover:bg-[var(--color-default-on-surface)]"
+      secondary: t === "secondary" && (p ? "sc:bg-[var(--color-default-on-surface)] sc:hover:bg-[var(--color-default-on-surface)]/80" : h ? "sc:dark:bg-[var(--color-default-on-surface)] sc:dark:hover:bg-[var(--color-default-on-surface)]/80" : !1),
+      field: t === "field" && (p ? "sc:bg-[var(--color-field-on-surface)] sc:hover:bg-[var(--color-field-on-surface)]/80" : h ? "sc:dark:bg-[var(--color-field-on-surface)] sc:dark:hover:bg-[var(--color-field-on-surface)]/80" : !1),
+      ghost: t === "ghost" && (h || p) && "sc:hover:bg-[var(--color-default-on-surface)]",
+      outline: t === "outline" && (h || p) && "sc:hover:bg-[var(--color-default-on-surface)]"
     };
     return /* @__PURE__ */ f(
       "button",
       {
-        className: Ie(
+        className: Re(
           Cs({ variant: t, size: n }),
           y.secondary,
           y.field,
@@ -2147,9 +2147,9 @@ const Cs = Ur(
   }
 );
 st.displayName = "Button";
-const go = F.createContext(null);
+const po = F.createContext(null);
 function Wn() {
-  const e = F.useContext(go);
+  const e = F.useContext(po);
   if (!e)
     throw new Error("Drawer components must be used within a Drawer");
   return e;
@@ -2174,7 +2174,7 @@ function mo({
       }, c);
       return () => clearTimeout(d);
     } else u.current && (u.current = !1, document.documentElement.hasAttribute("data-drawer-open") && (document.documentElement.removeAttribute("data-drawer-open"), window.dispatchEvent(new CustomEvent("drawer-close"))));
-  }, [a]), /* @__PURE__ */ f(go.Provider, { value: { open: a, onOpenChange: l }, children: r });
+  }, [a]), /* @__PURE__ */ f(po.Provider, { value: { open: a, onOpenChange: l }, children: r });
 }
 mo.displayName = "Drawer";
 const Ss = F.forwardRef(
@@ -2220,14 +2220,14 @@ const vo = F.forwardRef(
     lockBodyScroll: u = !0,
     useDialogRole: d = !0,
     disableSwipeGestures: h = !1,
-    animationDuration: g = 500,
+    animationDuration: p = 500,
     showScrollFade: k = !0,
     scrollFadeColor: y,
-    heightRatio: p,
+    heightRatio: g,
     safeAreaPadding: m = !1,
     ...S
   }, M) => {
-    const { open: L, onOpenChange: R } = Wn(), [b, E] = F.useState(!1), [v, D] = F.useState(0), [w, A] = F.useState(!1), [T, O] = F.useState(!1), [W, ae] = F.useState(!1), [_, X] = F.useState(!1), q = F.useRef(null), te = F.useRef(null), ge = F.useRef(0), xe = F.useRef(0), [ie, de] = F.useState(!1), [je, ze] = F.useState(!1), le = F.useRef(!1), De = F.useRef(!0), ee = F.useRef(null), se = 120;
+    const { open: L, onOpenChange: I } = Wn(), [b, E] = F.useState(!1), [v, D] = F.useState(0), [w, A] = F.useState(!1), [T, O] = F.useState(!1), [W, ae] = F.useState(!1), [_, X] = F.useState(!1), q = F.useRef(null), te = F.useRef(null), pe = F.useRef(0), xe = F.useRef(0), [ie, de] = F.useState(!1), [je, ze] = F.useState(!1), le = F.useRef(!1), De = F.useRef(!0), ee = F.useRef(null), se = 120;
     F.useEffect(() => {
       if (L) {
         const K = setTimeout(() => X(!0), se);
@@ -2270,11 +2270,11 @@ const vo = F.forwardRef(
     }, [L]);
     const ke = ie ? 10 : 0, ve = 50, Ze = 10, ue = F.useRef(null), Ve = F.useCallback(
       (K, he) => {
-        const be = window.scrollY, Rt = K - be, on = performance.now(), It = (ct) => {
+        const be = window.scrollY, It = K - be, on = performance.now(), Rt = (ct) => {
           const Nt = ct - on, zt = Math.min(Nt / he, 1), Ot = 1 - Math.pow(1 - zt, 3);
-          window.scrollTo(0, be + Rt * Ot), zt < 1 && requestAnimationFrame(It);
+          window.scrollTo(0, be + It * Ot), zt < 1 && requestAnimationFrame(Rt);
         };
-        requestAnimationFrame(It);
+        requestAnimationFrame(Rt);
       },
       []
     ), Oe = 10;
@@ -2296,7 +2296,7 @@ const vo = F.forwardRef(
         ue.current = null, document.body.style.overflow = "", window.scrollTo(0, K);
       }
     }, [L, w]);
-    const x = 300, C = 200, I = 250, z = 150, Z = I + z, H = 50, Q = F.useCallback(() => {
+    const x = 300, C = 200, R = 250, z = 150, Z = R + z, H = 50, Q = F.useCallback(() => {
       setTimeout(() => {
         A(!0), setTimeout(() => {
           document.body.style.overflow = "";
@@ -2306,11 +2306,11 @@ const vo = F.forwardRef(
           document.documentElement.removeAttribute("data-drawer-open"), window.dispatchEvent(new CustomEvent("drawer-close"));
         }, C), setTimeout(() => {
           O(!0);
-        }, I), setTimeout(() => {
-          A(!1), O(!1), R(!1);
+        }, R), setTimeout(() => {
+          A(!1), O(!1), I(!1);
         }, Z);
       }, H);
-    }, [R]);
+    }, [I]);
     F.useEffect(() => {
       const K = (he) => {
         he.key === "Escape" && L && !w && Q();
@@ -2319,23 +2319,23 @@ const vo = F.forwardRef(
     }, [L, w, Q]);
     const fe = F.useCallback(
       (K) => {
-        h || (ge.current = K.touches[0].clientY, xe.current = 0, q.current && (q.current.style.transition = "none"));
+        h || (pe.current = K.touches[0].clientY, xe.current = 0, q.current && (q.current.style.transition = "none"));
       },
       [h]
     ), Le = F.useCallback(
       (K) => {
         if (h) return;
-        const he = K.touches[0].clientY - ge.current;
+        const he = K.touches[0].clientY - pe.current;
         xe.current = Math.max(0, he), q.current && (q.current.style.transform = `translateY(${xe.current}px)`);
       },
       [h]
     ), oe = F.useCallback(() => {
       if (h) return;
-      q.current && (q.current.style.transition = `transform ${g}ms cubic-bezier(0.32, 0.72, 0, 1)`, q.current.style.transform = ""), xe.current > 100 && Q();
-    }, [h, Q, g]);
+      q.current && (q.current.style.transition = `transform ${p}ms cubic-bezier(0.32, 0.72, 0, 1)`, q.current.style.transform = ""), xe.current > 100 && Q();
+    }, [h, Q, p]);
     if (!b || !L && !w) return null;
     const Se = _ || w, ye = {
-      "--animation-duration": `${g}ms`
+      "--animation-duration": `${p}ms`
     };
     return Bn(
       // The .sc-root wrapper is load-bearing: a body portal escapes the
@@ -2359,7 +2359,7 @@ const vo = F.forwardRef(
               "div",
               {
                 onClick: Q,
-                className: Ie(
+                className: Re(
                   "sc:absolute sc:inset-0 sc:backdrop-blur-lg",
                   T && "sc:animate-out sc:fade-out"
                 ),
@@ -2385,7 +2385,7 @@ const vo = F.forwardRef(
             Se && /* @__PURE__ */ f(
               "div",
               {
-                className: Ie(
+                className: Re(
                   "sc:sticky sc:left-0 sc:w-full sc:flex sc:pointer-events-none",
                   n === "bottom" && "sc:items-end sc:justify-center",
                   // Side drawers: stretch to full height unless custom height is set (then top-align with padding)
@@ -2397,18 +2397,18 @@ const vo = F.forwardRef(
                   top: n === "bottom" ? ke : 0,
                   transition: "top 10ms ease-out"
                 },
-                children: /* @__PURE__ */ f(po, { asChild: !0, variant: "default", children: /* @__PURE__ */ j(
+                children: /* @__PURE__ */ f(go, { asChild: !0, variant: "default", children: /* @__PURE__ */ j(
                   "div",
                   {
                     ref: q,
-                    className: Ie(
+                    className: Re(
                       "sc:flex sc:flex-col sc:shadow-2xl sc:pointer-events-auto",
                       // Bottom drawer: rounded top, full width
                       n === "bottom" && "sc:rounded-t-3xl sc:w-full",
                       // Left drawer: rounded right side, full height unless custom height
-                      n === "left" && Ie("sc:rounded-r-2xl", !r && "sc:h-full"),
+                      n === "left" && Re("sc:rounded-r-2xl", !r && "sc:h-full"),
                       // Right drawer: rounded left side, full height unless custom height
-                      n === "right" && Ie("sc:rounded-l-2xl", !r && "sc:h-full"),
+                      n === "right" && Re("sc:rounded-l-2xl", !r && "sc:h-full"),
                       // Animations based on placement
                       n === "bottom" && (w ? "sc:animate-out sc:slide-out-to-bottom" : "sc:animate-in sc:slide-in-from-bottom"),
                       n === "left" && (w ? "sc:animate-out sc:slide-out-to-left" : "sc:animate-in sc:slide-in-from-left"),
@@ -2418,8 +2418,8 @@ const vo = F.forwardRef(
                     style: {
                       // Bottom drawer: use height/maxHeight
                       ...n === "bottom" ? {
-                        height: p ? `${p * 100}vh` : r,
-                        maxHeight: p || r ? void 0 : o
+                        height: g ? `${g * 100}vh` : r,
+                        maxHeight: g || r ? void 0 : o
                       } : {},
                       // Side drawers: use width/maxWidth, custom height or full height
                       ...n !== "bottom" ? {
@@ -2427,7 +2427,7 @@ const vo = F.forwardRef(
                         maxWidth: s,
                         height: r || "100%"
                       } : {},
-                      animationDuration: w ? `${x}ms` : `${g}ms`,
+                      animationDuration: w ? `${x}ms` : `${p}ms`,
                       animationTimingFunction: w ? "ease-in" : "cubic-bezier(0.32, 0.72, 0, 1)",
                       animationFillMode: "forwards",
                       ...ye
@@ -2441,7 +2441,7 @@ const vo = F.forwardRef(
                           onTouchStart: fe,
                           onTouchMove: Le,
                           onTouchEnd: oe,
-                          className: Ie(
+                          className: Re(
                             "sc:cursor-grab sc:active:cursor-grabbing sc:flex-shrink-0",
                             l && "sc:absolute sc:top-0 sc:left-0 sc:right-0 sc:h-8 sc:z-10"
                           ),
@@ -2472,7 +2472,7 @@ const vo = F.forwardRef(
                         k && /* @__PURE__ */ f(
                           "div",
                           {
-                            className: Ie(
+                            className: Re(
                               "sc:absolute sc:bottom-0 sc:left-0 sc:right-0 sc:h-20 sc:pointer-events-none sc:transition-opacity sc:duration-300 sc:z-10",
                               W ? "sc:opacity-0" : "sc:opacity-100"
                             ),
@@ -2507,7 +2507,7 @@ const yo = F.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   "h2",
   {
     ref: n,
-    className: Ie(
+    className: Re(
       "sc:text-lg sc:font-semibold sc:leading-none sc:tracking-tight",
       e
     ),
@@ -2519,7 +2519,7 @@ const bo = F.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ f(
   "p",
   {
     ref: n,
-    className: Ie("sc:text-sm sc:text-muted-foreground", e),
+    className: Re("sc:text-sm sc:text-muted-foreground", e),
     ...t
   }
 ));
@@ -2529,7 +2529,7 @@ const As = ot.Provider, Ms = ot.Root, Jt = ot.Trigger, At = F.forwardRef(({ clas
   {
     ref: r,
     sideOffset: t,
-    className: Ie(
+    className: Re(
       "sc:z-tooltip sc:overflow-hidden sc:rounded-tooltip sc:bg-popover sc:px-3 sc:py-1.5 sc:text-xs sc:text-popover-foreground sc:shadow-md sc:animate-in sc:fade-in-0 sc:zoom-in-95 sc:font-caption",
       "sc:data-[state=closed]:animate-out sc:data-[state=closed]:fade-out-0 sc:data-[state=closed]:zoom-out-95",
       "sc:data-[side=bottom]:slide-in-from-top-2 sc:data-[side=left]:slide-in-from-right-2 sc:data-[side=right]:slide-in-from-left-2 sc:data-[side=top]:slide-in-from-bottom-2",
@@ -2543,7 +2543,7 @@ const Ds = ({ children: e, delayDuration: t, delay: n, ...r }) => /* @__PURE__ *
   Trigger: Jt,
   Content: At
 }), Ls = Vr({ prefix: "sc" });
-function Rn(...e) {
+function In(...e) {
   return Ls(Br(e));
 }
 const Ts = {
@@ -2564,7 +2564,7 @@ const Ts = {
   // Filled variants are heavy
   "simple-icons": 0.95,
   "eos-icons": 1
-}, Rs = 1, Is = {
+}, Is = 1, Rs = {
   "gravity-ui:arrow-rotate-left": { x: 4, y: 4 },
   "gravity-ui:arrow-rotate-right": { x: -4, y: 4 },
   "gravity-ui:sparkles": { x: 2, y: -2 }
@@ -2581,12 +2581,12 @@ function zs(e) {
   return t === -1 ? "" : e.substring(0, t);
 }
 function Os(e) {
-  return Ts[e] ?? Rs;
+  return Ts[e] ?? Is;
 }
 function Fs(e) {
-  return Is[e] ?? null;
+  return Rs[e] ?? null;
 }
-function pn(e, t) {
+function gn(e, t) {
   const n = Os(t);
   return Math.round(e * n);
 }
@@ -2597,14 +2597,14 @@ const wo = ({
 }) => {
   const r = zs(e), o = Ns[t], i = Fs(e);
   if (typeof o == "object") {
-    const l = pn(o.mobile, r), c = pn(o.desktop, r), u = i ? {
+    const l = gn(o.mobile, r), c = gn(o.desktop, r), u = i ? {
       x: i.x * l / 20,
       y: i.y * l / 20
     } : null;
     return /* @__PURE__ */ f(
       "span",
       {
-        className: Rn("sc-normalized-icon-responsive sc:inline-flex", n),
+        className: In("sc-normalized-icon-responsive sc:inline-flex", n),
         style: {
           "--icon-size-mobile": `${l}px`,
           "--icon-size-desktop": `${c}px`,
@@ -2623,14 +2623,14 @@ const wo = ({
       }
     );
   }
-  const s = pn(o, r), a = i ? {
+  const s = gn(o, r), a = i ? {
     x: i.x * s / 20,
     y: i.y * s / 20
   } : null;
   return /* @__PURE__ */ f(
     "span",
     {
-      className: Rn("sc:inline-flex", n),
+      className: In("sc:inline-flex", n),
       style: { width: `${s}px`, height: `${s}px` },
       children: /* @__PURE__ */ f(
         $,
@@ -2645,7 +2645,7 @@ const wo = ({
   );
 };
 wo.displayName = "NormalizedIcon";
-const In = ne.forwardRef(
+const Rn = ne.forwardRef(
   ({
     icon: e,
     onClick: t,
@@ -2672,7 +2672,7 @@ const In = ne.forwardRef(
         "data-active": n,
         "data-testid": a,
         onMouseLeave: u,
-        className: Rn(c),
+        className: In(c),
         children: typeof e == "string" ? /* @__PURE__ */ f(wo, { icon: e, size: "toolbar" }) : e
       }
     );
@@ -2682,7 +2682,7 @@ const In = ne.forwardRef(
     ] });
   }
 );
-In.displayName = "ToolbarButton";
+Rn.displayName = "ToolbarButton";
 const G = {
   // Navigation/Actions
   plus: "lucide:plus",
@@ -2781,25 +2781,25 @@ const G = {
     n && /* @__PURE__ */ f("span", { className: "sc:ml-auto sc:text-sm sc:text-text-muted", children: n }),
     r && !n && /* @__PURE__ */ f("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: "sc:ml-auto sc:shrink-0", children: /* @__PURE__ */ f("path", { d: "M13 4L6 11L3 8", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
   ] });
-}, gn = Qe("useArtboards"), js = () => {
+}, pn = Qe("useArtboards"), js = () => {
   const {
     artboards: e,
     artboardManager: t,
     refreshArtboards: n,
     setSelectedId: r,
     setMultiSelection: o
-  } = qt(), i = t.getActiveArtboardId(), s = t.getActiveArtboard(), a = J(() => e.map((p) => {
-    const S = t.getElementsOnArtboard(p.id).length;
+  } = qt(), i = t.getActiveArtboardId(), s = t.getActiveArtboard(), a = J(() => e.map((g) => {
+    const S = t.getElementsOnArtboard(g.id).length;
     return {
-      id: p.id,
-      name: p.name,
-      x: p.x,
-      y: p.y,
-      width: p.width,
-      height: p.height,
-      backgroundColor: p.backgroundColor,
-      clipShape: p.clipShape,
-      isActive: p.id === i,
+      id: g.id,
+      name: g.name,
+      x: g.x,
+      y: g.y,
+      width: g.width,
+      height: g.height,
+      backgroundColor: g.backgroundColor,
+      clipShape: g.clipShape,
+      isActive: g.id === i,
       elementCount: S
     };
   }), [e, t, i]), l = J(() => {
@@ -2817,19 +2817,19 @@ const G = {
       isActive: !0,
       elementCount: m
     };
-  }, [s, t]), c = N((p = 1200, m = 1200, S) => {
+  }, [s, t]), c = N((g = 1200, m = 1200, S) => {
     const M = {
-      width: p,
+      width: g,
       height: m,
       ...S
     };
     t.createArtboard(M), n();
-  }, [t, n]), u = N((p) => {
-    t.deleteArtboard(p), n();
-  }, [t, n]), d = N((p) => {
-    const m = e.find((S) => S.id === p);
+  }, [t, n]), u = N((g) => {
+    t.deleteArtboard(g), n();
+  }, [t, n]), d = N((g) => {
+    const m = e.find((S) => S.id === g);
     if (!m) {
-      gn.warn(`[useArtboards] Artboard ${p} not found`);
+      pn.warn(`[useArtboards] Artboard ${g} not found`);
       return;
     }
     t.createArtboard({
@@ -2839,24 +2839,24 @@ const G = {
       backgroundColor: m.backgroundColor,
       clipShape: m.clipShape
     }), n();
-  }, [e, t, n]), h = N((p, m) => {
-    const S = e.find((M) => M.id === p);
+  }, [e, t, n]), h = N((g, m) => {
+    const S = e.find((M) => M.id === g);
     if (!S) {
-      gn.warn(`[useArtboards] Artboard ${p} not found`);
+      pn.warn(`[useArtboards] Artboard ${g} not found`);
       return;
     }
     S.name = m, n();
-  }, [e, n]), g = N((p, m) => {
-    const S = e.find((M) => M.id === p);
+  }, [e, n]), p = N((g, m) => {
+    const S = e.find((M) => M.id === g);
     if (!S) {
-      gn.warn(`[useArtboards] Artboard ${p} not found`);
+      pn.warn(`[useArtboards] Artboard ${g} not found`);
       return;
     }
     m.name !== void 0 && (S.name = m.name), m.width !== void 0 && (S.width = m.width), m.height !== void 0 && (S.height = m.height), m.backgroundColor !== void 0 && (S.backgroundColor = m.backgroundColor), m.clipShape !== void 0 && (S.clipShape = m.clipShape), "distressTexture" in m && (S.distressTexture = m.distressTexture ? { ...m.distressTexture } : void 0), n();
-  }, [e, n]), k = N((p) => {
-    r(null), o([]), t.setActiveArtboard(p), n();
-  }, [t, n, r, o]), y = N((p, m) => {
-    p !== m && (p < 0 || p >= e.length || m < 0 || m >= e.length || ([...e], t.reorderArtboards(p, m), n()));
+  }, [e, n]), k = N((g) => {
+    r(null), o([]), t.setActiveArtboard(g), n();
+  }, [t, n, r, o]), y = N((g, m) => {
+    g !== m && (g < 0 || g >= e.length || m < 0 || m >= e.length || ([...e], t.reorderArtboards(g, m), n()));
   }, [e, t, n]);
   return {
     artboards: e,
@@ -2868,7 +2868,7 @@ const G = {
     deleteArtboard: u,
     duplicateArtboard: d,
     renameArtboard: h,
-    updateArtboard: g,
+    updateArtboard: p,
     selectArtboard: k,
     reorderArtboards: y,
     count: e.length
@@ -3200,41 +3200,41 @@ function Js(e) {
     onDragMove(d) {
       let {
         active: h,
-        over: g
+        over: p
       } = d;
       t.onDragMove && i(t.onDragMove({
         active: h,
-        over: g
+        over: p
       }));
     },
     onDragOver(d) {
       let {
         active: h,
-        over: g
+        over: p
       } = d;
       i(t.onDragOver({
         active: h,
-        over: g
+        over: p
       }));
     },
     onDragEnd(d) {
       let {
         active: h,
-        over: g
+        over: p
       } = d;
       i(t.onDragEnd({
         active: h,
-        over: g
+        over: p
       }));
     },
     onDragCancel(d) {
       let {
         active: h,
-        over: g
+        over: p
       } = d;
       i(t.onDragCancel({
         active: h,
-        over: g
+        over: p
       }));
     }
   }), [i, t])), !l)
@@ -3382,7 +3382,7 @@ const ea = (e) => {
       id: a
     } = s, l = n.get(a);
     if (l) {
-      const c = Nn(l), u = o.reduce((h, g, k) => h + Xn(c[k], g), 0), d = Number((u / 4).toFixed(4));
+      const c = Nn(l), u = o.reduce((h, p, k) => h + Xn(c[k], p), 0), d = Number((u / 4).toFixed(4));
       i.push({
         id: a,
         data: {
@@ -3619,14 +3619,14 @@ function zn(e) {
     y: Lo(e)
   };
 }
-var pe;
+var ge;
 (function(e) {
   e[e.Forward = 1] = "Forward", e[e.Backward = -1] = "Backward";
-})(pe || (pe = {}));
+})(ge || (ge = {}));
 function To(e) {
   return !Xt || !e ? !1 : e === document.scrollingElement;
 }
-function Ro(e) {
+function Io(e) {
   const t = {
     x: 0,
     y: 0
@@ -3649,24 +3649,24 @@ function Ro(e) {
     minScroll: t
   };
 }
-const pa = {
+const ga = {
   x: 0.2,
   y: 0.2
 };
-function ga(e, t, n, r, o) {
+function pa(e, t, n, r, o) {
   let {
     top: i,
     left: s,
     right: a,
     bottom: l
   } = n;
-  r === void 0 && (r = 10), o === void 0 && (o = pa);
+  r === void 0 && (r = 10), o === void 0 && (o = ga);
   const {
     isTop: c,
     isBottom: u,
     isLeft: d,
     isRight: h
-  } = Ro(e), g = {
+  } = Io(e), p = {
     x: 0,
     y: 0
   }, k = {
@@ -3676,8 +3676,8 @@ function ga(e, t, n, r, o) {
     height: t.height * o.y,
     width: t.width * o.x
   };
-  return !c && i <= t.top + y.height ? (g.y = pe.Backward, k.y = r * Math.abs((t.top + y.height - i) / y.height)) : !u && l >= t.bottom - y.height && (g.y = pe.Forward, k.y = r * Math.abs((t.bottom - y.height - l) / y.height)), !h && a >= t.right - y.width ? (g.x = pe.Forward, k.x = r * Math.abs((t.right - y.width - a) / y.width)) : !d && s <= t.left + y.width && (g.x = pe.Backward, k.x = r * Math.abs((t.left + y.width - s) / y.width)), {
-    direction: g,
+  return !c && i <= t.top + y.height ? (p.y = ge.Backward, k.y = r * Math.abs((t.top + y.height - i) / y.height)) : !u && l >= t.bottom - y.height && (p.y = ge.Forward, k.y = r * Math.abs((t.bottom - y.height - l) / y.height)), !h && a >= t.right - y.width ? (p.x = ge.Forward, k.x = r * Math.abs((t.right - y.width - a) / y.width)) : !d && s <= t.left + y.width && (p.x = ge.Backward, k.x = r * Math.abs((t.left + y.width - s) / y.width)), {
+    direction: p,
     speed: k
   };
 }
@@ -3711,7 +3711,7 @@ function ma(e) {
     height: e.clientHeight
   };
 }
-function Io(e) {
+function Ro(e) {
   return e.reduce((t, n) => nt(t, zn(n)), Fe);
 }
 function va(e) {
@@ -3738,7 +3738,7 @@ const ba = [["x", ["left", "right"], va], ["y", ["top", "bottom"], ya]];
 class Zn {
   constructor(t, n) {
     this.rect = void 0, this.width = void 0, this.height = void 0, this.top = void 0, this.bottom = void 0, this.right = void 0, this.left = void 0;
-    const r = en(n), o = Io(r);
+    const r = en(n), o = Ro(r);
     this.rect = {
       ...t
     }, this.width = t.width, this.height = t.height;
@@ -3879,26 +3879,26 @@ class er {
         currentCoordinates: u
       });
       if (d) {
-        const h = Ct(d, u), g = {
+        const h = Ct(d, u), p = {
           x: 0,
           y: 0
         }, {
           scrollableAncestors: k
         } = r.current;
         for (const y of k) {
-          const p = t.code, {
+          const g = t.code, {
             isTop: m,
             isRight: S,
             isLeft: M,
             isBottom: L,
-            maxScroll: R,
+            maxScroll: I,
             minScroll: b
-          } = Ro(y), E = ma(y), v = {
-            x: Math.min(p === U.Right ? E.right - E.width / 2 : E.right, Math.max(p === U.Right ? E.left : E.left + E.width / 2, d.x)),
-            y: Math.min(p === U.Down ? E.bottom - E.height / 2 : E.bottom, Math.max(p === U.Down ? E.top : E.top + E.height / 2, d.y))
-          }, D = p === U.Right && !S || p === U.Left && !M, w = p === U.Down && !L || p === U.Up && !m;
+          } = Io(y), E = ma(y), v = {
+            x: Math.min(g === U.Right ? E.right - E.width / 2 : E.right, Math.max(g === U.Right ? E.left : E.left + E.width / 2, d.x)),
+            y: Math.min(g === U.Down ? E.bottom - E.height / 2 : E.bottom, Math.max(g === U.Down ? E.top : E.top + E.height / 2, d.y))
+          }, D = g === U.Right && !S || g === U.Left && !M, w = g === U.Down && !L || g === U.Up && !m;
           if (D && v.x !== d.x) {
-            const A = y.scrollLeft + h.x, T = p === U.Right && A <= R.x || p === U.Left && A >= b.x;
+            const A = y.scrollLeft + h.x, T = g === U.Right && A <= I.x || g === U.Left && A >= b.x;
             if (T && !h.y) {
               y.scrollTo({
                 left: A,
@@ -3906,13 +3906,13 @@ class er {
               });
               return;
             }
-            T ? g.x = y.scrollLeft - A : g.x = p === U.Right ? y.scrollLeft - R.x : y.scrollLeft - b.x, g.x && y.scrollBy({
-              left: -g.x,
+            T ? p.x = y.scrollLeft - A : p.x = g === U.Right ? y.scrollLeft - I.x : y.scrollLeft - b.x, p.x && y.scrollBy({
+              left: -p.x,
               behavior: a
             });
             break;
           } else if (w && v.y !== d.y) {
-            const A = y.scrollTop + h.y, T = p === U.Down && A <= R.y || p === U.Up && A >= b.y;
+            const A = y.scrollTop + h.y, T = g === U.Down && A <= I.y || g === U.Up && A >= b.y;
             if (T && !h.x) {
               y.scrollTo({
                 top: A,
@@ -3920,14 +3920,14 @@ class er {
               });
               return;
             }
-            T ? g.y = y.scrollTop - A : g.y = p === U.Down ? y.scrollTop - R.y : y.scrollTop - b.y, g.y && y.scrollBy({
-              top: -g.y,
+            T ? p.y = y.scrollTop - A : p.y = g === U.Down ? y.scrollTop - I.y : y.scrollTop - b.y, p.y && y.scrollBy({
+              top: -p.y,
               behavior: a
             });
             break;
           }
         }
-        this.handleMove(t, nt(Ct(d, this.referenceCoordinates), g));
+        this.handleMove(t, nt(Ct(d, this.referenceCoordinates), p));
       }
     }
   }
@@ -4219,10 +4219,10 @@ function Ma(e) {
     delta: d,
     threshold: h
   } = e;
-  const g = La({
+  const p = La({
     delta: d,
     disabled: !i
-  }), [k, y] = Ps(), p = V({
+  }), [k, y] = Ps(), g = V({
     x: 0,
     y: 0
   }), m = V({
@@ -4244,16 +4244,16 @@ function Ma(e) {
     const b = M.current;
     if (!b)
       return;
-    const E = p.current.x * m.current.x, v = p.current.y * m.current.y;
+    const E = g.current.x * m.current.x, v = g.current.y * m.current.y;
     b.scrollBy(E, v);
-  }, []), R = J(() => a === Wt.TreeOrder ? [...c].reverse() : c, [a, c]);
+  }, []), I = J(() => a === Wt.TreeOrder ? [...c].reverse() : c, [a, c]);
   Y(
     () => {
       if (!i || !c.length || !S) {
         y();
         return;
       }
-      for (const b of R) {
+      for (const b of I) {
         if ((r == null ? void 0 : r(b)) === !1)
           continue;
         const E = c.indexOf(b), v = u[E];
@@ -4262,15 +4262,15 @@ function Ma(e) {
         const {
           direction: D,
           speed: w
-        } = ga(b, v, S, t, h);
+        } = pa(b, v, S, t, h);
         for (const A of ["x", "y"])
-          g[A][D[A]] || (w[A] = 0, D[A] = 0);
+          p[A][D[A]] || (w[A] = 0, D[A] = 0);
         if (w.x > 0 || w.y > 0) {
-          y(), M.current = b, k(L, s), p.current = w, m.current = D;
+          y(), M.current = b, k(L, s), g.current = w, m.current = D;
           return;
         }
       }
-      p.current = {
+      g.current = {
         x: 0,
         y: 0
       }, m.current = {
@@ -4289,10 +4289,10 @@ function Ma(e) {
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(S),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      JSON.stringify(g),
+      JSON.stringify(p),
       k,
       c,
-      R,
+      I,
       u,
       // eslint-disable-next-line react-hooks/exhaustive-deps
       JSON.stringify(h)
@@ -4301,12 +4301,12 @@ function Ma(e) {
 }
 const Da = {
   x: {
-    [pe.Backward]: !1,
-    [pe.Forward]: !1
+    [ge.Backward]: !1,
+    [ge.Forward]: !1
   },
   y: {
-    [pe.Backward]: !1,
-    [pe.Forward]: !1
+    [ge.Backward]: !1,
+    [ge.Forward]: !1
   }
 };
 function La(e) {
@@ -4324,12 +4324,12 @@ function La(e) {
     };
     return {
       x: {
-        [pe.Backward]: o.x[pe.Backward] || i.x === -1,
-        [pe.Forward]: o.x[pe.Forward] || i.x === 1
+        [ge.Backward]: o.x[ge.Backward] || i.x === -1,
+        [ge.Forward]: o.x[ge.Forward] || i.x === 1
       },
       y: {
-        [pe.Backward]: o.y[pe.Backward] || i.y === -1,
-        [pe.Forward]: o.y[pe.Forward] || i.y === 1
+        [ge.Backward]: o.y[ge.Backward] || i.y === -1,
+        [ge.Forward]: o.y[ge.Forward] || i.y === 1
       }
     };
   }, [n, t, r]);
@@ -4341,7 +4341,7 @@ function Ta(e, t) {
     return t == null ? null : (i = r ?? o) != null ? i : null;
   }, [r, t]);
 }
-function Ra(e, t) {
+function Ia(e, t) {
   return J(() => e.reduce((n, r) => {
     const {
       sensor: o
@@ -4361,7 +4361,7 @@ var Fn;
   e.Optimized = "optimized";
 })(Fn || (Fn = {}));
 const Er = /* @__PURE__ */ new Map();
-function Ia(e, t) {
+function Ra(e, t) {
   let {
     dragging: n,
     dependencies: r,
@@ -4371,7 +4371,7 @@ function Ia(e, t) {
     frequency: a,
     measure: l,
     strategy: c
-  } = o, u = V(e), d = p(), h = kt(d), g = N(function(m) {
+  } = o, u = V(e), d = g(), h = kt(d), p = N(function(m) {
     m === void 0 && (m = []), !h.current && s((S) => S === null ? m : S.concat(m.filter((M) => !S.includes(M))));
   }, [h]), k = V(null), y = Dt((m) => {
     if (d && !n)
@@ -4385,8 +4385,8 @@ function Ia(e, t) {
           S.set(M.id, M.rect.current);
           continue;
         }
-        const L = M.node.current, R = L ? new Zn(l(L), L) : null;
-        M.rect.current = R, R && S.set(M.id, R);
+        const L = M.node.current, I = L ? new Zn(l(L), L) : null;
+        M.rect.current = I, I && S.set(M.id, I);
       }
       return S;
     }
@@ -4396,7 +4396,7 @@ function Ia(e, t) {
     u.current = e;
   }, [e]), Y(
     () => {
-      d || g();
+      d || p();
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [n, d]
@@ -4409,17 +4409,17 @@ function Ia(e, t) {
   ), Y(
     () => {
       d || typeof a != "number" || k.current !== null || (k.current = setTimeout(() => {
-        g(), k.current = null;
+        p(), k.current = null;
       }, a));
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a, d, g, ...r]
+    [a, d, p, ...r]
   ), {
     droppableRects: y,
-    measureDroppableContainers: g,
+    measureDroppableContainers: p,
     measuringScheduled: i != null
   };
-  function p() {
+  function g() {
     switch (c) {
       case Et.Always:
         return !1;
@@ -4549,7 +4549,7 @@ function Pa(e) {
         c == null || c.removeEventListener("scroll", o);
       });
     }
-  }, [o, e]), J(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => nt(i, s), Fe) : Io(e) : Fe, [e, t]);
+  }, [o, e]), J(() => e.length ? t ? Array.from(t.values()).reduce((i, s) => nt(i, s), Fe) : Ro(e) : Fe, [e, t]);
 }
 function Dr(e, t) {
   t === void 0 && (t = []);
@@ -4968,10 +4968,10 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     sensors: u = Ua,
     collisionDetection: d = ra,
     measuring: h,
-    modifiers: g,
+    modifiers: p,
     ...k
   } = t;
-  const y = ti(Ya, void 0, Wa), [p, m] = y, [S, M] = Ys(), [L, R] = B(Ke.Uninitialized), b = L === Ke.Initialized, {
+  const y = ti(Ya, void 0, Wa), [g, m] = y, [S, M] = Ys(), [L, I] = B(Ke.Uninitialized), b = L === Ke.Initialized, {
     draggable: {
       active: E,
       nodes: v,
@@ -4980,7 +4980,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     droppable: {
       containers: w
     }
-  } = p, A = E != null ? v.get(E) : null, T = V({
+  } = g, A = E != null ? v.get(E) : null, T = V({
     initial: null,
     translated: null
   }), O = J(() => {
@@ -4991,11 +4991,11 @@ const Xa = /* @__PURE__ */ ei(function(t) {
       data: (we = A == null ? void 0 : A.data) != null ? we : Ga,
       rect: T
     } : null;
-  }, [E, A]), W = V(null), [ae, _] = B(null), [X, q] = B(null), te = kt(k, Object.values(k)), ge = Zt("DndDescribedBy", s), xe = J(() => w.getEnabled(), [w]), ie = Ka(h), {
+  }, [E, A]), W = V(null), [ae, _] = B(null), [X, q] = B(null), te = kt(k, Object.values(k)), pe = Zt("DndDescribedBy", s), xe = J(() => w.getEnabled(), [w]), ie = Ka(h), {
     droppableRects: de,
     measureDroppableContainers: je,
     measuringScheduled: ze
-  } = Ia(xe, {
+  } = Ra(xe, {
     dragging: b,
     dependencies: [D.x, D.y],
     config: ie.droppable
@@ -5022,7 +5022,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     scrollAdjustedTranslate: null
   }), Ze = w.getNodeFor((n = ve.current.over) == null ? void 0 : n.id), ue = Va({
     measure: ie.dragOverlay.measure
-  }), Ve = (r = ue.nodeRef.current) != null ? r : le, Oe = b ? (o = ue.rect) != null ? o : P : null, x = !!(ue.nodeRef.current && ue.rect), C = Fa(x ? null : P), I = Oo(Ve ? Ce(Ve) : null), z = ja(b ? Ze ?? le : null), Z = Ba(z), H = $o(g, {
+  }), Ve = (r = ue.nodeRef.current) != null ? r : le, Oe = b ? (o = ue.rect) != null ? o : P : null, x = !!(ue.nodeRef.current && ue.rect), C = Fa(x ? null : P), R = Oo(Ve ? Ce(Ve) : null), z = ja(b ? Ze ?? le : null), Z = Ba(z), H = $o(p, {
     transform: {
       x: D.x - C.x,
       y: D.y - C.y,
@@ -5038,14 +5038,14 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     overlayNodeRect: ue.rect,
     scrollableAncestors: z,
     scrollableAncestorRects: Z,
-    windowRect: I
+    windowRect: R
   }), Q = De ? nt(De, D) : null, fe = Pa(z), Le = Dr(fe), oe = Dr(fe, [P]), Se = nt(H, Le), ye = Oe ? la(Oe, H) : null, K = O && ye ? d({
     active: O,
     collisionRect: ye,
     droppableRects: de,
     droppableContainers: xe,
     pointerCoordinates: Q
-  }) : null, he = So(K, "id"), [be, Rt] = B(null), on = x ? H : nt(H, oe), It = sa(on, (i = be == null ? void 0 : be.rect) != null ? i : null, P), ct = V(null), Nt = N(
+  }) : null, he = So(K, "id"), [be, It] = B(null), on = x ? H : nt(H, oe), Rt = sa(on, (i = be == null ? void 0 : be.rect) != null ? i : null, P), ct = V(null), Nt = N(
     (we, Ee) => {
       let {
         sensor: Ae,
@@ -5111,7 +5111,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
             }
           };
           Ft(() => {
-            Ue == null || Ue(dt), R(Ke.Initializing), m({
+            Ue == null || Ue(dt), I(Ke.Initializing), m({
               type: ce.DragStart,
               initialCoordinates: me,
               active: Ye
@@ -5155,7 +5155,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
           W.current = null, Ft(() => {
             m({
               type: me
-            }), R(Ke.Uninitialized), Rt(null), _(null), q(null), ct.current = null;
+            }), I(Ke.Uninitialized), It(null), _(null), q(null), ct.current = null;
             const ft = me === ce.DragEnd ? "onDragEnd" : "onDragCancel";
             if (qe) {
               const sn = te.current[ft];
@@ -5185,9 +5185,9 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     we(Ae, Ee.options, Pe) === !0 && (Te.dndKit = {
       capturedBy: Ee.sensor
     }, W.current = We, Nt(Ae, Ee));
-  }, [v, Nt]), Ot = Ra(u, zt);
+  }, [v, Nt]), Ot = Ia(u, zt);
   $a(u), _e(() => {
-    P && L === Ke.Initializing && R(Ke.Initialized);
+    P && L === Ke.Initializing && I(Ke.Initialized);
   }, [P, L]), Y(
     () => {
       const {
@@ -5248,7 +5248,7 @@ const Xa = /* @__PURE__ */ ei(function(t) {
         over: et
       };
       Ft(() => {
-        Rt(et), Me == null || Me(me), S({
+        It(et), Me == null || Me(me), S({
           type: "onDragOver",
           event: me
         });
@@ -5300,20 +5300,20 @@ const Xa = /* @__PURE__ */ ei(function(t) {
     scrollableAncestorRects: Z,
     measuringConfiguration: ie,
     measuringScheduled: ze,
-    windowRect: I
-  }), [O, le, P, X, K, ke, ue, v, w, de, be, je, z, Z, ie, ze, I]), Qo = J(() => ({
+    windowRect: R
+  }), [O, le, P, X, K, ke, ue, v, w, de, be, je, z, Z, ie, ze, R]), Qo = J(() => ({
     activatorEvent: X,
     activators: Ot,
     active: O,
     activeNodeRect: P,
     ariaDescribedById: {
-      draggable: ge
+      draggable: pe
     },
     dispatch: m,
     draggableNodes: v,
     over: be,
     measureDroppableContainers: je
-  }), [X, Ot, O, P, m, ge, v, be, je]);
+  }), [X, Ot, O, P, m, pe, v, be, je]);
   return ne.createElement(Co.Provider, {
     value: M
   }, ne.createElement(Tt.Provider, {
@@ -5321,12 +5321,12 @@ const Xa = /* @__PURE__ */ ei(function(t) {
   }, ne.createElement(Po.Provider, {
     value: Xo
   }, ne.createElement(nn.Provider, {
-    value: It
+    value: Rt
   }, c)), ne.createElement(qa, {
     disabled: (a == null ? void 0 : a.restoreFocus) === !1
   })), ne.createElement(Js, {
     ...a,
-    hiddenTextDescribedById: ge
+    hiddenTextDescribedById: pe
   }));
   function Zo() {
     const we = (ae == null ? void 0 : ae.autoScrollEnabled) === !1, Ee = typeof l == "object" ? l.enabled === !1 : l === !1, Ae = b && !we && !Ee;
@@ -5354,10 +5354,10 @@ function el(e) {
     draggableNodes: d,
     over: h
   } = Be(Tt), {
-    role: g = Tr,
+    role: p = Tr,
     roleDescription: k = "draggable",
     tabIndex: y = 0
-  } = o ?? {}, p = (l == null ? void 0 : l.id) === t, m = Be(p ? nn : Qa), [S, M] = Vt(), [L, R] = Vt(), b = Ha(s, t), E = kt(n);
+  } = o ?? {}, g = (l == null ? void 0 : l.id) === t, m = Be(g ? nn : Qa), [S, M] = Vt(), [L, I] = Vt(), b = Ha(s, t), E = kt(n);
   _e(
     () => (d.set(t, {
       id: t,
@@ -5373,24 +5373,24 @@ function el(e) {
     [d, t]
   );
   const v = J(() => ({
-    role: g,
+    role: p,
     tabIndex: y,
     "aria-disabled": r,
-    "aria-pressed": p && g === Tr ? !0 : void 0,
+    "aria-pressed": g && p === Tr ? !0 : void 0,
     "aria-roledescription": k,
     "aria-describedby": u.draggable
-  }), [r, g, y, p, k, u.draggable]);
+  }), [r, p, y, g, k, u.draggable]);
   return {
     active: l,
     activatorEvent: a,
     activeNodeRect: c,
     attributes: v,
-    isDragging: p,
+    isDragging: g,
     listeners: r ? void 0 : b,
     node: S,
     over: h,
     setNodeRef: M,
-    setActivatorNodeRef: R,
+    setActivatorNodeRef: I,
     transform: m
   };
 }
@@ -5414,10 +5414,10 @@ function Ho(e) {
     measureDroppableContainers: c
   } = Be(Tt), u = V({
     disabled: n
-  }), d = V(!1), h = V(null), g = V(null), {
+  }), d = V(!1), h = V(null), p = V(null), {
     disabled: k,
     updateMeasurementsFor: y,
-    timeout: p
+    timeout: g
   } = {
     ...rl,
     ...o
@@ -5427,28 +5427,28 @@ function Ho(e) {
         d.current = !0;
         return;
       }
-      g.current != null && clearTimeout(g.current), g.current = setTimeout(() => {
-        c(Array.isArray(m.current) ? m.current : [m.current]), g.current = null;
-      }, p);
+      p.current != null && clearTimeout(p.current), p.current = setTimeout(() => {
+        c(Array.isArray(m.current) ? m.current : [m.current]), p.current = null;
+      }, g);
     },
     //eslint-disable-next-line react-hooks/exhaustive-deps
-    [p]
+    [g]
   ), M = tn({
     callback: S,
     disabled: k || !s
   }), L = N((v, D) => {
     M && (D && (M.unobserve(D), d.current = !1), v && M.observe(v));
-  }, [M]), [R, b] = Vt(L), E = kt(t);
+  }, [M]), [I, b] = Vt(L), E = kt(t);
   return Y(() => {
-    !M || !R.current || (M.disconnect(), d.current = !1, M.observe(R.current));
-  }, [R, M]), Y(
+    !M || !I.current || (M.disconnect(), d.current = !1, M.observe(I.current));
+  }, [I, M]), Y(
     () => (a({
       type: ce.RegisterDroppable,
       element: {
         id: r,
         key: i,
         disabled: n,
-        node: R,
+        node: I,
         rect: h,
         data: E
       }
@@ -5470,7 +5470,7 @@ function Ho(e) {
     active: s,
     rect: h,
     isOver: (l == null ? void 0 : l.id) === r,
-    node: R,
+    node: I,
     over: l,
     setNodeRef: b
   };
@@ -5617,7 +5617,7 @@ function hl(e) {
     } = Ce(s).getComputedStyle(s), d = Ao(u);
     if (!d)
       return;
-    const h = typeof t == "function" ? t : pl(t);
+    const h = typeof t == "function" ? t : gl(t);
     return No(l, o.draggable.measure), h({
       active: {
         id: i,
@@ -5636,7 +5636,7 @@ function hl(e) {
     });
   });
 }
-function pl(e) {
+function gl(e) {
   const {
     duration: t,
     easing: n,
@@ -5665,7 +5665,7 @@ function pl(e) {
       x: l.x - u.x,
       y: l.y - u.y,
       ...d
-    }, g = o({
+    }, p = o({
       ...c,
       active: s,
       dragOverlay: a,
@@ -5673,30 +5673,30 @@ function pl(e) {
         initial: l,
         final: h
       }
-    }), [k] = g, y = g[g.length - 1];
+    }), [k] = p, y = p[p.length - 1];
     if (JSON.stringify(k) === JSON.stringify(y))
       return;
-    const p = r == null ? void 0 : r({
+    const g = r == null ? void 0 : r({
       active: s,
       dragOverlay: a,
       ...c
-    }), m = a.node.animate(g, {
+    }), m = a.node.animate(p, {
       duration: t,
       easing: n,
       fill: "forwards"
     });
     return new Promise((S) => {
       m.onfinish = () => {
-        p == null || p(), S();
+        g == null || g(), S();
       };
     });
   };
 }
-let Rr = 0;
-function gl(e) {
+let Ir = 0;
+function pl(e) {
   return J(() => {
     if (e != null)
-      return Rr++, Rr;
+      return Ir++, Ir;
   }, [e]);
 }
 const ml = /* @__PURE__ */ ne.memo((e) => {
@@ -5715,33 +5715,33 @@ const ml = /* @__PURE__ */ ne.memo((e) => {
     activatorEvent: u,
     active: d,
     activeNodeRect: h,
-    containerNodeRect: g,
+    containerNodeRect: p,
     draggableNodes: k,
     droppableContainers: y,
-    dragOverlay: p,
+    dragOverlay: g,
     over: m,
     measuringConfiguration: S,
     scrollableAncestors: M,
     scrollableAncestorRects: L,
-    windowRect: R
-  } = tl(), b = Be(nn), E = gl(d == null ? void 0 : d.id), v = $o(s, {
+    windowRect: I
+  } = tl(), b = Be(nn), E = pl(d == null ? void 0 : d.id), v = $o(s, {
     activatorEvent: u,
     active: d,
     activeNodeRect: h,
-    containerNodeRect: g,
-    draggingNodeRect: p.rect,
+    containerNodeRect: p,
+    draggingNodeRect: g.rect,
     over: m,
-    overlayNodeRect: p.rect,
+    overlayNodeRect: g.rect,
     scrollableAncestors: M,
     scrollableAncestorRects: L,
     transform: b,
-    windowRect: R
+    windowRect: I
   }), D = rr(h), w = hl({
     config: r,
     draggableNodes: k,
     droppableContainers: y,
     measuringConfiguration: S
-  }), A = D ? p.setRef : void 0;
+  }), A = D ? g.setRef : void 0;
   return ne.createElement(sl, null, ne.createElement(ol, {
     animation: w
   }, d && E ? ne.createElement(cl, {
@@ -5809,17 +5809,17 @@ const vl = [U.Down, U.Right, U.Up, U.Left], yl = (e, t) => {
     });
     let u = So(c, "id");
     if (u === (s == null ? void 0 : s.id) && c.length > 1 && (u = c[1].id), u != null) {
-      const d = i.get(n.id), h = i.get(u), g = h ? o.get(h.id) : null, k = h == null ? void 0 : h.node.current;
-      if (k && g && d && h) {
-        const p = en(k).some((b, E) => a[E] !== b), m = Bo(d, h), S = bl(d, h), M = p || !m ? {
+      const d = i.get(n.id), h = i.get(u), p = h ? o.get(h.id) : null, k = h == null ? void 0 : h.node.current;
+      if (k && p && d && h) {
+        const g = en(k).some((b, E) => a[E] !== b), m = Bo(d, h), S = bl(d, h), M = g || !m ? {
           x: 0,
           y: 0
         } : {
-          x: S ? r.width - g.width : 0,
-          y: S ? r.height - g.height : 0
+          x: S ? r.width - p.width : 0,
+          y: S ? r.height - p.height : 0
         }, L = {
-          x: g.left,
-          y: g.top
+          x: p.left,
+          y: p.top
         };
         return M.x && M.y ? L : Ct(L, M);
       }
@@ -5832,7 +5832,7 @@ function Bo(e, t) {
 function bl(e, t) {
   return !Yt(e) || !Yt(t) || !Bo(e, t) ? !1 : e.data.current.sortable.index < t.data.current.sortable.index;
 }
-function Ir(e) {
+function Rr(e) {
   var n;
   if (!e || e.length === 0) return null;
   const t = (n = e[0].data) == null ? void 0 : n.zone;
@@ -5846,7 +5846,7 @@ function wl(e) {
     onDropIntoGroupAtPosition: o,
     onRemoveFromGroup: i,
     findParentGroup: s
-  } = e, [a, l] = B(null), [c, u] = B(null), [d, h] = B(null), g = V(null), k = Xs(
+  } = e, [a, l] = B(null), [c, u] = B(null), [d, h] = B(null), p = V(null), k = Xs(
     br(nr, {
       activationConstraint: {
         distance: 5
@@ -5855,27 +5855,27 @@ function wl(e) {
     br(er, {
       coordinateGetter: yl
     })
-  ), y = N((R) => {
-    l(String(R.active.id));
-  }, []), p = N(
-    (R) => {
-      const { over: b, collisions: E } = R;
+  ), y = N((I) => {
+    l(String(I.active.id));
+  }, []), g = N(
+    (I) => {
+      const { over: b, collisions: E } = I;
       u(b ? String(b.id) : null);
-      const v = Ir(E);
-      g.current = v, h(v);
+      const v = Rr(E);
+      p.current = v, h(v);
     },
     []
   ), m = N(
-    (R) => {
-      const { collisions: b } = R, E = Ir(b);
-      g.current = E, h(E);
+    (I) => {
+      const { collisions: b } = I, E = Rr(b);
+      p.current = E, h(E);
     },
     []
   ), S = N(() => {
-    g.current = null, l(null), u(null), h(null);
+    p.current = null, l(null), u(null), h(null);
   }, []), M = N(
-    (R) => {
-      const { active: b, over: E } = R, v = g.current;
+    (I) => {
+      const { active: b, over: E } = I, v = p.current;
       if (!E || b.id === E.id || !v) {
         S();
         return;
@@ -5913,13 +5913,13 @@ function wl(e) {
     sensors: k,
     onDragStart: y,
     onDragMove: m,
-    onDragOver: p,
+    onDragOver: g,
     onDragEnd: M,
     onDragCancel: L
   };
 }
 const xl = (e) => {
-  var h, g;
+  var h, p;
   const { pointerCoordinates: t, droppableContainers: n, droppableRects: r } = e;
   let o = ia(e);
   if (o.length === 0 && (o = ea(e)), o.length === 0 || !t) return o;
@@ -5928,7 +5928,7 @@ const xl = (e) => {
     return [{ ...i, data: { ...i.data, zone: "after" } }];
   const s = r.get(i.id);
   if (!s) return o;
-  const a = t.y - s.top, l = s.height, c = n.find((k) => k.id === i.id), u = ((g = (h = c == null ? void 0 : c.data) == null ? void 0 : h.current) == null ? void 0 : g.isGroup) === !0;
+  const a = t.y - s.top, l = s.height, c = n.find((k) => k.id === i.id), u = ((p = (h = c == null ? void 0 : c.data) == null ? void 0 : h.current) == null ? void 0 : p.isGroup) === !0;
   let d;
   return u ? a < l * 0.25 ? d = "before" : a > l * 0.75 ? d = "after" : d = "into" : d = a < l / 2 ? "before" : "after", [{
     ...i,
@@ -5948,9 +5948,9 @@ const xl = (e) => {
   onDelete: u,
   deleteSuppressed: d
 }) => {
-  const { attributes: h, listeners: g, setNodeRef: k, isDragging: y } = el({ id: e.id }), { setNodeRef: p } = Ho({ id: e.id, data: { isGroup: !!e.isGroup } }), m = N((D) => {
-    k(D), p(D);
-  }, [k, p]), S = e.isGroup, M = e.depth > 0, L = M ? e.depth * 24 : 0, R = {
+  const { attributes: h, listeners: p, setNodeRef: k, isDragging: y } = el({ id: e.id }), { setNodeRef: g } = Ho({ id: e.id, data: { isGroup: !!e.isGroup } }), m = N((D) => {
+    k(D), g(D);
+  }, [k, g]), S = e.isGroup, M = e.depth > 0, L = M ? e.depth * 24 : 0, I = {
     opacity: y ? 0.3 : 1,
     paddingLeft: L + 8,
     paddingRight: 8,
@@ -5964,14 +5964,14 @@ const xl = (e) => {
     position: "relative",
     touchAction: "manipulation"
   };
-  (M || S) && (R.backgroundColor = "var(--surface-secondary, rgba(0,0,0,0.04))"), t && !y && (n === "before" ? R.borderTop = "2px solid var(--primary, var(--accent-primary, #007AFF))" : n === "after" ? R.borderBottom = "2px solid var(--primary, var(--accent-primary, #007AFF))" : n === "into" && (R.outline = "2px solid var(--primary, var(--accent-primary, #007AFF))", R.outlineOffset = "-2px", R.backgroundColor = "var(--accent-primary-alpha, rgba(0, 122, 255, 0.08))"));
+  (M || S) && (I.backgroundColor = "var(--surface-secondary, rgba(0,0,0,0.04))"), t && !y && (n === "before" ? I.borderTop = "2px solid var(--primary, var(--accent-primary, #007AFF))" : n === "after" ? I.borderBottom = "2px solid var(--primary, var(--accent-primary, #007AFF))" : n === "into" && (I.outline = "2px solid var(--primary, var(--accent-primary, #007AFF))", I.outlineOffset = "-2px", I.backgroundColor = "var(--accent-primary-alpha, rgba(0, 122, 255, 0.08))"));
   const b = e.isSelected ? {
     outline: "3px solid var(--primary, var(--accent-primary, #007AFF))",
     outlineOffset: "2px"
   } : {}, E = () => s(e.id), v = /* @__PURE__ */ f(
     "span",
     {
-      ...g,
+      ...p,
       "aria-label": "Drag to reorder",
       title: "Drag to reorder",
       style: {
@@ -5995,7 +5995,7 @@ const xl = (e) => {
       children: /* @__PURE__ */ f($, { icon: "lucide:grip-vertical", style: { fontSize: 24 } })
     }
   );
-  return S ? /* @__PURE__ */ j("div", { ref: m, style: R, ...h, children: [
+  return S ? /* @__PURE__ */ j("div", { ref: m, style: I, ...h, children: [
     v,
     /* @__PURE__ */ f(
       $,
@@ -6030,7 +6030,7 @@ const xl = (e) => {
         children: /* @__PURE__ */ f($, { icon: G.trash, className: "sc:size-6" })
       }
     ) })
-  ] }) : /* @__PURE__ */ j("div", { ref: m, style: R, ...h, children: [
+  ] }) : /* @__PURE__ */ j("div", { ref: m, style: I, ...h, children: [
     v,
     o && e.previewUrl ? /* @__PURE__ */ f(
       "img",
@@ -6197,15 +6197,15 @@ const xl = (e) => {
   ...l
 }) => {
   const { activeArtboard: c } = js(), u = (c == null ? void 0 : c.previewBackgroundColor) || (c == null ? void 0 : c.backgroundColor) || "transparent", d = 80, h = 160, {
-    layers: g,
+    layers: p,
     flatLayers: k,
     selectLayer: y,
-    toggleVisibility: p,
+    toggleVisibility: g,
     toggleLock: m,
     deleteLayer: S,
     duplicateLayer: M,
     reorderById: L,
-    reorderWithinGroup: R,
+    reorderWithinGroup: I,
     addToGroup: b,
     removeFromGroup: E,
     createEmptyGroup: v,
@@ -6231,8 +6231,8 @@ const xl = (e) => {
       for (const ke of P)
         ee.set(ke.id, ke), ke.children && se(ke.children);
     };
-    return se(g), ee;
-  }, [g]), ae = N(
+    return se(p), ee;
+  }, [p]), ae = N(
     (ee, se, P) => {
       const ke = w(ee), ve = w(se);
       ke && !ve ? E(ee, se, P) : L(ee, se, P);
@@ -6242,7 +6242,7 @@ const xl = (e) => {
     onReorder: ae,
     onDropIntoGroup: b,
     onDropIntoGroupAtPosition: (ee, se) => b(ee, se),
-    onGroupReorder: R,
+    onGroupReorder: I,
     onRemoveFromGroup: E,
     findParentGroup: w
   }), X = (ee) => [...ee].reverse().map((P) => /* @__PURE__ */ j(ne.Fragment, { children: [
@@ -6256,7 +6256,7 @@ const xl = (e) => {
         showPreviewImages: n,
         previewDisplaySize: d,
         onSelect: y,
-        onToggleVisibility: p,
+        onToggleVisibility: g,
         onToggleLock: m,
         onDuplicate: M,
         onDelete: S,
@@ -6280,7 +6280,7 @@ const xl = (e) => {
         showPreviewImages: n,
         previewDisplaySize: d,
         onSelect: y,
-        onToggleVisibility: p,
+        onToggleVisibility: g,
         onToggleLock: m,
         onDuplicate: M,
         onDelete: S,
@@ -6288,7 +6288,7 @@ const xl = (e) => {
       }
     ),
     P.children && q(P.children)
-  ] }, P.id)), te = _.activeId ? W.get(_.activeId) : null, { width: ge, height: xe, flex: ie, ...de } = i, je = ge || (s.includes("w-full") ? "100%" : e ? `${e}px` : void 0), ze = t || xe || void 0, De = ie !== void 0 ? ie : ze === "100%" || ze === "100vh" ? 1 : void 0;
+  ] }, P.id)), te = _.activeId ? W.get(_.activeId) : null, { width: pe, height: xe, flex: ie, ...de } = i, je = pe || (s.includes("w-full") ? "100%" : e ? `${e}px` : void 0), ze = t || xe || void 0, De = ie !== void 0 ? ie : ze === "100%" || ze === "100vh" ? 1 : void 0;
   return /* @__PURE__ */ j(
     "div",
     {
@@ -6350,7 +6350,7 @@ const xl = (e) => {
           }
         ),
         /* @__PURE__ */ j("div", { style: { flex: 1, overflow: "auto", minHeight: 0 }, children: [
-          g.length > 0 ? r ? /* @__PURE__ */ j(
+          p.length > 0 ? r ? /* @__PURE__ */ j(
             Xa,
             {
               sensors: _.sensors,
@@ -6361,7 +6361,7 @@ const xl = (e) => {
               onDragEnd: _.onDragEnd,
               onDragCancel: _.onDragCancel,
               children: [
-                X(g),
+                X(p),
                 /* @__PURE__ */ f(ml, { dropAnimation: null, children: te ? /* @__PURE__ */ f(
                   Sl,
                   {
@@ -6372,7 +6372,7 @@ const xl = (e) => {
                 ) : null })
               ]
             }
-          ) : q(g) : /* @__PURE__ */ f(
+          ) : q(p) : /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -6384,7 +6384,7 @@ const xl = (e) => {
               children: "No layers"
             }
           ),
-          r && g.length > 1 && /* @__PURE__ */ f(
+          r && p.length > 1 && /* @__PURE__ */ f(
             "div",
             {
               style: {
@@ -6485,7 +6485,7 @@ const xl = (e) => {
     ] })
   ] }, e.id);
 };
-class gc {
+class mc {
   constructor() {
     this.canvasIds = /* @__PURE__ */ new Set(), this.requirements = /* @__PURE__ */ new Map(), this.textFields = /* @__PURE__ */ new Map(), this.controls = /* @__PURE__ */ new Map(), this.parts = /* @__PURE__ */ new Map(), this.bridge = null, this.listeners = /* @__PURE__ */ new Set(), this.version = 0, this.getVersion = () => this.version, this.subscribe = (t) => (this.listeners.add(t), () => this.listeners.delete(t));
   }
@@ -6617,7 +6617,7 @@ function rn(e, t) {
       return r.registerPart(o, e, a);
   }, [r, o, e, a]);
 }
-function mc(e) {
+function vc(e) {
   return {
     reportInvariant(t) {
       if (ai()) throw t;
@@ -6701,7 +6701,7 @@ function Tl({
     }
   );
 }
-function vc({
+function yc({
   direction: e = "vertical",
   className: t,
   style: n
@@ -6727,7 +6727,7 @@ const Uo = ({
   className: l = "",
   contentClassName: c = ""
 }) => {
-  const u = V(null), d = V(null), h = V(null), [g, k] = B({}), [y, p] = B(!1), m = (M) => {
+  const u = V(null), d = V(null), h = V(null), [p, k] = B({}), [y, g] = B(!1), m = (M) => {
     M.stopPropagation(), !n && a && bs.protectNextClick(), r(!n);
   };
   Y(() => {
@@ -6735,12 +6735,12 @@ const Uo = ({
     let M = () => {
     };
     const L = setTimeout(() => {
-      const R = (b) => {
+      const I = (b) => {
         var w, A;
         const E = b.target, v = (w = u.current) == null ? void 0 : w.contains(E), D = (A = h.current) == null ? void 0 : A.contains(E);
         !v && !D && r(!1);
       };
-      document.addEventListener("mousedown", R), M = () => document.removeEventListener("mousedown", R);
+      document.addEventListener("mousedown", I), M = () => document.removeEventListener("mousedown", I);
     }, 0);
     return () => {
       clearTimeout(L), M();
@@ -6748,10 +6748,10 @@ const Uo = ({
   }, [n, r]), Y(() => {
     if (!n) return;
     const M = (L) => {
-      var R;
+      var I;
       if (L.key === "Escape") {
         L.stopPropagation(), L.preventDefault(), r(!1);
-        const b = (R = d.current) == null ? void 0 : R.querySelector(
+        const b = (I = d.current) == null ? void 0 : I.querySelector(
           'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
         );
         b == null || b.focus();
@@ -6759,13 +6759,13 @@ const Uo = ({
     };
     return document.addEventListener("keydown", M), () => document.removeEventListener("keydown", M);
   }, [n, r]), Y(() => {
-    n || p(!1);
+    n || g(!1);
   }, [n]), Y(() => {
     if (!n || !d.current || !h.current) return;
     requestAnimationFrame(() => {
-      const L = d.current, R = h.current;
-      if (!L || !R) return;
-      const b = L.getBoundingClientRect(), E = R.getBoundingClientRect(), v = window.innerWidth, D = window.innerHeight, w = 16;
+      const L = d.current, I = h.current;
+      if (!L || !I) return;
+      const b = L.getBoundingClientRect(), E = I.getBoundingClientRect(), v = window.innerWidth, D = window.innerHeight, w = 16;
       let A = 0, T = 0;
       if (o === "bottom" || o === "top" ? (o === "bottom" ? A = b.bottom + s : A = b.top - E.height - s, i === "start" ? T = b.left : i === "end" ? T = b.right - E.width : i === "center" && (T = b.left + (b.width - E.width) / 2)) : (o === "left" || o === "right") && (o === "left" ? T = b.left - E.width - s : T = b.right + s, i === "start" ? A = b.top : i === "end" ? A = b.bottom - E.height : i === "center" && (A = b.top + (b.height - E.height) / 2)), i !== "end" && T + E.width > v - w && (T = v - E.width - w), T < w && (T = w), A + E.height > D - w) {
         const W = b.top, ae = D - b.bottom;
@@ -6773,7 +6773,7 @@ const Uo = ({
       }
       A < w && (A = w);
       const O = v - w * 2;
-      p(!0), k({
+      g(!0), k({
         position: "fixed",
         top: `${A}px`,
         left: `${T}px`,
@@ -6788,7 +6788,7 @@ const Uo = ({
       ref: h,
       className: `sc:z-dropdown ${c}`.trim(),
       "data-preserve-selection": !0,
-      style: y ? g : {
+      style: y ? p : {
         // Initially hidden and positioned off-screen until useEffect calculates position
         position: "fixed",
         visibility: "hidden",
@@ -6824,7 +6824,7 @@ const Uo = ({
   { type: "wave", label: "Wave Text", icon: /* @__PURE__ */ f($, { icon: "lucide:waves", className: "sc:size-[18px]" }) },
   { type: "arch", label: "Arch Text", icon: /* @__PURE__ */ f($, { icon: "lucide:arrow-up-from-dot", className: "sc:size-[18px]" }) }
 ];
-function Rl() {
+function Il() {
   const [e, t] = ne.useState(!1);
   return ne.useEffect(() => {
     if (typeof document > "u") return;
@@ -6837,7 +6837,7 @@ function Rl() {
     }), () => r.disconnect();
   }, []), e;
 }
-const Il = ({
+const Rl = ({
   isOpen: e,
   onClose: t,
   title: n,
@@ -6851,12 +6851,12 @@ const Il = ({
   showCloseButton: u = !0,
   headerActions: d,
   hideVisibleTitle: h = !1,
-  hideHandle: g = !1,
+  hideHandle: p = !1,
   disableScrollWrapper: k = !1,
   disableOverflowHidden: y = !1,
-  "data-testid": p
+  "data-testid": g
 }) => {
-  const m = i === "bottom" ? s || a : void 0, M = Rl() ? 0.65 : 0.4;
+  const m = i === "bottom" ? s || a : void 0, M = Il() ? 0.65 : 0.4;
   return /* @__PURE__ */ f(
     mo,
     {
@@ -6868,7 +6868,7 @@ const Il = ({
           placement: i,
           width: l,
           maxWidth: c,
-          hideHandle: g || i !== "bottom",
+          hideHandle: p || i !== "bottom",
           showOverlay: !0,
           overlayOpacity: M,
           className: y ? "" : "sc:overflow-hidden",
@@ -6878,7 +6878,7 @@ const Il = ({
             // Canvas uses custom z-index variables
             zIndex: "var(--sc-z-drawer, 10002)"
           },
-          "data-testid": p,
+          "data-testid": g,
           "data-preserve-selection": !0,
           children: [
             /* @__PURE__ */ f(yo, { className: "sc:sr-only", children: n }),
@@ -6975,7 +6975,7 @@ const Il = ({
     n(a), t();
   };
   return /* @__PURE__ */ j(
-    Il,
+    Rl,
     {
       isOpen: e,
       onClose: t,
@@ -7049,14 +7049,14 @@ const Il = ({
   className: s
 }) => {
   var E;
-  const { get: a } = Hr(), [l, c] = B(!1), [u, d] = B(!1), [h, g] = B(!1), k = V(null), y = async () => {
+  const { get: a } = Hr(), [l, c] = B(!1), [u, d] = B(!1), [h, p] = B(!1), k = V(null), y = async () => {
     try {
       const { ExportManager: v } = await import("./ExportManager-Ci81K6xA.js").then((T) => T.Z), { artboardManager: D, elements: w } = a(), A = D.getAllArtboards();
       v.exportToJSON(A, w, D), c(!1);
     } catch (v) {
       wn.error("Failed to save workspace:", v), alert("Failed to save workspace. Please try again.");
     }
-  }, p = () => {
+  }, g = () => {
     var v;
     (v = k.current) == null || v.click(), c(!1);
   }, m = async (v) => {
@@ -7120,13 +7120,13 @@ This will replace your current workspace. Continue?`
       return;
     }
     if (v === "shape") {
-      c(!1), d(!1), g(!0);
+      c(!1), d(!1), p(!0);
       return;
     }
     await a().handleAddElement(v), c(!1), d(!1);
   }, L = async (v) => {
-    g(!1), await a().handleAddElement("shape", { shapeType: v });
-  }, R = Go, b = () => /* @__PURE__ */ f("div", { className: "sc:my-xs sc:h-px sc:bg-border-primary" });
+    p(!1), await a().handleAddElement("shape", { shapeType: v });
+  }, I = Go, b = () => /* @__PURE__ */ f("div", { className: "sc:my-xs sc:h-px sc:bg-border-primary" });
   return /* @__PURE__ */ j(an, { children: [
     /* @__PURE__ */ f(
       Uo,
@@ -7166,7 +7166,7 @@ This will replace your current workspace. Continue?`
                       top: 0,
                       zIndex: "var(--sc-z-sticky)"
                     },
-                    children: /* @__PURE__ */ f(jn, { minWidth: "180px", children: R.map((v) => /* @__PURE__ */ f(
+                    children: /* @__PURE__ */ f(jn, { minWidth: "180px", children: I.map((v) => /* @__PURE__ */ f(
                       Je,
                       {
                         icon: v.icon,
@@ -7182,7 +7182,7 @@ This will replace your current workspace. Continue?`
           ),
           /* @__PURE__ */ f(b, {}),
           /* @__PURE__ */ f(Je, { icon: /* @__PURE__ */ f($, { icon: G.save, className: "sc:size-[18px]" }), label: "Save", onClick: y }),
-          /* @__PURE__ */ f(Je, { icon: /* @__PURE__ */ f($, { icon: G.folderOpen, className: "sc:size-[18px]" }), label: "Open", onClick: p }),
+          /* @__PURE__ */ f(Je, { icon: /* @__PURE__ */ f($, { icon: G.folderOpen, className: "sc:size-[18px]" }), label: "Open", onClick: g }),
           /* @__PURE__ */ f(
             Je,
             {
@@ -7226,7 +7226,7 @@ This will replace your current workspace. Continue?`
       _o,
       {
         isOpen: h,
-        onClose: () => g(!1),
+        onClose: () => p(!1),
         onSelectType: L
       }
     )
@@ -7241,7 +7241,7 @@ function Wo({
   return Y(() => {
     if (!t || o) return;
     let s = !1;
-    return import("./ImagePanel-Ckpc6QqR.js").then(
+    return import("./ImagePanel-Ih9e9cOQ.js").then(
       (a) => {
         s || i(() => a.ImagePanel);
       },
@@ -7259,7 +7259,7 @@ function Wo({
     };
   }, [t, o, r]), o ? /* @__PURE__ */ f(o, { isOpen: t, onOpenChange: n }) : null;
 }
-function yc({ className: e, style: t }) {
+function bc({ className: e, style: t }) {
   ir("Editor.Menu"), rn("Editor.Menu");
   const [n, r] = B(!1);
   return /* @__PURE__ */ j("div", { "data-sc-part": "menu", className: e, style: t, children: [
@@ -7278,7 +7278,7 @@ const jl = () => {
   const { undo: e, redo: t, canUndo: n, canRedo: r } = ii();
   return /* @__PURE__ */ j("div", { className: "sc-undo-redo", style: { display: "inline-flex", gap: 4 }, children: [
     /* @__PURE__ */ f(
-      In,
+      Rn,
       {
         icon: G.undo,
         onClick: e,
@@ -7288,7 +7288,7 @@ const jl = () => {
       }
     ),
     /* @__PURE__ */ f(
-      In,
+      Rn,
       {
         icon: G.redo,
         onClick: t,
@@ -7299,10 +7299,10 @@ const jl = () => {
     )
   ] });
 };
-function bc({ className: e, style: t }) {
+function wc({ className: e, style: t }) {
   return ir("Editor.History"), rn("Editor.History"), /* @__PURE__ */ f("div", { "data-sc-part": "history", className: e, style: t, children: /* @__PURE__ */ f(jl, {}) });
 }
-function wc({ className: e, style: t }) {
+function xc({ className: e, style: t }) {
   ir("Editor.Add"), rn("Editor.Add");
   const { get: n } = Hr(), [r, o] = B(!1), [i, s] = B(!1), [a, l] = B(!1), c = async (d) => {
     if (o(!1), d === "shape") {
@@ -7359,17 +7359,17 @@ function wc({ className: e, style: t }) {
   ] });
 }
 const Pl = Qe("useExport");
-function xc() {
+function kc() {
   const {
     artboards: e,
     artboardManager: t,
     elements: n,
     canvasRef: r
-  } = qt(), [o, i] = B(!1), [s, a] = B(!1), [l, c] = B([]), [u, d] = B({}), [h, g] = B({
+  } = qt(), [o, i] = B(!1), [s, a] = B(!1), [l, c] = B([]), [u, d] = B({}), [h, p] = B({
     totalExports: 0,
     avgExportTime: 0,
     isWorkerActive: !1
-  }), k = V(0), y = V(null), p = dn.supportsWorkerExport(), m = N(async (v, D = {}) => {
+  }), k = V(0), y = V(null), g = dn.supportsWorkerExport(), m = N(async (v, D = {}) => {
     const w = e.find((T) => T.id === v);
     if (!w)
       throw new Error(`[useExport] Artboard ${v} not found`);
@@ -7398,10 +7398,10 @@ function xc() {
       ), X = Date.now() - T;
       return c((q) => q.map(
         (te) => te.artboardId === v ? { ...te, status: "complete", progress: 100, dataUrl: _, timestamp: Date.now() } : te
-      )), d((q) => ({ ...q, [v]: _ })), g((q) => ({
+      )), d((q) => ({ ...q, [v]: _ })), p((q) => ({
         totalExports: q.totalExports + 1,
         avgExportTime: (q.avgExportTime * q.totalExports + X) / (q.totalExports + 1),
-        isWorkerActive: p
+        isWorkerActive: g
       })), _;
     } catch (T) {
       throw c((O) => O.map(
@@ -7410,7 +7410,7 @@ function xc() {
     } finally {
       i(!1);
     }
-  }, [e, t, n, r, p]), S = N(async (v = {}) => {
+  }, [e, t, n, r, g]), S = N(async (v = {}) => {
     i(!0);
     try {
       const D = e.map(async (T) => {
@@ -7448,7 +7448,7 @@ function xc() {
     } finally {
       i(!1);
     }
-  }, [e, t, n, r]), R = N(async (v = {}) => {
+  }, [e, t, n, r]), I = N(async (v = {}) => {
     i(!0);
     try {
       const D = e.map(async (T) => {
@@ -7482,8 +7482,8 @@ function xc() {
             transparentBackground: !0
           });
           return { id: ie.id, dataUrl: de };
-        }), ge = await Promise.all(te), xe = {};
-        for (const { id: ie, dataUrl: de } of ge)
+        }), pe = await Promise.all(te), xe = {};
+        for (const { id: ie, dataUrl: de } of pe)
           xe[ie] = de;
         d((ie) => ({ ...ie, ...xe })), W && W(xe);
       } catch (te) {
@@ -7501,14 +7501,14 @@ function xc() {
     exportArtboard: m,
     exportArtboardAsBlob: L,
     exportAllArtboards: S,
-    exportAllArtboardsAsBlobs: R,
+    exportAllArtboardsAsBlobs: I,
     startContinuousExport: E,
     stopContinuousExport: b,
     isExporting: o,
     isContinuousExporting: s,
     progress: l,
     latestExports: u,
-    supportsWorkerExport: p,
+    supportsWorkerExport: g,
     workerStats: h
   };
 }
@@ -7596,13 +7596,28 @@ function Vl(e) {
     return i.imageUrl;
   };
 }
+function Ul(e) {
+  return async function(n) {
+    if (!/^https?:\/\//.test(n)) return n;
+    const r = await fetch(e, {
+      method: "POST",
+      credentials: "same-origin",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ url: n })
+    }), o = await r.json().catch(() => null);
+    if (!r.ok || !(o != null && o.imageUrl))
+      throw new Error((o == null ? void 0 : o.error) || (o == null ? void 0 : o.message) || `Image ingest failed (${r.status})`);
+    return o.imageUrl;
+  };
+}
 const qo = {}, Ko = Xe(qo);
-function kc({ services: e, children: t }) {
+function Cc({ services: e, children: t }) {
   const n = J(() => e ? {
     imageSearch: e.imageSearch ?? (e.imageSearchUrl ? $l(e.imageSearchUrl) : void 0),
     generate: e.generate ?? (e.generateUrl ? Hl(e.generateUrl) : void 0),
     vectors: e.vectors,
     removeBackground: e.removeBackground ?? (e.bgRemoveUrl ? Vl(e.bgRemoveUrl) : void 0),
+    ingestImage: e.ingestImage ?? (e.ingestImageUrl ? Ul(e.ingestImageUrl) : void 0),
     onFontUpload: e.onFontUpload
   } : qo, [
     e == null ? void 0 : e.imageSearch,
@@ -7612,17 +7627,19 @@ function kc({ services: e, children: t }) {
     e == null ? void 0 : e.vectors,
     e == null ? void 0 : e.bgRemoveUrl,
     e == null ? void 0 : e.removeBackground,
+    e == null ? void 0 : e.ingestImageUrl,
+    e == null ? void 0 : e.ingestImage,
     e == null ? void 0 : e.onFontUpload
   ]);
   return /* @__PURE__ */ f(Ko.Provider, { value: n, children: t });
 }
-function Cc() {
+function Sc() {
   return Be(Ko);
 }
 const Nr = Qe("GoogleFontsService");
-let tt = [], gt = null;
-async function Ul() {
-  return tt.length > 0 ? tt : gt || (gt = fetch("/google-fonts.json").then((e) => {
+let tt = [], pt = null;
+async function Gl() {
+  return tt.length > 0 ? tt : pt || (pt = fetch("/google-fonts.json").then((e) => {
     if (!e.ok)
       throw new Error(`HTTP error! status: ${e.status}`);
     return e.json();
@@ -7632,12 +7649,12 @@ async function Ul() {
     subsets: t.subsets || [],
     variants: t.variants || [],
     popularity: t.popularity
-  })) : Nr.error("Unexpected API response structure:", e), tt)).catch((e) => (Nr.error("Error fetching Google Fonts:", e), gt = null, [])), gt);
+  })) : Nr.error("Unexpected API response structure:", e), tt)).catch((e) => (Nr.error("Error fetching Google Fonts:", e), pt = null, [])), pt);
 }
 function xn() {
   return tt;
 }
-function Gl() {
+function _l() {
   return tt.length > 0;
 }
 function zr(e) {
@@ -7650,7 +7667,7 @@ function zr(e) {
   }[e.toLowerCase()] || "display";
 }
 const Or = Qe("UnifiedFontService");
-class _l {
+class Wl {
   constructor() {
     this.searchCache = /* @__PURE__ */ new Map(), this.previewFontLinks = /* @__PURE__ */ new Set();
   }
@@ -7662,7 +7679,7 @@ class _l {
    */
   async initialize() {
     try {
-      await Ul();
+      await Gl();
     } catch (t) {
       Or.error("Failed to initialize UnifiedFontService:", t);
     }
@@ -7671,7 +7688,7 @@ class _l {
    * Check if fonts are loaded
    */
   isFontsLoaded() {
-    return Gl();
+    return _l();
   }
   // ========================================
   // Font Retrieval
@@ -7855,29 +7872,29 @@ class _l {
     };
   }
 }
-const Sc = new _l();
+const Ec = new Wl();
 function Jo(e) {
   return e instanceof ui;
 }
-function Wl(e) {
-  return e instanceof li;
-}
 function Yl(e) {
-  return e instanceof di;
+  return e instanceof li;
 }
 function ql(e) {
-  return e instanceof Re;
+  return e instanceof di;
 }
 function Kl(e) {
-  return e instanceof ci;
+  return e instanceof Ie;
 }
 function Jl(e) {
-  return Jo(e) ? "text" : Wl(e) ? "image" : Yl(e) ? "shape" : ql(e) ? "group" : Kl(e) ? "path" : null;
+  return e instanceof ci;
 }
-const mt = ["x", "y", "rotation", "opacity", "name", "visible", "locked"], Xl = ["text", "fontSize", "color", "fontFamily", "bold", "italic", "textAlign"], Ql = ["fillColor", "fill", "width", "height"], Zl = ["imageUrl", "width", "height", "adjustments"], ec = {
-  text: [...mt, ...Xl],
-  shape: [...mt, ...Ql],
-  image: [...mt, ...Zl],
+function Xl(e) {
+  return Jo(e) ? "text" : Yl(e) ? "image" : ql(e) ? "shape" : Kl(e) ? "group" : Jl(e) ? "path" : null;
+}
+const mt = ["x", "y", "rotation", "opacity", "name", "visible", "locked"], Ql = ["text", "fontSize", "color", "fontFamily", "bold", "italic", "textAlign"], Zl = ["fillColor", "fill", "width", "height"], ec = ["imageUrl", "width", "height", "adjustments"], tc = {
+  text: [...mt, ...Ql],
+  shape: [...mt, ...Zl],
+  image: [...mt, ...ec],
   group: [...mt],
   path: [...mt]
 }, kn = ["left", "center", "right"], jt = ["brightness", "contrast", "saturation"], Cn = 3;
@@ -7898,7 +7915,7 @@ function Fr(e, t, n, r) {
       { key: e, kind: r, value: t }
     );
 }
-function tc(e, t) {
+function nc(e, t) {
   const n = si(t), r = n ? t.name : t;
   if (!n) {
     const a = e.get(r);
@@ -7913,11 +7930,11 @@ function tc(e, t) {
     { layerName: r, validNames: s, validIds: i.map((a) => a.id), docSlug: "embed-mode" }
   );
 }
-function nc(e, t) {
-  const n = Jl(e);
+function rc(e, t) {
+  const n = Xl(e);
   if (!n)
     throw He("target is not a patchable editor element.", { kind: null });
-  const r = ec[n];
+  const r = tc[n];
   for (const [o, i] of Object.entries(t))
     if (i !== void 0) {
       if (!r.includes(o))
@@ -7995,7 +8012,7 @@ function nc(e, t) {
     }
   return n;
 }
-function rc(e, t) {
+function oc(e, t) {
   let n = !1;
   if (t.x !== void 0 && (e.x = t.x), t.y !== void 0 && (e.y = t.y), t.rotation !== void 0 && e.setRotation(t.rotation), t.opacity !== void 0 && (e.opacity = t.opacity), t.name !== void 0 && (e.name = t.name), t.visible !== void 0 && (e.visible = t.visible), t.locked !== void 0 && (e.locked = t.locked), Jo(e))
     return t.text !== void 0 && e.setText(t.text), t.fontSize !== void 0 && e.setFontSize(t.fontSize), t.color !== void 0 && e.setColor(t.color), t.fontFamily !== void 0 && t.fontFamily !== e.fontFamily && (hi.clearCache(e.fontFamily), e.fontFamily = t.fontFamily), t.bold !== void 0 && (e.bold = t.bold), t.italic !== void 0 && (e.italic = t.italic), t.textAlign !== void 0 && (e.textAlign = t.textAlign), { needsImageLoad: n };
@@ -8004,8 +8021,8 @@ function rc(e, t) {
     const o = e.transformData;
     o.fillColor = t.fillColor, delete o.fill;
   }
-  if (t.fill !== void 0 && (e.transformData.fill = pi(t.fill)), t.adjustments !== void 0) {
-    const o = e, i = gi(t.adjustments);
+  if (t.fill !== void 0 && (e.transformData.fill = gi(t.fill)), t.adjustments !== void 0) {
+    const o = e, i = pi(t.adjustments);
     i ? o.transformData.adjustments = i : delete o.transformData.adjustments;
   }
   if (t.imageUrl !== void 0) {
@@ -8015,7 +8032,7 @@ function rc(e, t) {
   return { needsImageLoad: n };
 }
 const jr = Qe("useCommands");
-function Ec() {
+function Ac() {
   const e = qt(), {
     undo: t,
     redo: n,
@@ -8029,10 +8046,10 @@ function Ec() {
     executeCreateArtboard: u,
     executeDeleteArtboard: d,
     executeUpdateArtboard: h,
-    addElement: g,
+    addElement: p,
     elementStore: k,
     artboardManager: y,
-    historyManager: p
+    historyManager: g
   } = e, m = V(k);
   m.current = k;
   const S = V(i);
@@ -8040,10 +8057,10 @@ function Ec() {
   const M = V(null), L = N(
     (E, v, D) => {
       const w = m.current;
-      let A = tc(w, E);
-      const T = y.getArtboardIdForElement(A.id) ?? y.getActiveArtboardId(), O = T ? p.peekArtboard(T) : null;
-      O instanceof sr && O.elementId === A.id && O.newElement && (A = O.newElement), nc(A, v);
-      const W = A.clone(), { needsImageLoad: ae } = rc(W, v);
+      let A = nc(w, E);
+      const T = y.getArtboardIdForElement(A.id) ?? y.getActiveArtboardId(), O = T ? g.peekArtboard(T) : null;
+      O instanceof sr && O.elementId === A.id && O.newElement && (A = O.newElement), rc(A, v);
+      const W = A.clone(), { needsImageLoad: ae } = oc(W, v);
       if (ae) {
         const X = W;
         X.onLoadCallback = (q) => {
@@ -8057,13 +8074,13 @@ function Ec() {
         return;
       }
       if (S.current(A, W), D != null && D.coalesce && T) {
-        const X = p.peekArtboard(T);
+        const X = g.peekArtboard(T);
         M.current = X instanceof sr ? { elementId: A.id, command: X } : null;
       } else
         M.current = null;
     },
-    [y, p]
-  ), R = N(() => {
+    [y, g]
+  ), I = N(() => {
     jr.warn("[useCommands] clearHistory is not yet implemented in EditorContext");
   }, []), b = N((E) => {
     jr.warn("[useCommands] clearArtboardHistory is not yet implemented in EditorContext");
@@ -8075,11 +8092,11 @@ function Ec() {
     canUndo: r,
     canRedo: o,
     // History management
-    clearHistory: R,
+    clearHistory: I,
     clearArtboardHistory: b,
     // Declarative element write path
     updateElement: L,
-    addElement: g,
+    addElement: p,
     // Command execution
     executeElementUpdate: i,
     executeAddElement: s,
@@ -8093,57 +8110,58 @@ function Ec() {
   };
 }
 export {
-  Jl as A,
+  Xl as A,
   st as B,
-  kc as C,
+  Cc as C,
   Uo as D,
-  gc as E,
-  ql as F,
-  Wl as G,
-  Kl as H,
+  mc as E,
+  Kl as F,
+  Yl as G,
+  Jl as H,
   $ as I,
-  Yl as J,
+  ql as J,
   Jo as K,
   El as L,
   Fl as M,
-  Ie as N,
+  Re as N,
   G as O,
   As as P,
   mo as Q,
   vo as R,
   _o as S,
   Yn as T,
-  Sc as U,
+  Ec as U,
   yo as V,
-  Il as W,
-  ho as X,
-  Rn as Y,
+  Rl as W,
+  Ul as X,
+  ho as Y,
   In as Z,
+  Rn as _,
   Hl as a,
   $l as b,
   Vl as c,
-  Cc as d,
+  Sc as d,
   pc as e,
-  Ec as f,
-  xc as g,
+  Ac as f,
+  kc as g,
   xi as h,
   Jt as i,
   At as j,
   bs as k,
   jn as l,
   Je as m,
-  po as n,
+  go as n,
   xs as o,
-  mc as p,
+  vc as p,
   Vo as q,
   or as r,
   ks as s,
   rn as t,
   js as u,
   ir as v,
-  wc as w,
-  yc as x,
-  bc as y,
-  vc as z
+  xc as w,
+  bc as x,
+  wc as y,
+  yc as z
 };
-//# sourceMappingURL=useCommands-DmewMc5w.js.map
+//# sourceMappingURL=useCommands-Bj9QHZ35.js.map