@snowcone-app/canvas 0.29.0 → 0.31.0

package/dist/embed.mjs

@@ -1,54 +1,59 @@
-import { C as a, a as r, b as t, u as i, d as o, f as n, g as d } from "./UnifiedFontService-CgYnYTj7.js";
-import { E as l, R as u, a as E, b as c, S as p, c as g, d as S, f, p as x, e as T, g as v, h as C, v as P } from "./embed-BTRtoktw.js";
-import { g as B, i as h, u as y } from "./editorErrors-CCvoKj_P.js";
-import { D as k, d as D, a as I, i as F } from "./design-builder-COj0zkxu.js";
-import { D as w, T as M, h as A, i as G, j as K, k as _, l as j, m as z, r as N, u as Y, a as q, b as H, c as J, d as O, e as Q, f as U, w as V } from "./template-fields-BLRp84Ny.js";
-import { s as X } from "./CanvasStateV1-BMxr6xb8.js";
+import { C as a, a as t, b as r, A as o, F as i, G as n, H as d, J as m, K as u, u as l, d as E, f as c, g as p, h as g } from "./useCommands-bPXY9rCh.js";
+import { E as S, R as f, a as C, b as T, S as F, c as v, d as y, f as P, p as b, e as B, g as R, h, v as D } from "./embed-D4TIzO7g.js";
+import { E as L, y as k } from "./FontAnalyzer-BYhwxDhe.js";
+import { D as A, d as G, j as K, i as M, u as _ } from "./design-builder-CBG2hKc8.js";
+import { D as z, T as H, r as J, u as N, a as Y, b as q, c as O, d as Q, e as U, w as V } from "./template-fields-CvFcr5zy.js";
+import { c as X, e as Z, l as $, r as ee } from "./ExportManager-Bkzzyxgw.js";
+import { s as ae } from "./CanvasStateV1-jLOibojY.js";
 export {
   a as CanvasServicesProvider,
-  k as DesignBuilder,
-  w as DesignStateStore,
-  l as Editor,
-  B as EditorError,
-  u as RealtimeCanvas,
-  E as RealtimeEmbed,
-  c as RealtimeMockup,
-  p as SnowconeEditor,
-  M as TEMPLATE_FIELDS_KEY,
-  g as auditEditor,
-  S as collectEmbedIssues,
-  r as createProxyGenerate,
-  t as createProxyImageSearch,
-  D as design,
-  A as editorElementKind,
-  f as formatBuyPrice,
-  I as isColorToken,
-  h as isEditorError,
-  G as isGroupElement,
-  K as isImageElement,
-  F as isLayerToken,
-  _ as isPathElement,
-  j as isShapeElement,
-  z as isTextElement,
-  x as productToRenderConfig,
-  N as readTemplateFields,
-  X as serializeState,
-  i as useArtboards,
-  o as useCanvasServices,
-  Y as useColorBinding,
-  q as useCommands,
-  y as useEditor,
-  H as useElementByName,
-  n as useExport,
-  J as useFontBinding,
+  A as DesignBuilder,
+  z as DesignStateStore,
+  S as Editor,
+  L as EditorError,
+  f as RealtimeCanvas,
+  C as RealtimeEmbed,
+  T as RealtimeMockup,
+  F as SnowconeEditor,
+  H as TEMPLATE_FIELDS_KEY,
+  v as auditEditor,
+  y as collectEmbedIssues,
+  t as createProxyGenerate,
+  r as createProxyImageSearch,
+  X as customFontRegistry,
+  G as design,
+  o as editorElementKind,
+  Z as ensureCustomFontsLoaded,
+  P as formatBuyPrice,
+  K as isColorToken,
+  k as isEditorError,
+  i as isGroupElement,
+  n as isImageElement,
+  M as isLayerToken,
+  d as isPathElement,
+  m as isShapeElement,
+  u as isTextElement,
+  $ as loadCustomFont,
+  b as productToRenderConfig,
+  J as readTemplateFields,
+  ee as registerCustomFonts,
+  ae as serializeState,
+  l as useArtboards,
+  E as useCanvasServices,
+  N as useColorBinding,
+  c as useCommands,
+  _ as useEditor,
+  Y as useElementByName,
+  p as useExport,
+  q as useFontBinding,
   O as useImageBinding,
-  d as useLayers,
-  T as usePlacements,
-  v as useProductSelection,
-  C as useRealtimeMockups,
+  g as useLayers,
+  B as usePlacements,
+  R as useProductSelection,
+  h as useRealtimeMockups,
   Q as useSelectedElement,
   U as useTextBinding,
-  P as validateEmbed,
+  D as validateEmbed,
   V as withTemplateFields
 };
 //# sourceMappingURL=embed.mjs.map

