efficient-easel 0.99.1 → 0.99.2

package/dist/pick/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { P as PickWords } from '../words-B87GIFWH.js';
+import { P as PickWords } from '../words-is_Vy6hn.js';
 
 /** One colour the site's theme names — offered first, by name. */
 type ThemeColour = {
@@ -29,7 +29,7 @@ type ColourPickerProps = {
     readOnly?: boolean;
     /**
      * The picker's own words in the host's language:
-     * `useEditorStrings().pick.colour` (0.95.0). Left out, English. A prop, not
+     * `useEaselStrings().pick.colour` (0.95.0). Left out, English. A prop, not
      * the strings provider: the pickers import nothing outside their folder.
      */
     words?: PickWords['colour'];
@@ -75,7 +75,7 @@ type ImageBoxProps = {
     readOnly?: boolean;
     /**
      * The box's own words in the host's language:
-     * `useEditorStrings().pick.image` (0.95.0). Left out, English. A prop, not
+     * `useEaselStrings().pick.image` (0.95.0). Left out, English. A prop, not
      * the strings provider: the pickers import nothing outside their folder.
      */
     words?: PickWords['image'];

package/dist/rail/index.d.ts

@@ -1,8 +1,8 @@
 import * as react from 'react';
-import { c as EditorRailProps, E as EditorRailButtonProps } from '../types-DNrn_w4V.js';
-export { a as EditorRailItem, b as EditorRailOrientation } from '../types-DNrn_w4V.js';
+import { c as EaselRailProps, E as EaselRailButtonProps } from '../types-Bs_gVkVI.js';
+export { a as EaselRailItem, b as EaselRailOrientation, d as EditorRailButtonProps, e as EditorRailItem, f as EditorRailOrientation, g as EditorRailProps } from '../types-Bs_gVkVI.js';
 export { AddIcon, LayersIcon, MediaIcon, PageIcon as PagesIcon, IconProps as RailIconProps, SitemapIcon, StylesIcon } from '../icons/index.js';
-export { W as WordFit } from '../wordFit-9B9nqyf3.js';
+export { W as WordFit } from '../wordFit-D4S36PvB.js';
 
 /**
  * The shared icon-rail — one slim strip of icon buttons that every EFFICIENT
@@ -43,7 +43,9 @@ export { W as WordFit } from '../wordFit-9B9nqyf3.js';
  * strings provider — that would be a hook — so a host in another language
  * passes `ariaLabel`; `TopBarRail` does it from the provider.
  */
-declare function EditorRail({ items, ariaLabel, className, orientation, wordFit, }: EditorRailProps): react.JSX.Element;
+declare function EaselRail({ items, ariaLabel, className, orientation, wordFit, }: EaselRailProps): react.JSX.Element;
+/** @deprecated The name before the Easel rename: `EaselRail`. */
+declare const EditorRail: typeof EaselRail;
 
 /**
  * A single rail button: an icon in a 34×34 square that hovers, highlights when
@@ -53,7 +55,9 @@ declare function EditorRail({ items, ariaLabel, className, orientation, wordFit,
  * toggle announces its pressed state while an action button (the quick-add "+",
  * whose item omits `active`) stays a plain button rather than a stuck toggle.
  */
-declare function EditorRailButton({ label, worded, icon, active, disabled, onSelect, className, }: EditorRailButtonProps): react.JSX.Element;
+declare function EaselRailButton({ label, worded, icon, active, disabled, onSelect, className, }: EaselRailButtonProps): react.JSX.Element;
+/** @deprecated The name before the Easel rename: `EaselRailButton`. */
+declare const EditorRailButton: typeof EaselRailButton;
 
 /**
  * Rail design tokens — the ONE source both apps' rails converge on.
@@ -142,4 +146,4 @@ declare const railCssVars: {
     readonly accentTint: "--es-rail-accent-tint";
 };
 
-export { EditorRail, EditorRailButton, EditorRailButtonProps, EditorRailProps, type RailTokens, railCssVars, railTokens };
+export { EaselRail, EaselRailButton, EaselRailButtonProps, EaselRailProps, EditorRail, EditorRailButton, type RailTokens, railCssVars, railTokens };

package/dist/rail/index.js

@@ -1 +1 @@
-import"../chunk-OWBO4WKA.js";export{EditorRail,EditorRailButton,railCssVars,railTokens}from"../chunk-IBOFSS56.js";import"../chunk-2OAZYSWJ.js";import"../chunk-BZ5ASXOL.js";export{AddIcon,LayersIcon,MediaIcon,PageIcon as PagesIcon,SitemapIcon,StylesIcon}from"../chunk-PI26YXYD.js";
+import"../chunk-2PHD4L6A.js";export{EaselRail,EaselRailButton,EditorRail,EditorRailButton,railCssVars,railTokens}from"../chunk-XUE5O62R.js";import"../chunk-2OAZYSWJ.js";import"../chunk-BZ5ASXOL.js";export{AddIcon,LayersIcon,MediaIcon,PageIcon as PagesIcon,SitemapIcon,StylesIcon}from"../chunk-PI26YXYD.js";

package/dist/rail/rail.css

@@ -135,7 +135,7 @@
    sheet only names the rail's chrome for it — the four inputs below — so a
    re-padded rail button moves its thresholds with it.
 
-   `is-measured` is set by `EditorRail` when it was handed the words' widths
+   `is-measured` is set by `EaselRail` when it was handed the words' widths
    (`TopBarRail` measures them). Without it, and without `panel.css`, the word
    stays clipped to nothing: an icon-only rail always fits. */
 .es-rail.es-rail-row.is-measured {

package/dist/strings/catalogue.d.ts

@@ -1,22 +1,22 @@
-import { S as SaveWords } from '../words-Cqmyey0s.js';
+import { S as SaveWords } from '../words-c-3h9xQQ.js';
 import { N as NoticeWords, C as ChromeWords } from '../words-DagJdwIA.js';
-import { C as CopyWords } from '../words-bOMsUJk9.js';
-import { D as DragWords } from '../words-D9ChvbNC.js';
+import { C as CopyWords } from '../words-C74EUpFr.js';
+import { D as DragWords } from '../words-BDignMl_.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 { N as NodeMenuWords } from '../words-DMG4dYq2.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-CnRzp9oc.js';
-import '../types-DNrn_w4V.js';
-import '../wordFit-9B9nqyf3.js';
+import { P as PickWords } from '../words-is_Vy6hn.js';
+import { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
+import { T as TreeWords } from '../words-N4ebT88_.js';
+import '../types-p9j2Fac7.js';
+import '../types-Bs_gVkVI.js';
+import '../wordFit-D4S36PvB.js';
 import 'react';
 import '../markup/index.js';
 
 /**
- * The editor canvas's own words (`efficient-easel/strings`, 0.95.0). There is
+ * The easel canvas's own words (`efficient-easel/strings`, 0.95.0). There is
  * one: what the frame is called when the host does not name it (`title`).
  *
  * A plain module with no import.
@@ -79,7 +79,7 @@ type RailWords = {
  * lane (`tests/*-leaf-safety`), and several are held to a bundle that never
  * spells a browser global — while one sentence below does ("another tab or
  * window"). So a module owns its group and its defaults, and this file only
- * puts the groups side by side. `DEFAULT_EDITOR_STRINGS.pick` IS the pickers'
+ * puts the groups side by side. `DEFAULT_EASEL_STRINGS.pick` IS the pickers'
  * own default object, not a copy of it.
  *
  * ── Framework-free ────────────────────────────────────────────────────────
@@ -91,7 +91,7 @@ type RailWords = {
  */
 
 /** Every word the engine says, by the module that says it. */
-interface EditorStrings {
+interface EaselStrings {
     /** `efficient-easel/chrome` — `EditNotice`: who holds the document, a refused save. */
     notice: NoticeWords;
     /** `efficient-easel/edit-lock` — "2 minutes ago", "Someone else". */
@@ -118,11 +118,11 @@ interface EditorStrings {
     styleClipboard: StyleClipboardWords;
     /** `efficient-easel/copy` — the formatting bar, alignment, the link window, each mark. */
     copy: CopyWords;
-    /** `efficient-easel/editor` — the canvas frame's name. */
+    /** `efficient-easel/easel` — the canvas frame's name. */
     canvas: CanvasWords;
 }
 /** Today's English, word for word. */
-declare const DEFAULT_EDITOR_STRINGS: EditorStrings;
+declare const DEFAULT_EASEL_STRINGS: EaselStrings;
 /**
  * A catalogue with any part left out. A function entry is taken whole or not
  * at all: it has no "part" to leave out.
@@ -136,6 +136,12 @@ type DeepPartial<T> = T extends (...args: never[]) => unknown ? T : T extends ob
  * that has translated half the catalogue shows the other half in English
  * rather than as nothing. Neither argument is changed.
  */
-declare function mergeEditorStrings(defaults: EditorStrings, partial?: DeepPartial<EditorStrings> | null): EditorStrings;
+declare function mergeEaselStrings(defaults: EaselStrings, partial?: DeepPartial<EaselStrings> | null): EaselStrings;
+/** @deprecated The name before the Easel rename: `EaselStrings`. */
+type EditorStrings = EaselStrings;
+/** @deprecated The name before the Easel rename: `DEFAULT_EASEL_STRINGS`. */
+declare const DEFAULT_EDITOR_STRINGS: EaselStrings;
+/** @deprecated The name before the Easel rename: `mergeEaselStrings`. */
+declare const mergeEditorStrings: typeof mergeEaselStrings;
 
-export { type CanvasWords, ChromeWords, CopyWords, DEFAULT_EDITOR_STRINGS, type DeepPartial, DragWords, type EditorStrings, FieldsWords, LockWords, NodeMenuWords, NoticeWords, type PanelWords, PickWords, type RailWords, SaveWords, StyleClipboardWords, TreeWords, mergeEditorStrings };
+export { type CanvasWords, ChromeWords, CopyWords, DEFAULT_EASEL_STRINGS, DEFAULT_EDITOR_STRINGS, type DeepPartial, DragWords, type EaselStrings, type EditorStrings, FieldsWords, LockWords, NodeMenuWords, NoticeWords, type PanelWords, PickWords, type RailWords, SaveWords, StyleClipboardWords, TreeWords, mergeEaselStrings, mergeEditorStrings };

package/dist/strings/catalogue.js

@@ -1 +1 @@
-export{DEFAULT_EDITOR_STRINGS,mergeEditorStrings}from"../chunk-JE63JHKO.js";import"../chunk-ZAOM6PFH.js";import"../chunk-6WY6ZXJG.js";import"../chunk-GGTPNGFJ.js";import"../chunk-SUO5627P.js";import"../chunk-H4B72XCJ.js";import"../chunk-7A7O2JWQ.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-KDIVA6WD.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-ZT7M24XD.js";import"../chunk-SJQG5ENJ.js";import"../chunk-O2NLQBFX.js";
+export{DEFAULT_EASEL_STRINGS,DEFAULT_EDITOR_STRINGS,mergeEaselStrings,mergeEditorStrings}from"../chunk-7JTL3P6P.js";import"../chunk-6WY6ZXJG.js";import"../chunk-WK3AFPXY.js";import"../chunk-ZAOM6PFH.js";import"../chunk-AELNNAFM.js";import"../chunk-SUO5627P.js";import"../chunk-H4B72XCJ.js";import"../chunk-7A7O2JWQ.js";import"../chunk-H6DDIBQ4.js";import"../chunk-KDIVA6WD.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-ZT7M24XD.js";import"../chunk-SJQG5ENJ.js";import"../chunk-O2NLQBFX.js";

package/dist/strings/index.d.ts

@@ -1,24 +1,24 @@
-import { DeepPartial, EditorStrings } from './catalogue.js';
-export { CanvasWords, DEFAULT_EDITOR_STRINGS, PanelWords, RailWords, mergeEditorStrings } from './catalogue.js';
+import { DeepPartial, EaselStrings } from './catalogue.js';
+export { CanvasWords, DEFAULT_EASEL_STRINGS, DEFAULT_EDITOR_STRINGS, EditorStrings, PanelWords, RailWords, mergeEaselStrings, mergeEditorStrings } from './catalogue.js';
 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-bOMsUJk9.js';
-export { D as DragWords } from '../words-D9ChvbNC.js';
+export { C as CopyWords } from '../words-C74EUpFr.js';
+export { D as DragWords } from '../words-BDignMl_.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-Cqmyey0s.js';
-export { S as StyleClipboardWords } from '../words-B2YLaKEr.js';
-export { T as TreeWords } from '../words-BK-npta-.js';
+export { N as NodeMenuWords } from '../words-DMG4dYq2.js';
+export { P as PickWords } from '../words-is_Vy6hn.js';
+export { S as SaveWords } from '../words-c-3h9xQQ.js';
+export { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
+export { T as TreeWords } from '../words-N4ebT88_.js';
 import '../buckets-CuLM47h9.js';
 import '../markup/index.js';
-import '../types-CnRzp9oc.js';
-import '../types-DNrn_w4V.js';
-import '../wordFit-9B9nqyf3.js';
+import '../types-p9j2Fac7.js';
+import '../types-Bs_gVkVI.js';
+import '../wordFit-D4S36PvB.js';
 
-interface EditorStringsProviderProps {
+interface EaselStringsProviderProps {
     /**
      * The host's words, laid over the ones in reach — the engine's English, or an
      * outer provider's. Anything left out keeps what was there.
@@ -27,10 +27,10 @@ interface EditorStringsProviderProps {
      * a `useMemo`): a new object every render is a new catalogue every render,
      * and everything that reads it draws again.
      */
-    value?: DeepPartial<EditorStrings>;
+    value?: DeepPartial<EaselStrings>;
     /**
      * The language those words are in, as a BCP 47 tag (`'de'`, `'zh-Hant'`). The
-     * engine does not read it; `useEditorLocale()` hands it to a host's blocks and
+     * engine does not read it; `useEaselLocale()` hands it to a host's blocks and
      * fields, so a number or a date drawn in the editor follows the same language.
      * Left out: an outer provider's, else `'en'`.
      */
@@ -45,12 +45,20 @@ interface EditorStringsProviderProps {
  * primitives, the Layers tree, the pickers, the Add panel, the canvas layer —
  * and neither do the plain functions (`editNotice`, `saveIndicator`,
  * `nodeMenuItems`, …). Each takes its group as a prop or an argument instead;
- * a host hands it `useEditorStrings()`'s.
+ * a host hands it `useEaselStrings()`'s.
  */
-declare function EditorStringsProvider({ value, locale, children }: EditorStringsProviderProps): react.JSX.Element;
+declare function EaselStringsProvider({ value, locale, children }: EaselStringsProviderProps): react.JSX.Element;
 /** The whole catalogue: the nearest provider's, or the engine's English. */
-declare function useEditorStrings(): EditorStrings;
+declare function useEaselStrings(): EaselStrings;
 /** The nearest provider's locale, or `'en'`. */
-declare function useEditorLocale(): string;
+declare function useEaselLocale(): string;
+/** @deprecated The name before the Easel rename: `EaselStringsProviderProps`. */
+type EditorStringsProviderProps = EaselStringsProviderProps;
+/** @deprecated The name before the Easel rename: `EaselStringsProvider`. */
+declare const EditorStringsProvider: typeof EaselStringsProvider;
+/** @deprecated The name before the Easel rename: `useEaselStrings`. */
+declare const useEditorStrings: typeof useEaselStrings;
+/** @deprecated The name before the Easel rename: `useEaselLocale`. */
+declare const useEditorLocale: typeof useEaselLocale;
 
-export { DeepPartial, EditorStrings, EditorStringsProvider, type EditorStringsProviderProps, useEditorLocale, useEditorStrings };
+export { DeepPartial, EaselStrings, EaselStringsProvider, type EaselStringsProviderProps, EditorStringsProvider, type EditorStringsProviderProps, useEaselLocale, useEaselStrings, useEditorLocale, useEditorStrings };

package/dist/strings/index.js

@@ -1,2 +1,2 @@
-import{DEFAULT_EDITOR_STRINGS as r,mergeEditorStrings as n}from"../chunk-JE63JHKO.js";export{DEFAULT_EDITOR_STRINGS,mergeEditorStrings}from"../chunk-JE63JHKO.js";import"../chunk-ZAOM6PFH.js";import"../chunk-6WY6ZXJG.js";import"../chunk-GGTPNGFJ.js";import"../chunk-SUO5627P.js";import"../chunk-H4B72XCJ.js";import"../chunk-7A7O2JWQ.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-KDIVA6WD.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-ZT7M24XD.js";import"../chunk-SJQG5ENJ.js";import{stringsContext as o}from"../chunk-MFIRYGHW.js";import"../chunk-O2NLQBFX.js";import{useContext as t,useMemo as i}from"react";import{jsx as c}from"react/jsx-runtime";function s({value:s,locale:u,children:m}){const e=o(),p=t(e),h=p?.strings??r,j=u??p?.locale??"en",k=i(()=>({strings:n(h,s),locale:j}),[h,s,j]);/* @__PURE__ */
-return c(e.Provider,{value:k,children:m})}function u(){return t(o())?.strings??r}function m(){return t(o())?.locale??"en"}export{s as EditorStringsProvider,m as useEditorLocale,u as useEditorStrings};
+import{DEFAULT_EASEL_STRINGS as r,mergeEaselStrings as n}from"../chunk-7JTL3P6P.js";export{DEFAULT_EASEL_STRINGS,DEFAULT_EDITOR_STRINGS,mergeEaselStrings,mergeEditorStrings}from"../chunk-7JTL3P6P.js";import"../chunk-6WY6ZXJG.js";import"../chunk-WK3AFPXY.js";import"../chunk-ZAOM6PFH.js";import"../chunk-AELNNAFM.js";import"../chunk-SUO5627P.js";import"../chunk-H4B72XCJ.js";import"../chunk-7A7O2JWQ.js";import"../chunk-H6DDIBQ4.js";import"../chunk-KDIVA6WD.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-ZT7M24XD.js";import"../chunk-SJQG5ENJ.js";import{stringsContext as t}from"../chunk-MFIRYGHW.js";import"../chunk-O2NLQBFX.js";import{useContext as o,useMemo as i}from"react";import{jsx as c}from"react/jsx-runtime";function s({value:s,locale:m,children:u}){const e=t(),p=o(e),h=p?.strings??r,j=m??p?.locale??"en",k=i(()=>({strings:n(h,s),locale:j}),[h,s,j]);/* @__PURE__ */
+return c(e.Provider,{value:k,children:u})}function m(){return o(t())?.strings??r}function u(){return o(t())?.locale??"en"}var e=s,p=m,h=u;export{s as EaselStringsProvider,e as EditorStringsProvider,u as useEaselLocale,m as useEaselStrings,h as useEditorLocale,p as useEditorStrings};

package/dist/style-clipboard/index.d.ts

@@ -1,5 +1,5 @@
-import { E as EditorContextMenuItem } from '../types-pGBXevBU.js';
-import { S as StyleClipboardWords } from '../words-B2YLaKEr.js';
+import { E as EaselContextMenuItem } from '../types-DO-b0LNj.js';
+import { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
 import 'react';
 
 /**
@@ -143,7 +143,7 @@ declare function planPaste(snapshot: StyleSnapshot, target: {
 }): PastePlan;
 /** The words a merchant reads after a paste. One copy, so both editors say the
  *  same thing — including, plainly, when nothing matched. `words` is the host's
- *  language (`useEditorStrings().styleClipboard`, 0.95.0); left out, English. */
+ *  language (`useEaselStrings().styleClipboard`, 0.95.0); left out, English. */
 declare function pasteMessage(plan: Pick<PastePlan, 'pasted'>, sourceLabel: string, targetLabel: string, words?: StyleClipboardWords): string;
 /** The two shortcuts, as a menu draws them. */
 declare const COPY_STYLE_SHORTCUT = "\u2325\u2318C";
@@ -161,9 +161,9 @@ declare function styleMenuItems(opts: {
     canCopy: boolean;
     onCopy: () => void;
     onPaste: () => void;
-    /** The rows' words in the host's language (`useEditorStrings().styleClipboard`, 0.95.0). Left out, English. */
+    /** The rows' words in the host's language (`useEaselStrings().styleClipboard`, 0.95.0). Left out, English. */
     words?: StyleClipboardWords;
-}): EditorContextMenuItem[];
+}): EaselContextMenuItem[];
 /**
  * Is this key press Copy style or Paste style?
  *

package/dist/tree/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
 import { ReactNode, HTMLAttributes, ButtonHTMLAttributes } from 'react';
-import { T as TreeWords } from '../words-BK-npta-.js';
+import { T as TreeWords } from '../words-N4ebT88_.js';
 
 type LayersTreeProps = {
     /** Extra classes — a host's scroll-bar class, for instance. */
@@ -86,7 +86,7 @@ type TreeRowProps = {
     rowProps?: HTMLAttributes<HTMLDivElement> & Record<`data-${string}`, string | number | undefined>;
     /**
      * The row's own words — the drag hint and the caret's — in the host's
-     * language: `useEditorStrings().tree` (0.95.0). Left out, English. `dragHint`
+     * language: `useEaselStrings().tree` (0.95.0). Left out, English. `dragHint`
      * above still wins for its one line.
      */
     words?: TreeWords;

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

@@ -3,12 +3,12 @@ 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
+ * The easel's UI state, in Puck's shape so the apps' `appState.ui` reads move
  * over unchanged. `itemSelector` and `selectedSlot` are DERIVED from the
  * selection the store holds by id; every other key is the host's own and is
  * kept as written.
  */
-type EditorUi = Record<string, unknown> & {
+type EaselUi = Record<string, unknown> & {
     itemSelector: ItemSelector | null;
     /** The selected slot (a column), when a slot rather than a node is selected. */
     selectedSlot: SlotAddress | null;
@@ -22,7 +22,7 @@ type EditorUi = Record<string, unknown> & {
 /** Puck's public `appState`. */
 interface AppState {
     data: Data;
-    ui: EditorUi;
+    ui: EaselUi;
 }
 type Recordable = {
     recordHistory?: boolean;
@@ -35,12 +35,12 @@ type SetDataPatch = Partial<Data> | DataInput;
  * The actions the apps dispatch today — Puck 0.20's, with Puck's meaning. Zone
  * keys are `"<parentId>:<slot>"`; `root:default-zone` is the page's own list.
  */
-type EditorAction = ({
+type EaselAction = ({
     type: 'setData';
     data: SetDataPatch | ((prev: Data) => SetDataPatch);
 } & Recordable) | ({
     type: 'setUi';
-    ui: Partial<EditorUi> | ((prev: EditorUi) => Partial<EditorUi>);
+    ui: Partial<EaselUi> | ((prev: EaselUi) => Partial<EaselUi>);
 } & Recordable) | ({
     type: 'set';
     state: Partial<AppState> | ((prev: AppState) => Partial<AppState>);
@@ -81,7 +81,7 @@ type EditorAction = ({
     index: number;
     zone: string;
 } & Recordable);
-/** What a block, the root or the whole editor allows. Puck's five. */
+/** What a block, the root or the whole easel allows. Puck's five. */
 interface Permissions {
     drag: boolean;
     duplicate: boolean;
@@ -93,7 +93,7 @@ interface Permissions {
 /** The config the store needs: the data layer's shape, plus each block's own
  *  `permissions` (Puck's per-component permissions). Rendering keys are the
  *  renderer's business and pass through untouched. */
-interface EditorConfig extends DataConfig {
+interface EaselConfig extends DataConfig {
     root?: DataConfig['root'] & {
         permissions?: Partial<Permissions>;
     };
@@ -102,7 +102,7 @@ interface EditorConfig extends DataConfig {
     }) | undefined>;
 }
 /** The state the store holds. The selection is BY ID. */
-interface EditorCore {
+interface EaselCore {
     data: Data;
     selection: NodeSelection;
     /** The host's own UI keys — everything but `itemSelector` / `selectedSlot`. */
@@ -115,7 +115,7 @@ interface HistoryEntry {
 }
 /** Puck's PUBLIC `history` (what `usePuck` hands out): `hasPast` and
  *  `hasFuture` are booleans there, read at the state they came with. */
-interface EditorHistory {
+interface EaselHistory {
     back: () => void;
     forward: () => void;
     hasPast: boolean;
@@ -126,18 +126,18 @@ interface EditorHistory {
     setHistoryIndex: (index: number) => void;
 }
 /**
- * What `useEditor` reads — Puck's `usePuck` state, so the apps' selectors move
+ * What `useEasel` reads — Puck's `usePuck` state, so the apps' selectors move
  * over by renaming the hook: `appState`, `selectedItem`, `dispatch`, `config`,
  * `history`, `getPermissions`, `getItemById`, `getSelectorForId`. Plus the
  * selection by id (`selection`), which Puck never had.
  */
-interface EditorView<C extends EditorConfig = EditorConfig> {
+interface EaselView<C extends EaselConfig = EaselConfig> {
     appState: AppState;
     selection: NodeSelection;
     selectedItem: Node | null;
     config: C;
-    dispatch: (action: EditorAction) => void;
-    history: EditorHistory;
+    dispatch: (action: EaselAction) => void;
+    history: EaselHistory;
     getPermissions: (params?: {
         item?: Node | null;
         type?: string;
@@ -149,5 +149,17 @@ interface EditorView<C extends EditorConfig = EditorConfig> {
      *  did, across a data swap, which the website editor wrapped. */
     getSelectorForId: (id: string) => Required<ItemSelector> | undefined;
 }
+/** @deprecated The name before the Easel rename: `EaselUi`. */
+type EditorUi = EaselUi;
+/** @deprecated The name before the Easel rename: `EaselAction`. */
+type EditorAction = EaselAction;
+/** @deprecated The name before the Easel rename: `EaselConfig`. */
+type EditorConfig = EaselConfig;
+/** @deprecated The name before the Easel rename: `EaselCore`. */
+type EditorCore = EaselCore;
+/** @deprecated The name before the Easel rename: `EaselHistory`. */
+type EditorHistory = EaselHistory;
+/** @deprecated The name before the Easel rename: `EaselView`. */
+type EditorView<C extends EaselConfig = EaselConfig> = EaselView<C>;
 
-export type { AppState as A, EditorConfig as E, HistoryEntry as H, Permissions as P, SetDataPatch as S, EditorView as a, EditorAction as b, EditorCore as c, EditorUi as d, EditorHistory as e };
+export type { AppState as A, EaselConfig as E, HistoryEntry as H, Permissions as P, SetDataPatch as S, EaselView as a, EaselAction as b, EaselCore as c, EaselUi as d, EaselHistory as e, EditorAction as f, EditorConfig as g, EditorCore as h, EditorHistory as i, EditorUi as j, EditorView as k };

package/dist/{types-DNrn_w4V.d.ts → types-Bs_gVkVI.d.ts}

@@ -1,4 +1,4 @@
-import { W as WordFit } from './wordFit-9B9nqyf3.js';
+import { W as WordFit } from './wordFit-D4S36PvB.js';
 import { ReactNode } from 'react';
 
 /**
@@ -14,7 +14,7 @@ import { ReactNode } from 'react';
  * The rail is purely presentational: it owns the LOOK, never the app state. The
  * host decides which item is `active` and what each `onSelect` does.
  */
-interface EditorRailItem {
+interface EaselRailItem {
     /** Stable identity — used as the React key and to correlate selection. */
     id: string;
     /** Accessible name; becomes both the `aria-label` and the hover `title`. */
@@ -48,11 +48,11 @@ interface EditorRailItem {
  * and active look are the same in both directions — the row re-points three
  * existing `--es-rail-*` custom properties and touches nothing else.
  */
-type EditorRailOrientation = 'column' | 'row';
-interface EditorRailProps {
+type EaselRailOrientation = 'column' | 'row';
+interface EaselRailProps {
     /** The buttons, top to bottom, in render order (place the "+" where you want it). */
-    items: EditorRailItem[];
-    /** Names the toolbar for assistive tech. Defaults to `"Editor"` (`EditorStrings.rail.label`). */
+    items: EaselRailItem[];
+    /** Names the toolbar for assistive tech. Defaults to `"Editor"` (`EaselStrings.rail.label`). */
     ariaLabel?: string;
     /** Extra class(es) merged onto the rail container. */
     className?: string;
@@ -61,7 +61,7 @@ interface EditorRailProps {
      * what every editor draws today — adding this prop changed no existing
      * output. Pass `'row'` to lay the rail into a top bar.
      */
-    orientation?: EditorRailOrientation;
+    orientation?: EaselRailOrientation;
     /**
      * A ROW rail's words, measured: the sum of every label's width and the widest
      * one, in the rail's own type (`WordFit`). Given, every button carries its
@@ -74,9 +74,9 @@ interface EditorRailProps {
      */
     wordFit?: WordFit;
 }
-interface EditorRailButtonProps {
+interface EaselRailButtonProps {
     label: string;
-    /** Put the label beside the icon, for the stylesheet to show or clip (see `EditorRail`). */
+    /** Put the label beside the icon, for the stylesheet to show or clip (see `EaselRail`). */
     worded?: boolean;
     icon: ReactNode;
     active?: boolean;
@@ -84,5 +84,13 @@ interface EditorRailButtonProps {
     onSelect?: () => void;
     className?: string;
 }
+/** @deprecated The name before the Easel rename: `EaselRailItem`. */
+type EditorRailItem = EaselRailItem;
+/** @deprecated The name before the Easel rename: `EaselRailOrientation`. */
+type EditorRailOrientation = EaselRailOrientation;
+/** @deprecated The name before the Easel rename: `EaselRailProps`. */
+type EditorRailProps = EaselRailProps;
+/** @deprecated The name before the Easel rename: `EaselRailButtonProps`. */
+type EditorRailButtonProps = EaselRailButtonProps;
 
-export type { EditorRailButtonProps as E, EditorRailItem as a, EditorRailOrientation as b, EditorRailProps as c };
+export type { EaselRailButtonProps as E, EaselRailItem as a, EaselRailOrientation as b, EaselRailProps as c, EditorRailButtonProps as d, EditorRailItem as e, EditorRailOrientation as f, EditorRailProps as g };

package/dist/{types-pGBXevBU.d.ts → types-DO-b0LNj.d.ts}

@@ -7,7 +7,7 @@ import { CSSProperties, ReactNode } from 'react';
  *  what the menus OFFER is not this card's to move. A `label` of `'—'` renders a
  *  separator; `header: true` renders a caption, and the FIRST such caption names
  *  the menu for assistive tech. */
-interface EditorContextMenuItem {
+interface EaselContextMenuItem {
     label: string;
     onClick: () => void;
     danger?: boolean;
@@ -16,7 +16,7 @@ interface EditorContextMenuItem {
      *  One level only — a child carrying its own `children` is drawn as a plain
      *  item, which is all any caller has needed and keeps the flyout from becoming
      *  a tree nobody can navigate with a mouse. */
-    children?: EditorContextMenuItem[];
+    children?: EaselContextMenuItem[];
     /** Draw a tick beside this item — for a submenu whose entries are STATES
      *  rather than actions, so it can say which one you are already on. */
     checked?: boolean;
@@ -65,7 +65,7 @@ interface EditorContextMenuItem {
  *
  * A slot left empty is left empty. The default fills all of them.
  */
-interface EditorContextMenuSkin {
+interface EaselContextMenuSkin {
     /** The box. */
     menu?: string;
     /** The FLYOUT box. Falls back to {@link menu} when a skin gives only one —
@@ -106,17 +106,17 @@ interface EditorContextMenuSkin {
     /** Merged into each row's inline style. */
     itemStyle?: CSSProperties;
 }
-interface EditorContextMenuProps {
+interface EaselContextMenuProps {
     /** Where the pointer was. The box is placed from here and then kept on
      *  screen — see the note on the component. */
     x: number;
     y: number;
-    items: EditorContextMenuItem[];
+    items: EaselContextMenuItem[];
     onClose: () => void;
     /** Cap the box's height; it scrolls past that. */
     maxHeight?: number;
     /** Defaults to {@link ES_MENU_SKIN}, the storefront editor's approved look. */
-    skin?: EditorContextMenuSkin;
+    skin?: EaselContextMenuSkin;
     /**
      * Where to portal to. Defaults to `document.body`.
      *
@@ -127,5 +127,11 @@ interface EditorContextMenuProps {
      */
     portalTo?: HTMLElement | null;
 }
+/** @deprecated The name before the Easel rename: `EaselContextMenuItem`. */
+type EditorContextMenuItem = EaselContextMenuItem;
+/** @deprecated The name before the Easel rename: `EaselContextMenuSkin`. */
+type EditorContextMenuSkin = EaselContextMenuSkin;
+/** @deprecated The name before the Easel rename: `EaselContextMenuProps`. */
+type EditorContextMenuProps = EaselContextMenuProps;
 
-export type { EditorContextMenuItem as E, EditorContextMenuProps as a, EditorContextMenuSkin as b };
+export type { EaselContextMenuItem as E, EaselContextMenuProps as a, EaselContextMenuSkin as b, EditorContextMenuItem as c, EditorContextMenuProps as d, EditorContextMenuSkin as e };

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

@@ -1,4 +1,4 @@
-import { a as EditorRailItem } from './types-DNrn_w4V.js';
+import { a as EaselRailItem } from './types-Bs_gVkVI.js';
 import { CSSProperties, ReactNode, Ref } from 'react';
 import { EditAccess, SaveConflict } from './edit-lock/index.js';
 
@@ -51,7 +51,7 @@ type TopBarClusterProps = {
     /**
      * `rail`   — the LEFT column: exactly the left panel's width (`--es-left-w`),
      *            carrying the panel's hairline up through the bar. Holds the
-     *            `EditorRail` in `orientation="row"` and nothing else.
+     *            `EaselRail` in `orientation="row"` and nothing else.
      * `right`  — the actions a person takes: save state, ghost buttons, the one
      *            primary button.
      * omitted  — the centre: undo / redo, a divider, the device switch, the panel
@@ -61,7 +61,7 @@ type TopBarClusterProps = {
     style?: CSSProperties;
     children?: ReactNode;
 };
-type EditorIconButtonProps = {
+type EaselIconButtonProps = {
     /** Tooltip AND accessible name. An icon-only button has no other. */
     label: string;
     onClick?: () => void;
@@ -87,7 +87,7 @@ type DeviceSwitchProps<Id extends string = string> = {
     value: Id;
     /** Asked for a different device. Never called for the current one. */
     onChange: (next: Id) => void;
-    /** The strip's own name. Defaults to "Preview device" (`EditorStrings.chrome.device`). */
+    /** The strip's own name. Defaults to "Preview device" (`EaselStrings.chrome.device`). */
     ariaLabel?: string;
 };
 /**
@@ -155,8 +155,8 @@ type InspectorUpLevelProps = {
     icon?: ReactNode;
     /**
      * The tooltip, and the start of the accessible name ("… to ‹name›"). Default
-     * "Go up one level" (`EditorStrings.chrome.upLevel`); how the two are joined
-     * is `EditorStrings.chrome.upLevelTo`.
+     * "Go up one level" (`EaselStrings.chrome.upLevel`); how the two are joined
+     * is `EaselStrings.chrome.upLevelTo`.
      */
     label?: string;
 };
@@ -181,8 +181,8 @@ type InspectorIconButtonProps = {
     children: ReactNode;
 };
 type TopBarRailProps = {
-    /** The rail's buttons (`EditorRail` items). */
-    items: EditorRailItem[];
+    /** The rail's buttons (`EaselRail` items). */
+    items: EaselRailItem[];
     /** The toolbar's own name, e.g. "Left panel views". */
     ariaLabel?: string;
 };
@@ -200,5 +200,7 @@ type EditNoticeProps = {
     /** Throw this screen away and load what is saved — the only action that discards work. */
     onReload: () => void;
 };
+/** @deprecated The name before the Easel rename: `EaselIconButtonProps`. */
+type EditorIconButtonProps = EaselIconButtonProps;
 
-export { type DeviceSwitchProps as D, type EditorIconButtonProps as E, type InspectorHeadProps as I, MAX_PANEL_W as M, type PanelResizeHandleProps as P, type SaveTone as S, type TopBarProps as T, type TopBarClusterProps as a, type TopBarRailProps as b, type SaveStateProps as c, type SaveStateToggleProps as d, type InspectorIconButtonProps as e, type InspectorUpLevelProps as f, type EditNoticeProps as g, DEFAULT_PANEL_W as h, type DeviceOption as i, MIN_PANEL_W as j, type PanelSide as k, type PanelWidths as l, clampPanelWidth as m, panelWidthVars as p };
+export { type DeviceSwitchProps as D, type EaselIconButtonProps as E, type InspectorHeadProps as I, MAX_PANEL_W as M, type PanelResizeHandleProps as P, type SaveTone as S, type TopBarProps as T, type TopBarClusterProps as a, type TopBarRailProps as b, type SaveStateProps as c, type SaveStateToggleProps as d, type InspectorIconButtonProps as e, type InspectorUpLevelProps as f, type EditNoticeProps as g, DEFAULT_PANEL_W as h, type DeviceOption as i, type EditorIconButtonProps as j, MIN_PANEL_W as k, type PanelSide as l, type PanelWidths as m, clampPanelWidth as n, panelWidthVars as p };

package/dist/{watch-DmasQA61.d.ts → watch-B5RTR-WX.d.ts}

@@ -37,7 +37,7 @@ interface WatchOptions {
 }
 /**
  * Every block the canvas draws carries this attribute. The markup is the one
- * Puck 0.20 drew, kept by the engine's own canvas (`efficient-easel/editor`)
+ * Puck 0.20 drew, kept by the engine's own canvas (`efficient-easel/easel`)
  * because both apps' canvas CSS and checks read it.
  */
 declare const BLOCK_SELECTOR = "[data-puck-component]";

package/dist/{wordFit-9B9nqyf3.d.ts → wordFit-D4S36PvB.d.ts}

@@ -7,7 +7,7 @@
  *
  *   `SettingsSegmented`   the host passes its measured `fit`;
  *   the top-bar rail      `TopBarRail` measures the words in the browser and
- *                         hands `EditorRail` the result.
+ *                         hands `EaselRail` the result.
  *
  * Both numbers are the width of TEXT ONLY, in the strip's own type, and neither
  * includes any padding, glyph or gap: those are the strip's, and the sheet adds