@snowcone-app/canvas 0.12.1 → 0.13.0

package/dist/advanced.mjs

@@ -1,18 +1,19 @@
 import { D as te, I as q, r as re, v as ne, i as oe, e as ae } from "./validation-BpmNOvuY.js";
-import { j as it, k as lt, l as ct, B as dt, m as ut, n as mt, o as ft, p as ht, q as pt, s as gt, t as xt, w as bt, x as yt, y as vt, F as wt, z as St, G as Ct, H as Tt, J as Et, K as $t, L as kt, N as At, O as Ft, Q as Pt, R as Nt, S as Rt, T as Bt, U as Mt, V as Dt, W as zt, X as It, Y as Ot, Z as Lt, _ as Wt, $ as Kt, a0 as _t, a1 as Gt, a2 as Ut, a3 as jt, a4 as Jt, a5 as qt, a6 as Vt, a7 as Xt, a8 as Yt, a9 as Zt, aa as Ht, ab as Qt, ac as er, ad as tr, ae as rr, af as nr } from "./validation-BpmNOvuY.js";
+import { j as it, k as lt, l as ct, B as dt, m as ut, n as mt, o as ft, p as ht, q as pt, s as xt, t as gt, w as bt, x as yt, y as vt, F as wt, z as St, G as Ct, H as Et, J as Tt, K as $t, L as kt, N as At, O as Ft, Q as Pt, R as Nt, S as Rt, T as Bt, U as Dt, V as Mt, W as It, X as zt, Y as Ot, Z as Lt, _ as Wt, $ as Kt, a0 as _t, a1 as Gt, a2 as Ut, a3 as jt, a4 as Jt, a5 as qt, a6 as Vt, a7 as Xt, a8 as Yt, a9 as Zt, aa as Ht, ab as Qt, ac as er, ad as tr, ae as rr, af as nr } from "./validation-BpmNOvuY.js";
 import { u as V } from "./ThemeContext-Cl1JPVLZ.js";
-import { E as ar, P as sr, T as ir, p as lr, s as cr, b as dr, c as ur, d as mr, e as fr, f as hr, g as pr, a as gr } from "./ThemeContext-Cl1JPVLZ.js";
+import { E as ar, P as sr, T as ir, p as lr, s as cr, b as dr, c as ur, d as mr, e as fr, f as hr, g as pr, a as xr } from "./ThemeContext-Cl1JPVLZ.js";
 import { c as se, G as ie, F as le, g as ce, r as de, u as ue } 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 Tr, h as Er, 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 Mr, m as Dr, n as zr, o as Ir, 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 { 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 me } 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 fe } from "react";
 import { jsxs as b, jsx as s, Fragment as he } from "react/jsx-runtime";
-import { Tooltip as M, TooltipTrigger as D, Button as pe, TooltipContent as z, Popover as ge, PopoverTrigger as xe, PopoverContent as be } from "@snowcone-app/ui";
+import { Tooltip as D, TooltipTrigger as M, Button as pe, TooltipContent as I, Popover as xe, PopoverTrigger as ge, PopoverContent as be } from "@snowcone-app/ui";
 import { Surface as Hr, surfaceVariants as Qr, useSurface as en } from "@snowcone-app/ui";
 import "clsx";
 import "tailwind-merge";
 import { e as ye, c as ve } from "./compose-DtQL_oit.js";