package/dist/embed.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"embed.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"embed.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/errors/editorError.d.ts

@@ -88,6 +88,14 @@ export type EditorErrorCode =
 /** `auditEditor()` called with no `<Editor.Root>` mounted — the imperative
  *  audit reads the most-recent mounted Root's registry (#10). */
  | 'E_AUDIT_NO_ROOT'
+/** A custom (brand) font failed to load from its hosted URL — the binary
+ *  fetch failed (CORS, 404, network) or FontFace rejected the bytes.
+ *  Custom fonts NEVER fall back silently to a system face: the design
+ *  would render with a different typeface/metrics everywhere it's
+ *  consumed. `data` carries `family`, `url`, `weight`, `style`. Fix the
+ *  URL (must serve the font file over a plain cross-origin GET) and
+ *  re-register. Dev AND prod. */
+ | 'E_FONT_LOAD_FAILED'
 /** `computeDistribute()` called with fewer than 3 movable elements —
  *  distributing needs something between the two ends. Gate the action on
  *  `useAlignDistribute().canDistribute` instead of calling below the

package/dist/{guards-uQtEQJbs.js → guards-DgZuwVgu.js}

@@ -1,4 +1,4 @@
-import { G as n, I as t, P as a, S as s, T as i } from "./FontAnalyzer-D4Sg-P6_.js";
+import { G as n, I as t, P as a, S as s, T as i } from "./FontAnalyzer-BYhwxDhe.js";
 function r(e) {
   return e instanceof i;
 }
@@ -21,4 +21,4 @@ export {
   r as d,
   u as i
 };
-//# sourceMappingURL=guards-uQtEQJbs.js.map
+//# sourceMappingURL=guards-DgZuwVgu.js.map

package/dist/{guards-uQtEQJbs.js.map → guards-DgZuwVgu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"guards-uQtEQJbs.js","sources":["../src/types/guards.ts"],"sourcesContent":["/**\n * Type guards for EditorElement discrimination\n *\n * These guards use instanceof checks against the concrete element classes,\n * matching the pattern established in EditorContext.tsx. They accept\n * BaseElement | EditorElement | undefined | null for maximum flexibility\n * at call sites.\n */\n\nimport { BaseElement } from '../core/BaseElement.js';\nimport { TextElement } from '../core/TextElement.js';\nimport { ImageElement } from '../core/ImageElement.js';\nimport { GroupElement } from '../core/GroupElement.js';\nimport { ShapeElement } from '../core/ShapeElement.js';\nimport { PathElement } from '../core/PathElement.js';\n\ntype Narrowable = BaseElement | TextElement | ImageElement | GroupElement | ShapeElement | PathElement | undefined | null;\n\n/**\n * Type guard: checks if an element is a TextElement (or any text-based transform subclass).\n *\n * TextElement is the base class for all text transforms (custom, circle, arch, wave, etc.),\n * so this returns true for any text-based element regardless of its specific transformType.\n */\nexport function isTextElement(element: Narrowable): element is TextElement {\n  return element instanceof TextElement;\n}\n\n/**\n * Type guard: checks if an element is an ImageElement.\n */\nexport function isImageElement(element: Narrowable): element is ImageElement {\n  return element instanceof ImageElement;\n}\n\n/**\n * Type guard: checks if an element is a GroupElement.\n */\nexport function isGroupElement(element: Narrowable): element is GroupElement {\n  return element instanceof GroupElement;\n}\n\n/**\n * Type guard: checks if an element is a ShapeElement.\n */\nexport function isShapeElement(element: Narrowable): element is ShapeElement {\n  return element instanceof ShapeElement;\n}\n\n/**\n * Type guard: checks if an element is a PathElement.\n */\nexport function isPathElement(element: Narrowable): element is PathElement {\n  return element instanceof PathElement;\n}\n"],"names":["isTextElement","element","TextElement","isImageElement","ImageElement","isGroupElement","GroupElement","isShapeElement","ShapeElement","isPathElement","PathElement"],"mappings":";AAwBO,SAASA,EAAcC,GAA6C;AACzE,SAAOA,aAAmBC;AAC5B;AAKO,SAASC,EAAeF,GAA8C;AAC3E,SAAOA,aAAmBG;AAC5B;AAKO,SAASC,EAAeJ,GAA8C;AAC3E,SAAOA,aAAmBK;AAC5B;AAKO,SAASC,EAAeN,GAA8C;AAC3E,SAAOA,aAAmBO;AAC5B;AAKO,SAASC,EAAcR,GAA6C;AACzE,SAAOA,aAAmBS;AAC5B;"}
+{"version":3,"file":"guards-DgZuwVgu.js","sources":["../src/types/guards.ts"],"sourcesContent":["/**\n * Type guards for EditorElement discrimination\n *\n * These guards use instanceof checks against the concrete element classes,\n * matching the pattern established in EditorContext.tsx. They accept\n * BaseElement | EditorElement | undefined | null for maximum flexibility\n * at call sites.\n */\n\nimport { BaseElement } from '../core/BaseElement.js';\nimport { TextElement } from '../core/TextElement.js';\nimport { ImageElement } from '../core/ImageElement.js';\nimport { GroupElement } from '../core/GroupElement.js';\nimport { ShapeElement } from '../core/ShapeElement.js';\nimport { PathElement } from '../core/PathElement.js';\n\ntype Narrowable = BaseElement | TextElement | ImageElement | GroupElement | ShapeElement | PathElement | undefined | null;\n\n/**\n * Type guard: checks if an element is a TextElement (or any text-based transform subclass).\n *\n * TextElement is the base class for all text transforms (custom, circle, arch, wave, etc.),\n * so this returns true for any text-based element regardless of its specific transformType.\n */\nexport function isTextElement(element: Narrowable): element is TextElement {\n  return element instanceof TextElement;\n}\n\n/**\n * Type guard: checks if an element is an ImageElement.\n */\nexport function isImageElement(element: Narrowable): element is ImageElement {\n  return element instanceof ImageElement;\n}\n\n/**\n * Type guard: checks if an element is a GroupElement.\n */\nexport function isGroupElement(element: Narrowable): element is GroupElement {\n  return element instanceof GroupElement;\n}\n\n/**\n * Type guard: checks if an element is a ShapeElement.\n */\nexport function isShapeElement(element: Narrowable): element is ShapeElement {\n  return element instanceof ShapeElement;\n}\n\n/**\n * Type guard: checks if an element is a PathElement.\n */\nexport function isPathElement(element: Narrowable): element is PathElement {\n  return element instanceof PathElement;\n}\n"],"names":["isTextElement","element","TextElement","isImageElement","ImageElement","isGroupElement","GroupElement","isShapeElement","ShapeElement","isPathElement","PathElement"],"mappings":";AAwBO,SAASA,EAAcC,GAA6C;AACzE,SAAOA,aAAmBC;AAC5B;AAKO,SAASC,EAAeF,GAA8C;AAC3E,SAAOA,aAAmBG;AAC5B;AAKO,SAASC,EAAeJ,GAA8C;AAC3E,SAAOA,aAAmBK;AAC5B;AAKO,SAASC,EAAeN,GAA8C;AAC3E,SAAOA,aAAmBO;AAC5B;AAKO,SAASC,EAAcR,GAA6C;AACzE,SAAOA,aAAmBS;AAC5B;"}

