efficient-easel 20.2.1 → 21.1.0

package/dist/screen/lib/puck/tree-reveal.js

@@ -1 +1 @@
-export{markedTreeNodeId,revealSelectedTreeRow,sameSelector}from"../../../chunk-FGNR22NY.js";
+export{markedTreeNodeId,revealSelectedTreeRow,sameSelector}from"../../../chunk-U5DNBT63.js";

package/dist/screen/lib/puck/use-section-ops.d.ts

@@ -1,110 +1,9 @@
-import { N as NodeSelection } from '../../../plan-CZS902DV.js';
-import { Data } from '../../../blocks/index.js';
-import { TreeItem } from './content-tree.js';
+export { NodeSelector, SectionOps, SectionOpsOptions, useSectionOps } from '../document/use-section-ops.js';
+import '../../../plan-CZS902DV.js';
 import '../../../types-41704JE4.js';
+import '../../../blocks/index.js';
 import 'react';
 import '../../../types-Cq53lL8d.js';
 import '../../../data/index.js';
 import '../../../resolve-D68pb3Bx.js';
-
-type NodeSelector = {
-    index: number;
-    zone?: string;
-} | null;
-type ComponentData = TreeItem;
-type SectionOps = {
-    /** Insert a component into a zone at an index; returns the generated id. */
-    insertComponent: (zone: string, type: string, index: number) => string;
-    /** Insert into ROOT_ZONE (top-level section); returns the generated id. */
-    insertSection: (type: string, index: number) => string;
-    /** Atomically replace the node at (zone, index) — heal, reseed, hide toggle. */
-    replaceComponent: (zone: string, index: number, data: ComponentData) => void;
-    /** Seed a freshly-inserted slot child's props (insert THEN replace at a stable id). */
-    seedChild: (zone: string, index: number, childType: string, props: Record<string, unknown>) => void;
-    /**
-     * Insert a FULL node — type + props, including inline slot children — at
-     * (zone, index); returns its id. The same insert-then-replace pattern as
-     * seedChild, one level up: how a saved section template lands in a page.
-     * Callers pass a node whose ids are already fresh (cloneNodeWithFreshIds).
-     */
-    insertNode: (zone: string, index: number, node: TreeItem) => string;
-    /** Remove the node at (zone, index). A normal dispatch, so Undo restores it. */
-    removeComponent: (zone: string, index: number) => void;
-    /**
-     * Move the node at (zone, sourceIndex) to destinationIndex WITHIN THE SAME
-     * zone. `destinationIndex` is the node's final resting index in the array
-     * (Puck's `reorder` reducer splices it out then back in), so a caller moving a
-     * node DOWN must account for the one-slot shift itself.
-     */
-    reorderComponent: (zone: string, sourceIndex: number, destinationIndex: number) => void;
-    /** Duplicate the node at (zone, index). */
-    duplicateComponent: (zone: string, index: number) => void;
-    /** Set (or clear) the Puck selection by index-based address. */
-    select: (selector: NodeSelector) => void;
-    /** Replace the whole working document (used by Reset). */
-    setDocument: (data: Data) => void;
-    /**
-     * Write the next document, and what to select in it, as ONE undo step — the
-     * commit behind the block operations (`efficient-easel/node-ops`, blueprint
-     * step 2.4b: the menu's Delete, Duplicate, Move, Copy / Cut / Paste and Hide,
-     * and the rows' hover-delete). Each of those is planned whole and lands here
-     * once, instead of the two or three dispatches it used to be.
-     *
-     * `select` is BY ID, in `data` (`undefined` leaves the selection as it is),
-     * and goes in with the document through the store's `run` (0.105.1). Until
-     * then the chrome selected first, by position (`setUi { itemSelector }`),
-     * which the store reads in the document it still holds: a paste or a
-     * Duplicate selected the node after its copy, and a Move the node it passed.
-     * Behind the read-only gate like every other mutation here.
-     */
-    commitDocument: (data: Data, select?: NodeSelection) => void;
-};
-type SectionOpsOptions = {
-    /**
-     * SOMEBODY ELSE holds the open document: every MUTATION below becomes a no-op.
-     *
-     * This is the one place the editor's read-only state is enforced on the
-     * document, and it is here rather than on each button because this hook is
-     * already the single source of truth for every mutation — the tree rows, the
-     * canvas "+" seams, the inspector head buttons and the lifecycle effects all
-     * come through it. A gate on the buttons would be a gate on the ones somebody
-     * remembered.
-     *
-     * `select` and `setUi` are NOT mutations and stay live: a read-only viewer must
-     * still be able to click a section and read its settings.
-     *
-     * Deliberately keyed on "somebody else has it" and NOT on the wider save gate.
-     * The save gate is also false while the lock claim is still `checking`, and the
-     * pinned Header/Footer seed runs in the chrome's mount commit, inside that
-     * window, through these very ops. Its WRITE is what is held there — by
-     * `onChange`, released by the claim if it is granted — so the seed must be
-     * allowed to lay the node down (card 1096). Blocking it here would silently
-     * un-fix that card.
-     */
-    readOnly?: boolean;
-    /**
-     * Resolve each node an op puts in (`easel.resolveNode`, trigger `"insert"`).
-     * Default: the layer's rule (`ScreenBlockRules.resolveOnInsert`), else
-     * false — no op resolves anything, as before 0.103.0.
-     */
-    resolveOnInsert?: boolean;
-    /**
-     * NOT AN UNDO STEP: every write is folded into the history entry it happens
-     * in (the store's `recordHistory: false`), as the store folds a resolver's
-     * write (`resolveAll`), instead of being recorded as a step of its own.
-     *
-     * For the passes the screen runs over a document AS IT OPENS — the slot
-     * seeding, the duplicate-id heal, and the layer's own pass (the website's
-     * pinned Header and Footer). Recorded, each was the first entry of the
-     * history: Undo was offered the moment the page opened, and ONE press took
-     * the seeded slides and cards (or the Header) back out of the page, which
-     * autosave then wrote (1.0.1). Folded, the document opens as the history's
-     * first entry; a pass that runs after an edit (a section just inserted,
-     * seeded) lands in that edit's step, so one Undo takes both out together.
-     * Autosave still hears every write (the store's `onChange` fires on a fold).
-     */
-    foldIntoHistory?: boolean;
-};
-declare function useSectionOps(options?: SectionOpsOptions): SectionOps;
-
-export { type NodeSelector, type SectionOps, type SectionOpsOptions, useSectionOps };
+import '../document/content-tree.js';