+import { P as rn, p as nn, u as on } from "./usePieceGuideBundle-Cyl695jv.js";
 const Oe = ({
   title: e,
   icon: t,
@@ -175,8 +176,8 @@ const Ke = ({ label: e, icon: t, checked: r, onChange: a, disabled: n = !1, clas
   {
     isOpen: e,
     onToggle: t,
-    trigger: r || /* @__PURE__ */ b(M, { delayDuration: 0, children: [
-      /* @__PURE__ */ s(D, { asChild: !0, children: /* @__PURE__ */ s(
+    trigger: r || /* @__PURE__ */ b(D, { delayDuration: 0, children: [
+      /* @__PURE__ */ s(M, { asChild: !0, children: /* @__PURE__ */ s(
         pe,
         {
           variant: "ghost",
@@ -187,7 +188,7 @@ const Ke = ({ label: e, icon: t, checked: r, onChange: a, disabled: n = !1, clas
           children: /* @__PURE__ */ s(q, { icon: "lucide:ellipsis-vertical", className: "size-6" })
         }
       ) }),
-      /* @__PURE__ */ s(z, { children: /* @__PURE__ */ s("p", { children: "More" }) })
+      /* @__PURE__ */ s(I, { children: /* @__PURE__ */ s("p", { children: "More" }) })
     ] }),
     position: "bottom",
     align: "end",
@@ -253,10 +254,10 @@ function Je() {
       const l = typeof d == "string" ? JSON.parse(d) : d;
       if (!l.artboards || !Array.isArray(l.artboards))
         throw new Error("Invalid document format: missing artboards array");
-      const g = JSON.stringify(l), S = new Blob([g], { type: "application/json" }), C = new File([S], "project.json", { type: "application/json" }), x = await me.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(l);
+      const x = JSON.stringify(l), S = new Blob([x], { type: "application/json" }), C = new File([S], "project.json", { type: "application/json" }), g = await me.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(l);
       const u = l.artboards.reduce((p, k) => {
         var v;
         return p + (((v = k.elements) == null ? void 0 : v.length) || 0);
@@ -291,15 +292,15 @@ function Je() {
           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
@@ -339,10 +340,10 @@ function qe(e) {
   }, [r, a] = A(() => typeof window < "u" ? window.innerWidth : U.lg);
   X(() => {
     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(
     () => we(r, t),
@@ -357,12 +358,12 @@ function qe(e) {
     isLg: c,
     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;
     }
   };
@@ -392,13 +393,13 @@ function Ve() {
   }, [f, w, h]), l = 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 && (c.current = requestAnimationFrame(l));
-  }, [r, d]), g = y(() => {
+  }, [r, d]), x = y(() => {
     a(!0), m.current = performance.now(), c.current = requestAnimationFrame(l);
   }, [l]), S = y(() => {
     a(!1), c.current !== null && (cancelAnimationFrame(c.current), c.current = null);
   }, []), C = y(() => {
     n.current = [], o.current = [], i.current = [], t(j);
-  }, []), x = y(() => `
+  }, []), g = y(() => `
 Performance Report
 ==================
 FPS: ${e.fps.toFixed(1)}
@@ -413,10 +414,10 @@ Avg Export Time: ${e.avgExportTime.toFixed(2)}ms
     c.current !== null && cancelAnimationFrame(c.current);
   }, []), {
     metrics: e,
-    startProfiling: g,
+    startProfiling: x,
     stopProfiling: S,
     clearMetrics: C,
-    getReport: x,
+    getReport: g,
     isProfiling: r
   };
 }
@@ -432,23 +433,23 @@ function Ye(e) {
     onDropIntoGroupAtPosition: n,
     findElement: o,
     findParentGroup: i
-  } = e, [m, c] = A(null), [f, w] = A(null), [h, d] = A(null), l = y((x, u) => {
-    x.dataTransfer.effectAllowed = "move", requestAnimationFrame(() => {
+  } = e, [m, c] = A(null), [f, w] = A(null), [h, d] = A(null), l = y((g, u) => {
+    g.dataTransfer.effectAllowed = "move", requestAnimationFrame(() => {
       c(u);
     });
-  }, []), g = y(
-    (x, u) => {
-      x.preventDefault(), x.dataTransfer.dropEffect = "move";
-      const p = x.currentTarget.getBoundingClientRect(), v = x.clientY - p.top, F = p.height, I = (o == null ? void 0 : o(u)) instanceof ie;
+  }, []), x = y(
+    (g, u) => {
+      g.preventDefault(), g.dataTransfer.dropEffect = "move";
+      const p = g.currentTarget.getBoundingClientRect(), v = g.clientY - p.top, F = p.height, z = (o == null ? void 0 : o(u)) instanceof ie;
       let $;
-      I ? 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($);
+      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($);
     },
     [o]
   ), S = y(() => {
     c(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;
       }
@@ -477,7 +478,7 @@ function Ye(e) {
     dropPosition: h,
     handlers: {
       onDragStart: l,
-      onDragOver: g,
+      onDragOver: x,
       onDrop: C,
       onDragEnd: S
     }
@@ -513,8 +514,8 @@ const Se = fe(({ value: e, onChange: t, fontSizes: r, isOpen: a, onToggle: n })
   const o = (i) => {
     t(i), n(!1);
   };
-  return /* @__PURE__ */ b(ge, { open: a, onOpenChange: n, children: [
-    /* @__PURE__ */ s(xe, { asChild: !0, children: /* @__PURE__ */ s("button", { className: "toolbar-btn", "aria-label": "Font size", children: /* @__PURE__ */ s(q, { icon: "radix-icons:font-size", className: "size-5" }) }) }),
+  return /* @__PURE__ */ b(xe, { open: a, onOpenChange: n, children: [
+    /* @__PURE__ */ s(ge, { asChild: !0, children: /* @__PURE__ */ s("button", { className: "toolbar-btn", "aria-label": "Font size", children: /* @__PURE__ */ s(q, { icon: "radix-icons:font-size", className: "size-5" }) }) }),
     /* @__PURE__ */ s(be, { className: "w-[120px] max-h-[300px] overflow-y-auto p-1", maxZIndex: !0, children: /* @__PURE__ */ s("div", { className: "flex flex-col gap-0.5", children: r.map((i) => /* @__PURE__ */ s(
       "button",
       {
@@ -530,12 +531,12 @@ Se.displayName = "FontSizeDropdown";
 function He({ toolbar: e }) {
   const { fontSize: t, handleFontSizeIncrement: r, handleFontSizeChange: a } = e, [n, o] = A(!1);
   return /* @__PURE__ */ b("div", { className: "toolbar-group", children: [
-    /* @__PURE__ */ b(M, { delayDuration: 300, children: [
-      /* @__PURE__ */ s(D, { asChild: !0, children: /* @__PURE__ */ s("button", { className: "toolbar-btn-sm", onClick: () => r(-1), children: "-" }) }),
-      /* @__PURE__ */ s(z, { children: "Decrease Font Size" })
+    /* @__PURE__ */ b(D, { delayDuration: 300, children: [
+      /* @__PURE__ */ s(M, { asChild: !0, children: /* @__PURE__ */ s("button", { className: "toolbar-btn-sm", onClick: () => r(-1), children: "-" }) }),
+      /* @__PURE__ */ s(I, { children: "Decrease Font Size" })
     ] }),
-    /* @__PURE__ */ b(M, { delayDuration: 300, children: [
-      /* @__PURE__ */ s(D, { asChild: !0, children: /* @__PURE__ */ b("div", { style: { position: "relative" }, children: [
+    /* @__PURE__ */ b(D, { delayDuration: 300, children: [
+      /* @__PURE__ */ s(M, { asChild: !0, children: /* @__PURE__ */ b("div", { style: { position: "relative" }, children: [
         /* @__PURE__ */ s(
           "button",
           {
@@ -575,11 +576,11 @@ function He({ toolbar: e }) {
           }
         )
       ] }) }),
-      /* @__PURE__ */ s(z, { children: "Font Size" })
+      /* @__PURE__ */ s(I, { children: "Font Size" })
     ] }),
-    /* @__PURE__ */ b(M, { delayDuration: 300, children: [
-      /* @__PURE__ */ s(D, { asChild: !0, children: /* @__PURE__ */ s("button", { className: "toolbar-btn-sm", onClick: () => r(1), children: "+" }) }),
-      /* @__PURE__ */ s(z, { children: "Increase Font Size" })
+    /* @__PURE__ */ b(D, { delayDuration: 300, children: [
+      /* @__PURE__ */ s(M, { asChild: !0, children: /* @__PURE__ */ s("button", { className: "toolbar-btn-sm", onClick: () => r(1), children: "+" }) }),
+      /* @__PURE__ */ s(I, { children: "Increase Font Size" })
     ] })
   ] });
 }
@@ -700,9 +701,9 @@ class Ce {
     return ((r = this.listeners.get(t)) == null ? void 0 : r.size) ?? 0;
   }
 }
-const Te = new Ce();
+const Ee = new Ce();
 function nt() {
-  return Te;
+  return Ee;
 }
 const W = {
   bleedFill: "#ffffff",
@@ -757,7 +758,7 @@ const W = {
   // pin via `style.labelFontSize`.
   labelFontSize: 14,
   labelFontFamily: "ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif"
-}, Ee = {
+}, Te = {
   // SVG `dominant-baseline` has no "baseline" keyword; "alphabetic" is the
   // bottom/baseline alignment (and React's typed union enforces this).
   tl: { textAnchor: "start", dominantBaseline: "hanging" },
@@ -882,10 +883,10 @@ function ot({
       className: m,
       style: { pointerEvents: "none", width: "100%", height: "100%" },
       children: /* @__PURE__ */ s("g", { transform: `translate(${r} ${r})`, children: a.map((d) => {
-        const l = n == null ? void 0 : n[d.id], g = (l == null ? void 0 : l.zones) ?? [], S = (l == null ? void 0 : l.labels) ?? [], C = d.rotation ?? 0, x = C === 90 || C === 270, u = x ? d.height : d.width, p = x ? d.width : d.height, k = $e(l, u, p), v = ke(l, d, u, p), F = `translate(${d.x} ${d.y})`;
+        const l = n == null ? void 0 : n[d.id], x = (l == null ? void 0 : l.zones) ?? [], S = (l == null ? void 0 : l.labels) ?? [], C = d.rotation ?? 0, g = C === 90 || C === 270, u = g ? d.height : d.width, p = g ? d.width : d.height, k = $e(l, u, p), v = ke(l, 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 I = N ? `${F} ${N}` : F, $ = c.safeAreaWashCornerRadius < 0 ? Math.round(Math.min(u, p) * 0.02) : c.safeAreaWashCornerRadius, P = l != null && l.boundary && (l.boundary.kind === "rect" || l.boundary.kind === "roundedRect") ? l.boundary : null, O = P ? P.kind === "rect" && $ > 0 ? {
+        const z = N ? `${F} ${N}` : F, $ = c.safeAreaWashCornerRadius < 0 ? Math.round(Math.min(u, p) * 0.02) : c.safeAreaWashCornerRadius, P = l != null && l.boundary && (l.boundary.kind === "rect" || l.boundary.kind === "roundedRect") ? l.boundary : null, O = P ? P.kind === "rect" && $ > 0 ? {
           kind: "roundedRect",
           x: P.x,
           y: P.y,
@@ -914,7 +915,7 @@ function ot({
           width: u,
           height: p
         }, H = O.kind === "rect" || O.kind === "roundedRect";
-        return /* @__PURE__ */ b("g", { transform: I, children: [
+        return /* @__PURE__ */ b("g", { transform: z, children: [
           f.safeArea && H && /* @__PURE__ */ b(he, { children: [
             /* @__PURE__ */ b("defs", { children: [
               /* @__PURE__ */ s(
@@ -979,25 +980,25 @@ function ot({
               }
             )
           ] }),
-          f.zones && g.filter((T) => T.kind !== "dieCut").map((T, R) => /* @__PURE__ */ s("g", { children: K(T.path, {
-            fill: c.zoneFill[T.kind],
-            stroke: c.zoneStroke[T.kind],
+          f.zones && x.filter((E) => E.kind !== "dieCut").map((E, R) => /* @__PURE__ */ s("g", { children: K(E.path, {
+            fill: c.zoneFill[E.kind],
+            stroke: c.zoneStroke[E.kind],
             strokeWidth: 1.5,
-            strokeDasharray: T.kind === "wrap" ? "4 3" : void 0,
+            strokeDasharray: E.kind === "wrap" ? "4 3" : void 0,
             vectorEffect: "non-scaling-stroke"
           }) }, `zone-${R}`)),
-          f.zones && g.filter((T) => T.kind === "dieCut").map((T, R) => {
-            const E = T.path;
-            if (E.kind !== "rect" && E.kind !== "roundedRect")
+          f.zones && x.filter((E) => E.kind === "dieCut").map((E, R) => {
+            const T = E.path;
+            if (T.kind !== "rect" && T.kind !== "roundedRect")
               return null;
-            const Q = E.kind === "roundedRect" ? E.rx ?? E.ry ?? 0 : 0, ee = E.kind === "roundedRect" ? E.ry ?? E.rx ?? 0 : 0;
+            const Q = T.kind === "roundedRect" ? T.rx ?? T.ry ?? 0 : 0, ee = T.kind === "roundedRect" ? T.ry ?? T.rx ?? 0 : 0;
             return /* @__PURE__ */ s(
               "foreignObject",
               {
-                x: E.x,
-                y: E.y,
-                width: E.width,
-                height: E.height,
+                x: T.x,
+                y: T.y,
+                width: T.width,
+                height: T.height,
                 children: /* @__PURE__ */ s(
                   "div",
                   {
@@ -1036,15 +1037,15 @@ function ot({
             strokeDasharray: c.safeAreaDashArray,
             vectorEffect: "non-scaling-stroke"
           }),
-          f.labels && S.map((T, R) => {
-            const E = Ee[T.anchor ?? "c"];
+          f.labels && S.map((E, R) => {
+            const T = Te[E.anchor ?? "c"];
             return /* @__PURE__ */ s(
               "text",
               {
-                x: T.x,
-                y: T.y,
-                textAnchor: E.textAnchor,
-                dominantBaseline: E.dominantBaseline,
+                x: E.x,
+                y: E.y,
+                textAnchor: T.textAnchor,
+                dominantBaseline: T.dominantBaseline,
                 fontSize: c.labelFontSize,
                 fontFamily: c.labelFontFamily,
                 fill: c.labelColor,
@@ -1052,7 +1053,7 @@ function ot({
                 stroke: "#ffffff",
                 strokeWidth: Math.max(2, c.labelFontSize * 0.25),
                 strokeLinejoin: "round",
-                children: T.text
+                children: E.text
               },
               `label-${R}`
             );
@@ -1078,8 +1079,8 @@ export {
   ht as ColorPickerDropdown,
   pt as ContextualToolbars,
   Le as ControlGroup,
-  gt as CropPanel,
-  xt as DEFAULT_AUTO_EXPORT_CONFIG,
+  xt as CropPanel,
+  gt as DEFAULT_AUTO_EXPORT_CONFIG,
   te as Dropdown,
   bt as DropdownMenu,
   ar as EditorProvider,
@@ -1092,8 +1093,8 @@ export {
   Ct as GlyphPanel,
   ie as GroupElement,
   vr as ImageElement,
-  Tt as ImagePanel,
-  Et as ImageToolbar,
+  Et as ImagePanel,
+  Tt as ImageToolbar,
   $t as ItalicButton,
   kt as KIT_PRESETS,
   At as KitProvider,
@@ -1102,20 +1103,21 @@ export {
   Nt as MenuButton,
   Rt as MenuItem,
   Bt as MoreMenu,
+  rn as PIECE_GUIDES_API_BASE,
   sr as PRESERVE_SELECTION_ATTR,
   Oe as Panel,
   wr as PathElement,
-  Mt as PathToolbar,
+  Dt as PathToolbar,
   Sr as RichText,
   Ge as SecondaryToolbar,
   Cr as ShapeElement,
-  Dt as ShapeToolbar,
-  zt as ShapeTypeDrawer,
-  It as Spinner,
+  Mt as ShapeToolbar,
+  It as ShapeTypeDrawer,
+  zt as Spinner,
   Hr as Surface,
   _e as Switch,
   Ot as TextAlignButton,
-  Tr as TextElement,
+  Er as TextElement,
   Lt as TextMoreMenu,
   Wt as TextToolbar,
   ir as ThemeProvider,
@@ -1126,12 +1128,12 @@ export {
   Ut as UppercaseButton,
   ot as VisualGuideOverlay,
   jt as ZoomControls,
-  Te as canvasEventBus,
+  Ee as canvasEventBus,
   Jt as getAllSections,
   tt as getCustomElementTypes,
   qt as getSection,
   Vt as getSectionIds,
-  Er as hasDistressEffect,
+  Tr as hasDistressEffect,
   $r as hasMasks,
   kr as hasStroke,
   Ar as isArchTransform,
@@ -1141,11 +1143,11 @@ export {
   Rr as isCustomTransform,
   Br as isFlagTransform,
   Jr as isGroupElement,
-  Mr as isGroupElementConfig,
-  Dr as isGroupTransform,
+  Dr as isGroupElementConfig,
+  Mr as isGroupTransform,
   qr as isImageElement,
-  zr as isImageElementConfig,
-  Ir as isImageTransform,
+  Ir as isImageElementConfig,
+  zr as isImageTransform,
   Or as isKnockout,
   Vr as isPathElement,
   Lr as isPathElementConfig,
@@ -1158,6 +1160,7 @@ export {
   Gr as isTextElementConfig,
   Ur as isWaveTransform,
   je as loadKitFromJSON,
+  nn as pieceGuidesForArtboard,
   lr as preserveSelectionProps,
   Xt as registerBuiltinSections,
   Yt as registerBuiltinSectionsSync,
@@ -1181,12 +1184,13 @@ export {
   rr as useLayerPreview,
   Ze as useLayerSelection,
   Ve as usePerformance,
+  on as usePieceGuideBundle,
   Je as useProjectLoader,
   fr as useSelectionContext,
   en as useSurface,
   nr as useTextToolbar,
   hr as useTheme,
   pr as useToolStateContext,
-  gr as useViewportContext
+  xr as useViewportContext
 };
 //# sourceMappingURL=advanced.mjs.map