@snowcone-app/canvas 0.16.0 → 0.17.1

package/dist/advanced.mjs

@@ -1,16 +1,19 @@
-import { D as te, T as D, i as M, B as re, I as q, j as I, r as ne, v as se, k as ae, l as oe, m as ie, n as ce, e as le } from "./validation-BpEod0Rn.js";
-import { o as st, p as at, q as ot, s as it, t as ct, w as lt, x as dt, y as ut, z as mt, F as ft, G as ht, H as pt, J as gt, K as xt, L as bt, N as yt, O as vt, Q as wt, R as St, S as Ct, U as Et, V as Tt, W as $t, X as kt, Y as At, Z as Ft, _ as Pt, $ as Nt, a0 as Rt, a1 as Bt, a2 as Dt, a3 as Mt, a4 as It, a5 as zt, a6 as Ot, a7 as Lt, a8 as Wt, a9 as Kt, aa as _t, ab as Gt, ac as Ut, ad as jt, ae as Jt, af as qt, ag as Vt, ah as Xt, ai as Yt, aj as Zt, ak as Ht, al as Qt, am as er, an as tr, ao as rr, ap as nr } from "./validation-BpEod0Rn.js";
-import { u as V } from "./ThemeContext-D9AaUw9v.js";
-import { E as ar, P as or, T as ir, p as cr, s as lr, b as dr, c as ur, d as mr, e as fr, f as hr, g as pr, a as gr } from "./ThemeContext-D9AaUw9v.js";
-import { c as de, G as ue, F as me, g as fe, r as he, u as pe } from "./HybridHistoryManager-NL3zyEl4.js";
-import { A as br, B as yr, I as vr, P as wr, R as Sr, S as Cr, T as Er, h as Tr, a as $r, b as kr, i as Ar, d as Fr, e as Pr, f as Nr, j as Rr, k as Br, l as Dr, m as Mr, n as Ir, o as zr, p as Or, q as Lr, s as Wr, t as Kr, v as _r, w as Gr, x as Ur } from "./HybridHistoryManager-NL3zyEl4.js";
-import { I as ge } from "./ImportManager-eotl7r5d.js";
-import { i as Jr, a as qr, b as Vr, c as Xr, d as Yr } from "./ImportManager-eotl7r5d.js";
-import { useState as A, useCallback as y, useEffect as X, useMemo as Y, useRef as B, memo as xe } from "react";
-import { jsxs as b, jsx as o, Fragment as be } from "react/jsx-runtime";
-import { e as ye, c as ve } from "./compose-DtQL_oit.js";
-import { P as Hr, p as Qr, u as en } from "./usePieceGuideBundle-Cyl695jv.js";
-const Me = ({
+import { e as te } from "./UnifiedFontService-BAtqqkU4.js";
+import { D as re, T as D, a as M, B as ne, b as I, r as se, v as ae, c as oe, d as ie, e as ce, f as le } from "./validation-DEd6EOCP.js";
+import { g as ot, h as it, i as ct, j as lt, k as dt, l as ut, m as mt, n as ft, o as ht, p as pt, q as xt, s as gt, t as bt, u as yt, F as vt, w as wt, G as St, I as Ct, x as Et, y as Tt, K as $t, z as kt, L as At, H as Ft, J as Pt, N as Nt, O as Rt, Q as Bt, S as Dt, R as Mt, U as It, V as zt, W as Ot, X as Lt, Y as Wt, Z as Kt, _ as _t, $ as Gt, a0 as Ut, a1 as jt, a2 as Jt, a3 as qt, a4 as Vt, a5 as Xt, a6 as Yt, a7 as Zt, a8 as Ht, a9 as Qt, aa as er, ab as tr, ac as rr, ad as nr, ae as sr, af as ar } from "./validation-DEd6EOCP.js";
+import { u as q } from "./EditorContext-CyanYzo2.js";
+import { E as ir, P as cr, p as lr, s as dr, b as ur, c as mr, d as fr, e as hr, f as pr, a as xr } from "./EditorContext-CyanYzo2.js";
+import { T as br, u as yr } from "./ThemeContext-Rjz25x9X.js";
+import { c as de, G as ue, F as me, g as fe, r as he, u as pe } from "./HybridHistoryManager-Bht98XRv.js";
+import { A as wr, B as Sr, I as Cr, P as Er, R as Tr, S as $r, T as kr, h as Ar, a as Fr, b as Pr, i as Nr, d as Rr, e as Br, f as Dr, j as Mr, k as Ir, l as zr, m as Or, n as Lr, o as Wr, p as Kr, q as _r, s as Gr, t as Ur, v as jr, w as Jr, x as qr } from "./HybridHistoryManager-Bht98XRv.js";
+import { I as xe } from "./ImportManager-kRYfIX-D.js";
+import { i as Xr, a as Yr, b as Zr, c as Hr, d as Qr } from "./ImportManager-kRYfIX-D.js";
+import { useState as A, useCallback as y, useEffect as V, useMemo as X, useRef as B, memo as ge } from "react";
+import { e as be, c as ye } from "./compose-DtQL_oit.js";
+import { jsxs as b, jsx as o, Fragment as ve } from "react/jsx-runtime";
+import { P as tn, p as rn, u as nn } from "./usePieceGuideBundle-CGERAQJl.js";
+import { Icon as Y } from "./iconify-D6eVIEy4.js";
+const ze = ({
   title: e,
   icon: t,
   children: r,
@@ -56,7 +59,7 @@ const Me = ({
     ] }),
     w && /* @__PURE__ */ o("div", { className: "sc:mt-xl sc:flex sc:flex-col sc:gap-xl", children: r })
   ] });
