efficient-easel 21.0.0 → 21.1.0

package/dist/screen/lib/screen-parts.d.ts

@@ -1,21 +1,21 @@
 import * as react from 'react';
 import { ReactNode, MouseEvent, ComponentType } from 'react';
 import { Data } from '../../blocks/index.js';
-import { C as CanvasTarget } from '../../watch-BTYOJpQU.js';
+import { C as CanvasTarget } from '../../watch-D8xZow3y.js';
 import { D as DeviceOption } from '../../types-B3iSHX-w.js';
 import { P as Place } from '../../types-41704JE4.js';
-import { M as MeasuredCanvas, C as CanvasDragModel } from '../../CanvasDragLayer-Cd1o0HQf.js';
+import { M as MeasuredCanvas, C as CanvasDragModel } from '../../CanvasDragLayer-CFUcBbgc.js';
 import { E as EaselContextMenuItem } from '../../types-BbOBWXMP.js';
 import { E as EaselRailItem } from '../../types-Cy7rdmXt.js';
 import { StyleRow } from '../../style-clipboard/index.js';
 import { T as TreeRowMark } from '../../types-DBy3L69b.js';
 import { AddKey } from '../components/AddSidePanel.js';
-import { p as AnyScreenTarget } from '../../ScreenDocumentContext-CFJeqqKk.js';
+import { p as AnyScreenTarget } from '../../ScreenDocumentContext-1RgtGKWR.js';
 import { HostProduct } from './host-chrome.js';
 import { EaselSession } from './session.js';
 import { SharedSectionUse, SharedSection } from './shared-section-types.js';
-import { AddTarget } from './puck/add-target-types.js';
-import { SlotConfigView } from './puck/content-tree.js';
+import { AddTarget } from './document/add-target-types.js';
+import { SlotConfigView } from './document/content-tree.js';
 import '../../types-Cq53lL8d.js';
 import '../../data/index.js';
 import '../../resolve-D68pb3Bx.js';
@@ -29,7 +29,7 @@ import '../../words-CnnHb9jo.js';
 import 'efficient-shell/ui';
 import '../../words-Cl9xMUYY.js';
 import './section-template-types.js';
-import './puck/block-choice.js';
+import './document/block-choice.js';
 import './document-contract.js';
 import './document-switch.js';
 import '../../engine-CvXpFE86.js';
@@ -37,7 +37,7 @@ import './admin-bridge.js';
 import './links/link-filters.js';
 import './backend-error.js';
 import './document-hooks.js';
-import './puck/slot-section-spec.js';
+import './document/slot-section-spec.js';
 
 /**
  * WHAT THE WEBSITE HANDS THE EDITOR'S SCREEN — the parts of the screen that
@@ -90,12 +90,19 @@ type ScreenInspectorMode = {
  * bails out of the state update. A layer whose inspector names this mode names
  * THIS object (the website's `PUCK_MODE`, components/SectionEditor, is it), so
  * "is the panel showing the selection's own?" has one answer on both sides.
- * The kind keeps the spelling the website's inspector has always tested for.
+ * The kind is `"selection"`; `"puck"` was its spelling until easel 21.1.0 and a
+ * layer that still names it is read as the same mode (`isSelectionMode`).
  */
 declare const SELECTION_MODE: {
-    readonly kind: "puck";
+    readonly kind: "selection";
 };
-/** The inspector drilled into one PART of a node (lib/puck/part-id): the mode
+/** Is this the selection's own panel? Accepts the old spelling `"puck"`, which
+ *  the web builder's `SectionEditor` and the admin portal's tests still use;
+ *  easel 22 drops it. */
+declare function isSelectionMode(mode: {
+    kind: string;
+}): boolean;
+/** The inspector drilled into one PART of a node (lib/document/part-id): the mode
  *  the screen's part bridge (components/usePartBridge) opens and closes. The
  *  website's inspector modes include it (components/SectionEditor
  *  `InspectorMode`). */
