efficient-easel 2.2.0 → 3.2.1

package/dist/panel/index.d.ts

@@ -2,6 +2,7 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { W as WordFit } from '../wordFit-7XpmhcaW.js';
 import { P as PanelWords } from '../words-BGrHZAJJ.js';
+export { CornerOption as SettingsCornerPoint, CornersInput as SettingsCorners, CornersInputProps as SettingsCornersProps, AlignmentGrid as SettingsPlacement, AlignmentPoint as SettingsPlacementPoint, AlignmentGridProps as SettingsPlacementProps } from 'efficient-shell/ui';
 export { a as SETTINGS_BUCKETS, S as SettingsBucket } from '../buckets-CuLM47h9.js';
 
 /**
@@ -505,104 +506,6 @@ interface SettingsDrillProps {
     id?: string;
     className?: string;
 }
-/** One of the nine positions {@link SettingsPlacementProps} offers. */
-interface SettingsPlacementPoint {
-    /** What the host stores when this cell is pressed. Also the React key, so
-     *  the nine must be distinct. */
-    value: string;
-    /** The cell's accessible name — "Top left", "Centre". Read aloud on its own,
-     *  so it names the POSITION and never the value behind it. */
-    label: string;
-    /**
-     * This position cannot be chosen. The caller's arithmetic decides it (a
-     * position that already holds all it can draw), never this component.
-     * Disabled rather than absent: nine squares that became eight would read as
-     * a control that had broken.
-     */
-    disabled?: boolean;
-    /** Why, on hover. Falls back to {@link label}, so a plain cell still has a
-     *  tooltip and a closed one explains itself. */
-    title?: string;
-    /**
-     * Drawn IN PLACE OF the cell's dot, not beside it.
-     *
-     * The grid's default mark is a dot, because nine positions are answered by
-     * "which square", and a dot is the smallest thing that can say "this one".
-     * One control asks a different question with the same nine squares: the
-     * Scrolling Bar's `Scroll direction`, where four live cells mean a direction
-     * of TRAVEL and a dot cannot say which way. Those cells take an arrow.
-     *
-     * ⚠️ IT REPLACES THE DOT. A cell drawing both would put an arrow beside a dot
-     * inside a 26.67px square, and the dot would read as a second control. Leave
-     * it off and the cell renders exactly what it has always rendered — which is
-     * what keeps the five existing call sites byte-identical.
-     *
-     * Silent: the slot is `aria-hidden`, because the button around it already
-     * names the position and two voices in one cell is worse than one.
-     */
-    icon?: ReactNode;
-}
-/** One of the four corners {@link SettingsCornersProps} offers. */
-interface SettingsCornerPoint {
-    /** What the host stores when this corner is on. Also the React key and half
-     *  of the cell's class name, so the four must be distinct and CSS-safe. */
-    value: string;
-    /** The cell's accessible name — "Top left". Read aloud on its own, so it
-     *  names the CORNER and never the value behind it. */
-    label: string;
-    /**
-     * This corner cannot be chosen. The caller's arithmetic decides it (a box
-     * whose neighbour already rounds that edge), never this component. Disabled
-     * rather than absent: four cells that became three would read as a control
-     * that had broken.
-     */
-    disabled?: boolean;
-    /** Why, on hover. Falls back to {@link label}, so a plain cell still has a
-     *  tooltip and a closed one explains itself. */
-    title?: string;
-}
-interface SettingsCornersProps {
-    /** The group's accessible name. NOT drawn — the visible label belongs to the
-     *  `SettingsField` row around it, the same split `SettingsSwitch` makes. */
-    label: string;
-    /**
-     * The corners that are ON, already resolved by the host: this component has
-     * no opinion about what an absent or empty value means. An empty array is a
-     * real answer (every corner square), so a host that reads absence as "all
-     * four" resolves that before handing this in.
-     */
-    value: readonly string[];
-    /**
-     * The four cells. No default: a component that invented four corner values
-     * would be answering a question only the host can answer, and the order it
-     * stores them in is the host's too.
-     */
-    corners: readonly SettingsCornerPoint[];
-    /** The new set, in the order the cells were pressed. The host normalises. */
-    onChange: (next: string[]) => void;
-    /** A DOM id for the group, so a host can point a label at it. */
-    id?: string;
-    className?: string;
-}
-interface SettingsPlacementProps {
-    /** The radiogroup's accessible name. NOT drawn — the visible label belongs to
-     *  the `SettingsField` row around it, the same split `SettingsSwitch` makes. */
-    label: string;
-    /** The chosen position, already resolved by the host: this component has no
-     *  opinion about what an absent value means. */
-    value: string;
-    /**
-     * The nine cells, in reading order — top-left first, bottom-right last. No
-     * default: a component that invented nine positions would be answering a
-     * question only the host can answer, and the two callers ask different ones
-     * (a picture's focal point, a block's anchor).
-     */
-    points: readonly SettingsPlacementPoint[];
-    onChange: (next: string) => void;
-    /** A DOM id for the radiogroup, so a host can point a label at it. */
-    id?: string;
-    className?: string;
-}
 /**
  * A FULL-WIDTH ACTION BUTTON that sits under a group's rows and COMMITS.
  *
@@ -618,8 +521,8 @@ interface SettingsPlacementProps {
 interface SettingsActionBaseProps {
     /**
      * What the button says — "Apply to all cards". The package supplies NO
-     * default, the way `SettingsCorners` invents no corner names: the words belong
-     * to the section that knows what it is about to rewrite.
+     * default, the way the shell's `CornersInput` invents no corner names: the
+     * words belong to the section that knows what it is about to rewrite.
      */
     label: ReactNode;
     /** Pressed. The write is the host's; this component performs none of it. */