package/dist/screen/lib/puck/use-section-ops.js

@@ -1 +1 @@
-export{useSectionOps}from"../../../chunk-WEIE2FBC.js";import"../../../chunk-PAOZMXEI.js";import"../../../chunk-FHCKFOCD.js";import"../../../chunk-MQA7OFRA.js";import"../../../chunk-EFHV56BO.js";import"../../../chunk-TBY3DFKS.js";import"../../../chunk-7LYKFL3Q.js";import"../../../chunk-BPXEFVSQ.js";import"../../../chunk-A6Z4SD3I.js";import"../../../chunk-K56YDHYQ.js";import"../../../chunk-ZEH6QLBH.js";import"../../../chunk-IWCKVZHS.js";import"../../../chunk-FIVU2COQ.js";import"../../../chunk-RC25EGHD.js";import"../../../chunk-KFV7N2DJ.js";import"../../../chunk-BSHIQIZC.js";import"../../../chunk-23VM4PMV.js";import"../../../chunk-KRL3IUV3.js";import"../../../chunk-ZOBSIXRD.js";import"../../../chunk-QAJAEWCZ.js";import"../../../chunk-WRFD4EXD.js";import"../../../chunk-VANKQVOW.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-PLVEGYK6.js";import"../../../chunk-LF3FUSCQ.js";
+export{useSectionOps}from"../../../chunk-MLQKNED6.js";import"../../../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/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-ARfaivCu.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-Bqq6ya0y.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';
@@ -23,13 +23,13 @@ import '../../plan-CZS902DV.js';
 import '../../edit-lock/index.js';
 import '../../panelWidths-DgQXiPXU.js';
 import '../../session-DSQFmIvx.js';
