@snowcone-app/canvas 0.30.0 → 0.32.0

package/dist/embed.mjs

@@ -1,60 +1,59 @@
-import { C as a, a as t, b as r, u as o, d as i, f as n, g as m } from "./UnifiedFontService-Co9tQ59z.js";
-import { E as u, R as l, a as E, b as c, S as p, c as g, d as f, f as x, p as S, e as C, g as T, h as v, v as y } from "./embed-Csez1hui.js";
-import { E as P, y as b } from "./FontAnalyzer-DKG5JK0x.js";
-import { D as R, d as h, a as k, i as D } from "./design-builder-JYLO_Hyi.js";
-import { u as L } from "./editorErrors-WzaNxU1Y.js";
-import { D as M, T as A, h as G, i as K, j as _, k as j, l as z, m as N, r as Y, u as q, a as H, b as J, c as O, d as Q, e as U, f as V, w as W } from "./template-fields-DYPW7bVU.js";
-import { c as Z, e as $, l as ee, r as se } from "./ExportManager-DUdis6se.js";
-import { s as te } from "./CanvasStateV1-BDSyYo4A.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-DwnZHUg8.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-C69x0jHc.js";
+import { E as L, y as k } from "./FontAnalyzer-BrKY6XYn.js";
+import { D as A, d as G, j as K, i as M, u as _ } from "./design-builder-BpbYUYtK.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-D-2oLhCi.js";
+import { c as X, e as Z, l as $, r as ee } from "./ExportManager-Ci81K6xA.js";
+import { s as ae } from "./CanvasStateV1-BmC1JfPv.js";
 export {
   a as CanvasServicesProvider,
-  R as DesignBuilder,
-  M as DesignStateStore,
-  u as Editor,
-  P as EditorError,
-  l as RealtimeCanvas,
-  E as RealtimeEmbed,
-  c as RealtimeMockup,
-  p as SnowconeEditor,
-  A as TEMPLATE_FIELDS_KEY,
-  g as auditEditor,
-  f as collectEmbedIssues,
+  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,
-  Z as customFontRegistry,
-  h as design,
-  G as editorElementKind,
-  $ as ensureCustomFontsLoaded,
-  x as formatBuyPrice,
-  k as isColorToken,
-  b as isEditorError,
-  K as isGroupElement,
-  _ as isImageElement,
-  D as isLayerToken,
-  j as isPathElement,
-  z as isShapeElement,
-  N as isTextElement,
-  ee as loadCustomFont,
-  S as productToRenderConfig,
-  Y as readTemplateFields,
-  se as registerCustomFonts,
-  te as serializeState,
-  o as useArtboards,
-  i as useCanvasServices,
-  q as useColorBinding,
-  H as useCommands,
-  L as useEditor,
-  J as useElementByName,
-  n as useExport,
-  O as useFontBinding,
-  Q as useImageBinding,
-  m as useLayers,
-  C as usePlacements,
-  T as useProductSelection,
-  v as useRealtimeMockups,
-  U as useSelectedElement,
-  V as useTextBinding,
-  y as validateEmbed,
-  W as withTemplateFields
+  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,
+  g as useLayers,
+  B as usePlacements,
+  R as useProductSelection,
+  h as useRealtimeMockups,
+  Q as useSelectedElement,
+  U as useTextBinding,
+  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

@@ -68,6 +68,13 @@ export type EditorErrorCode =
  *  wrong primitive type). The message names the element kind and lists the
  *  valid keys for it. Dev AND prod. */
  | 'E_INVALID_PATCH'