@@ -964,127 +867,6 @@ declare function SettingsDefaultReset({ label, changed, onReset, detail, disable
  */
 declare function SettingsDrill({ name, preview, offPage, status, onOpen, id, className, }: SettingsDrillProps): react.JSX.Element;
 
-/**
- * A 3×3 grid of positions, one of them lit — "which of these nine?".
- *
- * ONE CONTROL, TWO QUESTIONS THAT ARE THE SAME QUESTION. A merchant asks it of
- * an image ("which part of this crop stays in view?") and of a block ("where on
- * the thing behind it does this sit?"). Both are one of nine positions, both
- * want the merchant to PRESS THE CORNER rather than read nine words out of a
- * dropdown, and drawing them as two controls would be two things to keep
- * looking alike for ever.
- *
- * ── WHY IT IS HERE NOW, AND WHY IT WAS NOT BEFORE ───────────────────────────
- *
- * It lived in `efficient-storefront` as `FocalPicker`, and its own comment recorded
- * the rule for moving it: card 66189 said *"the day a second section wants it,
- * that is the card that promotes it"*. Card 66214 was that second caller and
- * deliberately declined — the control was days old and had already changed
- * signature once, so freezing its shape in a released package would have been
- * early. That was right then.
- *
- * It is not right now: the shape has not moved since, and the sections that
- * hold boxes take it past six call sites. A local copy with that many callers
- * is the shape that becomes a second source, so it comes here — the rule its
- * own author wrote, applied on the day it fires.
- *
- * ── WHAT IT DOES NOT DO ─────────────────────────────────────────────────────
- *
- * It renders the CONTROL only. The row around it — the glyph, the label, the
- * caption — is `SettingsField`'s, exactly as `SettingsSwitch` splits. `label`
- * is the radiogroup's accessible name, never a visible one.
- *
- * ── A CELL MAY DRAW A GLYPH INSTEAD OF ITS DOT ──────────────────────────────
- *
- * Nine positions are answered by "which square", and a dot is the smallest mark
- * that says "this one". ONE control asks a different question with the same
- * nine squares: the Scrolling Bar's `Scroll direction`, where four live cells
- * mean a direction of TRAVEL — and a dot cannot say which way. Those cells pass
- * an `icon` on the point, and it is drawn in place of the dot.
- *
- * THE GLYPH COMES FROM THE ICON LIBRARY, never from in here. `efficient-easel/icons`
- * holds `direction-left`, `direction-right`, `direction-up` and `direction-down`
- * for exactly this control. A shape drawn inside this component would be the
- * second source of truth the whole package exists to prevent — the same rule
- * that stops a panel drawing its own glyph one level up.
- *
- * It also holds no opinion about what a position MEANS. The host hands nine
- * values and gets one back; whether that value becomes a CSS `object-position`
- * or a grid anchor is the host's business, and keeping it that way is what lets
- * one control answer both questions.
- *
- * ── AN EDITOR'S COMPOSITE, OF THE SHELL'S PARTS (UI-24 §2) ─────────────────
- *
- * The shell has a `RadioGroup` of labelled rows and no grid of positions, so
- * this picture of nine squares stays the editor's — but every cell is the
- * shell's `IconButton` (a `role="radio"`), its name the shell's `Tooltip`,
- * and the sheet draws only the picture: the track, the dot, the chosen cell.
- *
- * Controlled and hook-free, like every primitive here, so a Next server
- * component can import this module.
- */
-declare function SettingsPlacement({ label, value, points, onChange, id, className, }: SettingsPlacementProps): react.JSX.Element;
-
-/**
- * Four corners of a box, any number of them lit — "which of these corners?".
- *
- * ── WHY IT IS NOT {@link SettingsPlacement} WITH FOUR CELLS ──────────────────
- *
- * The nine-square asks WHICH ONE and gets one answer back; a radiogroup, and
- * pressing a second cell releases the first. This asks WHICH ONES and gets a
- * set: a merchant rounding a stack of boxes turns on the top two of the box at
- * the top and the bottom two of the box at the bottom, so the run reads as one
- * shape. Those are different questions with different keyboards — a radiogroup
- * moves with the arrows and admits exactly one, a set is toggled with Space and
- * admits any number — so they are two controls rather than one control with a
- * `multiple` flag that changes what its own ARIA means.
- *
- * They still look like siblings, because a merchant meeting the second one
- * should already know how to press it: the same track, the same chip, the same
- * "the chosen thing is the darkest thing here" reading the placement grid and
- * the segmented strip already share.
- *
- * ── THE CELL DRAWS THE ANSWER, NOT A DOT ────────────────────────────────────
- *
- * The placement grid's cell holds a dot, because a POSITION has no shape of its
- * own to show. A corner does: each cell here holds a small square whose matching
- * corner is rounded when the corner is on, and square when it is off. So the
- * control is a picture of what the setting does rather than four labels a
- * merchant has to hold in their head — and it stays readable for someone who
- * cannot separate the accent from the ground, because the SHAPE carries the
- * state as well as the fill.
- *
- * ── WHAT IT DOES NOT DO ─────────────────────────────────────────────────────
- *
- * It renders the CONTROL only. The row around it — the glyph, the label, the
- * caption — is `SettingsField`'s, the same split `SettingsSwitch` and
- * `SettingsPlacement` make. `label` is the group's accessible name, never a
- * visible one.
- *
- * It also holds no opinion about what a corner MEANS. The host hands the four
- * corners it wants offered and gets a set back; whether that set becomes a
- * `border-radius` shorthand, four custom properties or a stored preset is the
- * host's business, and keeping it that way is what lets one control serve a
- * section box, a card and whatever asks next.
- *
- * ⚠️ IT HAS NO OPINION ABOUT "ALL FOUR" EITHER. An empty set is a real answer
- * (every corner square) and so is a full one; a host that treats absence as
- * "all four" resolves that BEFORE handing `value` in, exactly as the placement
- * grid requires its value already resolved. A control that invented the default
- * would be answering a question only the host can answer.
- *
- * ── AN EDITOR'S COMPOSITE, OF THE SHELL'S PARTS (UI-24 §2) ─────────────────
- *
- * The shell's `Segmented` answers ONE of a set, and it has no set of toggles,
- * so the four corners stay the editor's picture — but every cell is the
- * shell's `IconButton` (`aria-pressed`), its name the shell's `Tooltip`, and
- * the sheet draws only the picture: the track, the frame and the marks.
- *
- * Controlled and hook-free, like every primitive here, so a Next server
- * component can import this module.
- */
-declare function SettingsCorners({ label, value, corners, onChange, id, className, }: SettingsCornersProps): react.JSX.Element;
-
 /**
  * A FULL-WIDTH BUTTON UNDER A GROUP'S ROWS THAT COMMITS A CHANGE.
  *
@@ -1138,4 +920,4 @@ declare function SettingsCorners({ label, value, corners, onChange, id, classNam
  */
 declare function SettingsAction({ label, onPress, disabled, note, done, doneLabel, icon, id, className, }: SettingsActionProps): react.JSX.Element;
 
-export { SettingsAction, type SettingsActionBaseProps, type SettingsActionNote, type SettingsActionProps, type SettingsCornerPoint, SettingsCorners, type SettingsCornersProps, SettingsDefaultReset, type SettingsDefaultResetProps, SettingsDrill, type SettingsDrillProps, SettingsField, type SettingsFieldProps, SettingsGroup, SettingsGroupHead, type SettingsGroupHeadProps, type SettingsGroupProps, SettingsGroupSub, type SettingsGroupSubProps, SettingsPlacement, type SettingsPlacementPoint, type SettingsPlacementProps, SettingsSegmented, type SettingsSegmentedFit, type SettingsSegmentedOption, type SettingsSegmentedProps, SettingsSwitch, type SettingsSwitchBaseProps, type SettingsSwitchLabel, type SettingsSwitchProps, type SettingsTabItem, SettingsTabs, type SettingsTabsProps };
+export { SettingsAction, type SettingsActionBaseProps, type SettingsActionNote, type SettingsActionProps, SettingsDefaultReset, type SettingsDefaultResetProps, SettingsDrill, type SettingsDrillProps, SettingsField, type SettingsFieldProps, SettingsGroup, SettingsGroupHead, type SettingsGroupHeadProps, type SettingsGroupProps, SettingsGroupSub, type SettingsGroupSubProps, SettingsSegmented, type SettingsSegmentedFit, type SettingsSegmentedOption, type SettingsSegmentedProps, SettingsSwitch, type SettingsSwitchBaseProps, type SettingsSwitchLabel, type SettingsSwitchProps, type SettingsTabItem, SettingsTabs, type SettingsTabsProps };

package/dist/panel/index.js

@@ -1,15 +1,12 @@
-export{SETTINGS_BUCKETS,SettingsField,SettingsGroup,SettingsTabs}from"../chunk-YNOZ5NXW.js";import{DEFAULT_PANEL_WORDS as e}from"../chunk-QTLAVDJE.js";export{SettingsSegmented,SettingsSwitch}from"../chunk-QLD57GBB.js";import{withTip as l}from"../chunk-P2VEMZH5.js";import{jsx as a,jsxs as s}from"react/jsx-runtime";import{RevertIcon as i}from"efficient-shell/icons/efficient";import{IconButton as n,Tooltip as t}from"efficient-shell/ui";function r({title:e,level:l=3,id:s,className:i}){/* @__PURE__ */
-return a(`h${l}`,{id:s,className:i?`es-group-head ${i}`:"es-group-head",children:e})}function c({title:e,level:l=4,id:s,className:i}){/* @__PURE__ */
-return a(`h${l}`,{id:s,className:i?`es-group-sub ${i}`:"es-group-sub",children:e})}function o({label:s,changed:n,onReset:t,detail:r,disabled:c,defaultAction:o,words:p,className:b}){const h={...e,...p},f=["es-default-reset"];if(n&&f.push("is-changed"),b&&f.push(b),!n&&o)return f.push("is-pressable"),l(o.title,/* @__PURE__ */a("button",{type:"button",className:f.join(" "),"aria-label":o.title,disabled:c,onClick:o.onPress,children:o.icon}));if(!n)/* @__PURE__ */
-return a("span",{className:f.join(" "),"aria-hidden":"true"});const N=h.resetName({label:s});return l(r?h.resetTitle({label:s,detail:r}):N,/* @__PURE__ */a("button",{type:"button",className:f.join(" "),"aria-label":N,"aria-description":r||void 0,disabled:c,onClick:e=>{t(),function(e){const l=e.currentTarget,a=l.closest(".es-field");let s=a?.querySelector(u(".es-field-ctl"))??a?.querySelector(u(".es-field-head"))??null,i=a?null:l.parentElement;for(let e=0;!s&&i&&e<m;e+=1,i=i.parentElement)s=[...i.querySelectorAll(d)].find(e=>e!==l)??null;s?.focus()}(e)},children:/* @__PURE__ */a(i,{size:15})}))}var d=['input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled]):not(.es-default-reset)",'[tabindex]:not([tabindex="-1"])'].join(", "),u=e=>d.split(", ").map(l=>`${e} ${l}`).join(", "),m=4;function p({name:e,preview:l,offPage:i,status:n,onOpen:t,id:r,className:c}){const o=null!=l;/* @__PURE__ */
-return s("button",{type:"button",id:r,className:c?`es-drill ${c}`:"es-drill",onClick:t,children:[
-/* @__PURE__ */s("span",{className:"es-drill-text",children:[
-/* @__PURE__ */a("span",{className:"es-drill-name",children:e}),o?/* @__PURE__ */a("span",{className:i?"es-drill-preview is-offpage":"es-drill-preview",children:l}):null]}),n?/* @__PURE__ */a("span",{className:"es-drill-status",children:n}):null,
-/* @__PURE__ */a("span",{className:"es-drill-chev","aria-hidden":"true"})]})}function b({label:e,value:l,points:s,onChange:i,id:r,className:c}){/* @__PURE__ */
-return a("div",{id:r,className:"es-placement"+(c?` ${c}`:""),role:"radiogroup","aria-label":e,children:s.map(e=>{const s=l===e.value,r=!0===e.disabled,c=r&&e.title?e.title:void 0,o=/* @__PURE__ */a(n,{size:"sm",role:"radio","aria-checked":s,"aria-label":e.label,"aria-disabled":r||void 0,disabledReason:c,className:`es-placement-cell${s?" is-active":""}${r?" is-off":""}`,onClick:()=>{r||i(e.value)},children:e.icon?/* @__PURE__ */a("span",{className:"es-placement-icon","aria-hidden":"true",children:e.icon}):/* @__PURE__ */a("span",{className:"es-placement-dot"})},e.value);return c?o:/* @__PURE__ */a(t,{content:e.title??e.label,children:o},e.value)})})}function h({label:e,value:l,corners:i,onChange:r,id:c,className:o}){/* @__PURE__ */
-return s("div",{id:c,className:"es-corners"+(o?` ${o}`:""),role:"group","aria-label":e,children:[
-/* @__PURE__ */a("span",{className:"es-corners-frame","aria-hidden":"true"}),i.map(e=>{const s=l.includes(e.value),i=!0===e.disabled,c=i&&e.title?e.title:void 0,o=/* @__PURE__ */a(n,{size:"sm","aria-pressed":s,"aria-label":e.label,"aria-disabled":i||void 0,disabledReason:c,className:`es-corners-cell es-corners-${e.value}${s?" is-on":""}${i?" is-off":""}`,onClick:()=>{i||r(s?l.filter(l=>l!==e.value):[...l,e.value])},children:/* @__PURE__ */a("span",{className:"es-corners-mark","aria-hidden":"true"})},e.value);return c?o:/* @__PURE__ */a(t,{content:e.title??e.label,children:o},e.value)})]})}function f({label:e,onPress:l,disabled:i,note:n,done:t,doneLabel:r,icon:c,id:o,className:d}){const u=void 0===r?e:r,m=t?u:e,p=null!=n,b=p&&o?`${o}-note`:void 0;/* @__PURE__ */
-return s("div",{className:d?`es-action-wrap ${d}`:"es-action-wrap",children:[
-/* @__PURE__ */s("button",{type:"button",id:o,className:t?"es-action is-done":"es-action",disabled:i,"aria-describedby":b,onClick:l,children:[c?/* @__PURE__ */a("span",{className:"es-action-icon","aria-hidden":"true",children:c}):null,
-/* @__PURE__ */a("span",{className:"es-action-label",children:m})]}),p?/* @__PURE__ */a("p",{id:b,className:"es-action-note",children:n}):null,
-/* @__PURE__ */a("span",{className:"es-action-live",role:"status","aria-live":"polite",children:t?u:null})]})}export{f as SettingsAction,h as SettingsCorners,o as SettingsDefaultReset,p as SettingsDrill,r as SettingsGroupHead,c as SettingsGroupSub,b as SettingsPlacement};
+export{SETTINGS_BUCKETS,SettingsField,SettingsGroup,SettingsTabs}from"../chunk-YNOZ5NXW.js";import{DEFAULT_PANEL_WORDS as e}from"../chunk-QTLAVDJE.js";export{SettingsSegmented,SettingsSwitch}from"../chunk-QLD57GBB.js";import{withTip as n}from"../chunk-P2VEMZH5.js";import{jsx as s,jsxs as t}from"react/jsx-runtime";import{RevertIcon as l}from"efficient-shell/icons/efficient";export{CornersInput as SettingsCorners,AlignmentGrid as SettingsPlacement}from"efficient-shell/ui";function i({title:e,level:n=3,id:t,className:l}){/* @__PURE__ */
+return s(`h${n}`,{id:t,className:l?`es-group-head ${l}`:"es-group-head",children:e})}function a({title:e,level:n=4,id:t,className:l}){/* @__PURE__ */
+return s(`h${n}`,{id:t,className:l?`es-group-sub ${l}`:"es-group-sub",children:e})}function r({label:t,changed:i,onReset:a,detail:r,disabled:u,defaultAction:p,words:m,className:h}){const b={...e,...m},f=["es-default-reset"];if(i&&f.push("is-changed"),h&&f.push(h),!i&&p)return f.push("is-pressable"),n(p.title,/* @__PURE__ */s("button",{type:"button",className:f.join(" "),"aria-label":p.title,disabled:u,onClick:p.onPress,children:p.icon}));if(!i)/* @__PURE__ */
+return s("span",{className:f.join(" "),"aria-hidden":"true"});const N=b.resetName({label:t});return n(r?b.resetTitle({label:t,detail:r}):N,/* @__PURE__ */s("button",{type:"button",className:f.join(" "),"aria-label":N,"aria-description":r||void 0,disabled:u,onClick:e=>{a(),function(e){const n=e.currentTarget,s=n.closest(".es-field");let t=s?.querySelector(c(".es-field-ctl"))??s?.querySelector(c(".es-field-head"))??null,l=s?null:n.parentElement;for(let e=0;!t&&l&&e<d;e+=1,l=l.parentElement)t=[...l.querySelectorAll(o)].find(e=>e!==n)??null;t?.focus()}(e)},children:/* @__PURE__ */s(l,{size:15})}))}var o=['input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled]):not(.es-default-reset)",'[tabindex]:not([tabindex="-1"])'].join(", "),c=e=>o.split(", ").map(n=>`${e} ${n}`).join(", "),d=4;function u({name:e,preview:n,offPage:l,status:i,onOpen:a,id:r,className:o}){const c=null!=n;/* @__PURE__ */
+return t("button",{type:"button",id:r,className:o?`es-drill ${o}`:"es-drill",onClick:a,children:[
+/* @__PURE__ */t("span",{className:"es-drill-text",children:[
+/* @__PURE__ */s("span",{className:"es-drill-name",children:e}),c?/* @__PURE__ */s("span",{className:l?"es-drill-preview is-offpage":"es-drill-preview",children:n}):null]}),i?/* @__PURE__ */s("span",{className:"es-drill-status",children:i}):null,
+/* @__PURE__ */s("span",{className:"es-drill-chev","aria-hidden":"true"})]})}function p({label:e,onPress:n,disabled:l,note:i,done:a,doneLabel:r,icon:o,id:c,className:d}){const u=void 0===r?e:r,p=a?u:e,m=null!=i,h=m&&c?`${c}-note`:void 0;/* @__PURE__ */
+return t("div",{className:d?`es-action-wrap ${d}`:"es-action-wrap",children:[
+/* @__PURE__ */t("button",{type:"button",id:c,className:a?"es-action is-done":"es-action",disabled:l,"aria-describedby":h,onClick:n,children:[o?/* @__PURE__ */s("span",{className:"es-action-icon","aria-hidden":"true",children:o}):null,
+/* @__PURE__ */s("span",{className:"es-action-label",children:p})]}),m?/* @__PURE__ */s("p",{id:h,className:"es-action-note",children:i}):null,
+/* @__PURE__ */s("span",{className:"es-action-live",role:"status","aria-live":"polite",children:a?u:null})]})}export{p as SettingsAction,r as SettingsDefaultReset,u as SettingsDrill,i as SettingsGroupHead,a as SettingsGroupSub};

package/dist/panel/panel.css

@@ -1037,171 +1037,6 @@ button.es-group-head:hover { background: var(--es-chip-bg); }
   .es-drill { transition: none; }
 }
 
-/* ── SettingsPlacement — the 3×3 position grid ─────────────────────────────
-   One control for two questions a merchant asks the same way: which part of a
-   cropped picture stays in view, and where on the thing behind it a block sits.
-   Both are one of nine positions, and both want the corner PRESSED.
-
-   Promoted out of efficient-storefront (`.sf-focal`) the day its own rule fired —
-   card 66189 wrote "the day a second section wants it, that is the card that
-   promotes it"; 66214 declined it early and said why; the sections that hold
-   boxes take it past six callers. The values below are the shop's, token for
-   token, so every existing caller draws exactly what it drew: the only change
-   is that `--sf-*` aliases have become the `--es-*` names they always aliased. */
-.es-placement {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  grid-template-rows: repeat(3, 1fr);
-  gap: 4px;
-  width: 96px;
-  height: 96px;
-  padding: 4px;
-  background: var(--es-track-bg);
-  border: 1px solid var(--es-input-border);
-  border-radius: var(--radius-lg);
-}
-/* Each cell is the shell's IconButton in its Tooltip's wrapper: the wrapper is
-   the grid's item, and the button fills it. The button's own look (hover,
-   focus ring, disabled) is the shell's. */
-.es-placement > span,
-.es-corners > span {
-  display: flex;
-}
-.es-placement-cell,
-.es-corners-cell {
-  width: 100%;
-  height: 100%;
-}
-.es-placement-dot {
-  width: 7px;
-  height: 7px;
-  border-radius: 50%;
-  background: var(--es-muted);
-  opacity: 0.5;
-  transition: transform 0.12s, background 0.12s, opacity 0.12s;
-}
-.es-placement-cell:hover .es-placement-dot { opacity: 0.85; }
-/* ⚠️ THE CHOSEN CELL IS THE PANEL'S CHIP, NOT THE SHOP'S TINT — and that is a
-   VISIBLE change to the control the shop ships today. `.sf-focal` marked its
-   chosen square with `--sf-accent-tint` and a bigger accent dot; that is card
-   8811's answer, which cards 66138 and 66302 replaced everywhere else in this
-   panel. The strip tells the chosen chip apart by being the DARKEST thing in
-   the row on a grey track, and a nine-square asks the identical question —
-   which one am I on — so it gets the identical answer. Two answers to one
-   question, one panel apart, is the thing this package exists to prevent, and
-   `panel-layout.test.ts` bans the tint token package-wide to keep it that way.
-   The dot inverts with the ground, or it disappears into it. */
-.es-placement-cell.is-active {
-  background: var(--es-text);
-  box-shadow: var(--es-raised-shadow);
-}
-.es-placement-cell.is-active .es-placement-dot {
-  background: var(--es-on-accent);
-  opacity: 1;
-  transform: scale(1.5);
-}
-/* A position the caller has closed. It keeps its square — nine that became
-   eight would read as a broken control — and stops answering the pointer; the
-   reason is the cell's description and its Tooltip. The cell is the shell
-   IconButton's `aria-disabled` (efficient-shell 4.166.0), which fades the
-   whole cell to 0.6 and shows the not-allowed cursor; the dot under that fade
-   stays at the 0.22 it showed before the cell faded (0.22 / 0.6), and does not
-   brighten on hover. */
-.es-placement-cell.is-off .es-placement-dot { opacity: calc(0.22 / 0.6); }
-/* A cell that draws a GLYPH instead of its dot — the Scrolling Bar's
-   `Scroll direction`, where four live cells mean a direction of travel and a
-   dot cannot say which way. It follows the cell through every state the dot
-   does, or the chosen square goes dark and the arrow on it stays muted and
-   disappears into the ground it is drawn on.
-   13px, sized against the CELL and not against the settings column: a cell is
-   26.67px across (96px box, 3×3, gap 4, padding 4) and the dot it stands in for
-   is 7px, so 13px reads as a direction without crowding the 6px cell radius. */
-.es-placement-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: var(--es-muted);
-  opacity: 0.5;
-  transition: color 0.12s, opacity 0.12s;
-}
-.es-placement-icon svg { width: 13px; height: 13px; display: block; }
-.es-placement-cell:hover .es-placement-icon { opacity: 0.85; }
-/* ⚠️ IT DOES NOT GROW THE WAY THE DOT DOES. The dot scales to 1.5 on the chosen
-   cell because a dot has no other way to say "chosen"; an arrow says its whole
-   meaning by its shape, and growing it would crowd the square and make it read
-   heavier than its three siblings. Colour alone marks it, on the inverted
-   ground the cell already paints. */
-.es-placement-cell.is-active .es-placement-icon {
-  color: var(--es-on-accent);
-  opacity: 1;
-}
-.es-placement-cell.is-off .es-placement-icon { opacity: calc(0.22 / 0.6); }
-/* Keyboard focus is visible, like every other control in this panel. */
-@media (prefers-reduced-motion: reduce) {
-  .es-placement-icon,
-  .es-placement-dot { transition: none; }
-}
-
-/* ── SettingsCorners — four corners of a box, any number of them lit ─────────
-   The sibling of `.es-placement` above and deliberately built from its parts:
-   the same track, the same chip on the chosen cell, the same focus ring. A
-   merchant who has met the nine-square should not have to learn this one.
-
-   TWO COLUMNS, NOT THREE. The grid is 2×2 and each cell sits in the corner it
-   stands for, so the control has the shape of the thing it edits. */
-.es-corners {
-  position: relative;
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: repeat(2, 1fr);
-  gap: 4px;
-  width: 96px;
-  height: 96px;
-  padding: 4px;
-  background: var(--es-track-bg);
-  border-radius: var(--radius-lg);
-}
-/* The BOX the four corners belong to. Inset so the cells sit ON its corners
-   rather than beside it, dashed so it reads as the outline of the thing being
-   edited rather than as a fifth control. See the note in SettingsCorners.tsx:
-   without this the cells are four switches, not one box. */
-.es-corners-frame {
-  position: absolute;
-  inset: 22px;
-  border: 1.5px dashed var(--es-muted);
-  opacity: 0.45;
-  pointer-events: none;
-}
-.es-corners-mark {
-  width: 18px;
-  height: 18px;
-  background: var(--es-muted);
-  opacity: 0.5;
-  transition: border-radius 0.12s, background 0.12s, opacity 0.12s;
-}
-.es-corners-cell:hover .es-corners-mark { opacity: 0.85; }
-/* ⚠️ THE FOUR RULES ARE WRITTEN OUT, ONE PER CORNER, and must stay written out.
-   The corner a cell stands for is in its class name (`es-corners-tl`), and a
-   radius built by interpolating that name is a string no stylesheet contains —
-   the same trap the shop documents on its own card wells. Four rules is the
-   whole cost of never having that bug. */
-.es-corners-cell.is-on .es-corners-mark {
-  background: var(--es-accent);
-  opacity: 1;
-}
-.es-corners-tl.is-on .es-corners-mark { border-radius: var(--radius-lg) 0 0 0; }
-.es-corners-tr.is-on .es-corners-mark { border-radius: 0 var(--radius-lg) 0 0; }
-.es-corners-br.is-on .es-corners-mark { border-radius: 0 0 var(--radius-lg) 0; }
-.es-corners-bl.is-on .es-corners-mark { border-radius: 0 0 0 var(--radius-lg); }
-/* A corner the caller has closed. It keeps its cell — four that became three
-   would read as a broken control — and stops answering the pointer; the reason
-   is on the button's `title`. */
-.es-corners-cell.is-off .es-corners-mark { opacity: calc(0.22 / 0.6); }
-/* Keyboard focus is visible, like every other control in this panel. */
-@media (prefers-reduced-motion: reduce) {
-  .es-corners-mark { transition: none; }
-}
-
 /* ── THE ACTION BUTTON (`[ADD] A Panel Button That Does One Thing`) ─────────────────────────────────────────
    The full-width press under a group's rows that COMMITS — "Apply to all
    cards". Measured against `.es-drill`, the panel's other full-width row, and

package/dist/{plan-DChbUXdS.d.ts → plan-BdQ9mLIf.d.ts}

@@ -75,6 +75,25 @@ declare function planSetProps(data: Data, config: DataConfig, id: string, patch:
  *   - a top-level node, or nothing selected: `null` (there is nothing above).
  */
 declare function parentStep(data: Data, config: DataConfig, selection: NodeSelection, slotIsLevel?: (parent: Node, slot: string) => boolean): NodeSelection;
