efficient-easel 0.96.0 → 0.98.0

package/dist/shell/index.d.ts

@@ -5,7 +5,7 @@
  * editor chrome theme: accent, surfaces, fields, text, lines, chips, named
  * chrome literals, danger/warning/success, radii, gap, shadows and font. Every
  * value bar one is taken verbatim from the storefront editor's `--sf-*` block
- * (`efficient-shop/components/storefront-editor.css`), the visual reference the
+ * (`efficient-storefront/components/storefront-editor.css`), the visual reference the
  * campaign designer (`--cd-*`) and the storefront's own TS mirror (`tk`) had
  * each re-copied. After card 66024 they all resolve to these values instead.
  * The one exception is `success`, which that block has no counterpart for; see
@@ -131,8 +131,22 @@ declare const shellTokens: {
     readonly rowRadius: 8;
     /** `--es-field-radius`. */
     readonly fieldRadius: 6;
-    /** `--es-panel-gap` — inter-pane gutter + outer frame padding, ONE token. */
-    readonly panelGap: 10;
+    /** `--es-panel-gap` — inter-pane gutter + outer frame padding, ONE token.
+     *  12 since the one spacing scale (was 10, which is not a step). */
+    readonly panelGap: 12;
+    /** `--es-space-2` — between the buttons of one group (B · I · U · S). */
+    readonly space2: 2;
+    /** `--es-space-4` — a sub-name to its control; between the cells of one group. */
+    readonly space4: 4;
+    /** `--es-space-8` — between the layers of ONE setting (bar → box → Show marks). */
+    readonly space8: 8;
+    /** `--es-space-12` — between rows under one heading; inside one setting;
+     *  the panel's padding when it is narrower than 260px. */
+    readonly space12: 12;
+    /** `--es-space-16` — the panel's own padding. */
+    readonly space16: 16;
+    /** `--es-space-32` — between two settings. */
+    readonly space32: 32;
     /** `--es-panel-shadow`. */
     readonly panelShadow: "0 1px 2px rgba(0, 0, 0, 0.05), 0 10px 30px rgba(0, 0, 0, 0.06)";
     /** `--es-topbar-shadow`. */
@@ -148,6 +162,12 @@ declare const shellTokens: {
     readonly font: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif";
 };
 type ShellTokens = typeof shellTokens;
+/**
+ * The one spacing scale, smallest first (owner ruling, 2026-10-02): the six
+ * `space*` tokens above as a list, for code that must snap a number to it.
+ * A seventh step is a new ruling, not a new entry.
+ */
+declare const SPACING_SCALE: readonly [2, 4, 8, 12, 16, 32];
 /**
  * The CSS custom-property name behind each `shellTokens` key. `shell.css` sets
  * these on `.es-editor`; override any of them on (or above) the editor root to
@@ -156,4 +176,4 @@ type ShellTokens = typeof shellTokens;
  */
 declare const shellCssVars: Record<keyof ShellTokens, string>;
 
-export { type ShellTokens, shellCssVars, shellTokens };
+export { SPACING_SCALE, type ShellTokens, shellCssVars, shellTokens };

package/dist/shell/index.js

@@ -1 +1 @@
-export{shellCssVars,shellTokens}from"../chunk-FI23ALVJ.js";
+export{SPACING_SCALE,shellCssVars,shellTokens}from"../chunk-2UX75JDP.js";

package/dist/shell/shell.css

@@ -34,7 +34,7 @@
  * Audited 2026-09-02 across every sheet here that opens an `.es-editor` block,
  * and the honest number is zero:
  *
- *     shell.css   67 declarations, 67 custom, 0 paint
+ *     shell.css   73 declarations, 73 custom, 0 paint (6 spacing steps added 2026-10-06)
  *     panel.css   11 declarations, 11 custom, 0 paint
  *     menu.css     7 declarations,  7 custom, 0 paint
  *
@@ -110,7 +110,17 @@
   --es-panel-radius: 12px;
   --es-row-radius: 8px;
   --es-field-radius: 6px;
-  --es-panel-gap: 10px;
+  --es-panel-gap: 12px;
+
+  /* — spacing: ONE scale for every panel (owner ruling, 2026-10-02) —
+     Six steps and no seventh. Every margin, padding and gap in this package
+     is one of them; `tests/spacing-scale.test.ts` holds every sheet to it. */
+  --es-space-2: 2px;
+  --es-space-4: 4px;
+  --es-space-8: 8px;
+  --es-space-12: 12px;
+  --es-space-16: 16px;
+  --es-space-32: 32px;
 
   /* — shadows — */
   --es-panel-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 10px 30px rgba(0, 0, 0, 0.06);

package/dist/strings/catalogue.d.ts

@@ -1,15 +1,15 @@
-import { S as SaveWords } from '../words-CsRWXkY4.js';
+import { S as SaveWords } from '../words-Cqmyey0s.js';
 import { N as NoticeWords, C as ChromeWords } from '../words-DagJdwIA.js';
-import { C as CopyWords } from '../words-DfxEp_RH.js';
+import { C as CopyWords } from '../words-bOMsUJk9.js';
 import { D as DragWords } from '../words-D9ChvbNC.js';
 import { LockWords } from '../edit-lock/index.js';
 import { F as FieldsWords } from '../words-CD3WADyb.js';
 import { N as NodeMenuWords } from '../words-DOhF-4D4.js';
-import { S as SettingsBucket } from '../buckets-1vRlQceY.js';
+import { S as SettingsBucket } from '../buckets-CuLM47h9.js';
 import { P as PickWords } from '../words-B87GIFWH.js';
 import { S as StyleClipboardWords } from '../words-B2YLaKEr.js';
 import { T as TreeWords } from '../words-BK-npta-.js';
-import '../types-CuNiSnX6.js';
+import '../types-CnRzp9oc.js';
 import '../types-DNrn_w4V.js';
 import '../wordFit-9B9nqyf3.js';
 import 'react';

package/dist/strings/index.d.ts

@@ -3,18 +3,18 @@ export { CanvasWords, DEFAULT_EDITOR_STRINGS, PanelWords, RailWords, mergeEditor
 import * as react from 'react';
 import { ReactNode } from 'react';
 export { C as ChromeWords, N as NoticeWords } from '../words-DagJdwIA.js';
-export { C as CopyWords } from '../words-DfxEp_RH.js';
+export { C as CopyWords } from '../words-bOMsUJk9.js';
 export { D as DragWords } from '../words-D9ChvbNC.js';
 export { F as FieldsWords } from '../words-CD3WADyb.js';
 export { LockWords } from '../edit-lock/index.js';
 export { N as NodeMenuWords } from '../words-DOhF-4D4.js';
 export { P as PickWords } from '../words-B87GIFWH.js';
-export { S as SaveWords } from '../words-CsRWXkY4.js';
+export { S as SaveWords } from '../words-Cqmyey0s.js';
 export { S as StyleClipboardWords } from '../words-B2YLaKEr.js';
 export { T as TreeWords } from '../words-BK-npta-.js';
-import '../buckets-1vRlQceY.js';
+import '../buckets-CuLM47h9.js';
 import '../markup/index.js';
-import '../types-CuNiSnX6.js';
+import '../types-CnRzp9oc.js';
 import '../types-DNrn_w4V.js';
 import '../wordFit-9B9nqyf3.js';
 

package/dist/style-clipboard/index.js

@@ -1 +1 @@
-import{DEFAULT_STYLE_CLIPBOARD_WORDS as t}from"../chunk-6WY6ZXJG.js";import{CopyStyleIcon as e,PasteStyleIcon as n}from"../chunk-YNZZYHA4.js";import{jsx as o}from"react/jsx-runtime";var r="__styleKind";function u(t,e){return t[r]=e,t}function c(t,e){return`${t}:${e.map(t=>String(t)).sort().join("|")}`}function i(t){if(!t)return null;const e=t.indexOf(":");if(e<0)return null;const n=t.slice(0,e);return s.has(n)?{control:n,values:t.slice(e+1).split("|")}:null}var s=/* @__PURE__ */new Set(["choice","select","radio"]);function l(t){if(!t||"object"!=typeof t)return null;const e=t;return"string"==typeof e[r]?e[r]:"text"===e.type||"textarea"===e.type||"number"===e.type?e.type:"select"!==e.type&&"radio"!==e.type||!Array.isArray(e.options)?null:c(e.type,e.options.map(t=>t?.value))}function a(t){return null!=t&&""!==t}function p(t,e){let n=t;for(const t of e){if(!n||"object"!=typeof n)return;n=n[t]}return n}function f(t){return void 0===t?t:JSON.parse(JSON.stringify(t))}function d(t,e,n){const[o,...r]=e,u={...t};if(0===r.length)return void 0===n?delete u[o]:u[o]=n,u;const c=u[o],i=d(c&&"object"==typeof c?c:{},r,n);return 0===Object.keys(i).length?delete u[o]:u[o]=i,u}var y=t=>t.join("."),h="editor-shell:style-clipboard",g=null,m=!1,v=/* @__PURE__ */new Set;function S(){try{return"undefined"==typeof sessionStorage?null:sessionStorage}catch{return null}}function b(){if(!m){m=!0;try{const t=S()?.getItem(h);t&&(g=JSON.parse(t))}catch{g=null}}}function k(t){b(),g={scope:t.scope,sourceType:t.type,sourceLabel:t.label,rows:t.rows.map(e=>{const n=p(t.props,e.path);return{path:[...e.path],kind:e.kind,counted:!1!==e.counted,value:a(n)?f(n):void 0}})};try{S()?.setItem(h,JSON.stringify(g))}catch{}return v.forEach(t=>t()),g}function N(t){return b(),g&&g.scope===t?g:null}function j(t){return v.add(t),()=>{v.delete(t)}}function C(){g=null,m=!0;try{S()?.removeItem(h)}catch{}v.forEach(t=>t())}function w(t,e,n){if(t.kind===e.kind)return null!==e.kind||n;const o=i(t.kind),r=i(e.kind);return!(!o||!r||o.control!==r.control)&&(!a(t.value)||r.values.includes(String(t.value)))}function O(t,e){const n=t.sourceType===e.type,o=new Map(t.rows.map(t=>[y(t.path),t]));let r=e.props,u=0,c=!1;for(const t of e.rows){const e=o.get(y(t.path));if(!e)continue;if(!w(e,t,n))continue;const i=p(r,t.path),s=void 0===e.value?void 0:f(e.value);JSON.stringify(a(i)?i:void 0)!==JSON.stringify(s)&&(r=d(r,t.path,s),c=!0),!1!==t.counted&&(u+=1)}return{props:r,pasted:u,changed:c}}function E(e,n,o,r=t){return 0===e.pasted?r.nothing({source:n,target:o}):r.pasted({count:e.pasted,source:n})}var J="⌥⌘C",K="⌥⌘V";function T(r){const u=r.words??t,c=[];return r.canCopy&&c.push({label:u.copy,icon:/* @__PURE__ */o(e,{}),shortcut:"⌥⌘C",onClick:r.onCopy}),r.held&&c.push({label:u.paste({source:r.held.sourceLabel}),icon:/* @__PURE__ */o(n,{}),shortcut:"⌥⌘V",onClick:r.onPaste}),c}function x(t){if(!t.altKey||t.shiftKey||!t.metaKey&&!t.ctrlKey)return null;const e=t.target;return e&&(e.isContentEditable||"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName)?null:"KeyC"===t.code?"copy":"KeyV"===t.code?"paste":null}export{J as COPY_STYLE_SHORTCUT,K as PASTE_STYLE_SHORTCUT,r as STYLE_KIND,c as choiceKind,C as clearStyle,k as copyStyle,l as fieldKind,N as heldStyle,E as pasteMessage,O as planPaste,T as styleMenuItems,x as styleShortcut,j as subscribeStyle,u as withStyleKind};
+import{DEFAULT_STYLE_CLIPBOARD_WORDS as t}from"../chunk-6WY6ZXJG.js";import{CopyStyleIcon as e,PasteStyleIcon as n}from"../chunk-PI26YXYD.js";import{jsx as o}from"react/jsx-runtime";var r="__styleKind";function u(t,e){return t[r]=e,t}function c(t,e){return`${t}:${e.map(t=>String(t)).sort().join("|")}`}function i(t){if(!t)return null;const e=t.indexOf(":");if(e<0)return null;const n=t.slice(0,e);return s.has(n)?{control:n,values:t.slice(e+1).split("|")}:null}var s=/* @__PURE__ */new Set(["choice","select","radio"]);function l(t){if(!t||"object"!=typeof t)return null;const e=t;return"string"==typeof e[r]?e[r]:"text"===e.type||"textarea"===e.type||"number"===e.type?e.type:"select"!==e.type&&"radio"!==e.type||!Array.isArray(e.options)?null:c(e.type,e.options.map(t=>t?.value))}function a(t){return null!=t&&""!==t}function p(t,e){let n=t;for(const t of e){if(!n||"object"!=typeof n)return;n=n[t]}return n}function f(t){return void 0===t?t:JSON.parse(JSON.stringify(t))}function d(t,e,n){const[o,...r]=e,u={...t};if(0===r.length)return void 0===n?delete u[o]:u[o]=n,u;const c=u[o],i=d(c&&"object"==typeof c?c:{},r,n);return 0===Object.keys(i).length?delete u[o]:u[o]=i,u}var y=t=>t.join("."),h="editor-shell:style-clipboard",g=null,m=!1,v=/* @__PURE__ */new Set;function S(){try{return"undefined"==typeof sessionStorage?null:sessionStorage}catch{return null}}function b(){if(!m){m=!0;try{const t=S()?.getItem(h);t&&(g=JSON.parse(t))}catch{g=null}}}function k(t){b(),g={scope:t.scope,sourceType:t.type,sourceLabel:t.label,rows:t.rows.map(e=>{const n=p(t.props,e.path);return{path:[...e.path],kind:e.kind,counted:!1!==e.counted,value:a(n)?f(n):void 0}})};try{S()?.setItem(h,JSON.stringify(g))}catch{}return v.forEach(t=>t()),g}function N(t){return b(),g&&g.scope===t?g:null}function j(t){return v.add(t),()=>{v.delete(t)}}function C(){g=null,m=!0;try{S()?.removeItem(h)}catch{}v.forEach(t=>t())}function w(t,e,n){if(t.kind===e.kind)return null!==e.kind||n;const o=i(t.kind),r=i(e.kind);return!(!o||!r||o.control!==r.control)&&(!a(t.value)||r.values.includes(String(t.value)))}function O(t,e){const n=t.sourceType===e.type,o=new Map(t.rows.map(t=>[y(t.path),t]));let r=e.props,u=0,c=!1;for(const t of e.rows){const e=o.get(y(t.path));if(!e)continue;if(!w(e,t,n))continue;const i=p(r,t.path),s=void 0===e.value?void 0:f(e.value);JSON.stringify(a(i)?i:void 0)!==JSON.stringify(s)&&(r=d(r,t.path,s),c=!0),!1!==t.counted&&(u+=1)}return{props:r,pasted:u,changed:c}}function E(e,n,o,r=t){return 0===e.pasted?r.nothing({source:n,target:o}):r.pasted({count:e.pasted,source:n})}var J="⌥⌘C",K="⌥⌘V";function T(r){const u=r.words??t,c=[];return r.canCopy&&c.push({label:u.copy,icon:/* @__PURE__ */o(e,{}),shortcut:"⌥⌘C",onClick:r.onCopy}),r.held&&c.push({label:u.paste({source:r.held.sourceLabel}),icon:/* @__PURE__ */o(n,{}),shortcut:"⌥⌘V",onClick:r.onPaste}),c}function x(t){if(!t.altKey||t.shiftKey||!t.metaKey&&!t.ctrlKey)return null;const e=t.target;return e&&(e.isContentEditable||"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName)?null:"KeyC"===t.code?"copy":"KeyV"===t.code?"paste":null}export{J as COPY_STYLE_SHORTCUT,K as PASTE_STYLE_SHORTCUT,r as STYLE_KIND,c as choiceKind,C as clearStyle,k as copyStyle,l as fieldKind,N as heldStyle,E as pasteMessage,O as planPaste,T as styleMenuItems,x as styleShortcut,j as subscribeStyle,u as withStyleKind};

package/dist/tree/index.d.ts

@@ -143,7 +143,7 @@ declare const TREE_DRAG_HINT: string;
 /**
  * ONE row, at every depth (the owner's "One Ladder", 2026-09-04).
  *
- * Lifted from the website editor's `.sf-row` (efficient-shop). Left to right:
+ * Lifted from the website editor's `.sf-row` (efficient-storefront). Left to right:
  * the drag handle (out of flow, in the row's left padding), the caret — or a
  * spacer holding its column open, so every glyph below lines up whether its row
  * folds or not — the type glyph, then the name box. The actions are laid over

package/dist/tree/index.js

@@ -1 +1 @@
-export{LayersTree,Subtree,TREE_DRAG_HINT,TreeGroupLabel,TreeRow,TreeRowAction,TreeSeam}from"../chunk-STFMZJKU.js";import"../chunk-H4B72XCJ.js";import"../chunk-YNZZYHA4.js";
+export{LayersTree,Subtree,TREE_DRAG_HINT,TreeGroupLabel,TreeRow,TreeRowAction,TreeSeam}from"../chunk-66CKSTXP.js";import"../chunk-H4B72XCJ.js";import"../chunk-PI26YXYD.js";

package/dist/tree/tree.css

@@ -1,7 +1,7 @@
 /*
  * efficient-easel/tree.css — the Layers tree: one row shape at every depth.
  *
- * EVERY VALUE HERE WAS READ OFF `efficient-shop/components/storefront-editor.css`
+ * EVERY VALUE HERE WAS READ OFF `efficient-storefront/components/storefront-editor.css`
  * on origin/main (release 14.24.0, 2026-09-17), where the website editor drew
  * the tree as `.sf-tree` / `.sf-row` / `.sf-subtree` / `.sf-group-label` (the
  * owner's "One Ladder", 2026-09-04). Its `--sf-*` tokens alias the `--es-*`
@@ -17,13 +17,13 @@
   /* LEFT 8 — the inset a rounded row needs. RIGHT 11 — the room a real,
      space-taking 11px scrollbar takes, so nothing at a row's end sits under
      the thumb. Words inside start on one 11px column down the panel. */
-  padding: 0 11px 10px 8px;
+  padding: 0 12px 12px 8px;
   /* THE TREE'S RHYTHM, under the shell's names, at the tree's own density: the
      owner picked 10 between groups and 6 between rows by eye (2026-08-31). They
      are declared HERE, not on the editor root, so the settings panel beside the
      tree keeps its own values for the same names. */
-  --es-rhythm-group: 10px;
-  --es-rhythm-between: 6px;
+  --es-rhythm-group: 12px;
+  --es-rhythm-between: 8px;
 }
 /* Every seam the tree stacks, spelled out: labels and subtrees interleave with
    rows, and a rule that knew only rows would leave those seams to chance. */
@@ -38,7 +38,7 @@
   letter-spacing: 0.07em;
   text-transform: uppercase;
   color: var(--es-muted);
-  padding: var(--es-rhythm-group) 11px var(--es-rhythm-between);
+  padding: var(--es-rhythm-group) 12px var(--es-rhythm-between);
 }
 
 /* THE ONLY THING IN THE TREE THAT SAYS DEPTH: 16px of indent and a hairline
@@ -46,7 +46,7 @@
    rows outside, so the ladder reads as one list at several depths. */
 .es-subtree {
   margin: var(--es-rhythm-between) 0 var(--es-rhythm-between) 16px;
-  padding-left: 9px;
+  padding-left: 8px;
   border-left: 1px solid var(--es-line);
   display: flex;
   flex-direction: column;
@@ -57,7 +57,7 @@
   display: flex;
   align-items: center;
   gap: 8px;
-  padding: 7px 11px;
+  padding: 8px 12px;
   border-radius: var(--es-row-radius);
   cursor: pointer;
   transition: background 0.12s;
@@ -158,7 +158,7 @@
    STOCK NOW" — quieter than the name, and the first thing to be cut when the
    panel is narrow (it sits inside the name's own ellipsis). */
 .es-tree-preview {
-  margin-left: 6px;
+  margin-left: 8px;
   font-weight: 400;
   color: var(--es-muted);
 }
@@ -337,7 +337,7 @@
   min-width: 0;
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 8px;
   cursor: pointer;
   border-radius: 4px;
 }
@@ -371,7 +371,7 @@
   color: var(--es-muted);
   background: var(--es-chip-bg);
   border-radius: 4px;
-  padding: 1px 4px;
+  padding: 2px 4px;
 }
 .es-tree-trailing {
   flex: none;
@@ -490,7 +490,7 @@
   left: 24px;
   top: calc(100% + 4px);
   z-index: 5;
-  padding: 3px 7px;
+  padding: 4px 8px;
   border-radius: 6px;
   background: var(--es-toast-bg);
   color: var(--es-on-accent);

package/dist/{types-DziKCwsN.d.ts → types-41704JE4.d.ts}

@@ -51,13 +51,20 @@ interface Place extends SlotAddress {
     index: number;
 }
 /**
- * The part of a field definition the data layer needs: which props are slots.
+ * The part of a field definition the data layer needs: which props are slots,
+ * and (./translate) which hold words that are written again per language.
  * A Puck `Field` satisfies it, so an app hands in the config it already has.
  */
 interface FieldShape {
     type: string;
     objectFields?: Record<string, FieldShape>;
     arrayFields?: Record<string, FieldShape>;
+    /**
+     * Whether the value is translated. Left out, `text` and `textarea` are and
+     * nothing else is; on an `object` or `array` field it is the default for the
+     * fields inside it. A `slot` never is: its children have ids of their own.
+     */
+    translatable?: boolean;
 }
 type FieldsShape = Record<string, FieldShape>;
 /**

package/dist/{types-CEqUFH2j.d.ts → types-C7HFvdtk.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { S as SettingsBucket } from './buckets-1vRlQceY.js';
+import { S as SettingsBucket } from './buckets-CuLM47h9.js';
 
 /** What every control shares: an id for its label, a name for screen readers, and a read-only switch. */
 interface ControlBase {
@@ -22,13 +22,35 @@ interface FieldNumberProps extends ControlBase {
     onChange: (value: number | undefined) => void;
     min?: number;
     max?: number;
+    /** What an arrow or ↑↓ moves by. Default 1. */
     step?: number;
-    /** Shown after the box, e.g. `px`. */
+    /** What Shift + an arrow or ↑↓ moves by. Default ten steps. */
+    shiftStep?: number;
+    /**
+     * The style's number. While the value is `undefined` it shows in the box,
+     * grey, and a step starts from it; a typed value beats it until cleared.
+     */
+    styleValue?: number;
+    /** Drawn first in the cell, e.g. the font-size glyph. */
+    icon?: ReactNode;
+    /** Shown after the number, inside the cell, e.g. `px`. */
     unit?: string;
-    /** − and + beside the box. */
+    /** Two small stacked arrows at the cell's end. */
     steppers?: boolean;
     placeholder?: string;
 }
+/**
+ * A slider row (Site styles, Email styles): the name left and the typed value
+ * right on one line, the slider under them. `sliderMin` / `sliderMax` are the
+ * slider's travel only; a typed value may go past them, held only by `min` /
+ * `max`.
+ */
+interface FieldSliderProps extends Omit<FieldNumberProps, 'icon' | 'steppers' | 'placeholder' | 'ariaLabel' | 'ariaLabelledBy'> {
+    /** The row's name; it labels both the value and the slider. */
+    label: string;
+    sliderMin: number;
+    sliderMax: number;
+}
 interface FieldOption<V = unknown> {
     label: string;
     value: V;
@@ -126,4 +148,4 @@ type FieldRenderer = (props: {
     readOnly?: boolean;
 }) => ReactNode;
 
-export type { ArrayFieldDef as A, CustomFieldDef as C, FieldRenderer as F, InspectorFields as I, NumberFieldDef as N, ObjectFieldDef as O, RadioFieldDef as R, SelectFieldDef as S, TextFieldDef as T, InspectorFieldDef as a, FieldTextProps as b, FieldNumberProps as c, FieldSelectProps as d, FieldOption as e, CustomFieldRenderProps as f, SlotFieldDef as g, TextareaFieldDef as h };
+export type { ArrayFieldDef as A, CustomFieldDef as C, FieldRenderer as F, InspectorFields as I, NumberFieldDef as N, ObjectFieldDef as O, RadioFieldDef as R, SelectFieldDef as S, TextFieldDef as T, InspectorFieldDef as a, FieldTextProps as b, FieldNumberProps as c, FieldSliderProps as d, FieldSelectProps as e, FieldOption as f, CustomFieldRenderProps as g, SlotFieldDef as h, TextareaFieldDef as i };

package/dist/{types-CuNiSnX6.d.ts → types-CnRzp9oc.d.ts}

@@ -5,7 +5,7 @@ import { EditAccess, SaveConflict } from './edit-lock/index.js';
 /**
  * The side-panel widths every editor opens on and drags between (px).
  *
- * Lifted from `efficient-shop/components/panel-widths.ts`, where the website
+ * Lifted from `efficient-storefront/components/panel-widths.ts`, where the website
  * editor measured them:
  *
  *   RIGHT is 320, not 308 (card 8810). At 308 the settings tab strip was left

package/dist/{types-_Vayx8ov.d.ts → types-Dy6oR6Z2.d.ts}

@@ -1,6 +1,6 @@
 import { DataInput } from './data/index.js';
-import { I as ItemSelector, N as NodeSelection } from './plan-DtNw2VuI.js';
-import { D as Data, S as SlotAddress, a as DataConfig, N as Node } from './types-DziKCwsN.js';
+import { I as ItemSelector, N as NodeSelection } from './plan-DChbUXdS.js';
+import { D as Data, S as SlotAddress, a as DataConfig, N as Node } from './types-41704JE4.js';
 
 /**
  * The editor's UI state, in Puck's shape so the apps' `appState.ui` reads move

package/dist/{useNodeOps-6IAej9jy.d.ts → useNodeOps-BF0fQsif.d.ts}

@@ -1,5 +1,5 @@
-import { N as Node, S as SlotAddress, D as Data, a as DataConfig, P as Place } from './types-DziKCwsN.js';
-import { N as NodeSelection, A as AfterRemove, S as StepBounds } from './plan-DtNw2VuI.js';
+import { N as Node, S as SlotAddress, D as Data, a as DataConfig, P as Place } from './types-41704JE4.js';
+import { N as NodeSelection, A as AfterRemove, S as StepBounds } from './plan-DChbUXdS.js';
 
 /**
  * The node clipboard — what Copy and Cut hold, and Paste reads.

package/dist/{words-CsRWXkY4.d.ts → words-Cqmyey0s.d.ts}

@@ -1,4 +1,4 @@
-import { S as SaveTone } from './types-CuNiSnX6.js';
+import { S as SaveTone } from './types-CnRzp9oc.js';
 
 /** Time and timers, passed in so a test can run minutes in a millisecond. */
 type AutosaveClock = {
@@ -76,7 +76,7 @@ declare function createAutosave<T>(options?: AutosaveOptions<T>): Autosave<T>;
  *
  * There were three: the campaign designer's `saveStatusLabel`
  * (efficient-admin-portal `src/components/email/autosaveStatus.ts`), the
- * website editor's `autosaveStatusLabel` (efficient-shop
+ * website editor's `autosaveStatusLabel` (efficient-storefront
  * `lib/editor/autosave-status.ts`, which said of the first "a MIRRORED copy …
  * whether that pair should collapse into `efficient-easel` is called out
  * rather than decided here") and the website chrome's own words for its

package/dist/{words-DfxEp_RH.d.ts → words-bOMsUJk9.d.ts}

@@ -61,7 +61,7 @@ declare const COPY_ALIGN_GLYPHS: Record<CopyAlign, ReactNode>;
  * An over-estimate is safe (the words drop a little early); an under-estimate
  * draws a button past the strip's edge.
  *
- * THREE is measured, not guessed — `efficient-shop/components/PartSettingsPanel`
+ * THREE is measured, not guessed — `efficient-storefront/components/PartSettingsPanel`
  * had this exact pair as its own `ALIGN_FIT`, produced by
  * `tests/fixtures/segmented-fit.html`. It moves here so the one alignment strip
  * carries its own measurement, and that constant is deleted when the panel

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-easel",
-  "version": "0.96.0",
+  "version": "0.98.0",
   "description": "Efficient Easel: the EFFICIENT editors' shared engine and chrome: the saved document as pure functions, the published renderer, and the editor frame, panels, Layers tree, text grammar and type-in-place box. Published as editor-shell up to 0.66.0 and as efficient-editor up to 0.95.0.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",

package/dist/chunk-FI23ALVJ.js

@@ -1 +0,0 @@
-var e={accent:"#2563eb",accentTint:"#eff6ff",accentTintStrong:"#dbeafe",accentLine:"#bfdbfe",accentText:"#1d4ed8",accentRing:"rgba(37, 99, 235, 0.25)",accentShadow:"rgba(37, 99, 235, 0.35)",onAccent:"#ffffff",appBg:"#f9fafb",previewBg:"#f3f4f6",panel:"#ffffff",raised:"#ffffff",topbarBg:"#ffffff",frameBg:"#ffffff",hover:"#f3f4f6",hatch:"rgba(0, 0, 0, 0.018)",addcardVeil:"rgba(248, 249, 250, 0.66)",fieldBg:"#ffffff",trackBg:"#f3f4f6",inputBorder:"#d1d5db",fieldText:"#1f2937",fieldPlaceholder:"#9ca3af",knob:"#ffffff",text:"#111827",textStrong:"#030712",textSecondary:"#374151",muted:"#6b7280",icon:"#6b7280",disabled:"#9ca3af",divider:"#e5e7eb",line:"#e5e7eb",btnBorder:"#d1d5db",btnText:"#374151",chipBg:"#f3f4f6",chipFg:"#6b7280",brandSquare:"#111827",deviceBorder:"#e5e7eb",toastBg:"#111827",toggleOff:"#d1d5db",scrollbar:"#d1d5db",scrollbarHover:"#9ca3af",danger:"#dc2626",dangerStrong:"#b91c1c",dangerTint:"#fef2f2",warning:"#b45309",previewTint:"#fef3c7",success:"#15803d",panelRadius:12,rowRadius:8,fieldRadius:6,panelGap:10,panelShadow:"0 1px 2px rgba(0, 0, 0, 0.05), 0 10px 30px rgba(0, 0, 0, 0.06)",topbarShadow:"0 1px 3px rgba(0, 0, 0, 0.06)",raisedShadow:"0 1px 2px rgba(16, 24, 40, 0.1)",font:'-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'},a={accent:"--es-accent",accentTint:"--es-accent-tint",accentTintStrong:"--es-accent-tint-strong",accentLine:"--es-accent-line",accentText:"--es-accent-text",accentRing:"--es-accent-ring",accentShadow:"--es-accent-shadow",onAccent:"--es-on-accent",appBg:"--es-app-bg",previewBg:"--es-preview-bg",panel:"--es-panel",raised:"--es-raised",topbarBg:"--es-topbar-bg",frameBg:"--es-frame-bg",hover:"--es-hover",hatch:"--es-hatch",addcardVeil:"--es-addcard-veil",fieldBg:"--es-field-bg",trackBg:"--es-track-bg",inputBorder:"--es-input-border",fieldText:"--es-field-text",fieldPlaceholder:"--es-field-placeholder",knob:"--es-knob",text:"--es-text",textStrong:"--es-text-strong",textSecondary:"--es-text-secondary",muted:"--es-muted",icon:"--es-icon",disabled:"--es-disabled",divider:"--es-divider",line:"--es-line",btnBorder:"--es-btn-border",btnText:"--es-btn-text",chipBg:"--es-chip-bg",chipFg:"--es-chip-fg",brandSquare:"--es-brand-square",deviceBorder:"--es-device-border",toastBg:"--es-toast-bg",toggleOff:"--es-toggle-off",scrollbar:"--es-scrollbar",scrollbarHover:"--es-scrollbar-hover",danger:"--es-danger",dangerStrong:"--es-danger-strong",dangerTint:"--es-danger-tint",warning:"--es-warning",previewTint:"--es-preview-tint",success:"--es-success",panelRadius:"--es-panel-radius",rowRadius:"--es-row-radius",fieldRadius:"--es-field-radius",panelGap:"--es-panel-gap",panelShadow:"--es-panel-shadow",topbarShadow:"--es-topbar-shadow",raisedShadow:"--es-raised-shadow",font:"--es-font"};export{a as shellCssVars,e as shellTokens};

package/dist/chunk-LPRQDDQO.js

@@ -1 +0,0 @@
-import{isRecord as n,fieldsFrom as t,blockOf as o,topLevelSlotKeys as e,slotLocations as r,setIn as s,fieldsOf as c,defaultsFrom as i,isNode as p}from"./chunk-NKB3KVAB.js";var f=()=>({lastChange:{}});function l(n,t){if(n===t)return!0;if(!n||!t||"object"!=typeof n||"object"!=typeof t)return n!=n&&t!=t;if(Array.isArray(n)!==Array.isArray(t))return!1;if(Array.isArray(n)){const o=t;if(n.length!==o.length)return!1;for(let t=0;t<n.length;t++)if(!l(n[t],o[t]))return!1;return!0}const o=Object.keys(n),e=Object.keys(t);if(o.length!==e.length)return!1;for(const e of o){if(!Object.prototype.hasOwnProperty.call(t,e))return!1;if(!l(n[e],t[e]))return!1}return!0}function a(n,t){if(!n)return{};const o=n.props??{},e=t?.props??{},r={};for(const n of Object.keys(o))r[n]=!l(e[n],o[n]);return r}async function d(c,i,p={}){const{metadata:u={},trigger:y="replace",cache:h=f(),onResolveStart:g,onResolveEnd:w}=p,m=function(n,t){return n.type&&"root"!==n.type?t.components[n.type]:t.root}(c,i);let $={...c};const x=Boolean(m?.resolveData&&c.props),I=n(c.props)&&"id"in c.props?String(c.props.id):"root";if(x){const n=h.lastChange[I];if("force"!==y&&n&&l(c,n.item))return{node:n.resolved,didChange:!1};const t=a(c,n?.item??null);g?.(c);const o=await m.resolveData(c,{changed:t,lastData:n?.item??null,metadata:{...u,...m.metadata??{}},trigger:y})??{};$.props={...c.props,...o.props??{}},o.readOnly&&Object.keys(o.readOnly).length&&($.readOnly=o.readOnly)}const b=t(c.type&&"root"!==c.type?o(i,c.type):i.root);if(m)for(const n of e(b))void 0===$.props[n]&&($={...$,props:{...$.props,[n]:[]}});for(const n of r($.props,b)){if(!n.present)continue;const t=await Promise.all(n.content.map(async n=>(await d(n,i,{metadata:u,trigger:y,cache:h,onResolveStart:g,onResolveEnd:w})).node));$={...$,props:s($.props,n.segments,t)}}return x&&w?.($),h.lastChange[I]={item:c,resolved:$},{node:$,didChange:!l(c,$)}}var u="root",y="default-zone",h={parentId:u,slot:y},g=({parentId:n,slot:t})=>`${n}:${t}`;function w(n){const t=n.indexOf(":");if(-1===t)throw new $("no-slot",`"${n}" is not a zone key`);return{parentId:n.slice(0,t),slot:n.slice(t+1)}}var m=n=>n.parentId===u&&n.slot===y,$=class extends Error{code;constructor(n,t){super(t),this.name="DataError",this.code=n}};function x(n){try{const t=globalThis.crypto;if(t&&"function"==typeof t.randomUUID)return`${n}-${t.randomUUID()}`}catch{}return`${n}-${Date.now().toString(36)}-${Math.random().toString(36).slice(2,10)}`}function I(n,t){return r(n.props,c(t,n.type)).map(({slot:n,content:t})=>({slot:n,content:t}))}function b(n,o){return r(z(n),t(o.root))}function z(t){return n(t.root?.props)?t.root.props:{}}function O(n,t,o){const e=(n,t,e,r,s)=>{if(!Array.isArray(n))return n;const c=[...e,t];let f=null;return n.forEach((e,l)=>{if(!p(e))return;const a={place:{...t,index:l},path:c,parent:r,depth:s};let d=o(e,a)??e;if(d!==e&&d.props.id!==e.props.id)throw new $("id-change",`walk: ${e.props.id} came back as ${d.props.id}`);d=i(d,c,s+1),d!==e&&(f??=[...n],f[l]=d)}),f??n},i=(n,o,i)=>{let p=n.props;for(const f of r(n.props,c(t,n.type))){if(!f.present)continue;const t=e(f.content,{parentId:n.props.id,slot:f.slot},o,n,i);t!==f.content&&(p=s(p,f.segments,t))}return p===n.props?n:{...n,props:p}};let f=n;const l=e(n.content,h,[],null,0);l!==n.content&&(f={...f,content:l});let a=z(f);for(const n of b(f,t)){if(!n.present)continue;const t=e(n.content,{parentId:u,slot:n.slot},[],null,0);t!==n.content&&(a=s(a,n.segments,t))}a!==z(f)&&(f={...f,root:{...f.root,props:a}});const d=f.zones;if(d){let n=d;for(const t of Object.keys(d)){const o=k(t);if(!o)continue;const r=e(d[t],o,[],null,0);r!==d[t]&&(n={...n,[t]:r})}n!==d&&(f={...f,zones:n})}return f}function k(n){const t=n.indexOf(":");return-1===t?null:{parentId:n.slice(0,t),slot:n.slice(t+1)}}function A(n,t,o){let e=null;const r={};try{O(n,t,(n,t)=>{if(n.props.id===o)throw e={node:n,place:t.place,path:t.path},r})}catch(n){if(n!==r)throw n}return e}function j(n,t,o){if(m(o))return Array.isArray(n.content)?n.content:[];const e=n.zones?.[g(o)];if(o.parentId===u){const r=b(n,t).find(n=>n.slot===o.slot);return r?r.content:e??null}const s=A(n,t,o.parentId);if(s){const n=r(s.node.props,c(t,s.node.type)).find(n=>n.slot===o.slot);if(n)return n.content}return e??null}function v(n,t){const o=/* @__PURE__ */new Set;return O(n,t,n=>{o.add(n.props.id)}),o}function S(n,t){const o=/* @__PURE__ */new Set([n.props.id]),e=n=>{for(const{content:r}of I(n,t))for(const n of r)p(n)&&(o.add(n.props.id),e(n))};return e(n),o}function D(n,t,o,e){if(m(o)){const t=Array.isArray(n.content)?n.content:[];return{...n,content:e(t)}}const i=g(o),p=!!n.zones&&Array.isArray(n.zones[i]);if(o.parentId===u){const r=b(n,t).find(n=>n.slot===o.slot);if(r){const t=s(z(n),r.segments,e(r.content));return{...n,root:{...n.root,props:t}}}}else{const i=A(n,t,o.parentId);if(i){const p=r(i.node.props,c(t,i.node.type)).find(n=>n.slot===o.slot);if(p)return N(n,t,i,n=>({...n,props:s(n.props,p.segments,e(p.content))}))}else if(!p)throw new $("not-found",`no node ${o.parentId}`)}if(p)return{...n,zones:{...n.zones,[i]:e(n.zones[i])}};throw new $("no-slot",`no slot "${o.slot}" on ${o.parentId}`)}function N(n,t,o,e){return D(n,t,o.place,n=>{const t=[...n];return t[o.place.index]=e(n[o.place.index]),t})}function E(n,t,o){const e=A(n,t,o);if(!e)throw new $("not-found",`no node ${o}`);return e}function C(n,t,o){const e=j(n,t,o);if(e)return e;if(o.parentId!==u&&!A(n,t,o.parentId))throw new $("not-found",`no node ${o.parentId}`);throw new $("no-slot",`no slot "${o.slot}" on ${o.parentId}`)}function R(n,t,o){if(!Number.isInteger(n)||n<0||n>t)throw new $("bad-index",`${o}: index ${n} is outside 0…${t}`)}function U(n,c){const i=o(c,n.type);if(!i)return n;const p=t(i);let f=n.props;for(const n of e(p))null==f[n]&&(f={...f,[n]:[]});for(const n of r(f,p)){if(!n.present)continue;const t=B(n.content,c);t!==n.content&&(f=s(f,n.segments,t))}return f===n.props?n:{...n,props:f}}function B(t,o){let e=null;return t.forEach((r,s)=>{if(!n(r)||"string"!=typeof r.type)return;let c=r;if(n(c.props)){if("string"!=typeof c.props.id||""===c.props.id){const{id:n,...t}=c.props;c={...c,props:{id:x(c.type),...t}}}}else c={...c,props:{id:x(c.type)}};const i=U(c,o);i!==r&&(e??=[...t],e[s]=i)}),e??t}function P(n,o){const c=t(o.root);let i=n.props;for(const n of e(c))null==i[n]&&(i={...i,[n]:[]});for(const n of r(i,c)){if(!n.present)continue;const t=B(n.content,o);t!==n.content&&(i=s(i,n.segments,t))}return i===n.props?n:{...n,props:i}}function J(t,o){let e=n(t)?t:{};const r=e.root;if(n(r)){if(!n(r.props)){const n=Object.keys(r).filter(n=>"props"!==n);e={...e,root:n.length?{props:{...M(r,n)}}:{props:{}}}}}else e={...e,root:{props:{}}};const s=i(o.root);if(s){const n=Object.keys(s).filter(n=>!(n in e.root.props));if(n.length){const t=T(M(s,n));e={...e,root:{...e.root,props:{...e.root.props,...t}}}}}const c=P(e.root,o);c!==e.root&&(e={...e,root:c}),Array.isArray(e.content)||(e={...e,content:[]});const p=B(e.content,o);return p!==e.content&&(e={...e,content:p}),e=n(e.zones)?function(n,t){let o=n;for(const e of Object.keys(n.zones??{})){const n=o.zones[e];if(!Array.isArray(n)||0===n.length)continue;const r=k(e);if(!r||m(r))continue;const s=K(o,t,r);if(!s||s.content.length>0)continue;const{[e]:c,...i}=o.zones;o=D({...o,zones:i},t,r,()=>B(n,t))}const e=o.zones;let r=e;for(const n of Object.keys(e)){if(!Array.isArray(e[n]))continue;const o=B(e[n],t);o!==e[n]&&(r={...r,[n]:o})}return r===e?o:{...o,zones:r}}(e,o):{...e,zones:{}},e}function K(n,t,o){if(o.parentId===u)return b(n,t).find(n=>n.slot===o.slot);const e=A(n,t,o.parentId);return e?r(e.node.props,c(t,e.node.type)).find(n=>n.slot===o.slot):void 0}function M(n,t){const o={};for(const e of t)o[e]=n[e];return o}function T(n){return void 0===n?n:JSON.parse(JSON.stringify(n))}function V(n,t,o={},e={}){const r=n.components[t];if(!r)throw new $("unknown-type",`no block type "${t}" in the config`);return U({type:t,props:{...T(i(r)??{}),...T(o),id:e.id??x(t)}},n)}function q(t,o,e,r){if(!p(r))throw new $("unknown-type","insert: not a node");const s=C(t,o,e);R(e.index,s.length,"insert");const c=U(n(r.props)&&"string"==typeof r.props.id&&r.props.id?r:{...r,props:{...r.props,id:x(r.type)}},o),i=v(t,o);for(const n of S(c,o))if(i.has(n))throw new $("duplicate-id",`insert: ${n} is already in the document`);return D(t,o,e,n=>[...n.slice(0,e.index),c,...n.slice(e.index)])}function F(n,t,o){const e=E(n,t,o);let r=D(n,t,e.place,n=>[...n.slice(0,e.place.index),...n.slice(e.place.index+1)]);if(r.zones&&Object.keys(r.zones).length){const n=S(e.node,t),o=Object.keys(r.zones).filter(t=>!n.has(t.split(":")[0]));o.length!==Object.keys(r.zones).length&&(r={...r,zones:M(r.zones,o)})}return r}function G(n,t,o,e){const r=E(n,t,o);if(S(r.node,t).has(e.parentId))throw new $("cycle",`move: ${o} cannot go inside itself`);if(r.place.parentId===e.parentId&&r.place.slot===e.slot){const o=C(n,t,e);return R(e.index,o.length-1,"move"),e.index===r.place.index?n:D(n,t,e,n=>{const t=[...n],[o]=t.splice(r.place.index,1);return t.splice(e.index,0,o),t})}R(e.index,C(n,t,e).length,"move");const s=D(n,t,r.place,n=>[...n.slice(0,r.place.index),...n.slice(r.place.index+1)]);return D(s,t,e,n=>[...n.slice(0,e.index),r.node,...n.slice(e.index)])}function H(n,t,o,e={}){const r=E(n,t,o),s=Q(T(r.node),t,e.strip,e.id);return D(n,t,r.place,n=>[...n.slice(0,r.place.index+1),s,...n.slice(r.place.index+1)])}function L(n,t,o={}){return Q(T(n),t,o.strip,o.id)}function Q(n,t,o,e){let i={...n,props:{...n.props,id:e??x(n.type)}};if(o){const n=o(i);if(n.props.id!==i.props.id)throw new $("id-change","duplicate: strip must not change the id");i=n}let f=i.props;for(const n of r(f,c(t,i.type))){if(!n.present)continue;const e=n.content.map(n=>p(n)?Q(n,t,o):n);f=s(f,n.segments,e)}return U({...i,props:f},t)}function W(n,t,o,e){if("id"in e&&e.id!==o)throw new $("id-change",`setProps: ${o} cannot become ${String(e.id)}`);const r=E(n,t,o);return Z(r.node.props,e)?N(n,t,r,n=>U({...n,props:{...n.props,...e,id:o}},t)):n}function X(n,t,o,e){if(!p(e))throw new $("unknown-type","replaceNode: not a node");if(e.props.id!==o)throw new $("id-change",`replaceNode: ${o} cannot become ${String(e.props.id)}`);const r=E(n,t,o),s=U(e,t),c=v(n,t);for(const n of S(r.node,t))c.delete(n);for(const n of S(s,t))if(c.has(n))throw new $("duplicate-id",`replaceNode: ${n} is already in the document`);return N(n,t,r,()=>s)}function Y(n,t,o){const e=z(n);if(!Z(e,o))return n;const r=P({...n.root,props:{...e,...o}},t);return{...n,root:r}}function Z(n,t){return Object.keys(t).some(o=>!(o in n)||!Object.is(n[o],t[o]))}export{$ as DataError,u as ROOT_ID,h as ROOT_LIST,y as ROOT_SLOT,a as changedProps,L as copyNode,V as createNode,f as createResolveCache,l as deepEqual,H as duplicate,A as find,j as getList,q as insert,G as move,x as newId,J as normalizeData,w as parseZoneKey,F as remove,X as replaceNode,d as resolveNodeData,W as setProps,Y as setRoot,I as slotsOf,O as walk,g as zoneKey};