-}, Ie = ({
+}, Oe = ({
   label: e,
   labelSuffix: t,
   children: r,
@@ -69,7 +72,7 @@ const Me = ({
   ] }),
   /* @__PURE__ */ o("div", { className: a ? "sc:flex-shrink-0" : "", children: r })
 ] });
-function ze({
+function Le({
   options: e,
   value: t,
   onChange: r,
@@ -94,7 +97,7 @@ function ze({
     );
   }) });
 }
-const Oe = ({ label: e, icon: t, checked: r, onChange: a, disabled: n = !1, className: s = "" }) => {
+const We = ({ label: e, icon: t, checked: r, onChange: a, disabled: n = !1, className: s = "" }) => {
   const i = (m) => {
     a(m.target.checked);
   };
@@ -120,7 +123,7 @@ const Oe = ({ label: e, icon: t, checked: r, onChange: a, disabled: n = !1, clas
       ]
     }
   );
-}, Le = ({
+}, Ke = ({
   checked: e,
   onChange: t,
   label: r,
@@ -162,26 +165,26 @@ const Oe = ({ label: e, icon: t, checked: r, onChange: a, disabled: n = !1, clas
       ]
     }
   );
-}, We = ({
+}, _e = ({
   isOpen: e,
   onToggle: t,
   trigger: r,
   children: a
 }) => /* @__PURE__ */ o(
-  te,
+  re,
   {
     isOpen: e,
     onToggle: t,
     trigger: r || /* @__PURE__ */ b(D, { delayDuration: 0, children: [
       /* @__PURE__ */ o(M, { asChild: !0, children: /* @__PURE__ */ o(
-        re,
+        ne,
         {
           variant: "ghost",
           size: "toolbar",
           onClick: (s) => {
             s.stopPropagation(), t(!e);
           },
-          children: /* @__PURE__ */ o(q, { icon: "lucide:ellipsis-vertical", className: "sc:size-6" })
+          children: /* @__PURE__ */ o(Y, { icon: "lucide:ellipsis-vertical", className: "sc:size-6" })
         }
       ) }),
       /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o("p", { children: "More" }) })
@@ -192,7 +195,7 @@ const Oe = ({ label: e, icon: t, checked: r, onChange: a, disabled: n = !1, clas
     children: /* @__PURE__ */ o("div", { className: "sc:flex sc:items-center sc:gap-sm sc:bg-bg-primary sc:border sc:border-border-primary sc:rounded-xl sc:px-xl sc:py-md sc:shadow-sm sc:h-[52px]", children: a })
   }
 );
-function Ke(e) {
+function Ge(e) {
   const t = {
     name: e.name,
     capabilities: {
@@ -217,18 +220,18 @@ function Ke(e) {
   };
   return e.content && (t.content = { ...e.content }), t;
 }
-function _e(e) {
+function Ue(e) {
   if (!e.name || e.name.trim() === "")
     throw new Error("[loadKitFromJSON] Kit name is required");
   const t = {};
   e.capabilities && (t.capabilities = e.capabilities), e.behavior && (t.behavior = e.behavior), e.layout && (t.layout = e.layout), e.style && (t.style = e.style), e.content && (t.content = e.content);
   let r;
   if (e.extends) {
-    const n = ne(e.extends);
-    r = ye(n, { name: e.name, ...t });
+    const n = se(e.extends);
+    r = be(n, { name: e.name, ...t });
   } else
-    r = ve({ name: e.name, ...t });
-  const a = se(r);
+    r = ye({ name: e.name, ...t });
+  const a = ae(r);
   if (a.warnings.length > 0)
     for (const n of a.warnings)
       console.warn(`[loadKitFromJSON] Warning: ${n}`);
@@ -241,19 +244,19 @@ ${a.errors.join(`
   return r;
 }
 const L = de("useProjectLoader");
-function Ge() {
+function je() {
   const {
     handleLoadWorkspace: e
-  } = V(), [t, r] = A(!1), [a, n] = A(null), [s, i] = A(null), [m, l] = A(null), f = y(async (d) => {
+  } = q(), [t, r] = A(!1), [a, n] = A(null), [s, i] = A(null), [m, l] = A(null), f = y(async (d) => {
     r(!0), n(null);
     try {
       const c = typeof d == "string" ? JSON.parse(d) : d;
       if (!c.artboards || !Array.isArray(c.artboards))
         throw new Error("Invalid document format: missing artboards array");
-      const g = JSON.stringify(c), S = new Blob([g], { type: "application/json" }), C = new File([S], "project.json", { type: "application/json" }), x = await ge.importFromJSON(C);
-      if (!x.success || !x.artboards || !x.elements)
-        throw new Error(x.error || "Failed to import project");
-      e(x.artboards, x.elements, x.activeArtboardId || null), i(c);
+      const x = JSON.stringify(c), S = new Blob([x], { type: "application/json" }), C = new File([S], "project.json", { type: "application/json" }), g = await xe.importFromJSON(C);
+      if (!g.success || !g.artboards || !g.elements)
+        throw new Error(g.error || "Failed to import project");
+      e(g.artboards, g.elements, g.activeArtboardId || null), i(c);
       const u = c.artboards.reduce((p, k) => {
         var v;
         return p + (((v = k.elements) == null ? void 0 : v.length) || 0);
@@ -288,15 +291,15 @@ function Ge() {
           timestamp: (/* @__PURE__ */ new Date()).toISOString(),
           appVersion: "1.0.0"
         },
-        artboards: d.artboards.map((g, S) => ({
+        artboards: d.artboards.map((x, S) => ({
           id: `artboard-${Date.now()}-${S}`,
-          name: g.name,
+          name: x.name,
           x: 0,
           y: 0,
-          width: g.width,
-          height: g.height,
-          backgroundColor: g.backgroundColor,
-          elements: g.elements || []
+          width: x.width,
+          height: x.height,
+          backgroundColor: x.backgroundColor,
+          elements: x.elements || []
         })),
         activeArtboardId: null
         // First artboard will be active by default
@@ -329,19 +332,19 @@ const U = {
 function we(e, t) {
   return e >= t.xxl ? "xxl" : e >= t.xl ? "xl" : e >= t.lg ? "lg" : e >= t.md ? "md" : e >= t.sm ? "sm" : "xs";
 }
-function Ue(e) {
+function Je(e) {
   const t = {
     ...U,
     ...e
   }, [r, a] = A(() => typeof window < "u" ? window.innerWidth : U.lg);
-  X(() => {
+  V(() => {
     if (typeof window > "u") return;
-    const g = () => {
+    const x = () => {
       a(window.innerWidth);
     };
-    return window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
+    return window.addEventListener("resize", x), () => window.removeEventListener("resize", x);
   }, []);
-  const n = Y(
+  const n = X(
     () => we(r, t),
     [r, t]
   ), s = n === "xs", i = n === "sm", m = n === "md", l = n === "lg", f = n === "xl", w = n === "xxl", h = ["xs", "sm", "md", "lg", "xl", "xxl"];
@@ -354,12 +357,12 @@ function Ue(e) {
     isLg: l,
     isXl: f,
     isXxl: w,
-    isAtLeast: (g) => {
-      const S = h.indexOf(n), C = h.indexOf(g);
+    isAtLeast: (x) => {
+      const S = h.indexOf(n), C = h.indexOf(x);
       return S >= C;
     },
-    isAtMost: (g) => {
-      const S = h.indexOf(n), C = h.indexOf(g);
+    isAtMost: (x) => {
+      const S = h.indexOf(n), C = h.indexOf(x);
       return S <= C;
     }
   };
@@ -373,7 +376,7 @@ const j = {
   exportCount: 0,
   avgExportTime: 0
 };
-function je() {
+function qe() {
   const [e, t] = A(j), [r, a] = A(!1), n = B([]), s = B([]), i = B([]), m = B(performance.now()), l = B(null), f = y((u) => u.length === 0 ? 0 : 1e3 / (u.reduce((k, v) => k + v, 0) / u.length), []), w = y((u) => u.length === 0 ? 0 : u.reduce((p, k) => p + k, 0) / u.length, []), h = y(() => "memory" in performance && performance.memory ? performance.memory.usedJSHeapSize / (1024 * 1024) : 0, []), d = y(() => {
     const u = {
       fps: f(n.current),
@@ -389,13 +392,13 @@ function je() {
   }, [f, w, h]), c = y(() => {
     const u = performance.now(), p = u - m.current;
     m.current = u, n.current.push(p), n.current.length > 60 && n.current.shift(), n.current.length % 30 === 0 && d(), r && (l.current = requestAnimationFrame(c));
-  }, [r, d]), g = y(() => {
+  }, [r, d]), x = y(() => {
     a(!0), m.current = performance.now(), l.current = requestAnimationFrame(c);
   }, [c]), S = y(() => {
     a(!1), l.current !== null && (cancelAnimationFrame(l.current), l.current = null);
   }, []), C = y(() => {
     n.current = [], s.current = [], i.current = [], t(j);
-  }, []), x = y(() => `
+  }, []), g = y(() => `
 Performance Report
 ==================
 FPS: ${e.fps.toFixed(1)}
@@ -406,22 +409,22 @@ Element Count: ${e.elementCount}
 Export Count: ${e.exportCount}
 Avg Export Time: ${e.avgExportTime.toFixed(2)}ms
     `.trim(), [e]);
-  return X(() => () => {
+  return V(() => () => {
     l.current !== null && cancelAnimationFrame(l.current);
   }, []), {
     metrics: e,
-    startProfiling: g,
+    startProfiling: x,
     stopProfiling: S,
     clearMetrics: C,
-    getReport: x,
+    getReport: g,
     isProfiling: r
   };
 }
-function Je(e) {
-  const { getElementById: t } = V();
+function Ve(e) {
+  const { getElementById: t } = q();
   return e ? t(e) ?? null : null;
 }
-function qe(e) {
+function Xe(e) {
   const {
     onReorder: t,
     onGroupReorder: r,
@@ -429,14 +432,14 @@ function qe(e) {
     onDropIntoGroupAtPosition: n,
     findElement: s,
     findParentGroup: i
-  } = e, [m, l] = A(null), [f, w] = A(null), [h, d] = A(null), c = y((x, u) => {
-    x.dataTransfer.effectAllowed = "move", requestAnimationFrame(() => {
+  } = e, [m, l] = A(null), [f, w] = A(null), [h, d] = A(null), c = y((g, u) => {
+    g.dataTransfer.effectAllowed = "move", requestAnimationFrame(() => {
       l(u);
     });
-  }, []), g = y(
-    (x, u) => {
-      x.preventDefault(), x.dataTransfer.dropEffect = "move";
-      const p = x.currentTarget.getBoundingClientRect(), v = x.clientY - p.top, F = p.height, z = (s == null ? void 0 : s(u)) instanceof ue;
+  }, []), x = y(
+    (g, u) => {
+      g.preventDefault(), g.dataTransfer.dropEffect = "move";
+      const p = g.currentTarget.getBoundingClientRect(), v = g.clientY - p.top, F = p.height, z = (s == null ? void 0 : s(u)) instanceof ue;
       let $;
       z ? v < F * 0.25 ? $ = "before" : v > F * 0.75 ? $ = "after" : $ = "into" : v < F * 0.4 ? $ = "before" : v > F * 0.6 ? $ = "after" : $ = v < F / 2 ? "before" : "after", w(u), d($);
     },
@@ -444,8 +447,8 @@ function qe(e) {
   ), S = y(() => {
     l(null), w(null), d(null);
   }, []), C = y(
-    (x, u) => {
-      if (x.preventDefault(), !m || m === u || !h) {
+    (g, u) => {
+      if (g.preventDefault(), !m || m === u || !h) {
         S();
         return;
       }
@@ -474,13 +477,13 @@ function qe(e) {
     dropPosition: h,
     handlers: {
       onDragStart: c,
-      onDragOver: g,
+      onDragOver: x,
       onDrop: C,
       onDragEnd: S
     }
   };
 }
-function Ve(e) {
+function Ye(e) {
   const { selectedId: t, multiSelection: r, onSelectionChange: a, onMultiSelectionChange: n } = e, s = y(
     (m) => m === t || r.includes(m),
     [t, r]
@@ -506,13 +509,13 @@ function Ve(e) {
   );
   return { isSelected: s, handleClick: i };
 }
-const Se = xe(({ value: e, onChange: t, fontSizes: r, isOpen: a, onToggle: n }) => {
+const Se = ge(({ value: e, onChange: t, fontSizes: r, isOpen: a, onToggle: n }) => {
   const s = (i) => {
     t(i), n(!1);
   };
-  return /* @__PURE__ */ b(ae, { open: a, onOpenChange: n, children: [
-    /* @__PURE__ */ o(oe, { asChild: !0, children: /* @__PURE__ */ o("button", { className: "sc-toolbar-btn", "aria-label": "Font size", children: /* @__PURE__ */ o(q, { icon: "radix-icons:font-size", className: "sc:size-5" }) }) }),
-    /* @__PURE__ */ o(ie, { className: "sc:w-[120px] sc:max-h-[300px] sc:overflow-y-auto sc:p-1", maxZIndex: !0, children: /* @__PURE__ */ o("div", { className: "sc:flex sc:flex-col sc:gap-0.5", children: r.map((i) => /* @__PURE__ */ o(
+  return /* @__PURE__ */ b(oe, { open: a, onOpenChange: n, children: [
+    /* @__PURE__ */ o(ie, { asChild: !0, children: /* @__PURE__ */ o("button", { className: "sc-toolbar-btn", "aria-label": "Font size", children: /* @__PURE__ */ o(Y, { icon: "radix-icons:font-size", className: "sc:size-5" }) }) }),
+    /* @__PURE__ */ o(ce, { className: "sc:w-[120px] sc:max-h-[300px] sc:overflow-y-auto sc:p-1", maxZIndex: !0, children: /* @__PURE__ */ o("div", { className: "sc:flex sc:flex-col sc:gap-0.5", children: r.map((i) => /* @__PURE__ */ o(
       "button",
       {
         onClick: () => s(i),
@@ -524,7 +527,7 @@ const Se = xe(({ value: e, onChange: t, fontSizes: r, isOpen: a, onToggle: n })
   ] });
 });
 Se.displayName = "FontSizeDropdown";
-function Xe({ toolbar: e }) {
+function Ze({ toolbar: e }) {
   const { fontSize: t, handleFontSizeIncrement: r, handleFontSizeChange: a } = e, [n, s] = A(!1);
   return /* @__PURE__ */ b("div", { className: "sc-toolbar-group", children: [
     /* @__PURE__ */ b(D, { delayDuration: 300, children: [
@@ -538,7 +541,7 @@ function Xe({ toolbar: e }) {
           {
             className: "sc-toolbar-font-size-display",
             onClick: () => {
-              ce.protectNextClick(), s(!n);
+              le.protectNextClick(), s(!n);
             },
             children: t
           }
@@ -581,7 +584,7 @@ function Xe({ toolbar: e }) {
   ] });
 }
 const _ = /* @__PURE__ */ new Map();
-function Ye(e) {
+function He(e) {
   if (!e.type || typeof e.type != "string")
     throw new Error('ElementTypeRegistration requires a non-empty "type" string');
   if (typeof e.Component != "function")
@@ -598,13 +601,13 @@ function Ye(e) {
     Component: e.Component
   }), _.set(e.type, { ...e });
 }
-function Ze(e) {
+function Qe(e) {
   pe(e), _.delete(e);
 }
-function He() {
+function et() {
   return Array.from(_.values());
 }
-function Qe(e) {
+function tt(e) {
   return fe(e) !== void 0;
 }
 class Ce {
@@ -698,7 +701,7 @@ class Ce {
   }
 }
 const Ee = new Ce();
-function et() {
+function rt() {
   return Ee;
 }
 const W = {
@@ -842,7 +845,7 @@ function ke(e, t, r, a) {
   }
   return null;
 }
-function tt({
+function nt({
   artboardWidth: e,
   artboardHeight: t,
   canvasPadding: r = 0,
@@ -852,7 +855,7 @@ function tt({
   style: i,
   className: m
 }) {
-  const l = Y(() => {
+  const l = X(() => {
     const d = Math.max(
       16,
       Math.round(Math.min(e, t) * 0.03)
@@ -879,7 +882,7 @@ function tt({
       className: m,
       style: { pointerEvents: "none", width: "100%", height: "100%" },
       children: /* @__PURE__ */ o("g", { transform: `translate(${r} ${r})`, children: a.map((d) => {
-        const c = n == null ? void 0 : n[d.id], g = (c == null ? void 0 : c.zones) ?? [], S = (c == null ? void 0 : c.labels) ?? [], C = d.rotation ?? 0, x = C === 90 || C === 270, u = x ? d.height : d.width, p = x ? d.width : d.height, k = $e(c, u, p), v = ke(c, d, u, p), F = `translate(${d.x} ${d.y})`;
+        const c = n == null ? void 0 : n[d.id], x = (c == null ? void 0 : c.zones) ?? [], S = (c == null ? void 0 : c.labels) ?? [], C = d.rotation ?? 0, g = C === 90 || C === 270, u = g ? d.height : d.width, p = g ? d.width : d.height, k = $e(c, u, p), v = ke(c, d, u, p), F = `translate(${d.x} ${d.y})`;
         let N = "";
         C === 90 ? N = `translate(${d.width} 0) rotate(90)` : C === 180 ? N = `translate(${d.width} ${d.height}) rotate(180)` : C === 270 && (N = `translate(0 ${d.height}) rotate(270)`);
         const z = N ? `${F} ${N}` : F, $ = l.safeAreaWashCornerRadius < 0 ? Math.round(Math.min(u, p) * 0.02) : l.safeAreaWashCornerRadius, P = c != null && c.boundary && (c.boundary.kind === "rect" || c.boundary.kind === "roundedRect") ? c.boundary : null, O = P ? P.kind === "rect" && $ > 0 ? {
@@ -912,7 +915,7 @@ function tt({
           height: p
         }, H = O.kind === "rect" || O.kind === "roundedRect";
         return /* @__PURE__ */ b("g", { transform: z, children: [
-          f.safeArea && H && /* @__PURE__ */ b(be, { children: [
+          f.safeArea && H && /* @__PURE__ */ b(ve, { children: [
             /* @__PURE__ */ b("defs", { children: [
               /* @__PURE__ */ o(
                 "filter",
@@ -976,14 +979,14 @@ function tt({
               }
             )
           ] }),
-          f.zones && g.filter((E) => E.kind !== "dieCut").map((E, R) => /* @__PURE__ */ o("g", { children: K(E.path, {
+          f.zones && x.filter((E) => E.kind !== "dieCut").map((E, R) => /* @__PURE__ */ o("g", { children: K(E.path, {
             fill: l.zoneFill[E.kind],
             stroke: l.zoneStroke[E.kind],
             strokeWidth: 1.5,
             strokeDasharray: E.kind === "wrap" ? "4 3" : void 0,
             vectorEffect: "non-scaling-stroke"
           }) }, `zone-${R}`)),
-          f.zones && g.filter((E) => E.kind === "dieCut").map((E, R) => {
+          f.zones && x.filter((E) => E.kind === "dieCut").map((E, R) => {
             const T = E.path;
             if (T.kind !== "rect" && T.kind !== "roundedRect")
               return null;
@@ -1059,134 +1062,134 @@ function tt({
     }
   );
 }
-le();
+te();
 export {
-  br as ArtboardElement,
-  st as ArtboardPropertiesToolbar,
-  at as ArtboardTabs,
-  ot as AutoExportManager,
-  it as BackgroundPickerDropdown,
-  yr as BaseElement,
-  ct as BoldButton,
-  ze as ButtonGroup,
-  lt as Canvas,
+  wr as ArtboardElement,
+  ot as ArtboardPropertiesToolbar,
+  it as ArtboardTabs,
+  ct as AutoExportManager,
+  lt as BackgroundPickerDropdown,
+  Sr as BaseElement,
+  dt as BoldButton,
+  Le as ButtonGroup,
+  ut as Canvas,
   Ce as CanvasEventBus,
-  dt as CanvasSkeleton,
-  ut as ColorPickerDropdown,
-  mt as ContextualToolbars,
-  Ie as ControlGroup,
-  ft as CropPanel,
-  ht as DEFAULT_AUTO_EXPORT_CONFIG,
-  te as Dropdown,
-  pt as DropdownMenu,
-  ar as EditorProvider,
-  gt as EffectsPanel,
-  xt as ExportPanel,
-  bt as FontBrowserDrawer,
-  yt as FontColorButton,
+  mt as CanvasSkeleton,
+  ft as ColorPickerDropdown,
+  ht as ContextualToolbars,
+  Oe as ControlGroup,
+  pt as CropPanel,
+  xt as DEFAULT_AUTO_EXPORT_CONFIG,
+  re as Dropdown,
+  gt as DropdownMenu,
+  ir as EditorProvider,
+  bt as EffectsPanel,
+  yt as ExportPanel,
+  vt as FontBrowserDrawer,
+  wt as FontColorButton,
   Se as FontSizeDropdown,
-  Xe as FontSizeGroup,
-  vt as GlyphPanel,
+  Ze as FontSizeGroup,
+  St as GlyphPanel,
   ue as GroupElement,
-  vr as ImageElement,
-  wt as ImagePanel,
-  St as ImageToolbar,
-  Ct as ItalicButton,
-  Et as KIT_PRESETS,
-  Tt as KitProvider,
-  $t as LayersPanel,
-  kt as LayersPanelSkeleton,
-  At as MenuButton,
-  Ft as MenuItem,
-  Pt as MoreMenu,
-  Hr as PIECE_GUIDES_API_BASE,
-  or as PRESERVE_SELECTION_ATTR,
-  Me as Panel,
-  wr as PathElement,
-  Nt as PathToolbar,
-  Sr as RichText,
-  We as SecondaryToolbar,
-  Cr as ShapeElement,
-  Rt as ShapeToolbar,
-  Bt as ShapeTypeDrawer,
-  Dt as Spinner,
-  Mt as Surface,
-  Le as Switch,
-  It as TextAlignButton,
-  Er as TextElement,
-  zt as TextMoreMenu,
-  Ot as TextToolbar,
-  ir as ThemeProvider,
-  Oe as Toggle,
-  Lt as ToolbarSkeleton,
-  Wt as TransformControlPanel,
-  Kt as UnderlineButton,
-  _t as UppercaseButton,
-  tt as VisualGuideOverlay,
-  Gt as ZoomControls,
+  Cr as ImageElement,
+  Ct as ImagePanel,
+  Et as ImageToolbar,
+  Tt as ItalicButton,
+  $t as KIT_PRESETS,
+  kt as KitProvider,
+  At as LayersPanel,
+  Ft as LayersPanelSkeleton,
+  Pt as MenuButton,
+  Nt as MenuItem,
+  Rt as MoreMenu,
+  tn as PIECE_GUIDES_API_BASE,
+  cr as PRESERVE_SELECTION_ATTR,
+  ze as Panel,
+  Er as PathElement,
+  Bt as PathToolbar,
+  Tr as RichText,
+  _e as SecondaryToolbar,
+  $r as ShapeElement,
+  Dt as ShapeToolbar,
+  Mt as ShapeTypeDrawer,
+  It as Spinner,
+  zt as Surface,
+  Ke as Switch,
+  Ot as TextAlignButton,
+  kr as TextElement,
+  Lt as TextMoreMenu,
+  Wt as TextToolbar,
+  br as ThemeProvider,
+  We as Toggle,
+  Kt as ToolbarSkeleton,
+  _t as TransformControlPanel,
+  Gt as UnderlineButton,
+  Ut as UppercaseButton,
+  nt as VisualGuideOverlay,
+  jt as ZoomControls,
   Ee as canvasEventBus,
-  Ut as getAllSections,
-  He as getCustomElementTypes,
-  jt as getSection,
-  Jt as getSectionIds,
-  Tr as hasDistressEffect,
-  $r as hasMasks,
-  kr as hasStroke,
-  Ar as isArchTransform,
-  Fr as isCircleElementConfig,
-  Pr as isCircleTransform,
-  Nr as isCustomElementConfig,
-  Rr as isCustomTransform,
-  Br as isFlagTransform,
-  Jr as isGroupElement,
-  Dr as isGroupElementConfig,
-  Mr as isGroupTransform,
-  qr as isImageElement,
-  Ir as isImageElementConfig,
-  zr as isImageTransform,
-  Or as isKnockout,
-  Vr as isPathElement,
-  Lr as isPathElementConfig,
-  Wr as isPathTransform,
-  Qe as isRegisteredElementType,
-  Xr as isShapeElement,
-  Kr as isShapeElementConfig,
-  _r as isShapeTransform,
-  Yr as isTextElement,
-  Gr as isTextElementConfig,
-  Ur as isWaveTransform,
-  _e as loadKitFromJSON,
-  Qr as pieceGuidesForArtboard,
-  cr as preserveSelectionProps,
-  qt as registerBuiltinSections,
-  Vt as registerBuiltinSectionsSync,
-  Ye as registerElementType,
-  Xt as registerSection,
-  Yt as renderPieceGuides,
-  Ke as serializeKit,
-  lr as shouldPreserveSelection,
-  Zt as surfaceVariants,
-  Ze as unregisterElementType,
-  Ht as unregisterSection,
-  Ue as useBreakpoint,
-  et as useCanvasEvents,
-  Qt as useCapabilities,
-  dr as useCommandContext,
-  Je as useElementById,
-  ur as useElementsContext,
-  mr as useHistoryContext,
-  er as useKit,
-  qe as useLayerDragDrop,
-  tr as useLayerPreview,
-  Ve as useLayerSelection,
-  je as usePerformance,
-  en as usePieceGuideBundle,
-  Ge as useProjectLoader,
-  fr as useSelectionContext,
-  rr as useSurface,
-  nr as useTextToolbar,
-  hr as useTheme,
+  Jt as getAllSections,
+  et as getCustomElementTypes,
+  qt as getSection,
+  Vt as getSectionIds,
+  Ar as hasDistressEffect,
+  Fr as hasMasks,
+  Pr as hasStroke,
+  Nr as isArchTransform,
+  Rr as isCircleElementConfig,
+  Br as isCircleTransform,
+  Dr as isCustomElementConfig,
+  Mr as isCustomTransform,
+  Ir as isFlagTransform,
+  Xr as isGroupElement,
+  zr as isGroupElementConfig,
+  Or as isGroupTransform,
+  Yr as isImageElement,
+  Lr as isImageElementConfig,
+  Wr as isImageTransform,
+  Kr as isKnockout,
+  Zr as isPathElement,
+  _r as isPathElementConfig,
+  Gr as isPathTransform,
+  tt as isRegisteredElementType,
+  Hr as isShapeElement,
+  Ur as isShapeElementConfig,
+  jr as isShapeTransform,
+  Qr as isTextElement,
+  Jr as isTextElementConfig,
+  qr as isWaveTransform,
+  Ue as loadKitFromJSON,
+  rn as pieceGuidesForArtboard,
+  lr as preserveSelectionProps,
+  Xt as registerBuiltinSections,
+  Yt as registerBuiltinSectionsSync,
+  He as registerElementType,
+  Zt as registerSection,
+  Ht as renderPieceGuides,
+  Ge as serializeKit,
+  dr as shouldPreserveSelection,
+  Qt as surfaceVariants,
+  Qe as unregisterElementType,
+  er as unregisterSection,
+  Je as useBreakpoint,
+  rt as useCanvasEvents,
+  tr as useCapabilities,
+  ur as useCommandContext,
+  Ve as useElementById,
+  mr as useElementsContext,
+  fr as useHistoryContext,
+  rr as useKit,
+  Xe as useLayerDragDrop,
+  nr as useLayerPreview,
+  Ye as useLayerSelection,
+  qe as usePerformance,
+  nn as usePieceGuideBundle,
+  je as useProjectLoader,
+  hr as useSelectionContext,
+  sr as useSurface,
+  ar as useTextToolbar,
+  yr as useTheme,
   pr as useToolStateContext,
-  gr as useViewportContext
+  xr as useViewportContext
 };
 //# sourceMappingURL=advanced.mjs.map