+/**
+ * The nodes from the outermost (the top-level node) down to `id`, by id — the
+ * CHAIN a click on the canvas walks (`nextInChain`). Read off `find`'s path,
+ * the same lookup `parentStep` climbs, so "what holds what" is asked of the
+ * document once. Empty when `id` is not in it.
+ */
+declare function nodeChain(data: Data, config: DataConfig, id: string): string[];
+/**
+ * CLICK THROUGH LAYERS (owner 2026-10-12, Wix's rule): what a click on a chain
+ * picks, given what is selected now. `chain` is outer → inner.
+ *
+ *   - the selection is in the chain and not its last rung → the next rung in;
+ *   - the selection IS the last rung → it stays (a click never wraps back out);
+ *   - anything else (nothing, or something outside the chain) → the first rung.
+ *
+ * Pure, and over plain ids, so a host that adds rungs of its own (the website's
+ * parts: a section's background image) walks them by the SAME rule.
+ */
+declare function nextInChain(chain: readonly string[], selected: string | null): string | null;
 /** A node by its place: the zone key `"<parentId>:<slot>"` and its index. */
 interface ItemSelector {
     zone?: string;
@@ -85,4 +104,4 @@ declare function toItemSelector(data: Data, config: DataConfig, selection: NodeS
 /** Puck's `itemSelector` as a node selection; `null` when it points at nothing. */
 declare function fromItemSelector(data: Data, config: DataConfig, selector: ItemSelector | null | undefined): NodeSelection;
 
-export { type AfterRemove as A, type ItemSelector as I, type NodeSelection as N, type Planned as P, type StepBounds as S, planDuplicate as a, planMove as b, canStep as c, planPaste as d, planRemove as e, fromItemSelector as f, planSetProps as g, planStep as h, parentStep as p, toItemSelector as t };
+export { type AfterRemove as A, type ItemSelector as I, type NodeSelection as N, type Planned as P, type StepBounds as S, nodeChain as a, planDuplicate as b, canStep as c, planMove as d, planPaste as e, fromItemSelector as f, planRemove as g, planSetProps as h, planStep as i, nextInChain as n, parentStep as p, toItemSelector as t };

package/dist/screen/components/AddBlockRow.js

@@ -1 +1 @@
-export{AddBlockRow as default}from"../../chunk-4TMMEBAG.js";import"../../chunk-HQ4VVRIC.js";import"../../chunk-5TRBCPRB.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-R6WTQWAC.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-PYCLHOSA.js";import"../../chunk-AELNNAFM.js";import"../../chunk-VETFIYQR.js";import"../../chunk-FOBGSFFS.js";import"../../chunk-UFY6RNMT.js";import"../../chunk-YNOZ5NXW.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-EA2HTX37.js";import"../../chunk-D2BCHTQR.js";import"../../chunk-7SQF6LZL.js";import"../../chunk-QLD57GBB.js";import"../../chunk-FPOKPNO4.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-67GNT6PF.js";import"../../chunk-ZNCEOSXO.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";
+export{AddBlockRow as default}from"../../chunk-LMHGVI5R.js";import"../../chunk-HQ4VVRIC.js";import"../../chunk-55IKQFBW.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-R6WTQWAC.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-BF3PIXZD.js";import"../../chunk-PDZXAFNX.js";import"../../chunk-AELNNAFM.js";import"../../chunk-CRPJGCSO.js";import"../../chunk-OZ72A6MY.js";import"../../chunk-UFY6RNMT.js";import"../../chunk-YNOZ5NXW.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-EA2HTX37.js";import"../../chunk-QASZFO4S.js";import"../../chunk-66LWADFP.js";import"../../chunk-QLD57GBB.js";import"../../chunk-FFYXVAAL.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-67GNT6PF.js";import"../../chunk-ZNCEOSXO.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";

package/dist/screen/components/AddSidePanel.js

@@ -1 +1 @@
-export{blockKey,AddSidePanel as default,sectionKey,templateKey}from"../../chunk-TSQUEJZB.js";import"../../chunk-5ZBY24K7.js";import"../../chunk-PA3PNTVV.js";import"../../chunk-BVN33R76.js";import"../../chunk-BSSKAEFF.js";import"../../chunk-KQMML6JM.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";import"../../chunk-HQ4VVRIC.js";import"../../chunk-5TRBCPRB.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-R6WTQWAC.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-E2O2MRZR.js";import"../../chunk-PYCLHOSA.js";import"../../chunk-AELNNAFM.js";import"../../chunk-VETFIYQR.js";import"../../chunk-FOBGSFFS.js";import"../../chunk-UFY6RNMT.js";import"../../chunk-YNOZ5NXW.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-EA2HTX37.js";import"../../chunk-D2BCHTQR.js";import"../../chunk-OXYGFK2B.js";import"../../chunk-ZJEBF4NB.js";import"../../chunk-THWO5YVZ.js";import"../../chunk-RE4LP46F.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-7SQF6LZL.js";import"../../chunk-QLD57GBB.js";import"../../chunk-FPOKPNO4.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-6HHHBBSY.js";import"../../chunk-O2NLQBFX.js";import"../../chunk-67GNT6PF.js";import"../../chunk-PAELDYYS.js";import"../../chunk-ZNCEOSXO.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";
+export{blockKey,AddSidePanel as default,sectionKey,templateKey}from"../../chunk-2WVZ3CK3.js";import"../../chunk-5ZBY24K7.js";import"../../chunk-PA3PNTVV.js";import"../../chunk-BVN33R76.js";import"../../chunk-5SOSVTVI.js";import"../../chunk-KQMML6JM.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";import"../../chunk-HQ4VVRIC.js";import"../../chunk-55IKQFBW.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-R6WTQWAC.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-BF3PIXZD.js";import"../../chunk-PDZXAFNX.js";import"../../chunk-AELNNAFM.js";import"../../chunk-CRPJGCSO.js";import"../../chunk-OZ72A6MY.js";import"../../chunk-UFY6RNMT.js";import"../../chunk-YNOZ5NXW.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-EA2HTX37.js";import"../../chunk-QASZFO4S.js";import"../../chunk-GTDLBUOC.js";import"../../chunk-Y2G7CU6A.js";import"../../chunk-THWO5YVZ.js";import"../../chunk-RE4LP46F.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-66LWADFP.js";import"../../chunk-QLD57GBB.js";import"../../chunk-FFYXVAAL.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-6HHHBBSY.js";import"../../chunk-O2NLQBFX.js";import"../../chunk-67GNT6PF.js";import"../../chunk-PAELDYYS.js";import"../../chunk-ZNCEOSXO.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";

package/dist/screen/components/MediaSidePanel.d.ts

@@ -2,18 +2,18 @@ import * as react from 'react';
 import { MediaPanelComponent, MediaPickRequest } from '../lib/media-panel.js';
 import '../../host-CiuzZJXj.js';
 import '../../blocks/index.js';
-import '../../types-E3HrTPg2.js';
+import '../../types-CGFykP7c.js';
 import '../../data/index.js';
 import '../../types-41704JE4.js';
 import '../../resolve-D68pb3Bx.js';
-import '../../plan-DChbUXdS.js';
+import '../../plan-BdQ9mLIf.js';
 import '../lib/document-contract.js';
 import '../lib/session.js';
 import '../lib/backend-error.js';
 import '../../edit-lock/index.js';
 import '../lib/host-chrome.js';
 import '../lib/links/link-filters.js';
-import '../../LinkPicker-hPEr1MJx.js';
+import 'efficient-shell/ui';
 import '../lib/document-hooks.js';
 import '../lib/section-template-types.js';
 import '../lib/puck/content-tree.js';

package/dist/screen/components/MediaSidePanel.js

@@ -1 +1 @@
-export{MediaSidePanel as default}from"../../chunk-6OY2THZH.js";import"../../chunk-5TRBCPRB.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-R6WTQWAC.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-PYCLHOSA.js";import"../../chunk-AELNNAFM.js";import"../../chunk-VETFIYQR.js";import"../../chunk-FOBGSFFS.js";import"../../chunk-UFY6RNMT.js";import"../../chunk-YNOZ5NXW.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-EA2HTX37.js";import"../../chunk-D2BCHTQR.js";import"../../chunk-OXYGFK2B.js";import"../../chunk-ZJEBF4NB.js";import"../../chunk-THWO5YVZ.js";import"../../chunk-RE4LP46F.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-7SQF6LZL.js";import"../../chunk-QLD57GBB.js";import"../../chunk-FPOKPNO4.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-67GNT6PF.js";import"../../chunk-ZNCEOSXO.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";
+export{MediaSidePanel as default}from"../../chunk-ZN752E2O.js";import"../../chunk-55IKQFBW.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-R6WTQWAC.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-PDZXAFNX.js";import"../../chunk-AELNNAFM.js";import"../../chunk-CRPJGCSO.js";import"../../chunk-OZ72A6MY.js";import"../../chunk-UFY6RNMT.js";import"../../chunk-YNOZ5NXW.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-QTLAVDJE.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-EA2HTX37.js";import"../../chunk-QASZFO4S.js";import"../../chunk-GTDLBUOC.js";import"../../chunk-Y2G7CU6A.js";import"../../chunk-THWO5YVZ.js";import"../../chunk-RE4LP46F.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-66LWADFP.js";import"../../chunk-QLD57GBB.js";import"../../chunk-FFYXVAAL.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-67GNT6PF.js";import"../../chunk-ZNCEOSXO.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";

package/dist/screen/components/NodeContextMenu.d.ts

@@ -1,18 +1,20 @@
 import * as react from 'react';
 import { E as EaselContextMenuItem } from '../../types-BsyPh6EW.js';
 import { P as Place } from '../../types-41704JE4.js';
-import { N as NodeClipboard, C as ClipboardEntry, a as NodeOps } from '../../useNodeOps-BF0fQsif.js';
+import { N as NodeClipboard, C as ClipboardEntry, a as NodeOps } from '../../useNodeOps-B3e4b8a2.js';
+import { N as NodeMenuWords } from '../../words-DMG4dYq2.js';
 import { StyleSnapshot } from '../../style-clipboard/index.js';
+import { S as StyleClipboardWords } from '../../words-CnnHb9jo.js';
+import { ScreenMenuWords } from '../words.js';
 import { C as CanvasTarget } from '../../watch-BTYOJpQU.js';
 import { AddTarget } from '../lib/puck/add-target-types.js';
 import { ScreenMenuRows } from '../lib/screen-parts.js';
 import { EaselSession } from '../lib/session.js';
-import '../../plan-DChbUXdS.js';
-import '../../words-CnnHb9jo.js';
+import '../../plan-BdQ9mLIf.js';
 import '../lib/puck/block-choice.js';
 import '../lib/puck/slot-section-spec.js';
 import '../../blocks/index.js';
-import '../../types-E3HrTPg2.js';
+import '../../types-CGFykP7c.js';
 import '../../data/index.js';
 import '../../resolve-D68pb3Bx.js';
 import '../../types-Dt1CFR1S.js';
@@ -35,7 +37,7 @@ import '../../engine-DBxp_v6B.js';
 import '../lib/admin-bridge.js';
 import '../lib/host-chrome.js';
 import '../lib/links/link-filters.js';
-import '../../LinkPicker-hPEr1MJx.js';
+import 'efficient-shell/ui';
 import '../lib/backend-error.js';
 import '../lib/document-hooks.js';
 
@@ -166,6 +168,18 @@ type NodeMenuHost = {
      * Absent: "Page settings", as the row always said.
      */
     pageSettingsLabel?: string;
+    /**
+     * THE MENU'S WORDS in the host's language (3.1.0): a node's rows
+     * (`EaselStrings.menu`), Copy style and Paste style (`styleClipboard`), and
+     * the screen's own rows and lines (`screen.menu`). The rows are built by
+     * plain functions, which read no provider, so the chrome hands them in.
+     * Left out, or any part of it: English.
+     */
+    words?: {
+        menu?: NodeMenuWords;
+        styleClipboard?: StyleClipboardWords;
+        screen?: ScreenMenuWords;
+    };
     /**
      * NOTHING MAY BE WRITTEN (0.106.0): the document is frozen, somebody else
      * holds it, or a save was refused (`ScreenDocumentValue.readOnly`). The rows
@@ -542,18 +556,6 @@ declare function nodeMenuItems(host: NodeMenuHost, target: {
     zone: string;
     index: number;
 }): EaselContextMenuItem[];
-/**
- * What a right-click on the PAGE offers — the tree's ground, the panel, the
- * canvas between two sections.
- *
- * This ground used to fall through to Chrome, which is half of what the owner
- * was pointing at: a right-click that sometimes gives you the editor and
- * sometimes gives you Reload teaches you not to right-click at all.
- *
- * Everything here already exists on a button or a key. That is on purpose — a
- * context menu is a second door to actions a merchant can already reach, never
- * the only door to one, or the feature is hidden inside a gesture.
- */
 declare function pageMenuItems(host: NodeMenuHost): EaselContextMenuItem[];
 /**
  * What a right-click INSIDE A TEXT BOX offers.