@@ -206,7 +213,7 @@ interface ScreenInspectorPanelProps {
 }
 /** What a block's config allows of the two actions that make another node or
  *  take one away (`ComponentConfig.permissions`): `false` only where the config
- *  says so (lib/puck/content-tree `blockNodeActions`). */
+ *  says so (lib/document/content-tree `blockNodeActions`). */
 interface ScreenNodeActions {
     duplicate: boolean;
     delete: boolean;
@@ -324,7 +331,7 @@ type ScreenRailItem = ScreenLeftView | EaselRailItem;
 /**
  * The screen's own writes of the document, as far as a layer's pass over a
  * document needs them. They are the writes every surface of the screen makes
- * (lib/puck/use-section-ops), refused the same way while somebody else holds
+ * (lib/document/use-section-ops), refused the same way while somebody else holds
  * the document, and ONE object from render to render until that changes — so a
  * pass may list it as a dependency and run no oftener for it.
  *
@@ -806,7 +813,7 @@ interface ScreenBlockLook {
     firstSection: string | null;
     /**
      * What the row of a block says when the block is named by its own content
-     * and not by the slot-child rule (lib/puck/slot-child-name): the layer reads
+     * and not by the slot-child rule (lib/document/slot-child-name): the layer reads
      * the content, and `compLabel` — the config's label for a type, lent by the
      * screen — is the word for a block it has no rule for.
      */
@@ -817,7 +824,7 @@ interface ScreenBlockLook {
     /**
      * The plain words of a block's stored copy, every mark of the layer's markup
      * unwrapped: what a tree row prints of a name the author typed, where no mark
-     * can be drawn (lib/puck/slot-child-name `slotChildRowName`). Which marks
+     * can be drawn (lib/document/slot-child-name `slotChildRowName`). Which marks
      * there are is the layer's grammar — a website's is not an email's.
      */
     plainText: (copy: string) => string;
@@ -842,7 +849,7 @@ interface ScreenBlockLook {
     /**
      * THE LAYER'S LAST WORD ON WHAT A LAYERS ROW SAYS (0.103.0): handed a node,
      * the level it is named at and `fallback` — what the screen's own naming
-     * rule answered (lib/puck/slot-child-name: a name the node carries, else its
+     * rule answered (lib/document/slot-child-name: a name the node carries, else its
      * type's label; a pinned row's word) — it answers the row's name. Asked of
      * every node row the page screen's Layers tree draws, and of the menu's
      * Select layer flyout, a block's canvas handle and a section's own list of
@@ -855,7 +862,7 @@ interface ScreenBlockLook {
      * THE PROP A RENAME WRITES, by the layer (0.105.0; owner ruling R11, Victor
      * Mau, 2026-10-09: Rename works on top-level sections in both editors). The
      * write side of `rowName`: handed a node, the level it is named at and
-     * `base` — what the screen's own rule answered (lib/puck/slot-child-name
+     * `base` — what the screen's own rule answered (lib/document/slot-child-name
      * `slotChildRenameProp` for a block, `sectionRenameProp` for a section) — it
      * answers the prop the Layers row's rename box writes, or null for a node
      * that has no name of its own, which takes Rename out of its menu. Answer the
@@ -1305,7 +1312,7 @@ interface ScreenStylePastePlan {
  * layer's — the website's look is its Style and Layout tabs and travels across
  * one site's pages, the campaign designer's is its own panels' and stays in
  * one campaign. Each member is optional, and one left out is the website's
- * (lib/puck/style-clipboard): a layer may hand only its scope. Plain functions,
+ * (lib/document/style-clipboard): a layer may hand only its scope. Plain functions,
  * the same object for the life of the mount.
  */
 interface ScreenStyleClipboard {
@@ -1565,4 +1572,4 @@ declare function useScreenCanvasTarget(): CanvasTarget | null;
  *  engine's plain rows for the selection. */
 declare function useScreenInspectorPanel(): ComponentType<ScreenInspectorPanelProps>;
 
-export { type NodeDefaults, SELECTION_MODE, type ScreenBlockLook, type ScreenBlockRules, type ScreenBridges, type ScreenCanvas, type ScreenCanvasDrag, type ScreenCanvasDragContext, type ScreenCanvasHeadProps, ScreenCanvasTargetProvider, type ScreenDevices, type ScreenDocumentOps, type ScreenDragItem, type ScreenInspector, type ScreenInspectorMode, type ScreenInspectorPanelProps, type ScreenLeftPanel, type ScreenLeftView, type ScreenLeftViewFrame, type ScreenLeftViewRules, type ScreenMainAction, type ScreenMediaDrop, type ScreenMediaFile, type ScreenMenuItem, type ScreenMenuRows, type ScreenNewNode, type ScreenNode, type ScreenNodeActions, type ScreenNodeLevel, type ScreenNodeMaker, type ScreenPartMode, type ScreenParts, ScreenPartsProvider, type ScreenPinnedBand, type ScreenPinnedNodes, type ScreenRailItem, type ScreenSelector, type ScreenSharedSections, type ScreenSlot, type ScreenSlotAction, type ScreenSlotMode, type ScreenStyleClipboard, type ScreenStyleDocument, type ScreenStylePastePlan, type ScreenToastExtra, type ScreenTree, type ScreenTreeFolds, type ScreenTreeRows, isPinnedFirst, isPinnedLast, isSlotMode, sameInspectorMode, screenSlotsOf, useScreenBlockLook, useScreenBlockRules, useScreenBridges, useScreenCanvasDrag, useScreenCanvasFrame, useScreenCanvasHead, useScreenCanvasTarget, useScreenDevices, useScreenDocumentLabel, useScreenDocumentPass, useScreenInspectorPanel, useScreenLeftView, useScreenNodeKeys, useScreenNotify, useScreenOwnerName, useScreenParts, useScreenPickFollowsSelection, useScreenPinned, useScreenSaveSwitch, useScreenStorageNamespace, useScreenStyleClipboard, useStandaloneScreenBridges };
+export { type NodeDefaults, SELECTION_MODE, type ScreenBlockLook, type ScreenBlockRules, type ScreenBridges, type ScreenCanvas, type ScreenCanvasDrag, type ScreenCanvasDragContext, type ScreenCanvasHeadProps, ScreenCanvasTargetProvider, type ScreenDevices, type ScreenDocumentOps, type ScreenDragItem, type ScreenInspector, type ScreenInspectorMode, type ScreenInspectorPanelProps, type ScreenLeftPanel, type ScreenLeftView, type ScreenLeftViewFrame, type ScreenLeftViewRules, type ScreenMainAction, type ScreenMediaDrop, type ScreenMediaFile, type ScreenMenuItem, type ScreenMenuRows, type ScreenNewNode, type ScreenNode, type ScreenNodeActions, type ScreenNodeLevel, type ScreenNodeMaker, type ScreenPartMode, type ScreenParts, ScreenPartsProvider, type ScreenPinnedBand, type ScreenPinnedNodes, type ScreenRailItem, type ScreenSelector, type ScreenSharedSections, type ScreenSlot, type ScreenSlotAction, type ScreenSlotMode, type ScreenStyleClipboard, type ScreenStyleDocument, type ScreenStylePastePlan, type ScreenToastExtra, type ScreenTree, type ScreenTreeFolds, type ScreenTreeRows, isPinnedFirst, isPinnedLast, isSelectionMode, isSlotMode, sameInspectorMode, screenSlotsOf, useScreenBlockLook, useScreenBlockRules, useScreenBridges, useScreenCanvasDrag, useScreenCanvasFrame, useScreenCanvasHead, useScreenCanvasTarget, useScreenDevices, useScreenDocumentLabel, useScreenDocumentPass, useScreenInspectorPanel, useScreenLeftView, useScreenNodeKeys, useScreenNotify, useScreenOwnerName, useScreenParts, useScreenPickFollowsSelection, useScreenPinned, useScreenSaveSwitch, useScreenStorageNamespace, useScreenStyleClipboard, useStandaloneScreenBridges };

package/dist/screen/lib/screen-parts.js

@@ -1 +1 @@
-export{SELECTION_MODE,ScreenCanvasTargetProvider,ScreenPartsProvider,isPinnedFirst,isPinnedLast,isSlotMode,sameInspectorMode,screenSlotsOf,useScreenBlockLook,useScreenBlockRules,useScreenBridges,useScreenCanvasDrag,useScreenCanvasFrame,useScreenCanvasHead,useScreenCanvasTarget,useScreenDevices,useScreenDocumentLabel,useScreenDocumentPass,useScreenInspectorPanel,useScreenLeftView,useScreenNodeKeys,useScreenNotify,useScreenOwnerName,useScreenParts,useScreenPickFollowsSelection,useScreenPinned,useScreenSaveSwitch,useScreenStorageNamespace,useScreenStyleClipboard,useStandaloneScreenBridges}from"../../chunk-NA3GMA43.js";import"../../chunk-FHCKFOCD.js";import"../../chunk-MQA7OFRA.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-7L3NKHEC.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-YHFKWV7H.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-WHS6Y55E.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-ZEH6QLBH.js";import"../../chunk-IWCKVZHS.js";import"../../chunk-FIVU2COQ.js";import"../../chunk-FM6JO4WF.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-BSHIQIZC.js";import"../../chunk-MZ5GSSZ3.js";import"../../chunk-KRL3IUV3.js";import"../../chunk-Y2T3JX7K.js";import"../../chunk-KFWNGPW3.js";import"../../chunk-JACEEVVF.js";import"../../chunk-S3DUFDQ6.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-3S5N4HLJ.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-K7BTCBWD.js";import"../../chunk-L55YIXDC.js";import"../../chunk-QIDRJH3S.js";import"../../chunk-LF3FUSCQ.js";
+export{SELECTION_MODE,ScreenCanvasTargetProvider,ScreenPartsProvider,isPinnedFirst,isPinnedLast,isSelectionMode,isSlotMode,sameInspectorMode,screenSlotsOf,useScreenBlockLook,useScreenBlockRules,useScreenBridges,useScreenCanvasDrag,useScreenCanvasFrame,useScreenCanvasHead,useScreenCanvasTarget,useScreenDevices,useScreenDocumentLabel,useScreenDocumentPass,useScreenInspectorPanel,useScreenLeftView,useScreenNodeKeys,useScreenNotify,useScreenOwnerName,useScreenParts,useScreenPickFollowsSelection,useScreenPinned,useScreenSaveSwitch,useScreenStorageNamespace,useScreenStyleClipboard,useStandaloneScreenBridges}from"../../chunk-OHZHYROJ.js";import"../../chunk-PRHBWA5V.js";import"../../chunk-FHCKFOCD.js";import"../../chunk-MQA7OFRA.js";import"../../chunk-TCAAOYQY.js";import"../../chunk-TUXLORVR.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-PFFH7ASD.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-ZEH6QLBH.js";import"../../chunk-FM6JO4WF.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-WHS6Y55E.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-IWCKVZHS.js";import"../../chunk-FIVU2COQ.js";import"../../chunk-BSHIQIZC.js";import"../../chunk-MZ5GSSZ3.js";import"../../chunk-KRL3IUV3.js";import"../../chunk-Y2T3JX7K.js";import"../../chunk-KFWNGPW3.js";import"../../chunk-S3DUFDQ6.js";import"../../chunk-JACEEVVF.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-3S5N4HLJ.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-4FD7TAOE.js";import"../../chunk-LF3FUSCQ.js";import"../../chunk-K7BTCBWD.js";import"../../chunk-L55YIXDC.js";

package/dist/screen/lib/section-template-types.d.ts

@@ -1,4 +1,4 @@
-import { TreeItem } from './puck/content-tree.js';
+import { TreeItem } from './document/content-tree.js';
 
 /**
  * A SAVED SECTION, AND THE STORE THE EDITOR KEEPS THEM IN — the types alone.

package/dist/screen/lib/section-templates.d.ts

@@ -1,6 +1,6 @@
 import { SectionTemplateStore } from './section-template-types.js';
 import { EaselSession } from './session.js';
-import './puck/content-tree.js';
+import './document/content-tree.js';
 import '../../blocks/index.js';
 import 'react';
 import '../../types-Cq53lL8d.js';

package/dist/screen/lib/section-templates.js

@@ -1 +1 @@
-export{sectionTemplates,sectionTemplatesOf}from"../../chunk-BVN33R76.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-RSCMJIWS.js";
+export{sectionTemplates,sectionTemplatesOf}from"../../chunk-N7E6264U.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-SNF5764Q.js";

package/dist/screen/lib/session-context.d.ts

@@ -15,7 +15,7 @@ import 'efficient-shell/ui';
 import './document-contract.js';
 import './document-hooks.js';
 import './section-template-types.js';
-import './puck/content-tree.js';
+import './document/content-tree.js';
 import './shared-section-types.js';
 
 /**

package/dist/screen/lib/session-context.js

@@ -1 +1 @@
-export{EaselSessionProvider,useEaselSession}from"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";
+export{EaselSessionProvider,useEaselSession}from"../../chunk-YM4UEGBV.js";import"../../chunk-SNF5764Q.js";

package/dist/screen/lib/session.d.ts

@@ -14,7 +14,7 @@ import '../../plan-CZS902DV.js';
 import '../../edit-lock/index.js';
 import './links/link-filters.js';
 import 'efficient-shell/ui';
-import './puck/content-tree.js';
+import './document/content-tree.js';
 
 /**
  * The editor SESSION — everything one mounted editor knows that no prop reaches:
@@ -138,8 +138,8 @@ interface EaselSession {
     readonly blocks: SessionBlocks | null;
     /**
      * The block registry this editor works from — the page root, the palette's
-     * groups and every block (lib/puck/registry). Whoever mounts the editor hands
-     * it over: the storefront's is `lib/puck/config`, with its commerce and
+     * groups and every block (lib/document/registry). Whoever mounts the editor hands
+     * it over: the storefront's is `lib/document/config`, with its commerce and
      * service blocks registered among the general ones. The editor imports no
      * registry of its own, so it never imports a block it does not own
      * (doc/adr/0002). Read once, with the backend — through

package/dist/screen/lib/session.js

@@ -1 +1 @@
-export{EFFICIENT_BACKEND,activateEaselSession,backendOf,createEaselSession,currentEaselSession,deactivateEaselSession,efficientClientOpen,isEfficientBackend,provideDefaultBackend,resetAmbientEaselSession,sessionRegistry,setSessionBridgedSite,setSessionDocumentSite}from"../../chunk-RSCMJIWS.js";
+export{EFFICIENT_BACKEND,activateEaselSession,backendOf,createEaselSession,currentEaselSession,deactivateEaselSession,efficientClientOpen,isEfficientBackend,provideDefaultBackend,resetAmbientEaselSession,sessionRegistry,setSessionBridgedSite,setSessionDocumentSite}from"../../chunk-SNF5764Q.js";

package/dist/screen/lib/shared-section-types.d.ts

@@ -1,4 +1,4 @@
-import { TreeItem } from './puck/content-tree.js';
+import { TreeItem } from './document/content-tree.js';
 
 /**
  * A SHARED SECTION, AND THE STORE A WEBSITE KEEPS THEM IN — the types alone.

package/dist/screen/lib/shared-sections.d.ts

@@ -1,6 +1,6 @@
 import { SharedSectionStore } from './shared-section-types.js';
 import { EaselSession } from './session.js';
-import './puck/content-tree.js';
+import './document/content-tree.js';
 import '../../blocks/index.js';
 import 'react';
 import '../../types-Cq53lL8d.js';

package/dist/screen/lib/shared-sections.js

@@ -1 +1 @@
-export{keepsSharedSections,sharedSectionsOf}from"../../chunk-43AEUUNQ.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-RSCMJIWS.js";
+export{keepsSharedSections,sharedSectionsOf}from"../../chunk-N3MJOHAG.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-SNF5764Q.js";

package/dist/screen/screen.css

@@ -338,7 +338,7 @@
 }
 
 /* ── Left panel: section tree ─────────────────────────────────────────────
-   The Layers tree is the left panel's scroll box (`lib/puck/tree-reveal`
+   The Layers tree is the left panel's scroll box (`lib/document/tree-reveal`
    scrolls it to the selected row). Nothing more: its ONE inset, 12 a side, is
    `.es-tree`'s (`efficient-easel/tree.css`). This rule used to pad the same
    element a second time (8 / 11 / 10 over `.es-tree`'s 8 / 12 / 12) and to
@@ -682,7 +682,7 @@
 /* The rail's "+" (`.sf-rail-plus`) went in 11.0.0: Add opens from the Layers
    head's "+" and a canvas ➕ (owner ruling A1, amended 2026-10-14). */
 
-/* ── Device-aware fields (lib/puck/device-fields.tsx) ─────────────────────────
+/* ── Device-aware fields (lib/document/device-fields.tsx) ─────────────────────────
    A control that belongs to a device the canvas is not showing paints a
    zero-size marker instead of itself, and its row (efficient-easel's public
    `.es-insp-row`, blueprint 4.4) collapses when it holds one, so no gap is left.

package/dist/strings/index.d.ts

@@ -5,7 +5,7 @@ import { D as DragWords } from '../words-SD4neL0n.js';
 import { LockWords } from '../edit-lock/index.js';
 import { F as FieldsWords } from '../words-CFkb8XtN.js';
 import { N as NodeMenuWords } from '../words-DMG4dYq2.js';
-import { P as PanelWords } from '../words-BeX5eGq7.js';
+import { P as PanelWords } from '../words-CmEnDoOe.js';
 import { P as PickWords } from '../words-DWvCJXwR.js';
 import { ScreenWords } from '../screen/words.js';
 export { ScreenAddWords, ScreenSharedWords } from '../screen/words.js';
@@ -20,7 +20,7 @@ import '../wordFit-7XpmhcaW.js';
 import '../panelWidths-DgQXiPXU.js';
 import '../engine-CvXpFE86.js';
 import 'efficient-shell/markup';
-import '../buckets-Tj-nkBpg.js';
+import '../buckets-Sw94ll9I.js';
 
 /**
  * The easel canvas's own words (`efficient-easel/strings`, 0.95.0): what the

package/dist/strings/index.js

@@ -1,2 +1,2 @@
-import{DEFAULT_SCREEN_WORDS as r}from"../chunk-EB6NI2VK.js";import{DEFAULT_STYLE_CLIPBOARD_WORDS as o}from"../chunk-6WY6ZXJG.js";import{DEFAULT_TEXT_STYLES_WORDS as n}from"../chunk-OGH6CC3E.js";import{DEFAULT_PICK_WORDS as t}from"../chunk-OFBZOI6W.js";import{DEFAULT_CANVAS_WORDS as c}from"../chunk-TBY3DFKS.js";import{DEFAULT_TREE_WORDS as e}from"../chunk-K56YDHYQ.js";import{DEFAULT_PANEL_WORDS as m}from"../chunk-KFV7N2DJ.js";import{DEFAULT_NODE_MENU_WORDS as i}from"../chunk-WK3AFPXY.js";import{DEFAULT_SAVE_WORDS as s}from"../chunk-H6DDIBQ4.js";import{DEFAULT_COPY_WORDS as u}from"../chunk-KRL3IUV3.js";import{DEFAULT_FIELDS_WORDS as f}from"../chunk-JACEEVVF.js";import{DEFAULT_CHROME_WORDS as p,DEFAULT_NOTICE_WORDS as l}from"../chunk-AJSDWWJW.js";import{DEFAULT_RAIL_WORDS as h}from"../chunk-2OAZYSWJ.js";import{DEFAULT_LOCK_WORDS as j}from"../chunk-RE4LP46F.js";import{stringsContext as k}from"../chunk-MFIRYGHW.js";import{DEFAULT_DRAG_WORDS as a}from"../chunk-TQ5Y6S2X.js";import{useContext as W,useMemo as Y}from"react";import{jsx as y}from"react/jsx-runtime";var F={notice:l,lock:j,save:s,chrome:p,rail:h,tree:e,panel:m,fields:f,pick:t,drag:a,menu:i,styleClipboard:o,copy:u,canvas:c,textStyles:n,screen:r},d=r=>"object"==typeof r&&null!==r;function v(r,o){const n={};for(const t of Object.keys(r)){const c=r[t],e=o[t];null==e?n[t]=c:d(c)?n[t]=d(e)?v(c,e):c:n[t]=typeof e==typeof c?e:c}return n}function D(r,o){return o?v(r,o):r}function J({value:r,locale:o,children:n}){const t=k(),c=W(t),e=c?.strings??F,m=o??c?.locale??"en",i=Y(()=>({strings:D(e,r),locale:m}),[e,r,m]);/* @__PURE__ */
+import{DEFAULT_TEXT_STYLES_WORDS as r}from"../chunk-OGH6CC3E.js";import{DEFAULT_SCREEN_WORDS as o}from"../chunk-EB6NI2VK.js";import{DEFAULT_STYLE_CLIPBOARD_WORDS as n}from"../chunk-6WY6ZXJG.js";import{DEFAULT_CANVAS_WORDS as t}from"../chunk-TBY3DFKS.js";import{DEFAULT_PANEL_WORDS as c}from"../chunk-KFV7N2DJ.js";import{DEFAULT_TREE_WORDS as e}from"../chunk-K56YDHYQ.js";import{DEFAULT_NODE_MENU_WORDS as m}from"../chunk-WK3AFPXY.js";import{DEFAULT_PICK_WORDS as i}from"../chunk-OFBZOI6W.js";import{DEFAULT_SAVE_WORDS as s}from"../chunk-H6DDIBQ4.js";import{DEFAULT_CHROME_WORDS as u,DEFAULT_NOTICE_WORDS as f}from"../chunk-AJSDWWJW.js";import{DEFAULT_RAIL_WORDS as p}from"../chunk-2OAZYSWJ.js";import{DEFAULT_LOCK_WORDS as l}from"../chunk-RE4LP46F.js";import{DEFAULT_COPY_WORDS as h}from"../chunk-KRL3IUV3.js";import{DEFAULT_FIELDS_WORDS as j}from"../chunk-JACEEVVF.js";import{stringsContext as k}from"../chunk-MFIRYGHW.js";import{DEFAULT_DRAG_WORDS as a}from"../chunk-TQ5Y6S2X.js";import{useContext as W,useMemo as Y}from"react";import{jsx as y}from"react/jsx-runtime";var F={notice:f,lock:l,save:s,chrome:u,rail:p,tree:e,panel:c,fields:j,pick:i,drag:a,menu:m,styleClipboard:n,copy:h,canvas:t,textStyles:r,screen:o},d=r=>"object"==typeof r&&null!==r;function v(r,o){const n={};for(const t of Object.keys(r)){const c=r[t],e=o[t];null==e?n[t]=c:d(c)?n[t]=d(e)?v(c,e):c:n[t]=typeof e==typeof c?e:c}return n}function D(r,o){return o?v(r,o):r}function J({value:r,locale:o,children:n}){const t=k(),c=W(t),e=c?.strings??F,m=o??c?.locale??"en",i=Y(()=>({strings:D(e,r),locale:m}),[e,r,m]);/* @__PURE__ */
 return y(t.Provider,{value:i,children:n})}function K(){return W(k())?.strings??F}function E(){return W(k())?.locale??"en"}export{F as DEFAULT_EASEL_STRINGS,J as EaselStringsProvider,D as mergeEaselStrings,E as useEaselLocale,K as useEaselStrings};

package/dist/text-styles/index.js

@@ -1,32 +1,32 @@
-import{hexReadout as e,ColourWindow as s,typedHex as t}from"../chunk-U6LJ5UKD.js";import{DEFAULT_TEXT_STYLES_WORDS as a}from"../chunk-OGH6CC3E.js";export{DEFAULT_TEXT_STYLES_WORDS}from"../chunk-OGH6CC3E.js";import"../chunk-OFBZOI6W.js";import{FieldSlider as n}from"../chunk-ZEH6QLBH.js";import{TEXT_STYLE_KINDS as l,canAddTextStyle as i,TEXT_STYLE_MAX as r,isDefaultTextStyle as o,CAMPAIGN_TEXT_STYLE_SETTINGS as d,TEXT_STYLE_SETTINGS as c,textStyleRowSize as u,describeTextStyle as m,updateTextStyle as h,textStyleCaseCss as f,TEXT_STYLE_CASES as p,addTextStyle as v,removeTextStyle as y,TEXT_STYLE_RANGES as S}from"../chunk-YHZSBL2N.js";export{CAMPAIGN_TEXT_STYLE_SETTINGS,TEXT_STYLE_CASES,TEXT_STYLE_CASE_CSS,TEXT_STYLE_DEFAULT_COUNT,TEXT_STYLE_KINDS,TEXT_STYLE_MAX,TEXT_STYLE_RANGES,TEXT_STYLE_SETTINGS,addTextStyle,canAddTextStyle,defaultTextStyles,describeTextStyle,isDefaultTextStyle,isTextStyleCase,removeTextStyle,resolveTextStyle,textStyleCaseCss,textStyleCaseOfCss,textStyleRowSize,updateTextStyle,weightWord}from"../chunk-YHZSBL2N.js";import{FieldSelect as g}from"../chunk-KFWNGPW3.js";import"../chunk-JACEEVVF.js";import{useWords as b}from"../chunk-MFIRYGHW.js";import{withTip as k}from"../chunk-P2VEMZH5.js";import{hsvToHex as N,Tooltip as C,ColorSwatch as x,IconButton as T}from"efficient-shell/ui";import{useState as w,useRef as E,useId as z,useEffect as O,Fragment as _}from"react";import{TrashIcon as L,ChevronIcon as A,BoldIcon as j,ItalicIcon as M,CaseLowerIcon as $,CaseCapitalizedIcon as W,CaseUpperIcon as Y,CaseNormalIcon as I}from"efficient-shell/icons/efficient";import{jsxs as D,jsx as X,Fragment as F}from"react/jsx-runtime";var H=`conic-gradient(${[0,60,120,180,240,300,0].map(e=>N({h:e,s:1,v:1})).join(", ")})`;function P({value:t,hex:a,colours:n,label:l,followsWord:i,anyWord:r,onChange:o,readOnly:d=!1}){const[c,u]=w(!1),m=E(null),h=E(null),f=z(),p=void 0!==t&&n.some(e=>e.key===t),v=void 0!==t&&!p;return O(()=>{if(!c)return;const e=m.current?.ownerDocument;if(!e)return;const s=e=>{m.current&&!m.current.contains(e.target)&&u(!1)};return e.addEventListener("click",s,!0),()=>e.removeEventListener("click",s,!0)},[c]),/* @__PURE__ */D("div",{ref:m,className:"es-ts-set","data-ts-setting":"color",children:[
+import{DEFAULT_TEXT_STYLES_WORDS as e}from"../chunk-OGH6CC3E.js";export{DEFAULT_TEXT_STYLES_WORDS}from"../chunk-OGH6CC3E.js";import{FieldSlider as s}from"../chunk-ZEH6QLBH.js";import{hexReadout as t,ColourWindow as a,typedHex as n}from"../chunk-U6LJ5UKD.js";import"../chunk-OFBZOI6W.js";import{TEXT_STYLE_KINDS as l,canAddTextStyle as i,TEXT_STYLE_MAX as r,isDefaultTextStyle as o,CAMPAIGN_TEXT_STYLE_SETTINGS as d,TEXT_STYLE_SETTINGS as c,textStyleRowSize as u,describeTextStyle as m,updateTextStyle as h,textStyleCaseCss as f,TEXT_STYLE_CASES as p,addTextStyle as v,removeTextStyle as y,TEXT_STYLE_RANGES as S}from"../chunk-YHZSBL2N.js";export{CAMPAIGN_TEXT_STYLE_SETTINGS,TEXT_STYLE_CASES,TEXT_STYLE_CASE_CSS,TEXT_STYLE_DEFAULT_COUNT,TEXT_STYLE_KINDS,TEXT_STYLE_MAX,TEXT_STYLE_RANGES,TEXT_STYLE_SETTINGS,addTextStyle,canAddTextStyle,defaultTextStyles,describeTextStyle,isDefaultTextStyle,isTextStyleCase,removeTextStyle,resolveTextStyle,textStyleCaseCss,textStyleCaseOfCss,textStyleRowSize,updateTextStyle,weightWord}from"../chunk-YHZSBL2N.js";import{FieldSelect as g}from"../chunk-KFWNGPW3.js";import"../chunk-JACEEVVF.js";import{useWords as b}from"../chunk-MFIRYGHW.js";import{withTip as k}from"../chunk-P2VEMZH5.js";import{hsvToHex as N,Tooltip as C,ColorSwatch as x,IconButton as T}from"efficient-shell/ui";import{useState as w,useRef as E,useId as z,useEffect as O,Fragment as _}from"react";import{TrashIcon as L,ChevronIcon as A,BoldIcon as j,ItalicIcon as M,CaseLowerIcon as $,CaseCapitalizedIcon as W,CaseUpperIcon as Y,CaseNormalIcon as I}from"efficient-shell/icons/efficient";import{jsxs as D,jsx as X,Fragment as F}from"react/jsx-runtime";var H=`conic-gradient(${[0,60,120,180,240,300,0].map(e=>N({h:e,s:1,v:1})).join(", ")})`;function P({value:e,hex:s,colours:n,label:l,followsWord:i,anyWord:r,onChange:o,readOnly:d=!1}){const[c,u]=w(!1),m=E(null),h=E(null),f=z(),p=void 0!==e&&n.some(s=>s.key===e),v=void 0!==e&&!p;return O(()=>{if(!c)return;const e=m.current?.ownerDocument;if(!e)return;const s=e=>{m.current&&!m.current.contains(e.target)&&u(!1)};return e.addEventListener("click",s,!0),()=>e.removeEventListener("click",s,!0)},[c]),/* @__PURE__ */D("div",{ref:m,className:"es-ts-set","data-ts-setting":"color",children:[
 /* @__PURE__ */D("div",{className:"es-ts-top",children:[
 /* @__PURE__ */X("span",{className:"es-ts-sub",children:l}),
-/* @__PURE__ */X("span",{className:"es-ts-colour-read",children:a?e(a):i})]}),
-/* @__PURE__ */D("div",{className:"es-ts-swatches",role:"group","aria-label":l,children:[n.map(s=>/* @__PURE__ */X(C,{content:`${s.name} · ${e(s.value)}`,children:/* @__PURE__ */X(x,{color:s.value,size:"sm",className:"es-ts-swatch","aria-label":s.name,selected:t===s.key,disabled:d,onClick:()=>o(s.key)})},s.key)),
-/* @__PURE__ */X(C,{content:r,children:/* @__PURE__ */X(x,{ref:h,color:H,size:"sm",className:"es-ts-swatch es-ts-swatch--any","aria-label":r,selected:v,"aria-expanded":c,"aria-controls":c?f:void 0,disabled:d,onClick:()=>u(e=>!e)})})]}),c?/* @__PURE__ */X(s,{id:f,value:a??"",onChange:e=>o(e),label:l,readOnly:d,onClose:()=>{u(!1),h.current?.focus()}}):null]})}function B({styles:e,onChange:s,fonts:t,colours:n=[],settings:c=d,auto:u=[],fallback:m,sample:h,openId:f,defaultOpenId:p=null,onOpenChange:S,onAdd:g,rowActions:N,onRemove:C,max:x=r,device:T="desktop",readOnly:_=!1}){const A=b("textStyles",a),j=z(),[M,$]=w(p),W=void 0!==f?f:M,Y=e=>{void 0===f&&$(e),S?.(e)},I=E(null),[H,P]=w(null);O(()=>{if(!H||!I.current)return;const e=[...I.current.querySelectorAll(".es-ts-item")].find(e=>e.dataset.tsId===H.id),s=e?e.querySelector(".es-ts-row"):I.current.querySelector(`.es-ts-add[data-ts-kind="${H.kind}"]`);s?.focus(),P(null)},[H]);/* @__PURE__ */
-return X("div",{className:"es-ts",ref:I,children:l.map(a=>{const l=e.filter(e=>e.kind===a),r=!i(e,a,x),d=!_&&!r;/* @__PURE__ */
-return D(G,{label:A.groups[a],children:[l.map(a=>{const l=N?.(a),i=null!=l&&!1!==l,r=Boolean(C)&&!_&&!o(a);/* @__PURE__ */
-return X(R,{style:a,fonts:t,colours:n,settings:c,auto:u,fallback:m,sample:h,device:T,readOnly:_,open:W===a.id,onOpenChange:e=>Y(e?a.id:null),onChange:t=>s(e.map(e=>e.id===t.id?t:e)),actions:r||i?/* @__PURE__ */D(F,{children:[r?k(A.remove,/* @__PURE__ */X("button",{type:"button",className:"es-ts-del","aria-label":A.removeNamed({name:a.name}),onClick:()=>(t=>{if(_||!C)return;const a=y(e,t.id,{name:A.styleName});if(!a)return;const n=e.filter(e=>e.kind===t.kind),l=n[n.indexOf(t)+1];W===t.id&&Y(null),s(a.styles),C(a.removed),P({id:l?.id??null,kind:t.kind})})(a),children:/* @__PURE__ */X(L,{size:14,"aria-hidden":"true"})})):null,i?l:null]}):null},a.id)}),k(!_&&r?A.full({kind:a,max:x}):void 0,/* @__PURE__ */D("button",{type:"button",className:"es-ts-add","data-ts-kind":a,disabled:_,"aria-disabled":!(_||!r)||void 0,"aria-describedby":!_&&r?`${j}-full-${a}`:void 0,onClick:()=>{d&&(t=>{if(_)return;const a=v(e,t,{max:x,name:A.styleName,make:g});a&&s(a.styles)})(a)},children:[
-/* @__PURE__ */X("span",{className:"es-ts-add-word",children:A.add[a]}),
-/* @__PURE__ */X("span",{className:"es-ts-count",children:A.count({n:l.length,max:x})})]})),_||!r?null:/* @__PURE__ */X("span",{id:`${j}-full-${a}`,className:"es-vh",children:A.full({kind:a,max:x})})]},a)})})}function G({label:e,children:s}){const t=z();/* @__PURE__ */
+/* @__PURE__ */X("span",{className:"es-ts-colour-read",children:s?t(s):i})]}),
+/* @__PURE__ */D("div",{className:"es-ts-swatches",role:"group","aria-label":l,children:[n.map(s=>/* @__PURE__ */X(C,{content:`${s.name} · ${t(s.value)}`,children:/* @__PURE__ */X(x,{color:s.value,size:"sm",className:"es-ts-swatch","aria-label":s.name,selected:e===s.key,disabled:d,onClick:()=>o(s.key)})},s.key)),
+/* @__PURE__ */X(C,{content:r,children:/* @__PURE__ */X(x,{ref:h,color:H,size:"sm",className:"es-ts-swatch es-ts-swatch--any","aria-label":r,selected:v,"aria-expanded":c,"aria-controls":c?f:void 0,disabled:d,onClick:()=>u(e=>!e)})})]}),c?/* @__PURE__ */X(a,{id:f,value:s??"",onChange:e=>o(e),label:l,readOnly:d,onClose:()=>{u(!1),h.current?.focus()}}):null]})}function B({styles:s,onChange:t,fonts:a,colours:n=[],settings:c=d,auto:u=[],fallback:m,sample:h,openId:f,defaultOpenId:p=null,onOpenChange:S,onAdd:g,rowActions:N,onRemove:C,max:x=r,device:T="desktop",readOnly:_=!1}){const A=b("textStyles",e),j=z(),[M,$]=w(p),W=void 0!==f?f:M,Y=e=>{void 0===f&&$(e),S?.(e)},I=E(null),[H,P]=w(null);O(()=>{if(!H||!I.current)return;const e=[...I.current.querySelectorAll(".es-ts-item")].find(e=>e.dataset.tsId===H.id),s=e?e.querySelector(".es-ts-row"):I.current.querySelector(`.es-ts-add[data-ts-kind="${H.kind}"]`);s?.focus(),P(null)},[H]);/* @__PURE__ */
+return X("div",{className:"es-ts",ref:I,children:l.map(e=>{const l=s.filter(s=>s.kind===e),r=!i(s,e,x),d=!_&&!r;/* @__PURE__ */
+return D(G,{label:A.groups[e],children:[l.map(e=>{const l=N?.(e),i=null!=l&&!1!==l,r=Boolean(C)&&!_&&!o(e);/* @__PURE__ */
+return X(R,{style:e,fonts:a,colours:n,settings:c,auto:u,fallback:m,sample:h,device:T,readOnly:_,open:W===e.id,onOpenChange:s=>Y(s?e.id:null),onChange:e=>t(s.map(s=>s.id===e.id?e:s)),actions:r||i?/* @__PURE__ */D(F,{children:[r?k(A.remove,/* @__PURE__ */X("button",{type:"button",className:"es-ts-del","aria-label":A.removeNamed({name:e.name}),onClick:()=>(e=>{if(_||!C)return;const a=y(s,e.id,{name:A.styleName});if(!a)return;const n=s.filter(s=>s.kind===e.kind),l=n[n.indexOf(e)+1];W===e.id&&Y(null),t(a.styles),C(a.removed),P({id:l?.id??null,kind:e.kind})})(e),children:/* @__PURE__ */X(L,{size:14,"aria-hidden":"true"})})):null,i?l:null]}):null},e.id)}),k(!_&&r?A.full({kind:e,max:x}):void 0,/* @__PURE__ */D("button",{type:"button",className:"es-ts-add","data-ts-kind":e,disabled:_,"aria-disabled":!(_||!r)||void 0,"aria-describedby":!_&&r?`${j}-full-${e}`:void 0,onClick:()=>{d&&(e=>{if(_)return;const a=v(s,e,{max:x,name:A.styleName,make:g});a&&t(a.styles)})(e)},children:[
+/* @__PURE__ */X("span",{className:"es-ts-add-word",children:A.add[e]}),
+/* @__PURE__ */X("span",{className:"es-ts-count",children:A.count({n:l.length,max:x})})]})),_||!r?null:/* @__PURE__ */X("span",{id:`${j}-full-${e}`,className:"es-vh",children:A.full({kind:e,max:x})})]},e)})})}function G({label:e,children:s}){const t=z();/* @__PURE__ */
 return D("section",{className:"es-ts-section","aria-labelledby":t,children:[
-/* @__PURE__ */X("div",{className:"es-ts-group",id:t,children:e}),s]})}function R({style:e,fonts:s,colours:t=[],settings:n=d,auto:l=[],fallback:i,sample:r,open:o,onOpenChange:f,onChange:p,actions:v,device:y="desktop",readOnly:S=!1}){const g=b("textStyles",a),k=`${z()}-open-${e.id}`,N=new Set(l),C=c.filter(e=>n.includes(e)),x={...i?.(e)??{},...e.values},T="phone"===y,w=T&&void 0!==e.values.sizePhone?{...x,size:e.values.sizePhone}:x,E=s.find(e=>e.value===x.font),O={fontFamily:E?.family,fontSize:`${u(w.size??16)}px`,fontWeight:x.weight,fontStyle:x.italic?"italic":void 0};/* @__PURE__ */
+/* @__PURE__ */X("div",{className:"es-ts-group",id:t,children:e}),s]})}function R({style:s,fonts:t,colours:a=[],settings:n=d,auto:l=[],fallback:i,sample:r,open:o,onOpenChange:f,onChange:p,actions:v,device:y="desktop",readOnly:S=!1}){const g=b("textStyles",e),k=`${z()}-open-${s.id}`,N=new Set(l),C=c.filter(e=>n.includes(e)),x={...i?.(s)??{},...s.values},T="phone"===y,w=T&&void 0!==s.values.sizePhone?{...x,size:s.values.sizePhone}:x,E=t.find(e=>e.value===x.font),O={fontFamily:E?.family,fontSize:`${u(w.size??16)}px`,fontWeight:x.weight,fontStyle:x.italic?"italic":void 0};/* @__PURE__ */
 return D(_,{children:[
-/* @__PURE__ */D("div",{className:"es-ts-item","data-ts-id":e.id,children:[
+/* @__PURE__ */D("div",{className:"es-ts-item","data-ts-id":s.id,children:[
 /* @__PURE__ */D("button",{type:"button",className:"es-ts-row","aria-expanded":o,"aria-controls":o?k:void 0,onClick:()=>f(!o),children:[
 /* @__PURE__ */X("span",{className:"es-ts-chev","aria-hidden":"true",children:/* @__PURE__ */X(A,{size:12})}),
-/* @__PURE__ */X("span",{className:"es-ts-name",style:O,children:e.name}),
-/* @__PURE__ */X("span",{className:"es-ts-meta",children:m(w,s,g,{autoSize:N.has("size")&&w===x&&void 0===e.values.size})})]}),v?/* @__PURE__ */X("div",{className:"es-ts-actions",children:v}):null]}),o?/* @__PURE__ */X("div",{className:"es-ts-open",id:k,children:/* @__PURE__ */X(V,{style:e,values:x,fonts:s,colours:t,settings:C,autoSet:N,sample:r??g.sample,words:g,phone:T,readOnly:S,set:s=>p(h([e],e.id,s)[0])})}):null]})}var U={none:I,upper:Y,capitalize:W,lower:$};function V({style:e,values:s,fonts:a,colours:l,settings:i,autoSet:r,sample:o,words:d,phone:c,readOnly:u,set:m}){const h=e.values,p=a.find(e=>e.value===s.font),v=function(e,s){return e?s.find(s=>s.key===e)?.value??t(e)??void 0:void 0}(s.color,l),y=e=>"largestSize"===e||r.has(e),g=e=>y(e)?h[e]:s[e],b=g("size"),N=c&&void 0!==h.sizePhone?h.sizePhone:b,C=g("lineSpacing"),x=g("letterSpacing"),w=y("letterCase")?h.letterCase:s.letterCase,E={fontFamily:p?.family,fontSize:void 0===N?void 0:`${N}px`,fontWeight:s.weight,fontStyle:s.italic?"italic":void 0,lineHeight:void 0===C?void 0:String(C/100),letterSpacing:void 0===x?void 0:`${x}px`,color:v,textTransform:f(w)},z=e=>{const t=S[e],a=y(e);/* @__PURE__ */
-return X("div",{className:"es-ts-slider","data-ts-setting":e,children:/* @__PURE__ */X(n,{label:d.settings[e],value:h[e],onChange:s=>m({[e]:s}),min:t.min,max:t.max,step:t.step,shiftStep:t.shiftStep,sliderMin:t.sliderMin,sliderMax:t.sliderMax,unit:t.unit||void 0,styleValue:a?void 0:s[e],auto:a?d.auto:void 0,readOnly:u})},e)};/* @__PURE__ */
+/* @__PURE__ */X("span",{className:"es-ts-name",style:O,children:s.name}),
+/* @__PURE__ */X("span",{className:"es-ts-meta",children:m(w,t,g,{autoSize:N.has("size")&&w===x&&void 0===s.values.size})})]}),v?/* @__PURE__ */X("div",{className:"es-ts-actions",children:v}):null]}),o?/* @__PURE__ */X("div",{className:"es-ts-open",id:k,children:/* @__PURE__ */X(V,{style:s,values:x,fonts:t,colours:a,settings:C,autoSet:N,sample:r??g.sample,words:g,phone:T,readOnly:S,set:e=>p(h([s],s.id,e)[0])})}):null]})}var U={none:I,upper:Y,capitalize:W,lower:$};function V({style:e,values:t,fonts:a,colours:l,settings:i,autoSet:r,sample:o,words:d,phone:c,readOnly:u,set:m}){const h=e.values,p=a.find(e=>e.value===t.font),v=function(e,s){return e?s.find(s=>s.key===e)?.value??n(e)??void 0:void 0}(t.color,l),y=e=>"largestSize"===e||r.has(e),g=e=>y(e)?h[e]:t[e],b=g("size"),N=c&&void 0!==h.sizePhone?h.sizePhone:b,C=g("lineSpacing"),x=g("letterSpacing"),w=y("letterCase")?h.letterCase:t.letterCase,E={fontFamily:p?.family,fontSize:void 0===N?void 0:`${N}px`,fontWeight:t.weight,fontStyle:t.italic?"italic":void 0,lineHeight:void 0===C?void 0:String(C/100),letterSpacing:void 0===x?void 0:`${x}px`,color:v,textTransform:f(w)},z=e=>{const a=S[e],n=y(e);/* @__PURE__ */
+return X("div",{className:"es-ts-slider","data-ts-setting":e,children:/* @__PURE__ */X(s,{label:d.settings[e],value:h[e],onChange:s=>m({[e]:s}),min:a.min,max:a.max,step:a.step,shiftStep:a.shiftStep,sliderMin:a.sliderMin,sliderMax:a.sliderMax,unit:a.unit||void 0,styleValue:n?void 0:t[e],auto:n?d.auto:void 0,readOnly:u})},e)};/* @__PURE__ */
 return D(F,{children:[
-/* @__PURE__ */X("div",{className:"es-ts-preview",style:E,"aria-label":d.preview,children:o}),i.map(t=>{switch(t){case"font":/* @__PURE__ */
-return X(Z,{value:h.font,fonts:a,words:d,readOnly:u,set:m},t);case"color":/* @__PURE__ */
-return X(K,{value:h.color,hex:v,colours:l,words:d,readOnly:u,set:m},t);case"emphasis":{const e=(s.weight??400)>=600,a=!1!==p?.italic;/* @__PURE__ */
-return D("div",{className:"es-ts-set","data-ts-setting":t,children:[
+/* @__PURE__ */X("div",{className:"es-ts-preview",style:E,"aria-label":d.preview,children:o}),i.map(n=>{switch(n){case"font":/* @__PURE__ */
+return X(Z,{value:h.font,fonts:a,words:d,readOnly:u,set:m},n);case"color":/* @__PURE__ */
+return X(K,{value:h.color,hex:v,colours:l,words:d,readOnly:u,set:m},n);case"emphasis":{const e=(t.weight??400)>=600,s=!1!==p?.italic;/* @__PURE__ */
+return D("div",{className:"es-ts-set","data-ts-setting":n,children:[
 /* @__PURE__ */X("span",{className:"es-ts-sub",children:d.settings.emphasis}),
-/* @__PURE__ */D("div",{className:"es-ts-icons",children:[k(d.bold,/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":d.bold,"aria-pressed":e,disabled:u,onClick:()=>m({weight:e?400:700}),children:/* @__PURE__ */X(j,{size:16})})),u||a?k(d.italic,/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":d.italic,"aria-pressed":Boolean(s.italic),disabled:u,onClick:()=>m({italic:!s.italic||void 0}),children:/* @__PURE__ */X(M,{size:16})})):/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":d.italic,"aria-pressed":Boolean(s.italic),"aria-disabled":!0,disabledReason:d.italicMissing,children:/* @__PURE__ */X(M,{size:16})})]})]},t)}case"letterCase":/* @__PURE__ */
-return X(q,{value:h.letterCase??s.letterCase,auto:y("letterCase"),words:d,readOnly:u,set:m},t);case"largestSize":return"heading"===e.kind?z(t):null;case"size":return c?(()=>{const e=S.size;/* @__PURE__ */
-return X("div",{className:"es-ts-slider","data-ts-setting":"size","data-ts-device":"phone",children:/* @__PURE__ */X(n,{label:d.settings.size,value:h.sizePhone,onChange:e=>m({sizePhone:e}),min:e.min,max:e.max,step:e.step,shiftStep:e.shiftStep,sliderMin:e.sliderMin,sliderMax:e.sliderMax,unit:e.unit||void 0,styleValue:b,readOnly:u})},"size")})():z(t);default:return z(t)}})]})}function Z({value:e,fonts:s,words:t,readOnly:a,set:n}){const l=z();/* @__PURE__ */
+/* @__PURE__ */D("div",{className:"es-ts-icons",children:[k(d.bold,/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":d.bold,"aria-pressed":e,disabled:u,onClick:()=>m({weight:e?400:700}),children:/* @__PURE__ */X(j,{size:16})})),u||s?k(d.italic,/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":d.italic,"aria-pressed":Boolean(t.italic),disabled:u,onClick:()=>m({italic:!t.italic||void 0}),children:/* @__PURE__ */X(M,{size:16})})):/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":d.italic,"aria-pressed":Boolean(t.italic),"aria-disabled":!0,disabledReason:d.italicMissing,children:/* @__PURE__ */X(M,{size:16})})]})]},n)}case"letterCase":/* @__PURE__ */
+return X(q,{value:h.letterCase??t.letterCase,auto:y("letterCase"),words:d,readOnly:u,set:m},n);case"largestSize":return"heading"===e.kind?z(n):null;case"size":return c?(()=>{const e=S.size;/* @__PURE__ */
+return X("div",{className:"es-ts-slider","data-ts-setting":"size","data-ts-device":"phone",children:/* @__PURE__ */X(s,{label:d.settings.size,value:h.sizePhone,onChange:e=>m({sizePhone:e}),min:e.min,max:e.max,step:e.step,shiftStep:e.shiftStep,sliderMin:e.sliderMin,sliderMax:e.sliderMax,unit:e.unit||void 0,styleValue:b,readOnly:u})},"size")})():z(n);default:return z(n)}})]})}function Z({value:e,fonts:s,words:t,readOnly:a,set:n}){const l=z();/* @__PURE__ */
 return D("div",{className:"es-ts-set","data-ts-setting":"font",children:[
 /* @__PURE__ */X("span",{className:"es-ts-sub",id:l,children:t.settings.font}),
 /* @__PURE__ */X(g,{value:e,options:s.map(e=>({label:e.label,value:e.value})),onChange:e=>n({font:e}),ariaLabelledBy:l,readOnly:a})]})}function K({value:e,hex:s,colours:t,words:a,readOnly:n,set:l}){/* @__PURE__ */

package/dist/tree/index.d.ts

@@ -7,7 +7,7 @@ import 'efficient-shell/ui';
 /**
  * The Layers tree's container: the shell's `Tree` (`role="tree"`, its roving tab
  * stop and arrow keys; harness UI-24). `es-tree` stays on it as the hook
- * `screen/lib/puck/tree-reveal` scrolls, and the scroll box `tree.css` keeps.
+ * `screen/lib/document/tree-reveal` scrolls, and the scroll box `tree.css` keeps.
  */
 declare function LayersTree({ className, children, rootProps, ariaLabel, words }: LayersTreeProps): react.JSX.Element;
 /**

package/dist/{types-CDX6vd6A.d.ts → types-B8NwXKlE.d.ts}

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { ShowWhenRule } from 'efficient-shell/ui';
-import { S as SettingsBucket } from './buckets-Tj-nkBpg.js';
+import { S as SettingsBucket } from './buckets-Sw94ll9I.js';
 
 /** What every control shares: an id for its label, a name for screen readers, and a read-only switch. */
 interface ControlBase {

package/dist/{watch-BTYOJpQU.d.ts → watch-D8xZow3y.d.ts}

@@ -48,7 +48,7 @@ interface WatchOptions {
  * 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]";
+declare const BLOCK_SELECTOR = "[data-easel-block]";
 /**
  * Every LIST the canvas draws carries this attribute — the page's own
  * (`root:default-zone`) and each slot's — whether or not there is a block in
@@ -57,7 +57,7 @@ declare const BLOCK_SELECTOR = "[data-puck-component]";
  * published, on the one page a first block has to be dropped on (second host,
  * 2026-10-07: it had typed the attribute out by hand to get this).
  */
-declare const LIST_SELECTOR = "[data-puck-dropzone]";
+declare const LIST_SELECTOR = "[data-easel-dropzone]";
 /** The canvas frame: Puck 0.20's, and the engine's own `CanvasFrame` since 0.89.0. */
 declare const CANVAS_SELECTOR = "iframe#preview-frame";
 /**

package/dist/{words-BeX5eGq7.d.ts → words-CmEnDoOe.d.ts}

@@ -1,4 +1,4 @@
-import { S as SettingsBucket, D as DesignGroup } from './buckets-Tj-nkBpg.js';
+import { S as SettingsBucket, D as DesignGroup } from './buckets-Sw94ll9I.js';
 
 /**
  * The settings panel's own words (`efficient-easel/strings`, 0.95.0): what