efficient-easel 16.1.0 → 18.0.0

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

@@ -0,0 +1,34 @@
+import { SharedSectionStore } from './shared-section-types.js';
+import { EaselSession } from './session.js';
+import './puck/content-tree.js';
+import '../../blocks/index.js';
+import 'react';
+import '../../types-Cq53lL8d.js';
+import '../../data/index.js';
+import '../../types-41704JE4.js';
+import '../../resolve-D68pb3Bx.js';
+import '../../plan-CZS902DV.js';
+import './backend-error.js';
+import '../../edit-lock/index.js';
+import './host-chrome.js';
+import './links/link-filters.js';
+import 'efficient-shell/ui';
+import './document-contract.js';
+import './document-hooks.js';
+import './section-template-types.js';
+
+/**
+ * The shared sections of the editor's website — whichever store its backend
+ * offers (`SessionBackend.sharedSections`). The same arrangement as the section
+ * templates (lib/section-templates): read per call, never captured, and a
+ * backend with none is an EMPTY store, so Add draws no "Shared sections" group
+ * and the menus offer no Make shared. No caller asks "is there a store?".
+ */
+
+/** Whether `session`'s backend keeps shared sections at all: the screen offers
+ *  Make shared only where one can be made. */
+declare function keepsSharedSections(session: EaselSession): boolean;
+/** The shared sections of ONE editor's session (its own backend's). */
+declare function sharedSectionsOf(session: EaselSession): SharedSectionStore;
+
+export { keepsSharedSections, sharedSectionsOf };

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

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

package/dist/screen/screen.css

@@ -834,6 +834,13 @@
   pointer-events: auto;
   cursor: pointer;
 }
+/* A SHARED node's tab (Shared section design v4, Lewis 2026-10-21): the
+   shell's `shared` mark before the name, inside the badge's line. */
+.es-band-tab-mark {
+  display: inline-flex;
+  align-items: center;
+  margin-right: 4px;
+}
 /* THE LAYERS BADGE ("Every page") gives way below a 240px panel: the row's
    name needs the room (owner 2026-10-15). The side panel is the size
    container (chrome.css). */

package/dist/screen/words.d.ts

@@ -72,6 +72,52 @@ type ScreenAddWords = {
     addingHere: string;
 };
 declare const DEFAULT_SCREEN_ADD_WORDS: ScreenAddWords;
+/**
+ * A SHARED SECTION'S WORDS (Shared section design v4, Lewis 2026-10-21): one
+ * section that many pages use live. Lewis's words for the menu are "Make
+ * shared", "On 3 pages", "Detach from shared" and "Remove from this page" — not
+ * "Delete" on a page, so nobody thinks it went from every page.
+ */
+type ScreenSharedWords = {
+    /** Add's group of them, above the saved sections. */
+    group: string;
+    /** How far one reaches: a card's Tooltip, and the menu's row that lists
+     *  the pages. */
+    onPages: (v: {
+        count: number;
+    }) => string;
+    /** The menu row on a page's own section, and the dialog's title and button. */
+    makeShared: string;
+    /** The dialog's line under its title. */
+    makeSharedHint: string;
+    /** The name box's label. */
+    name: string;
+    /** The dialog's way out. */
+    cancel: string;
+    /** The store refused to make it. */
+    makeFailed: string;
+    /** The menu row that gives this page its own copy. */
+    detach: string;
+    /** The menu row, and the Layers trash, that take it off this page only. */
+    removeFromPage: string;
+    /** …and what is said then, with how many pages still use it. */
+    removed: (v: {
+        count: number;
+    }) => string;
+    /** A card's menu row, and the dialog's title and button. */
+    deleteShared: string;
+    deleteTitle: (v: {
+        name: string;
+    }) => string;
+    deleteMessage: (v: {
+        count: number;
+    }) => string;
+    /** The store refused to delete it. */
+    deleteFailed: string;
+    /** Why a card is dimmed: it is on this page already (once per page). */
+    alreadyHere: string;
+};
+declare const DEFAULT_SCREEN_SHARED_WORDS: ScreenSharedWords;
 /**
  * THE PROMPT BEFORE A SWITCH OF DOCUMENT WOULD LOSE AN EDIT (3.1.0). It was
  * written into components/ScreenMount; the words are its English, word for
@@ -245,6 +291,8 @@ type ScreenWords = {
     }) => string;
     /** The Add panel's words (0.105.0). */
     add: ScreenAddWords;