-import '../../words-CvwYvkJm.js';
+import '../../words-SD4neL0n.js';
 import '../../wordFit-7XpmhcaW.js';
 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-PAOZMXEI.js";import"../../chunk-FHCKFOCD.js";import"../../chunk-MQA7OFRA.js";import"../../chunk-EFHV56BO.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-7LYKFL3Q.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-A6Z4SD3I.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-ZEH6QLBH.js";import"../../chunk-IWCKVZHS.js";import"../../chunk-FIVU2COQ.js";import"../../chunk-RC25EGHD.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-BSHIQIZC.js";import"../../chunk-23VM4PMV.js";import"../../chunk-KRL3IUV3.js";import"../../chunk-ZOBSIXRD.js";import"../../chunk-QAJAEWCZ.js";import"../../chunk-WRFD4EXD.js";import"../../chunk-VANKQVOW.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-PLVEGYK6.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
@@ -438,13 +438,9 @@
 }
 
 /* ── Footer "Add block" menu — the shell's DropdownMenu (easel issue 199, step 4) ────── */
-/* The menu, its rows and its group headings are efficient-shell's; the row
-   that opens it is the add card (`.sf-add-card`, the trigger's own look). What
-   stays is a heading's count, quieter than its word. */
-.sf-menugroup-count {
-  font-size: var(--text-2xs, 11px);
-  color: var(--sf-field-placeholder);
-}
+/* The menu, its rows, its group headings and their counts (`ItemCount`) are
+   efficient-shell's; the row that opens it is the add card (`.sf-add-card`,
+   the trigger's own look). */
 
 /* ── Footer "Add block" menu — heterogeneous block-type picker ──────────── */
 /* ── Add — a mode over the left panel (components/AddSidePanel) ────────────
@@ -686,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/screen/words.d.ts

@@ -238,6 +238,10 @@ type ScreenMenuWords = {
     clipboardRefused: string;
 };
 type ScreenWords = {
+    /** An "Add block" run heading's count, in words: its Tooltip and screen-reader text. */
+    blockCount: (v: {
+        count: number;
+    }) => string;
     /** While the document is on its way, and while an entry may still bounce. */
     loading: string;
     /** Before the console's sign-in has reached an editor that needs it. */

package/dist/screen/words.js

@@ -1 +1 @@
-export{DEFAULT_SCREEN_ADD_WORDS,DEFAULT_SCREEN_SAVE_STATUS_WORDS,DEFAULT_SCREEN_SHARED_WORDS,DEFAULT_SCREEN_WORDS}from"../chunk-23DYNW6S.js";
+export{DEFAULT_SCREEN_ADD_WORDS,DEFAULT_SCREEN_SAVE_STATUS_WORDS,DEFAULT_SCREEN_SHARED_WORDS,DEFAULT_SCREEN_WORDS}from"../chunk-EB6NI2VK.js";

package/dist/strings/index.d.ts

@@ -1,11 +1,11 @@
 import { a as SaveWords } from '../words-Cm8PMYn0.js';
 import { N as NoticeWords, C as ChromeWords } from '../words-DYu4iBrR.js';
 import { C as CopyWords } from '../words-BpTjCfqO.js';
-import { D as DragWords } from '../words-CvwYvkJm.js';
+import { D as DragWords } from '../words-SD4neL0n.js';
 import { LockWords } from '../edit-lock/index.js';