+/** A shape `fill` value is not a valid `ShapeFill` union member: unknown
+ *  `type` (valid: "solid" | "linear" | "radial"), a gradient with fewer
+ *  than 2 stops, a stop `offset` outside 0..1 (or non-finite), a non-string
+ *  stop `color`, or a non-finite linear `angle`. Thrown wherever a fill
+ *  enters the model — `new ShapeElement(...)` and `updateElement` patches.
+ *  Dev AND prod. */
+ | 'E_INVALID_FILL'
 /** `addElement(spec)`: there is no active artboard to add the element to.
  *  Create or select an artboard first (`<Editor.Root>` seeds one
  *  automatically; with a raw `EditorProvider` use `executeCreateArtboard`).

package/dist/{guards-BSoX73yg.js → guards-BhaQgJrE.js}

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

package/dist/{guards-BSoX73yg.js.map → guards-BhaQgJrE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"guards-BSoX73yg.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-BhaQgJrE.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 { ImageAdjustments, ShapeFill, TextAlign } from '../types/index.js';
 /**
  * A serializable element patch for {@link UseCommandsReturn.updateElement}.
  *
@@ -14,8 +14,8 @@ 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 |
+ * | `fillColor`, `fill`, `width`, `height` | shape |
+ * | `imageUrl`, `width`, `height`, `adjustments` | image |
  */
 export interface ElementPatch {
     /** Center x in artboard coordinates. Any kind. */
@@ -46,8 +46,13 @@ export interface ElementPatch {
     italic?: boolean;
     /** Text alignment. Text elements only. */
     textAlign?: TextAlign;
-    /** Fill color (CSS color). Shape elements only. */
+    /** Fill color (CSS color). Shape elements only. Also CLEARS any gradient
+     *  `fill` so the patched color is what actually renders (`fill` wins over
+     *  `fillColor` otherwise — a silently-overridden patch is a no-op trap). */
     fillColor?: string;
+    /** Rich fill (solid or gradient) — `{ type: 'solid' | 'linear' | 'radial', ... }`.
+     *  Shape elements only. Invalid unions throw `E_INVALID_FILL`. */
+    fill?: ShapeFill;
     /** Frame width (> 0). Shape and image elements only. */
     width?: number;
     /** Frame height (> 0). Shape and image elements only. */
@@ -56,6 +61,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/index.mjs

@@ -1,13 +1,13 @@
-import { e as u } from "./UnifiedFontService-Co9tQ59z.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 } from "./UnifiedFontService-Co9tQ59z.js";
-import { E as y, S as F, S as L, u as _, a as O } from "./SnowconeCanvas-BWPBngvI.js";
-import { u as m, a as d } from "./editorErrors-WzaNxU1Y.js";
-import { T as M, r as z, u as w, a as D, b as K, c as N, d as V, e as b, f as h, w as U } from "./template-fields-DYPW7bVU.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-BGEl9rrE.js";
-import { c as W, e as X, l as $, r as ee } from "./ExportManager-DUdis6se.js";
-import { C as ae, D as te, d as oe, s as re } from "./design-builder-JYLO_Hyi.js";
+import { e as u } from "./useCommands-DwnZHUg8.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-DwnZHUg8.js";
+import { E as F, S as L, S as _, u as O, a as R } from "./SnowconeCanvas-CgQdiBXv.js";
+import { u as m, a as d } from "./design-builder-BpbYUYtK.js";
+import { C as z, D as w, d as D, s as K } from "./design-builder-BpbYUYtK.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-D-2oLhCi.js";
+import { A as q, C as J, E as Q, M as W, P as X, r as $, v as ee } from "./validation-DyUOjRGa.js";
+import { c as ae, e as te, l as oe, r as re } from "./ExportManager-Ci81K6xA.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-BDSyYo4A.js";
+import { d as de, m as Ce, s as Se, v as Ee } from "./CanvasStateV1-BmC1JfPv.js";
 function E() {
   const { isCanvasReady: e } = m();
   return e;
@@ -18,52 +18,52 @@ function c() {
 }
 u();
 export {
-  Z as ALL_CAPABILITIES,
-  ae as CANVAS_STATE_SCHEMA_VERSION,
-  G as COMPACT_CUSTOMIZER,
+  q as ALL_CAPABILITIES,
+  z as CANVAS_STATE_SCHEMA_VERSION,
+  J as COMPACT_CUSTOMIZER,
   p as CanvasServicesProvider,
-  te as DesignBuilder,
-  H as EMBED_ONLY,
-  y as ErrorBoundary,
-  j as MINIMAL_CAPABILITIES,
-  k as PRO_STUDIO,
-  F as SnowconeCanvas,
-  M as TEMPLATE_FIELDS_KEY,
+  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,
-  W as customFontRegistry,
-  L as default,
+  ae as customFontRegistry,
+  _ as default,
   de as deserializeState,
-  oe as design,
-  X as ensureCustomFontsLoaded,
+  D as design,
+  te as ensureCustomFontsLoaded,
   ue as extendKit,
-  $ as loadCustomFont,
+  oe as loadCustomFont,
   Ce as migrateState,
-  z as readTemplateFields,
-  ee as registerCustomFonts,
-  q as resolveKit,
+  b as readTemplateFields,
+  re as registerCustomFonts,
+  $ as resolveKit,
   Se as serializeState,
-  re as serializeStateForServer,
+  K as serializeStateForServer,
   A as useArtboards,
-  _ as useAutoExport,
+  O as useAutoExport,
   E as useCanvasReady,
   g as useCanvasServices,
-  w as useColorBinding,
-  D as useCommands,
-  O as useContentReady,
+  h as useColorBinding,
+  T as useCommands,
+  R as useContentReady,
   m as useEditor,
-  K as useElementByName,
-  T as useExport,
-  N as useFontBinding,
-  V as useImageBinding,
-  B as useLayers,
-  b as useSelectedElement,
-  h as useTextBinding,
+  U as useElementByName,
+  B as useExport,
+  Y as useFontBinding,
+  Z as useImageBinding,
+  P as useLayers,
+  G as useSelectedElement,
+  H as useTextBinding,
   c as useViewport,
-  J as validateKit,
+  ee as validateKit,
   Ee as validateState,
-  U as withTemplateFields
+  j as withTemplateFields
 };
 //# sourceMappingURL=index.mjs.map