+    /** A shared section's words: Add's group, the menu rows and the dialogs. */
+    shared: ScreenSharedWords;
     /** The cell over an EMPTY slot on the canvas, after its "+" (0.106.0): the
      *  campaign designer's "Add a block". */
     canvasAddBlock: string;
@@ -274,8 +322,6 @@ type ScreenWords = {
     collapseAll: string;
     /** …its tooltip while the page has nothing to fold, and the button is off. */
     nothingToFold: string;
-    /** The pinned Footer's row where the page has no footer of its own: its tooltip. */
-    editFooter: string;
     /** The box a row's name is typed in: its accessible name. */
     rename: string;
     /** A row's trash and eye, naming the row. */
@@ -333,4 +379,4 @@ type ScreenWords = {
 };
 declare const DEFAULT_SCREEN_WORDS: ScreenWords;
 
-export { DEFAULT_SCREEN_ADD_WORDS, DEFAULT_SCREEN_SAVE_STATUS_WORDS, DEFAULT_SCREEN_WORDS, type ScreenAddWords, type ScreenBarWords, type ScreenLeaveWords, type ScreenMenuWords, type ScreenSaveStatusWords, type ScreenWords };
+export { DEFAULT_SCREEN_ADD_WORDS, DEFAULT_SCREEN_SAVE_STATUS_WORDS, DEFAULT_SCREEN_SHARED_WORDS, DEFAULT_SCREEN_WORDS, type ScreenAddWords, type ScreenBarWords, type ScreenLeaveWords, type ScreenMenuWords, type ScreenSaveStatusWords, type ScreenSharedWords, type ScreenWords };

package/dist/screen/words.js

@@ -1 +1 @@
-export{DEFAULT_SCREEN_ADD_WORDS,DEFAULT_SCREEN_SAVE_STATUS_WORDS,DEFAULT_SCREEN_WORDS}from"../chunk-VVPZMWJE.js";
+export{DEFAULT_SCREEN_ADD_WORDS,DEFAULT_SCREEN_SAVE_STATUS_WORDS,DEFAULT_SCREEN_SHARED_WORDS,DEFAULT_SCREEN_WORDS}from"../chunk-C2RHV42O.js";

package/dist/shell/shell.css

@@ -60,7 +60,12 @@
  */
 
 .es-editor {
-  /* — accent: the shell's (custom accent, else the themed primary fill) — */
+  /* — accent: the shell's (custom accent, else the themed primary fill) —
+     SHELL GAP (#199): the shell has no token yet for an accent wash
+     (tint, tint-strong), an accent hairline (line), accent words (text), an
+     accent shadow, or ink on a solid fill (on-accent: its nearest is the status
+     tier's `--status-on-solid`). Each is MIXED from shell tokens until the
+     shell has one; none is a value of our own. */
   --es-accent: var(--accent-600, var(--submit-bg));
   --es-accent-tint: color-mix(in srgb, var(--es-accent) 10%, var(--surface));
   --es-accent-tint-strong: color-mix(in srgb, var(--es-accent) 18%, var(--surface));

package/dist/strings/index.d.ts

@@ -1,27 +1,141 @@
-import { DeepPartial, EaselStrings } from './catalogue.js';
-export { CanvasWords, DEFAULT_EASEL_STRINGS, RailWords, mergeEaselStrings } from './catalogue.js';
+import { a as SaveWords } from '../words-DkWcK1rh.js';
+import { N as NoticeWords, C as ChromeWords } from '../words-BpiVrsW5.js';
+import { C as CopyWords } from '../words-D-yhjdOg.js';
+import { D as DragWords } from '../words-CvwYvkJm.js';
+import { LockWords } from '../edit-lock/index.js';
+import { F as FieldsWords } from '../words-vhnV8sM7.js';
+import { N as NodeMenuWords } from '../words-DMG4dYq2.js';
+import { P as PanelWords } from '../words-zH1H0WFw.js';
+import { P as PickWords } from '../words-DWvCJXwR.js';
+import { ScreenWords } from '../screen/words.js';
+export { ScreenAddWords, ScreenSharedWords } from '../screen/words.js';
+import { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
+import { T as TextStylesWords } from '../words-gIDCeRv3.js';
+import { T as TreeWords } from '../words-Cl9xMUYY.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
-export { C as ChromeWords, N as NoticeWords } from '../words-BpiVrsW5.js';
-export { C as CopyWords } from '../words-D-yhjdOg.js';
-export { D as DragWords } from '../words-CvwYvkJm.js';
-export { F as FieldsWords } from '../words-vhnV8sM7.js';
-export { LockWords } from '../edit-lock/index.js';
-export { N as NodeMenuWords } from '../words-DMG4dYq2.js';
-export { P as PanelWords } from '../words-zH1H0WFw.js';
-export { P as PickWords } from '../words-DWvCJXwR.js';
-export { S as SaveWords } from '../words-pgIK0I6g.js';
-export { ScreenAddWords, ScreenWords } from '../screen/words.js';
-export { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
-export { T as TextStylesWords } from '../words-gIDCeRv3.js';
-export { T as TreeWords } from '../words-Cl9xMUYY.js';
-import 'efficient-shell/markup';
-import '../buckets-Tj-nkBpg.js';
-import '../types-DGyDHiJV.js';
-import '../types-CsgMwHHa.js';
+import '../types-DT8ywrFQ.js';
+import '../types-Cy7rdmXt.js';
 import '../wordFit-7XpmhcaW.js';
 import '../panelWidths-D9hTLR25.js';
 import '../engine-CvXpFE86.js';
+import 'efficient-shell/markup';
+import '../buckets-Tj-nkBpg.js';
+
+/**
+ * The easel canvas's own words (`efficient-easel/strings`, 0.95.0): what the
+ * frame is called when the host does not name it (`title`), and the name of
+ * the bar of text tools that floats above words typed on the canvas.
+ *
+ * A plain module with no import.
+ */
+type CanvasWords = {
+    /** The canvas frame's accessible name. */
+    frame: string;
+    /** The floating bar of text tools over the words being typed (its group's name). */
+    textTools: string;
+};
+
+/**
+ * The rail's own words. There is one: what the toolbar is called when the host
+ * does not name it (`ariaLabel`). Every other word on the rail is an item's
+ * `label`, and those are the host's.
+ *
+ * A plain module with no import, so the rail stays the leaf it is
+ * (`tests/rail-leaf-safety.test.tsx`). It is NOT exported from `./index`: the
+ * rail's runtime exports are pinned (`tests/rail-public-shape.test.tsx`), and a
+ * host reads these through `efficient-easel/strings`.
+ */
+type RailWords = {
+    /** The toolbar's accessible name. */
+    label: string;
+};
+
+/**
+ * THE ENGINE'S OWN WORDS, as one catalogue a host can translate (0.95.0).
+ *
+ * Every word and sentence this package itself draws or returns — visible text,
+ * `aria-label`s, tooltips, placeholders — is an entry here, grouped by the
+ * module that says it. What a HOST supplies (a block's name, a field's label, a
+ * tile's caption, the document's noun) was never the engine's and is not here —
+ * with one exception: the assembled screen (`efficient-easel/screen`) draws the
+ * edit notice itself, so the noun it says it with is a word of its own group,
+ * the website's "page" until a host says another.
+ *
+ *   - A plain word is a `string`.
+ *   - Anything with a value in it, or a count that can be one or many, is a
+ *     function: the host puts the value where its language wants it and does
+ *     its own plural.
+ *
+ * ── Where the English lives ───────────────────────────────────────────────
+ * In each module's own `words.ts`, NOT here. A leaf may only import its own
+ * lane (`tests/*-leaf-safety`), and several are held to a bundle that never
+ * spells a browser global — while one sentence below does ("another tab or
+ * window"). So a module owns its group and its defaults, and this file only
+ * puts the groups side by side. `DEFAULT_EASEL_STRINGS.pick` IS the pickers'
+ * own default object, not a copy of it.
+ *
+ * ── Framework-free ────────────────────────────────────────────────────────
+ * No React, no browser global, nothing run at import but object literals
+ * (`tests/strings-leaf-safety.test.ts`), so `efficient-easel/strings`, which
+ * re-exports it beside the provider, creates nothing at import. A host's
+ * server-side test reads `DEFAULT_EASEL_STRINGS` from there. The provider and
+ * the hooks are in ./provider.
+ */
+
+/** Every word the engine says, by the module that says it. */
+interface EaselStrings {
+    /** `efficient-easel/chrome` — `EditNotice`: who holds the document, a refused save. */
+    notice: NoticeWords;
+    /** `efficient-easel/edit-lock` — "2 minutes ago", "Someone else". */
+    lock: LockWords;
+    /** `efficient-easel/autosave` — the save pill. */
+    save: SaveWords;
+    /** `efficient-easel/chrome` — the device switch, "up one level", the panel grip. */
+    chrome: ChromeWords;
+    /** `efficient-easel/rail` — the toolbar's name. */
+    rail: RailWords;
+    /** `efficient-easel/tree` — the drag hint and the caret. */
+    tree: TreeWords;
+    /** `efficient-easel/panel` — the tab strip's name and each tab's word. */
+    panel: PanelWords;
+    /** `efficient-easel/fields` — the number box, the dropdown, the list field. */
+    fields: FieldsWords;
+    /** `efficient-easel/pick` — the colour row and the image box. */
+    pick: PickWords;
+    /** `efficient-easel/drag` — the Add panel and the canvas layer. */
+    drag: DragWords;
+    /** `efficient-easel/node-ops` — the right-click rows. */
+    menu: NodeMenuWords;
+    /** `efficient-easel/style-clipboard` — Copy style, Paste style and what a paste says. */
+    styleClipboard: StyleClipboardWords;
+    /** `efficient-easel/copy` — the formatting bar, alignment, the link window, each mark. */
+    copy: CopyWords;
+    /** `efficient-easel/easel` — the canvas frame's name. */
+    canvas: CanvasWords;
+    /** `efficient-easel/text-styles` — the Email styles / Site styles list (E6). */
+    textStyles: TextStylesWords;
+    /** `efficient-easel/screen` — a document opening, one that will not, the
+     *  notice's word for the document, the Layers tree's frame, the Add panel,
+     *  the main button and the block keys. */
+    screen: ScreenWords;
+}
+/** Today's English, word for word. */
+declare const DEFAULT_EASEL_STRINGS: EaselStrings;
+/**
+ * A catalogue with any part left out. A function entry is taken whole or not
+ * at all: it has no "part" to leave out.
+ */
+type DeepPartial<T> = T extends (...args: never[]) => unknown ? T : T extends object ? {
+    [K in keyof T]?: DeepPartial<T[K]>;
+} : T;
+/**
+ * `defaults` with every entry `partial` gives laid over it. Whatever `partial`
+ * leaves out (or gives as `undefined` / `null`) keeps the default, so a host
+ * that has translated half the catalogue shows the other half in English
+ * rather than as nothing. Neither argument is changed.
+ */
+declare function mergeEaselStrings(defaults: EaselStrings, partial?: DeepPartial<EaselStrings> | null): EaselStrings;
 
 interface EaselStringsProviderProps {
     /**
@@ -58,4 +172,4 @@ declare function useEaselStrings(): EaselStrings;
 /** The nearest provider's locale, or `'en'`. */
 declare function useEaselLocale(): string;
 
-export { DeepPartial, EaselStrings, EaselStringsProvider, type EaselStringsProviderProps, useEaselLocale, useEaselStrings };
+export { type CanvasWords, ChromeWords, CopyWords, DEFAULT_EASEL_STRINGS, type DeepPartial, DragWords, type EaselStrings, EaselStringsProvider, type EaselStringsProviderProps, FieldsWords, LockWords, NodeMenuWords, NoticeWords, PanelWords, PickWords, type RailWords, SaveWords, ScreenWords, StyleClipboardWords, TextStylesWords, TreeWords, mergeEaselStrings, useEaselLocale, useEaselStrings };

package/dist/strings/index.js

@@ -1,2 +1,2 @@
-import{DEFAULT_EASEL_STRINGS as r,mergeEaselStrings as n}from"../chunk-IN22IYOM.js";export{DEFAULT_EASEL_STRINGS,mergeEaselStrings}from"../chunk-IN22IYOM.js";import"../chunk-OGH6CC3E.js";import"../chunk-OFBZOI6W.js";import"../chunk-VVPZMWJE.js";import"../chunk-6WY6ZXJG.js";import"../chunk-WK3AFPXY.js";import"../chunk-KAML3KQH.js";import"../chunk-TBY3DFKS.js";import"../chunk-K56YDHYQ.js";import"../chunk-KFV7N2DJ.js";import"../chunk-H6DDIBQ4.js";import"../chunk-Z6PVRXVY.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-B4JN227A.js";import"../chunk-WRFD4EXD.js";import{stringsContext as o}from"../chunk-MFIRYGHW.js";import{useContext as t,useMemo as c}from"react";import{jsx as i}from"react/jsx-runtime";function s({value:s,locale:u,children:m}){const e=o(),p=t(e),h=p?.strings??r,j=u??p?.locale??"en",k=c(()=>({strings:n(h,s),locale:j}),[h,s,j]);/* @__PURE__ */
-return i(e.Provider,{value:k,children:m})}function u(){return t(o())?.strings??r}function m(){return t(o())?.locale??"en"}export{s as EaselStringsProvider,m as useEaselLocale,u as useEaselStrings};
+import{DEFAULT_SCREEN_WORDS as r}from"../chunk-C2RHV42O.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_CANVAS_WORDS as t}from"../chunk-TBY3DFKS.js";import{DEFAULT_TREE_WORDS as c}from"../chunk-K56YDHYQ.js";import{DEFAULT_PANEL_WORDS as e}from"../chunk-KFV7N2DJ.js";import{DEFAULT_PICK_WORDS as m}from"../chunk-OFBZOI6W.js";import{DEFAULT_NODE_MENU_WORDS as i}from"../chunk-WK3AFPXY.js";import{DEFAULT_SAVE_WORDS as s}from"../chunk-H6DDIBQ4.js";import{DEFAULT_CHROME_WORDS as u,DEFAULT_NOTICE_WORDS as f}from"../chunk-Z6PVRXVY.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-B4JN227A.js";import{DEFAULT_FIELDS_WORDS as j}from"../chunk-WRFD4EXD.js";import{stringsContext as k}from"../chunk-MFIRYGHW.js";import{DEFAULT_DRAG_WORDS as a}from"../chunk-KAML3KQH.js";import{useContext as Y,useMemo as y}from"react";import{jsx as D}from"react/jsx-runtime";var F={notice:f,lock:l,save:s,chrome:u,rail:p,tree:c,panel:e,fields:j,pick:m,drag:a,menu:i,styleClipboard:o,copy:h,canvas:t,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 H(r,o){return o?v(r,o):r}function K({value:r,locale:o,children:n}){const t=k(),c=Y(t),e=c?.strings??F,m=o??c?.locale??"en",i=y(()=>({strings:H(e,r),locale:m}),[e,r,m]);/* @__PURE__ */
+return D(t.Provider,{value:i,children:n})}function O(){return Y(k())?.strings??F}function W(){return Y(k())?.locale??"en"}export{F as DEFAULT_EASEL_STRINGS,K as EaselStringsProvider,H as mergeEaselStrings,W as useEaselLocale,O as useEaselStrings};

package/dist/text-styles/index.js

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

package/dist/tree/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { L as LayersTreeProps, S as SubtreeProps, a as TreeGroupLabelProps, b as TreeEmptySlotProps, c as TreeRowProps, d as TreeRowActionProps, e as TreeSeamProps } from '../types-D8P9q-BG.js';
-export { f as TreeRowFold, T as TreeRowMark } from '../types-D8P9q-BG.js';
+import { L as LayersTreeProps, S as SubtreeProps, a as TreeGroupLabelProps, b as TreeEmptySlotProps, c as TreeRowProps, d as TreeRowActionProps, e as TreeSeamProps } from '../types-Bqq6ya0y.js';
+export { f as TreeRowFold, T as TreeRowMark } from '../types-Bqq6ya0y.js';
 export { T as TreeWords } from '../words-Cl9xMUYY.js';
 import 'efficient-shell/ui';
 
@@ -53,7 +53,7 @@ declare const TREE_DRAG_HINT: string;
  * selected wherever the old name button did not) is selected by that onClick
  * alone on a click, and by `onSelect` from the keyboard (Enter, Space).
  */
-declare function TreeRow({ icon, name, preview, selected, hidden, draggable, dragHint, dragging, drop, fold, actions, nameSlot, onSelect, marks, badge, trailing, children, rowProps, level, words, }: TreeRowProps): react.JSX.Element;
+declare function TreeRow({ icon, name, preview, selected, hidden, draggable, dragHint, dragging, drop, fold, actions, nameSlot, onSelect, marks, badge, trailing, shared, children, rowProps, level, words, }: TreeRowProps): react.JSX.Element;
 /**
  * An action over the end of a row's name — delete (the danger tone) or show /
  * hide, or any other: the shell's `IconButton` with its `Tooltip`. Pressing it

package/dist/tree/index.js

@@ -1 +1 @@
-export{LayersTree,Subtree,TREE_DRAG_HINT,TreeEmptySlot,TreeGroupLabel,TreeRow,TreeRowAction,TreeSeam}from"../chunk-4JSBIW5H.js";import"../chunk-K56YDHYQ.js";
+export{LayersTree,Subtree,TREE_DRAG_HINT,TreeEmptySlot,TreeGroupLabel,TreeRow,TreeRowAction,TreeSeam}from"../chunk-A6Z4SD3I.js";import"../chunk-K56YDHYQ.js";

package/dist/tree/tree.css

@@ -55,6 +55,23 @@
   height: 13px;
 }
 
+/* ── A shared row (Shared section design v4, Lewis 2026-10-21) ──────────────
+   Its mark holds the row's end; the row's own actions show before it only on
+   hover, focus or a hidden row — at rest, selected or not, the mark alone (the
+   design's selected row; at 220px they would cut the name to a letter). The
+   tone and the mark are the shell's (TreeRow `tone`, `SharedIcon`). */
+.es-tree-row:not(:hover):not(:focus-within):not(.is-hidden) .es-tree-shared-acts {
+  display: none;
+}
+.es-tree-shared-acts,
+.es-tree-shared-mark {
+  display: inline-flex;
+  align-items: center;
+}
+.es-tree-shared-mark {
+  padding: 0 4px;
+}
+
 /* A rename box stands in for the name. It must not move the row by a pixel:
    the name's own font, no border, no padding of its own. */
 .es-tree-rename {

package/dist/{types-D8P9q-BG.d.ts → types-Bqq6ya0y.d.ts}

@@ -88,6 +88,15 @@ type TreeRowProps = {
         label: string;
         icon: ReactNode;
     };
+    /**
+     * SHARED (Shared section design v4, Lewis 2026-10-21): the row's thing is
+     * used live on many pages, and these are the words for how far — "On every
+     * page", "On 3 pages". The row is drawn in the shell's shared tone (green),
+     * with the shell's `shared` mark held at its end, these words its Tooltip and
+     * accessible name. The row's `actions` stay, shown before the mark on hover
+     * or focus. Absent: the row is drawn as before.
+     */
+    shared?: string;
     /** Drawn after the name, the marks and `trailing` — a count, say. The drop line is the row's own (`drop`). */
     children?: ReactNode;
     /** The depth, from 1 (`aria-level`). Left out: the nearest `Subtree`'s, counted. */

package/dist/{types-NQozKWEz.d.ts → types-Cq53lL8d.d.ts}

@@ -1,5 +1,5 @@
 import { DataInput } from './data/index.js';
-import { I as ItemSelector, N as NodeSelection } from './plan-CGREINRO.js';
+import { I as ItemSelector, N as NodeSelection } from './plan-CZS902DV.js';
 import { D as Data, S as SlotAddress, a as DataConfig, N as Node } from './types-41704JE4.js';
 
 /**

package/dist/{types-CsgMwHHa.d.ts → types-Cy7rdmXt.d.ts}

@@ -88,4 +88,4 @@ interface EaselRailButtonProps {
     tooltipSide?: 'top' | 'bottom' | 'left' | 'right';
 }
 
-export type { EaselRailButtonProps as E, EaselRailItem as a, EaselRailOrientation as b, EaselRailProps as c };
+export type { EaselRailItem as E, EaselRailProps as a, EaselRailButtonProps as b, EaselRailOrientation as c };

package/dist/{types-DGyDHiJV.d.ts → types-DT8ywrFQ.d.ts}

@@ -1,4 +1,4 @@
-import { a as EaselRailItem } from './types-CsgMwHHa.js';
+import { E as EaselRailItem } from './types-Cy7rdmXt.js';
 import { ReactNode, Ref, CSSProperties } from 'react';
 import { EditAccess, SaveConflict } from './edit-lock/index.js';
 import { P as PanelSide } from './panelWidths-D9hTLR25.js';

package/dist/{useNodeOps-BHRkUFfG.d.ts → useNodeOps-fIDWzftn.d.ts}

@@ -1,5 +1,5 @@
 import { N as Node, S as SlotAddress, D as Data, a as DataConfig, P as Place } from './types-41704JE4.js';
-import { N as NodeSelection, A as AfterRemove, S as StepBounds } from './plan-CGREINRO.js';
+import { N as NodeSelection, A as AfterRemove, S as StepBounds } from './plan-CZS902DV.js';
 
 /**
  * The node clipboard — what Copy and Cut hold, and Paste reads.
@@ -62,6 +62,8 @@ declare function useNodeOps(host: NodeOpsHost): {
     paste: (at: Place) => boolean;
     /** Put back exactly what a delete took, at its place, selected (`planRestore`). */
     restore: (node: Node, at: Place) => boolean;
+    /** Put `node` where `id` stands, selected, in one step (`planSwap`). */
+    swap: (id: string, node: Node) => boolean;
     /** Where "up one level" goes from `selection`, or null when there is nothing above. */
     parentOf: (selection: NodeSelection) => NodeSelection;
 };

package/dist/{words-pgIK0I6g.d.ts → words-DkWcK1rh.d.ts}

@@ -1,4 +1,4 @@
-import { S as SaveTone } from './types-DGyDHiJV.js';
+import { S as SaveTone } from './types-DT8ywrFQ.js';
 import { A as AutosaveSnapshot } from './engine-CvXpFE86.js';
 
 /**
@@ -56,4 +56,4 @@ type SaveWords = {
  */
 declare function saveIndicator(state: AutosaveSnapshot, words?: SaveWords): SaveIndicator;
 
-export { type SaveWords as S, type SaveIndicator as a, saveIndicator as s };
+export { type SaveIndicator as S, type SaveWords as a, saveIndicator as s };