-import { F as FieldsWords } from '../words-vhnV8sM7.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-23DYNW6S.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-WRFD4EXD.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-KAML3KQH.js";import{useContext as W,useMemo as D}from"react";import{jsx as Y}from"react/jsx-runtime";var y={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},F=r=>"object"==typeof r&&null!==r;function K(r,o){const n={};for(const t of Object.keys(r)){const c=r[t],e=o[t];null==e?n[t]=c:F(c)?n[t]=F(e)?K(c,e):c:n[t]=typeof e==typeof c?e:c}return n}function d(r,o){return o?K(r,o):r}function v({value:r,locale:o,children:n}){const t=k(),c=W(t),e=c?.strings??y,m=o??c?.locale??"en",i=D(()=>({strings:d(e,r),locale:m}),[e,r,m]);/* @__PURE__ */
-return Y(t.Provider,{value:i,children:n})}function H(){return W(k())?.strings??y}function J(){return W(k())?.locale??"en"}export{y as DEFAULT_EASEL_STRINGS,v as EaselStringsProvider,d as mergeEaselStrings,J as useEaselLocale,H as useEaselStrings};
+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,36 +1,36 @@
-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{FieldSelect as l}from"../chunk-QAJAEWCZ.js";import"../chunk-WRFD4EXD.js";import{useWords as i}from"../chunk-MFIRYGHW.js";import{withTip as r}from"../chunk-P2VEMZH5.js";import{TEXT_STYLE_KINDS as o,canAddTextStyle as d,TEXT_STYLE_MAX as c,isDefaultTextStyle as u,CAMPAIGN_TEXT_STYLE_SETTINGS as m,TEXT_STYLE_SETTINGS as h,textStyleRowSize as f,describeTextStyle as p,updateTextStyle as v,textStyleCaseCss as y,TEXT_STYLE_CASES as S,addTextStyle as g,removeTextStyle as b,TEXT_STYLE_RANGES as k}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{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 D,CaseUpperIcon as W,CaseNormalIcon as Y}from"efficient-shell/icons/efficient";import{jsxs as I,jsx as X,Fragment as H}from"react/jsx-runtime";var B=`conic-gradient(${[0,60,120,180,240,300,0].map(e=>N({h:e,s:1,v:1})).join(", ")})`;function F({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__ */I("div",{ref:m,className:"es-ts-set","data-ts-setting":"color",children:[
-/* @__PURE__ */I("div",{className:"es-ts-top",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__ */I("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:B,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 P({styles:e,onChange:s,fonts:t,colours:n=[],settings:l=m,auto:h=[],fallback:f,sample:p,openId:v,defaultOpenId:y=null,onOpenChange:S,onAdd:k,rowActions:N,onRemove:C,max:x=c,device:T="desktop",readOnly:_=!1}){const A=i("textStyles",a),j=z(),[M,$]=w(y),D=void 0!==v?v:M,W=e=>{void 0===v&&$(e),S?.(e)},Y=E(null),[B,F]=w(null);O(()=>{if(!B||!Y.current)return;const e=[...Y.current.querySelectorAll(".es-ts-item")].find(e=>e.dataset.tsId===B.id),s=e?e.querySelector(".es-ts-row"):Y.current.querySelector(`.es-ts-add[data-ts-kind="${B.kind}"]`);s?.focus(),F(null)},[B]);/* @__PURE__ */
-return X("div",{className:"es-ts",ref:Y,children:o.map(a=>{const i=e.filter(e=>e.kind===a),o=!d(e,a,x),c=!_&&!o;/* @__PURE__ */
-return I(R,{label:A.groups[a],children:[i.map(a=>{const i=N?.(a),o=null!=i&&!1!==i,d=Boolean(C)&&!_&&!u(a);/* @__PURE__ */
-return X(G,{style:a,fonts:t,colours:n,settings:l,auto:h,fallback:f,sample:p,device:T,readOnly:_,open:D===a.id,onOpenChange:e=>W(e?a.id:null),onChange:t=>s(e.map(e=>e.id===t.id?t:e)),actions:d||o?/* @__PURE__ */I(H,{children:[d?r(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=b(e,t.id,{name:A.styleName});if(!a)return;const n=e.filter(e=>e.kind===t.kind),l=n[n.indexOf(t)+1];D===t.id&&W(null),s(a.styles),C(a.removed),F({id:l?.id??null,kind:t.kind})})(a),children:/* @__PURE__ */X(L,{size:14,"aria-hidden":"true"})})):null,o?i:null]}):null},a.id)}),r(!_&&o?A.full({kind:a,max:x}):void 0,/* @__PURE__ */I("button",{type:"button",className:"es-ts-add","data-ts-kind":a,disabled:_,"aria-disabled":!(_||!o)||void 0,"aria-describedby":!_&&o?`${j}-full-${a}`:void 0,onClick:()=>{c&&(t=>{if(_)return;const a=g(e,t,{max:x,name:A.styleName,make:k});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:i.length,max:x})})]})),_||!o?null:/* @__PURE__ */X("span",{id:`${j}-full-${a}`,className:"es-vh",children:A.full({kind:a,max:x})})]},a)})})}function R({label:e,children:s}){const t=z();/* @__PURE__ */
-return I("section",{className:"es-ts-section","aria-labelledby":t,children:[
-/* @__PURE__ */X("div",{className:"es-ts-group",id:t,children:e}),s]})}function G({style:e,fonts:s,colours:t=[],settings:n=m,auto:l=[],fallback:r,sample:o,open:d,onOpenChange:c,onChange:u,actions:y,device:S="desktop",readOnly:g=!1}){const b=i("textStyles",a),k=`${z()}-open-${e.id}`,N=new Set(l),C=h.filter(e=>n.includes(e)),x={...r?.(e)??{},...e.values},T="phone"===S,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:`${f(w.size??16)}px`,fontWeight:x.weight,fontStyle:x.italic?"italic":void 0};/* @__PURE__ */
-return I(_,{children:[
-/* @__PURE__ */I("div",{className:"es-ts-item","data-ts-id":e.id,children:[
-/* @__PURE__ */I("button",{type:"button",className:"es-ts-row","aria-expanded":d,"aria-controls":d?k:void 0,onClick:()=>c(!d),children:[
+/* @__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: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":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:p(w,s,b,{autoSize:N.has("size")&&w===x&&void 0===e.values.size})})]}),y?/* @__PURE__ */X("div",{className:"es-ts-actions",children:y}):null]}),d?/* @__PURE__ */X("div",{className:"es-ts-open",id:k,children:/* @__PURE__ */X(Z,{style:e,values:x,fonts:s,colours:t,settings:C,autoSet:N,sample:o??b.sample,words:b,phone:T,readOnly:g,set:s=>u(v([e],e.id,s)[0])})}):null]})}var U={none:Y,upper:W,capitalize:D,lower:$};function Z({style:e,values:s,fonts:a,colours:l,settings:i,autoSet:o,sample:d,words:c,phone:u,readOnly:m,set:h}){const f=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),S=e=>"largestSize"===e||o.has(e),g=e=>S(e)?f[e]:s[e],b=g("size"),N=u&&void 0!==f.sizePhone?f.sizePhone:b,C=g("lineSpacing"),x=g("letterSpacing"),w=S("letterCase")?f.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:y(w)},z=e=>{const t=k[e],a=S(e);/* @__PURE__ */
-return X("div",{className:"es-ts-slider","data-ts-setting":e,children:/* @__PURE__ */X(n,{label:c.settings[e],value:f[e],onChange:s=>h({[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?c.auto:void 0,readOnly:m})},e)};/* @__PURE__ */
-return I(H,{children:[
-/* @__PURE__ */X("div",{className:"es-ts-preview",style:E,"aria-label":c.preview,children:d}),i.map(t=>{switch(t){case"font":/* @__PURE__ */
-return X(q,{value:f.font,fonts:a,words:c,readOnly:m,set:h},t);case"color":/* @__PURE__ */
-return X(K,{value:f.color,hex:v,colours:l,words:c,readOnly:m,set:h},t);case"emphasis":{const e=(s.weight??400)>=600,a=!1!==p?.italic;/* @__PURE__ */
-return I("div",{className:"es-ts-set","data-ts-setting":t,children:[
-/* @__PURE__ */X("span",{className:"es-ts-sub",children:c.settings.emphasis}),
-/* @__PURE__ */I("div",{className:"es-ts-icons",children:[r(c.bold,/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":c.bold,"aria-pressed":e,disabled:m,onClick:()=>h({weight:e?400:700}),children:/* @__PURE__ */X(j,{size:16})})),m||a?r(c.italic,/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":c.italic,"aria-pressed":Boolean(s.italic),disabled:m,onClick:()=>h({italic:!s.italic||void 0}),children:/* @__PURE__ */X(M,{size:16})})):/* @__PURE__ */X(T,{className:"es-ts-icon","aria-label":c.italic,"aria-pressed":Boolean(s.italic),"aria-disabled":!0,disabledReason:c.italicMissing,children:/* @__PURE__ */X(M,{size:16})})]})]},t)}case"letterCase":/* @__PURE__ */
-return X(V,{value:f.letterCase??s.letterCase,auto:S("letterCase"),words:c,readOnly:m,set:h},t);case"largestSize":return"heading"===e.kind?z(t):null;case"size":return u?(()=>{const e=k.size;/* @__PURE__ */
-return X("div",{className:"es-ts-slider","data-ts-setting":"size","data-ts-device":"phone",children:/* @__PURE__ */X(n,{label:c.settings.size,value:f.sizePhone,onChange:e=>h({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:m})},"size")})():z(t);default:return z(t)}})]})}function q({value:e,fonts:s,words:t,readOnly:a,set:n}){const i=z();/* @__PURE__ */
-return I("div",{className:"es-ts-set","data-ts-setting":"font",children:[
-/* @__PURE__ */X("span",{className:"es-ts-sub",id:i,children:t.settings.font}),
-/* @__PURE__ */X(l,{value:e,options:s.map(e=>({label:e.label,value:e.value})),onChange:e=>n({font:e}),ariaLabelledBy:i,readOnly:a})]})}function K({value:e,hex:s,colours:t,words:a,readOnly:n,set:l}){/* @__PURE__ */
-return X(F,{value:e,hex:s,colours:t,label:a.settings.color,followsWord:a.colour.follows,anyWord:a.colour.any,readOnly:n,onChange:e=>l({color:e})})}function V({value:e,auto:s,words:t,readOnly:a,set:n}){const l=s?["auto",...S]:S,i=e??(s?"auto":"none"),o=E([]),d=e=>n({letterCase:"auto"===e?void 0:e});/* @__PURE__ */
-return I("div",{className:"es-ts-set","data-ts-setting":"letterCase",children:[
+/* @__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(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||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__ */
+return X(P,{value:e,hex:s,colours:t,label:a.settings.color,followsWord:a.colour.follows,anyWord:a.colour.any,readOnly:n,onChange:e=>l({color:e})})}function q({value:e,auto:s,words:t,readOnly:a,set:n}){const l=s?["auto",...p]:p,i=e??(s?"auto":"none"),r=E([]),o=e=>n({letterCase:"auto"===e?void 0:e});/* @__PURE__ */
+return D("div",{className:"es-ts-set","data-ts-setting":"letterCase",children:[
 /* @__PURE__ */X("span",{className:"es-ts-sub",children:t.settings.letterCase}),
-/* @__PURE__ */X("div",{className:"es-ts-icons",role:"radiogroup","aria-label":t.settings.letterCase,onKeyDown:e=>{const s="ArrowRight"===e.key||"ArrowDown"===e.key?1:"ArrowLeft"===e.key||"ArrowUp"===e.key?-1:0;if(!s||a)return;e.preventDefault();const t=(l.indexOf(i)+s+l.length)%l.length;d(l[t]),o.current[t]?.focus()},children:l.map((e,s)=>{const n=e===i;if("auto"===e)return r(t.case.autoTitle,/* @__PURE__ */X(T,{ref:e=>{o.current[s]=e},role:"radio",pressed:n,className:"es-ts-icon es-ts-icon--word","aria-checked":n,"aria-label":t.case.auto,tabIndex:n?0:-1,disabled:a,onClick:()=>d(e),children:t.case.auto},e));const l=U[e];return r(t.case[e],/* @__PURE__ */X(T,{ref:e=>{o.current[s]=e},role:"radio",pressed:n,className:"es-ts-icon","aria-checked":n,"aria-label":t.case[e],tabIndex:n?0:-1,disabled:a,onClick:()=>d(e),children:/* @__PURE__ */X(l,{size:16})},e))})})]})}export{F as ColourSwatchRow,G as TextStyleItem,R as TextStylesGroup,P as TextStylesList};
+/* @__PURE__ */X("div",{className:"es-ts-icons",role:"radiogroup","aria-label":t.settings.letterCase,onKeyDown:e=>{const s="ArrowRight"===e.key||"ArrowDown"===e.key?1:"ArrowLeft"===e.key||"ArrowUp"===e.key?-1:0;if(!s||a)return;e.preventDefault();const t=(l.indexOf(i)+s+l.length)%l.length;o(l[t]),r.current[t]?.focus()},children:l.map((e,s)=>{const n=e===i;if("auto"===e)return k(t.case.autoTitle,/* @__PURE__ */X(T,{ref:e=>{r.current[s]=e},role:"radio",pressed:n,className:"es-ts-icon es-ts-icon--word","aria-checked":n,"aria-label":t.case.auto,tabIndex:n?0:-1,disabled:a,onClick:()=>o(e),children:t.case.auto},e));const l=U[e];return k(t.case[e],/* @__PURE__ */X(T,{ref:e=>{r.current[s]=e},role:"radio",pressed:n,className:"es-ts-icon","aria-checked":n,"aria-label":t.case[e],tabIndex:n?0:-1,disabled:a,onClick:()=>o(e),children:/* @__PURE__ */X(l,{size:16})},e))})})]})}export{P as ColourSwatchRow,R as TextStyleItem,G as TextStylesGroup,B as TextStylesList};