package/dist/hooks/elementPatch.d.ts

@@ -2,7 +2,7 @@ import { LayerToken } from '../design/design-builder.js';
 import { EditorElementKind } from '../core/elementGuards.js';
 import { ElementStore } from '../core/ElementStore.js';
 import { EditorElement } from '../contexts/EditorContext.js';
-import { TextAlign } from '../types/index.js';
+import { TextAlign, ImageAdjustments } from '../types/index.js';
 /**
  * A serializable element patch for {@link UseCommandsReturn.updateElement}.
  *
@@ -15,7 +15,7 @@ import { TextAlign } from '../types/index.js';
  * | `x`, `y`, `rotation`, `opacity`, `name`, `visible`, `locked` | every kind |
  * | `text`, `fontSize`, `color`, `fontFamily`, `bold`, `italic`, `textAlign` | text |
  * | `fillColor`, `width`, `height` | shape |
- * | `imageUrl`, `width`, `height` | image |
+ * | `imageUrl`, `width`, `height`, `adjustments` | image |
  */
 export interface ElementPatch {
     /** Center x in artboard coordinates. Any kind. */
@@ -56,6 +56,11 @@ export interface ElementPatch {
      *  Combined with explicit `width`/`height` the frame is preserved;
      *  otherwise the frame height re-fits the loaded aspect ratio. */
     imageUrl?: string;
+    /** Brightness/contrast/saturation multipliers (each 0..3, 1 = neutral —
+     *  e.g. "warmer/brighter photo" ≈ `{ brightness: 1.1, contrast: 1, saturation: 1.2 }`).
+     *  Passing all-neutral `{1, 1, 1}` RESETS (the stored neutral state is the
+     *  absence of adjustments). Image elements only. */
+    adjustments?: ImageAdjustments;
 }
 /** Options for {@link UseCommandsReturn.updateElement}. */
 export interface UpdateElementOptions {

package/dist/hooks/useKeyboardShortcuts.d.ts

@@ -1,7 +1,20 @@
+import { useEditor } from '../contexts/EditorContext.js';
 /**
- * useKeyboardShortcuts - Hook for handling keyboard shortcuts in the editor
- * Provides copy/paste and other keyboard shortcuts
+ * Select every element on the ACTIVE artboard (multi-selection).
+ *
+ * Shared implementation behind Cmd/Ctrl+A AND the canvas context menu's
+ * "Select All" entry — one definition so the two surfaces can't drift.
+ * Locked elements are included — locking gates manipulation, not selection
+ * (gotcha #20); hidden elements are skipped to mirror marquee selection.
+ * Same state path as marquee selection: the multi-selection array is the
+ * source of truth; single selection is cleared alongside it.
  */
+export declare function selectAllOnActiveArtboard(opts: {
+    elements: ReturnType<typeof useEditor>['elements'];
+    artboardManager: ReturnType<typeof useEditor>['artboardManager'];
+    handleSelectionChange: (id: string | null) => void;
+    setMultiSelection: (ids: string[]) => void;
+}): void;
 /**
  * Hook that sets up keyboard shortcuts for the editor
  * Handles copy/paste, delete, undo/redo, and other shortcuts

package/dist/hooks/useLayers.d.ts

@@ -40,6 +40,8 @@ export interface UseLayersReturn {
     reorderWithinGroup: (draggedId: string, targetId: string, position: 'before' | 'after', groupId: string) => void;
     moveLayerForward: (id: string) => void;
     moveLayerBackward: (id: string) => void;
+    bringToFront: (id: string) => void;
+    sendToBack: (id: string) => void;
     groupLayers: (ids: string[]) => void;
     ungroupLayer: (id: string) => void;
     addToGroup: (elementId: string, groupId: string) => void;

package/dist/index.mjs

@@ -1,64 +1,69 @@
-import { e as u } from "./UnifiedFontService-CgYnYTj7.js";
-import { C as l, c as x, a as I, b as v, u as A, d as T, f as g, g as B } from "./UnifiedFontService-CgYnYTj7.js";
-import { E as _, S as y, S as L, u as O, a as M } from "./SnowconeCanvas-CR_LdRFP.js";
-import { u as d, a as m } from "./editorErrors-CCvoKj_P.js";
-import { T as z, r as w, u as F, a as D, b as K, c as N, d as V, e as b, f as h, w as U } from "./template-fields-BLRp84Ny.js";
-import { A as Z, C as G, E as H, M as j, P as k, r as q, v as J } from "./validation-eCebhplp.js";
-import { C as W, D as X, d as $, s as ee } from "./design-builder-COj0zkxu.js";
-import { c as se, e as te } from "./compose-DtQL_oit.js";
-import { d as oe, m as ie, s as ne, v as ue } from "./CanvasStateV1-BMxr6xb8.js";
-function C() {
-  const { isCanvasReady: e } = d();
+import { e as u } from "./useCommands-bPXY9rCh.js";
+import { C as p, c as x, a as I, b as v, u as A, d as g, f as T, g as B, h as P } from "./useCommands-bPXY9rCh.js";
+import { E as F, S as L, S as _, u as O, a as R } from "./SnowconeCanvas-Fa0isFpO.js";
+import { u as m, a as d } from "./design-builder-CBG2hKc8.js";
+import { C as z, D as w, d as D, s as K } from "./design-builder-CBG2hKc8.js";
+import { T as V, r as b, u as h, a as U, b as Y, c as Z, d as G, e as H, w as j } from "./template-fields-CvFcr5zy.js";
+import { A as q, C as J, E as Q, M as W, P as X, r as $, v as ee } from "./validation-CsTlSvJJ.js";
+import { c as ae, e as te, l as oe, r as re } from "./ExportManager-Bkzzyxgw.js";
+import { c as ie, e as ue } from "./compose-DtQL_oit.js";
+import { d as de, m as Ce, s as Se, v as Ee } from "./CanvasStateV1-jLOibojY.js";
+function E() {
+  const { isCanvasReady: e } = m();
   return e;
 }
-function f() {
-  const { zoom: e, panOffset: a, zoomIn: s, zoomOut: t, zoomToFit: r, resetView: o, setZoom: i, setPanOffset: n } = m();
-  return { zoom: e, panOffset: a, zoomIn: s, zoomOut: t, zoomToFit: r, resetView: o, setZoom: i, setPanOffset: n };
+function c() {
+  const { zoom: e, panOffset: s, zoomIn: a, zoomOut: t, zoomToFit: o, resetView: r, setZoom: n, setPanOffset: i } = d();
+  return { zoom: e, panOffset: s, zoomIn: a, zoomOut: t, zoomToFit: o, resetView: r, setZoom: n, setPanOffset: i };
 }
 u();
 export {
-  Z as ALL_CAPABILITIES,
-  W as CANVAS_STATE_SCHEMA_VERSION,
-  G as COMPACT_CUSTOMIZER,
-  l as CanvasServicesProvider,
-  X as DesignBuilder,
-  H as EMBED_ONLY,
-  _ as ErrorBoundary,
-  j as MINIMAL_CAPABILITIES,
-  k as PRO_STUDIO,
-  y as SnowconeCanvas,
-  z as TEMPLATE_FIELDS_KEY,
-  se as createKit,
+  q as ALL_CAPABILITIES,
+  z as CANVAS_STATE_SCHEMA_VERSION,
+  J as COMPACT_CUSTOMIZER,
+  p as CanvasServicesProvider,
+  w as DesignBuilder,
+  Q as EMBED_ONLY,
+  F as ErrorBoundary,
+  W as MINIMAL_CAPABILITIES,
+  X as PRO_STUDIO,
+  L as SnowconeCanvas,
+  V as TEMPLATE_FIELDS_KEY,
+  ie as createKit,
   x as createProxyBgRemove,
   I as createProxyGenerate,
   v as createProxyImageSearch,
-  L as default,
-  oe as deserializeState,
-  $ as design,
-  te as extendKit,
-  ie as migrateState,
-  w as readTemplateFields,
-  q as resolveKit,
-  ne as serializeState,
-  ee as serializeStateForServer,
+  ae as customFontRegistry,
+  _ as default,
+  de as deserializeState,
+  D as design,
+  te as ensureCustomFontsLoaded,
+  ue as extendKit,
+  oe as loadCustomFont,
+  Ce as migrateState,
+  b as readTemplateFields,
+  re as registerCustomFonts,
+  $ as resolveKit,
+  Se as serializeState,
+  K as serializeStateForServer,
   A as useArtboards,
   O as useAutoExport,
-  C as useCanvasReady,
-  T as useCanvasServices,
-  F as useColorBinding,
-  D as useCommands,
-  M as useContentReady,
-  d as useEditor,
-  K as useElementByName,
-  g as useExport,
-  N as useFontBinding,
-  V as useImageBinding,
-  B as useLayers,
-  b as useSelectedElement,
-  h as useTextBinding,
-  f as useViewport,
-  J as validateKit,
-  ue as validateState,
-  U as withTemplateFields
+  E as useCanvasReady,
+  g as useCanvasServices,
+  h as useColorBinding,
+  T as useCommands,
+  R as useContentReady,
+  m as useEditor,
+  U as useElementByName,
+  B as useExport,
+  Y as useFontBinding,
+  Z as useImageBinding,
+  P as useLayers,
+  G as useSelectedElement,
+  H as useTextBinding,
+  c as useViewport,
+  ee as validateKit,
+  Ee as validateState,
+  j as withTemplateFields
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/hooks/useCanvasReady.ts","../src/hooks/useViewport.ts"],"sourcesContent":["import { useEditor } from '../contexts/EditorContext.js';\n\n/**\n * Returns whether the canvas is fully initialized and ready for operations.\n *\n * The canvas is not ready until the underlying `<canvas>` element is mounted\n * and the editor has completed its initial setup. Use this to gate operations\n * like export or programmatic element manipulation that require a live canvas.\n *\n * @returns `true` when the canvas is mounted and ready, `false` otherwise.\n *\n * @example\n * ```tsx\n * function ExportButton() {\n *   const ready = useCanvasReady();\n *   return (\n *     <button disabled={!ready} onClick={handleExport}>\n *       Export PNG\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useCanvasReady(): boolean {\n  const { isCanvasReady } = useEditor();\n  return isCanvasReady;\n}\n","import React from 'react';\nimport { useViewportContext } from '../contexts/ViewportContext.js';\nimport type { PanOffset } from '../contexts/ViewportContext.js';\n\n/**\n * Return type for {@link useViewport}.\n */\nexport interface UseViewportReturn {\n  /** Current zoom level (1.0 = 100%) */\n  zoom: number;\n  /** Current pan offset in world coordinates */\n  panOffset: PanOffset;\n  /** Increment zoom by one step */\n  zoomIn: () => void;\n  /** Decrement zoom by one step */\n  zoomOut: () => void;\n  /** Zoom to fit the active artboard in the viewport */\n  zoomToFit: () => void;\n  /** Reset zoom to 100% and pan offset to origin */\n  resetView: () => void;\n  /** Set zoom to an exact value */\n  setZoom: React.Dispatch<React.SetStateAction<number>>;\n  /** Set pan offset to an exact value */\n  setPanOffset: React.Dispatch<React.SetStateAction<PanOffset>>;\n}\n\n/**\n * Returns viewport state (zoom, pan) and control functions.\n *\n * This hook now reads directly from ViewportContext (instead of the full\n * EditorContext), so components using it will only re-render when viewport\n * state changes -- not when elements, selection, or other state changes.\n *\n * @example\n * ```tsx\n * function ZoomBar() {\n *   const { zoom, zoomIn, zoomOut, zoomToFit } = useViewport();\n *   return (\n *     <div>\n *       <button onClick={zoomOut}>-</button>\n *       <span>{Math.round(zoom * 100)}%</span>\n *       <button onClick={zoomIn}>+</button>\n *       <button onClick={zoomToFit}>Fit</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useViewport(): UseViewportReturn {\n  const { zoom, panOffset, zoomIn, zoomOut, zoomToFit, resetView, setZoom, setPanOffset } = useViewportContext();\n  return { zoom, panOffset, zoomIn, zoomOut, zoomToFit, resetView, setZoom, setPanOffset };\n}\n"],"names":["useCanvasReady","isCanvasReady","useEditor","useViewport","zoom","panOffset","zoomIn","zoomOut","zoomToFit","resetView","setZoom","setPanOffset","useViewportContext"],"mappings":";;;;;;;;;AAuBO,SAASA,IAA0B;AACxC,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA;AAC1B,SAAOD;AACT;ACsBO,SAASE,IAAiC;AAC/C,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA;AAC1F,SAAO,EAAE,MAAAR,GAAM,WAAAC,GAAW,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,cAAAC,EAAA;AAC5E;;"}
+{"version":3,"file":"index.mjs","sources":["../src/hooks/useCanvasReady.ts","../src/hooks/useViewport.ts"],"sourcesContent":["import { useEditor } from '../contexts/EditorContext.js';\n\n/**\n * Returns whether the canvas is fully initialized and ready for operations.\n *\n * The canvas is not ready until the underlying `<canvas>` element is mounted\n * and the editor has completed its initial setup. Use this to gate operations\n * like export or programmatic element manipulation that require a live canvas.\n *\n * @returns `true` when the canvas is mounted and ready, `false` otherwise.\n *\n * @example\n * ```tsx\n * function ExportButton() {\n *   const ready = useCanvasReady();\n *   return (\n *     <button disabled={!ready} onClick={handleExport}>\n *       Export PNG\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useCanvasReady(): boolean {\n  const { isCanvasReady } = useEditor();\n  return isCanvasReady;\n}\n","import React from 'react';\nimport { useViewportContext } from '../contexts/ViewportContext.js';\nimport type { PanOffset } from '../contexts/ViewportContext.js';\n\n/**\n * Return type for {@link useViewport}.\n */\nexport interface UseViewportReturn {\n  /** Current zoom level (1.0 = 100%) */\n  zoom: number;\n  /** Current pan offset in world coordinates */\n  panOffset: PanOffset;\n  /** Increment zoom by one step */\n  zoomIn: () => void;\n  /** Decrement zoom by one step */\n  zoomOut: () => void;\n  /** Zoom to fit the active artboard in the viewport */\n  zoomToFit: () => void;\n  /** Reset zoom to 100% and pan offset to origin */\n  resetView: () => void;\n  /** Set zoom to an exact value */\n  setZoom: React.Dispatch<React.SetStateAction<number>>;\n  /** Set pan offset to an exact value */\n  setPanOffset: React.Dispatch<React.SetStateAction<PanOffset>>;\n}\n\n/**\n * Returns viewport state (zoom, pan) and control functions.\n *\n * This hook now reads directly from ViewportContext (instead of the full\n * EditorContext), so components using it will only re-render when viewport\n * state changes -- not when elements, selection, or other state changes.\n *\n * @example\n * ```tsx\n * function ZoomBar() {\n *   const { zoom, zoomIn, zoomOut, zoomToFit } = useViewport();\n *   return (\n *     <div>\n *       <button onClick={zoomOut}>-</button>\n *       <span>{Math.round(zoom * 100)}%</span>\n *       <button onClick={zoomIn}>+</button>\n *       <button onClick={zoomToFit}>Fit</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useViewport(): UseViewportReturn {\n  const { zoom, panOffset, zoomIn, zoomOut, zoomToFit, resetView, setZoom, setPanOffset } = useViewportContext();\n  return { zoom, panOffset, zoomIn, zoomOut, zoomToFit, resetView, setZoom, setPanOffset };\n}\n"],"names":["useCanvasReady","isCanvasReady","useEditor","useViewport","zoom","panOffset","zoomIn","zoomOut","zoomToFit","resetView","setZoom","setPanOffset","useViewportContext"],"mappings":";;;;;;;;;;AAuBO,SAASA,IAA0B;AACxC,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA;AAC1B,SAAOD;AACT;ACsBO,SAASE,IAAiC;AAC/C,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,cAAAC,EAAA,IAAiBC,EAAA;AAC1F,SAAO,EAAE,MAAAR,GAAM,WAAAC,GAAW,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,cAAAC,EAAA;AAC5E;;"}