efficient-easel 20.2.0 → 21.0.0

package/dist/drag/index.d.ts

@@ -3,8 +3,8 @@ import { HTMLAttributes, CSSProperties, ReactNode } from 'react';
 import { P as Place } from '../types-41704JE4.js';
 import { D as DragSession } from '../session-DSQFmIvx.js';
 export { a as DragHeld, c as createDragSession } from '../session-DSQFmIvx.js';
-export { B as Box, a as CanvasDragLayer, b as CanvasDragLayerProps, C as CanvasDragModel, c as CanvasDropTarget, d as CanvasSeam, e as CanvasSource, f as CanvasZone, E as EMPTY_MEASURE, H as HANDLE_GRACE_MS, M as MeasuredCanvas, g as MeasuredNode, h as canvasTarget, i as contains, j as gapInZone, k as gapLine, l as insertSeams, m as measureCanvas, p as pickSource, s as seamsBetween, n as sourcesAt } from '../CanvasDragLayer-ARfaivCu.js';
-import { D as DragWords } from '../words-CvwYvkJm.js';
+export { B as Box, a as CanvasDragLayer, b as CanvasDragLayerProps, C as CanvasDragModel, c as CanvasDropTarget, d as CanvasSeam, e as CanvasSource, f as CanvasZone, E as EMPTY_MEASURE, H as HANDLE_GRACE_MS, M as MeasuredCanvas, g as MeasuredNode, h as canvasTarget, i as contains, j as gapInZone, k as gapLine, l as insertSeams, m as measureCanvas, p as pickSource, s as seamsBetween, n as sourcesAt } from '../CanvasDragLayer-Cd1o0HQf.js';
+import { D as DragWords } from '../words-SD4neL0n.js';
 import '../watch-BTYOJpQU.js';
 
 /**

package/dist/drag/index.js

@@ -1 +1 @@
-export{AddPanel,CanvasDragLayer,CanvasInsert,EMPTY_MEASURE,HANDLE_GRACE_MS,canvasTarget,contains,gapInZone,gapLine,insertSeams,measureCanvas,pickSource,seamsBetween,sourcesAt}from"../chunk-H2PRGXCW.js";import"../chunk-KAML3KQH.js";export{AUTO_SCROLL_EDGE,AUTO_SCROLL_MAX_SPEED,autoScrollDelta,autoScrollSpeed,createDragSession,dropEffectFor,dropOnRow,frameScrollBox,gapToMoveIndex,isNoOpDrop,scrollBoxOf,scrollParent,startAutoScroll,stepGap,useTreeDrag}from"../chunk-3S5N4HLJ.js";import"../chunk-K7BTCBWD.js";import"../chunk-L55YIXDC.js";import"../chunk-P2VEMZH5.js";import"../chunk-QIDRJH3S.js";import"../chunk-LF3FUSCQ.js";
+export{AddPanel,CanvasDragLayer,CanvasInsert,EMPTY_MEASURE,HANDLE_GRACE_MS,canvasTarget,contains,gapInZone,gapLine,insertSeams,measureCanvas,pickSource,seamsBetween,sourcesAt}from"../chunk-2M4T27BI.js";import"../chunk-TQ5Y6S2X.js";export{AUTO_SCROLL_EDGE,AUTO_SCROLL_MAX_SPEED,autoScrollDelta,autoScrollSpeed,createDragSession,dropEffectFor,dropOnRow,frameScrollBox,gapToMoveIndex,isNoOpDrop,scrollBoxOf,scrollParent,startAutoScroll,stepGap,useTreeDrag}from"../chunk-3S5N4HLJ.js";import"../chunk-P2VEMZH5.js";import"../chunk-K7BTCBWD.js";import"../chunk-L55YIXDC.js";import"../chunk-QIDRJH3S.js";import"../chunk-LF3FUSCQ.js";

package/dist/draw/index.d.ts

@@ -4,7 +4,7 @@ export { ANCHOR_FIELD_KEYS, EdgeCell, FOLD_FIELD_MARKER, FoldFieldMeta, LINK_FIE
 export { SCALAR_TEXT_CONTROLS, ScalarTextControlKind, TEXT_CONTROL_KINDS, TextControlKind } from '../screen/lib/puck/text-control-kinds.js';
 export { RowNameRule, rootRowName, sectionRenameProp, slotChildName, slotChildRenameProp, slotChildRowName } from '../screen/lib/puck/slot-child-name.js';
 export { FOOTER_TYPE, HEADER_TYPE, NodeLocation, ROOT_ZONE, SlotConfigView, TREE_MAX_DEPTH, TreeItem, blockNodeActions, childSlotsOf, locateNode, missingPinnedTypes, nestsInTree, newNodeId, pinnedDuplicateIds, pinnedDuplicateIndices, slotChildrenIn, slotFieldsOf } from '../screen/lib/puck/content-tree.js';
-export { AUTO_RULES, AutoRule, VIEW_DESKTOP_MIN, VIEW_TABLET_MIN, VIEW_TIERS, VIEW_TIER_LABEL, ViewTier, ViewValueKind, ViewValues, isAuto, phoneKey, resolveViewValue, tabletKey, viewTierForWidth } from '../screen/lib/content/view-tiers.js';
+export { AUTO_RULES, AutoRule, FOLLOW_RULES, VIEW_DESKTOP_MIN, VIEW_TABLET_MIN, VIEW_TIERS, VIEW_TIER_LABEL, ViewTier, ViewValueKind, ViewValues, isAuto, phoneKey, resolveViewValue, tabletKey, viewTierForWidth } from '../screen/lib/content/view-tiers.js';
 export { HERO_SLIDER_GOTO_EVENT, HeroSliderGotoDetail } from '../screen/lib/puck/preview-events.js';
 export { R as REPEAT_ATTRIBUTE, a as REPEAT_INDEX_ATTRIBUTE } from '../repeat-Czi-6zPX.js';
 export { TEXT_STYLE_CASES, TEXT_STYLE_CASE_CSS, TextStyleCase, TextStyleCaseCss, isTextStyleCase, textStyleCaseCss, textStyleCaseOfCss } from '../text-styles/model.js';

package/dist/draw/index.js

@@ -1 +1 @@
-export{SCALAR_TEXT_CONTROLS,TEXT_CONTROL_KINDS}from"../chunk-PIND6KE7.js";export{AUTO_RULES,VIEW_DESKTOP_MIN,VIEW_TABLET_MIN,VIEW_TIERS,VIEW_TIER_LABEL,isAuto,phoneKey,resolveViewValue,tabletKey,viewTierForWidth}from"../chunk-HK6I3NVO.js";export{rootRowName,sectionRenameProp,slotChildName,slotChildRenameProp,slotChildRowName}from"../chunk-BHRC3ASL.js";export{hidableText,readHidable}from"../chunk-6W7WLPZH.js";export{HERO_SLIDER_GOTO_EVENT}from"../chunk-IQ5TA7AM.js";export{ANCHOR_FIELD_KEYS,FOLD_FIELD_MARKER,LINK_FIELD_MARKER,MEDIA_FIELD_MARKER,SCAFFOLD_FIELD_MARKER,TEXT_FIELD_MARKER,foldMetaOf,textFieldIdentifier}from"../chunk-DUVRZ456.js";export{PART_SEP,decodePartId,encodePartId}from"../chunk-IYT6NN2J.js";export{FOOTER_TYPE,HEADER_TYPE,ROOT_ZONE,TREE_MAX_DEPTH,blockNodeActions,childSlotsOf,locateNode,missingPinnedTypes,nestsInTree,newNodeId,pinnedDuplicateIds,pinnedDuplicateIndices,slotChildrenIn,slotFieldsOf}from"../chunk-PLVEGYK6.js";export{TEXT_STYLE_CASES,TEXT_STYLE_CASE_CSS,isTextStyleCase,textStyleCaseCss,textStyleCaseOfCss}from"../chunk-YHZSBL2N.js";export{REPEAT_ATTRIBUTE,REPEAT_INDEX_ATTRIBUTE}from"../chunk-LF3FUSCQ.js";
+export{SCALAR_TEXT_CONTROLS,TEXT_CONTROL_KINDS}from"../chunk-PIND6KE7.js";export{AUTO_RULES,FOLLOW_RULES,VIEW_DESKTOP_MIN,VIEW_TABLET_MIN,VIEW_TIERS,VIEW_TIER_LABEL,isAuto,phoneKey,resolveViewValue,tabletKey,viewTierForWidth}from"../chunk-E52W3M5I.js";export{rootRowName,sectionRenameProp,slotChildName,slotChildRenameProp,slotChildRowName}from"../chunk-BHRC3ASL.js";export{hidableText,readHidable}from"../chunk-6W7WLPZH.js";export{HERO_SLIDER_GOTO_EVENT}from"../chunk-IQ5TA7AM.js";export{ANCHOR_FIELD_KEYS,FOLD_FIELD_MARKER,LINK_FIELD_MARKER,MEDIA_FIELD_MARKER,SCAFFOLD_FIELD_MARKER,TEXT_FIELD_MARKER,foldMetaOf,textFieldIdentifier}from"../chunk-DUVRZ456.js";export{PART_SEP,decodePartId,encodePartId}from"../chunk-IYT6NN2J.js";export{FOOTER_TYPE,HEADER_TYPE,ROOT_ZONE,TREE_MAX_DEPTH,blockNodeActions,childSlotsOf,locateNode,missingPinnedTypes,nestsInTree,newNodeId,pinnedDuplicateIds,pinnedDuplicateIndices,slotChildrenIn,slotFieldsOf}from"../chunk-PLVEGYK6.js";export{TEXT_STYLE_CASES,TEXT_STYLE_CASE_CSS,isTextStyleCase,textStyleCaseCss,textStyleCaseOfCss}from"../chunk-YHZSBL2N.js";export{REPEAT_ATTRIBUTE,REPEAT_INDEX_ATTRIBUTE}from"../chunk-LF3FUSCQ.js";

package/dist/easel/index.js

@@ -1 +1 @@
-export{CanvasFrame,CanvasPartsContext,CanvasPassThroughContext,CanvasSharedContext,DEFAULT_UI,EaselCanvas,EaselProvider,EditDocument,bindUndoKeys,createEasel,createUseEasel,recordsByDefault,reduce,uiView,useEasel,useEaselApi,useEaselNodeOps,useSelectedFields,validSelection}from"../chunk-EFHV56BO.js";import"../chunk-TBY3DFKS.js";import"../chunk-IWCKVZHS.js";import"../chunk-BSHIQIZC.js";import"../chunk-23VM4PMV.js";import"../chunk-KRL3IUV3.js";import"../chunk-MFIRYGHW.js";import"../chunk-K7BTCBWD.js";import"../chunk-L55YIXDC.js";import"../chunk-QIDRJH3S.js";import"../chunk-LF3FUSCQ.js";
+export{CanvasFrame,CanvasPartsContext,CanvasPassThroughContext,CanvasSharedContext,DEFAULT_UI,EaselCanvas,EaselProvider,EditDocument,bindUndoKeys,createEasel,createUseEasel,recordsByDefault,reduce,uiView,useEasel,useEaselApi,useEaselNodeOps,useSelectedFields,validSelection}from"../chunk-7L3NKHEC.js";import"../chunk-TBY3DFKS.js";import"../chunk-IWCKVZHS.js";import"../chunk-BSHIQIZC.js";import"../chunk-MZ5GSSZ3.js";import"../chunk-KRL3IUV3.js";import"../chunk-MFIRYGHW.js";import"../chunk-K7BTCBWD.js";import"../chunk-L55YIXDC.js";import"../chunk-QIDRJH3S.js";import"../chunk-LF3FUSCQ.js";

package/dist/fields/fields.css

@@ -102,12 +102,12 @@ span:has(> .es-fnum) { display: flex; min-width: 0; }
 .es-list { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; margin-top: max(var(--es-row-gap), var(--es-rhythm-between)); }
 .es-list-head {
   display: flex;
-  align-items: baseline;
+  align-items: center;
   justify-content: space-between;
   gap: 8px;
 }
 .es-list-label { display: inline-flex; align-items: center; gap: 8px; font-size: var(--text-xs, 12px); font-weight: 600; color: var(--es-text); }
-.es-list-count { font-size: var(--text-2xs, 11px); color: var(--es-muted); font-variant-numeric: tabular-nums; }
+/* The head's count is the shell's `ItemCount` (Lewis, 2026-10-23). */
 
 /* A host's bar for the row in use, between the name and the rows. */
 .es-list-above { min-width: 0; }

package/dist/fields/index.d.ts

@@ -7,7 +7,7 @@ export { ShowWhenContext, ShowWhenRule, showWhenOf, withShowWhen } from 'efficie
 import { a as InspectorFieldDef, b as FieldRenderer, I as InspectorFields, c as FieldTextProps, d as FieldNumberProps, e as FieldSliderProps, f as FieldSelectManyProps, g as FieldSelectOneProps, F as FieldOption } from '../types-CDX6vd6A.js';
 export { A as ArrayFieldDef, C as CustomFieldDef, h as CustomFieldRenderProps, i as FieldSelectProps, N as NumberFieldDef, O as ObjectFieldDef, R as RadioFieldDef, S as SelectFieldDef, j as SlotFieldDef, T as TextFieldDef, k as TextareaFieldDef } from '../types-CDX6vd6A.js';
 import { R as ResolvableItem } from '../resolve-D68pb3Bx.js';
-export { F as FieldsWords } from '../words-vhnV8sM7.js';
+export { F as FieldsWords } from '../words-CFkb8XtN.js';
 export { LinkFilter, LinkFilterField, LinkKindChoice, LinkOption, LinkOptionGroup, LinkPicker, LinkPickerProps, LinkRules, LinkTarget } from 'efficient-shell/ui';
 import '../types-41704JE4.js';
 

package/dist/fields/index.js

@@ -1 +1 @@
-export{FieldText,Inspector,InspectorField,LinkPicker,ListField,bucketsOf,copyItem,insertAt,labelOf,moveTo,planFields,removeAt}from"../chunk-7LYKFL3Q.js";export{fieldIsShown,showWhenOf,shownFields,withShowWhen}from"../chunk-BPXEFVSQ.js";import"../chunk-A6Z4SD3I.js";import"../chunk-K56YDHYQ.js";export{FieldSlider}from"../chunk-ZEH6QLBH.js";export{useResolvedFields}from"../chunk-IWCKVZHS.js";import"../chunk-FIVU2COQ.js";import"../chunk-RC25EGHD.js";import"../chunk-KFV7N2DJ.js";export{FieldNumber}from"../chunk-ZOBSIXRD.js";export{FieldSelect,optionFor}from"../chunk-QAJAEWCZ.js";import"../chunk-WRFD4EXD.js";import"../chunk-VANKQVOW.js";import"../chunk-MFIRYGHW.js";import"../chunk-3S5N4HLJ.js";import"../chunk-K7BTCBWD.js";import"../chunk-L55YIXDC.js";import"../chunk-P2VEMZH5.js";
+export{FieldText,Inspector,InspectorField,LinkPicker,ListField,bucketsOf,copyItem,insertAt,labelOf,moveTo,planFields,removeAt}from"../chunk-YHFKWV7H.js";export{fieldIsShown,showWhenOf,shownFields,withShowWhen}from"../chunk-BPXEFVSQ.js";import"../chunk-WHS6Y55E.js";import"../chunk-K56YDHYQ.js";export{FieldSlider}from"../chunk-ZEH6QLBH.js";export{useResolvedFields}from"../chunk-IWCKVZHS.js";import"../chunk-FIVU2COQ.js";import"../chunk-FM6JO4WF.js";import"../chunk-KFV7N2DJ.js";export{FieldNumber}from"../chunk-Y2T3JX7K.js";export{FieldSelect,optionFor}from"../chunk-KFWNGPW3.js";import"../chunk-JACEEVVF.js";import"../chunk-S3DUFDQ6.js";import"../chunk-MFIRYGHW.js";import"../chunk-3S5N4HLJ.js";import"../chunk-P2VEMZH5.js";import"../chunk-K7BTCBWD.js";import"../chunk-L55YIXDC.js";

package/dist/panel/index.d.ts

@@ -607,123 +607,49 @@ type SettingsActionProps = SettingsActionBaseProps & SettingsActionNote;
 declare function SettingsSegmented<V = string>({ options, value, onChange, ariaLabel, fit, disabled, className, }: SettingsSegmentedProps<V>): react.JSX.Element;
 
 /**
- * A group of settings under a grey band that folds with − / +: square, and
- * edge to edge of the settings body (Lewis 2026-10-14, again 2026-10-23).
- *
- * The sign is drawn by `panel.css` from `aria-expanded`, so the open state has
- * exactly one home (the attribute assistive tech already reads) instead of a
- * second copy in the markup.
- *
- * `count` is the reason a fold here is safe: a folded group that holds changes
- * still says so on its pill, so nothing a merchant changed can hide.
- *
- * THE TITLE IS A HEADING THAT HOLDS THE BUTTON (WAI-ARIA APG accordion pattern,
- * 7.2.0). A button alone gives a screen reader nothing to jump between; the
- * `h{level}` round it puts each group in the panel's outline, under the panel's
- * `h2` name. The level is the host's (default 3, as `SettingsGroupHead`), since
- * only the host knows the outline around it. `panel.css` takes every margin and
- * font off `.es-group-title`, so the pill looks as it did.
+ * A group of settings under a grey band that folds with − / +. THE SHELL'S
+ * `Accordion` band (B2 plan C, Lewis 2026-10-26): its markup, its `es-group…`
+ * classes and its look moved to efficient-shell, and the gap under the band
+ * is the band's (32px above and below its body). This name stays because
+ * both editors' hosts import it.
+ *
+ * Controlled: `open` is the host's, and a press only asks it to flip. The body
+ * stays mounted while folded (`keepMounted`), as it always did here, so a
+ * folded group's controls keep their state. `count` is the reason a fold is
+ * safe: a folded group that holds changes still says so on its pill.
  */
 declare function SettingsGroup({ title, open, onToggle, count, level, id, children, className, }: SettingsGroupProps): react.JSX.Element;
 
 /**
- * A group heading with NO group under it — the pill on its own.
- *
- * It exists because Puck lays the inspector out as a FLAT sibling list: a field
- * renders next to the heading above it, never inside it, so nothing here can
- * wrap the rows that follow. Heading a run of settings is therefore a job for a
- * component that heads and nothing else.
- *
- * `SettingsGroup` cannot do that job. It always renders its body div, and its
- * pill is always a <button> carrying `aria-expanded`, `aria-controls` and the
- * − / + sign. Used header-only it would draw a control that claims to expand
- * something, does nothing when clicked, and tells a screen reader the same lie.
- * A component that folds and a component that titles are two different things,
- * and this is the one that titles.
- *
- * So it is a HEADING, not a control: a real <h3> (the level is the host's, since
- * only the host knows the page outline around it) with no role bolted on, no
- * expanded state, no sign, no body. In a flat list the heading list is the only
- * structure a screen reader has left to navigate by, which is the whole reason
- * this renders a heading element rather than a styled <div>.
- *
- * It wears `.es-group-head` — the same pill as a real group's — so a section
- * that folds and a section that does not read as the same panel. `panel.css`
- * scopes the cursor and the hover tint to `button.es-group-head`, so the
- * heading does not offer a press it cannot honour.
- *
- * NO `count`. A folded group needs one because a fold can hide a change; a
- * heading folds nothing, so nothing can hide behind it.
+ * A group heading with NO group under it — the band on its own, for Puck's
+ * flat inspector list, where a heading cannot wrap the rows that follow it. A
+ * HEADING, not a control: no button, no sign, no count. THE SHELL'S
+ * `AccordionHeading` (B2 plan C, Lewis 2026-10-26); this name stays because
+ * both editors' hosts import it.
  */
 declare function SettingsGroupHead({ title, level, id, className, }: SettingsGroupHeadProps): react.JSX.Element;
 
 /**
- * The QUIET second tier — a heading one rung under `SettingsGroupHead`.
- *
- * It exists because a panel sometimes has two levels of heading and this package
- * only ever drew one. `SettingsGroupHead` is a filled pill, and a pill cannot
- * serve a tier AND its subordinate: two runs of settings under one pill each
- * need a name, and giving them the same pill says they are siblings of the thing
- * above them rather than parts of it.
- *
- * THE SHOP ALREADY DREW THIS LOOK, TWICE, WHICH IS WHY IT BELONGS HERE.
- * `efficient-storefront` hand-rolled `.sf-field-group` in the settings panel and
- * `.sf-group-label` in the Layers tree, and they are the same type to the
- * decimal — 10.5px / 600 / .07em / muted / uppercase. One look, hand-rolled in
- * two panels of one editor, is the definition of a thing the shell should own.
- *
- * ⚠️ NOT THE PILL WITH ITS FILL SWITCHED OFF, and that is the whole reason this
- * is a component and not a `variant` flag on the other one. The shop's own
- * `WHY NOT SettingsGroupHead` docblock refused that shape in advance: a named
- * look the shell draws, "not a boolean that switches the pill off. A flag whose
- * job is to turn the design off moves the fork inside the shell instead of
- * removing it." So there is no path from here to the pill's look and none back —
- * two tiers, two looks, each one this package's own.
- *
- * WHY IT IS QUIET BY TYPE AND THE PILL IS LOUD BY GROUND. The pill separates
- * itself from the settings around it with a fill; this separates itself with
- * CASE and COLOUR and takes no ground at all. That is what lets the two sit in
- * one panel without competing, and it is also why this tier can carry no rule:
- * a hairline under a heading separates it from the rows it heads, which is the
- * opposite of what a heading is for. Removing those rules is the change the
- * owner asked for.
- *
- * A REAL HEADING, defaulting to `h4` — one under the pill's default `h3`,
- * because that is where a subordinate heading sits when the pill above it took
- * the 3. The host may say otherwise; only the host knows the outline around it.
- * Puck lays an inspector out as a FLAT sibling list, so the heading list is the
- * only structure a screen reader has left to navigate by.
- *
- * NO fold, no count, no sign, no body — the same discipline as
- * {@link SettingsGroupHead}, and for the same reason: a component that folds and
- * a component that titles are two different things, and this is one that titles.
+ * The QUIET second tier — a heading one rung under `SettingsGroupHead`: case
+ * and colour, no ground and no rule, defaulting to `h4`. THE SHELL'S
+ * `AccordionHeading` at its `row` tier (B2 plan C, Lewis 2026-10-26); this
+ * name stays because both editors' hosts import it.
  */
 declare function SettingsGroupSub({ title, level, id, className, }: SettingsGroupSubProps): react.JSX.Element;
 
 /**
- * One setting: a label row, then its control.
- *
- * The row is stacked rather than side-by-side so the control gets the panel's
- * full width — a 308px panel cannot afford a label column AND a usable slider.
- * The label reads small and quiet; the VALUE sits at the end of the same line in
- * the text colour, which is what a merchant scans for. That contrast is the
- * point: before this, label and value looked alike and the panel read as noise.
- *
- * `hint` is where a clause-long explanation goes. A label is a name, never a
- * sentence.
- *
- * A BOOLEAN row is the one exception to "control on its own line" (card 8801,
- * Option A, approved). A switch is small and it is the whole control, so it
- * rides the label line in the `action` slot and the row costs one line instead
- * of two — which is what lets a 308px panel show four settings where it used to
- * show three. That is the only reason `children` is optional: a field with no
- * children draws no control row, and its label line IS the row.
- *
- * A field with no children AND no action has no control on either slot. That is
- * a mistake at the call site, so it renders NOTHING — an empty row would hide
- * the mistake behind 20px of blank panel.
+ * One setting: a name line, then its control. THE SHELL'S compact `SettingRow`
+ * (B2 plan C, Lewis 2026-10-26: "keep the easel look; put it in the shell"):
+ * its markup, its `es-field…` classes and its look moved to efficient-shell,
+ * and this name stays because both editors' hosts import it. The props are
+ * the same; `value` is the row's `readout`, `hint` its `description`,
+ * `htmlFor` its `controlId`, and `children` its control (`value`).
+ *
+ * A BOOLEAN row is one line (card 8801, Option A): its switch rides the name
+ * line in `action`, and a field with no children draws no control line. A
+ * field with neither draws NOTHING — an empty row would hide the mistake.
  */
-declare function SettingsField({ label, labelId, icon, value, hint, changed, htmlFor, action, children, className, }: SettingsFieldProps): react.JSX.Element | null;
+declare function SettingsField({ label, labelId, icon, value, hint, changed, htmlFor, action, children, className, }: SettingsFieldProps): react.JSX.Element;
 
 /**
  * The yes-or-no control — ONE shape, both editors (card 8801).
@@ -758,40 +684,13 @@ declare function SettingsField({ label, labelId, icon, value, hint, changed, htm
 declare function SettingsSwitch({ checked, onChange, disabled, id, ariaLabel, ariaLabelledBy, className, }: SettingsSwitchProps): react.JSX.Element;
 
 /**
- * The end of a setting's label line: a ↺ button once the setting is changed,
- * NOTHING while it is not. ONE part, both editors.
- *
- * Owner, 2026-10-06: the two editors said "follows its default / put it back"
- * five ways (the website's "Inherits · Site" chip and blue reset dot, the
- * email's "Default" mark, "Reset" link and "Reset to default" text), and it
- * became one part. Option E, final 2026-10-07 (mockup
- * https://claude.ai/artifact/KATfHhLK7wogfTD84Manox), gave it its look:
- *
- *   changed    the set's `revert` icon (↺, "Revert to inherited") in a 22px
- *              button, accent; its name "Reset <setting>", its tooltip that
- *              plus what it goes back to when the host says ("(back to 24px
- *              from Site styles)", also its description);
- *   unchanged  nothing at all: the row's grey value already says it is the
- *              default. The 22px slot stays, empty and out of the tab order,
- *              so every row's end lines up.
- *
- * It rides `SettingsField`'s `action` slot; `SettingsField` leaves its name
- * alone (only a switch is named after the field).
- *
- * FOCUS AFTER A PRESS. Reset turns the button into the empty slot, which cannot
- * hold focus, so a keyboard user would fall back to the top of the page. The
- * press hands focus to the row's own control (its slider, box or swatch) first.
- * That is read off the event's own element, never a global, so the module stays
- * a leaf.
- *
- * `defaultAction` is the one row with something to press while unchanged: the
- * website's type sizes, whose default can be a responsive `clamp()` no slider
- * stores, keep ONE press to the section's own built-in size (a feature is
- * never cut to fit a look). It draws the host's icon in the same 22px slot.
- *
- * CONTROLLED and hook-free like the rest of the panel: `changed` is the host's,
- * and a press only asks the host to clear. The words are handed in (`words`),
- * because a leaf never reads the strings provider.
+ * The end of a setting's name line: a ↺ button once the setting is changed,
+ * the empty 22px slot while it is not (option E, final 2026-10-07). THE
+ * SHELL'S `SettingReset` (B2 plan C, Lewis 2026-10-26): its markup, its
+ * `es-default-reset` classes, its look and the focus hand-off after a press
+ * moved to efficient-shell; this name stays because both editors' hosts
+ * import it. The words are still the host's (`words`), handed to the shell
+ * part as its name and tooltip.
  */
 declare function SettingsDefaultReset({ label, changed, onReset, detail, disabled, defaultAction, words, className, }: SettingsDefaultResetProps): react.JSX.Element;
 

package/dist/panel/index.js

@@ -1,15 +1,15 @@
-export{DESIGN_GROUPS,SETTINGS_BUCKETS,SettingsGroup}from"../chunk-RC25EGHD.js";import{DEFAULT_PANEL_WORDS as e}from"../chunk-KFV7N2DJ.js";export{SettingsSwitch}from"../chunk-OECWLNKJ.js";import{SettingsField as l,SettingsSegmented as n}from"../chunk-VANKQVOW.js";export{SettingsField,SettingsSegmented}from"../chunk-VANKQVOW.js";import{withTip as t}from"../chunk-P2VEMZH5.js";import{jsx as a,jsxs as i,Fragment as s}from"react/jsx-runtime";import{RevertIcon as o,BackgroundIcon as d,WidthIcon as r}from"efficient-shell/icons/efficient";import{Tooltip as c}from"efficient-shell/ui";export{BorderInput as SettingsBorder,CornersInput as SettingsCorners,AlignmentGrid as SettingsPlacement,SidesInput as SettingsSides,SidesEachToggle as SettingsSidesEach,borderSides,borderStartEach,sidesStartEach}from"efficient-shell/ui";function u({title:e,level:l=3,id:n,className:t}){/* @__PURE__ */
-return a(`h${l}`,{id:n,className:t?`es-group-head ${t}`:"es-group-head",children:e})}function h({title:e,level:l=4,id:n,className:t}){/* @__PURE__ */
-return a(`h${l}`,{id:n,className:t?`es-group-sub ${t}`:"es-group-sub",children:e})}function b({label:l,changed:n,onReset:i,detail:s,disabled:d,defaultAction:r,words:c,className:u}){const h={...e,...c},b=["es-default-reset"];if(n&&b.push("is-changed"),u&&b.push(u),!n&&r)return b.push("is-pressable"),t(r.title,/* @__PURE__ */a("button",{type:"button",className:b.join(" "),"aria-label":r.title,disabled:d,onClick:r.onPress,children:r.icon}));if(!n)/* @__PURE__ */
-return a("span",{className:b.join(" "),"aria-hidden":"true"});const g=h.resetName({label:l});return t(s?h.resetTitle({label:l,detail:s}):g,/* @__PURE__ */a("button",{type:"button",className:b.join(" "),"aria-label":g,"aria-description":s||void 0,disabled:d,onClick:e=>{i(),function(e){const l=e.currentTarget,n=l.closest(".es-field");let t=n?.querySelector(m(".es-field-ctl"))??n?.querySelector(m(".es-field-head"))??null,a=n?null:l.parentElement;for(let e=0;!t&&a&&e<f;e+=1,a=a.parentElement)t=[...a.querySelectorAll(p)].find(e=>e!==l)??null;t?.focus()}(e)},children:/* @__PURE__ */a(o,{size:15})}))}var p=['input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled]):not(.es-default-reset)",'[tabindex]:not([tabindex="-1"])'].join(", "),m=e=>p.split(", ").map(l=>`${e} ${l}`).join(", "),f=4;function g({name:e,preview:l,offPage:n,status:t,onOpen:o,id:d,className:r}){const u=null!=l;/* @__PURE__ */
-return i("button",{type:"button",id:d,className:r?`es-drill ${r}`:"es-drill",onClick:o,children:[
-/* @__PURE__ */i(c,{content:u?/* @__PURE__ */i(s,{children:[e,
-/* @__PURE__ */a("br",{}),l]}):e,describe:!1,className:"es-drill-text",children:[
-/* @__PURE__ */a("span",{className:"es-drill-name",children:e}),u?/* @__PURE__ */a("span",{className:n?"es-drill-preview is-offpage":"es-drill-preview",children:l}):null]}),t?/* @__PURE__ */a("span",{className:"es-drill-status",children:t}):null,
-/* @__PURE__ */a("span",{className:"es-drill-chev","aria-hidden":"true"})]})}function N({label:e,onPress:l,disabled:n,note:t,done:s,doneLabel:o,icon:d,id:r,className:c}){const u=void 0===o?e:o,h=s?u:e,b=null!=t,p=b&&r?`${r}-note`:void 0;/* @__PURE__ */
-return i("div",{className:c?`es-action-wrap ${c}`:"es-action-wrap",children:[
-/* @__PURE__ */i("button",{type:"button",id:r,className:s?"es-action is-done":"es-action",disabled:n,"aria-describedby":p,onClick:l,children:[d?/* @__PURE__ */a("span",{className:"es-action-icon","aria-hidden":"true",children:d}):null,
-/* @__PURE__ */a("span",{className:"es-action-label",children:h})]}),b?/* @__PURE__ */a("p",{id:p,className:"es-action-note",children:t}):null,
-/* @__PURE__ */a("span",{className:"es-action-live",role:"status","aria-live":"polite",children:s?u:null})]})}var S=["full","content"],v={label:"Background",full:"Full width",content:"Content width"};function w({value:e,changed:t,detail:i,onChange:s,onReset:o,disabled:r=!1,hint:c,labelId:u,words:h,resetWords:p}){const m={...v,...h};/* @__PURE__ */
-return a(l,{label:m.label,labelId:u,icon:/* @__PURE__ */a(d,{}),changed:t,hint:c,action:/* @__PURE__ */a(b,{words:p,label:m.label,changed:t,detail:i,onReset:o}),children:/* @__PURE__ */a(n,{options:S.map(e=>({id:e,label:"full"===e?m.full:m.content})),value:e,onChange:s,ariaLabel:m.label,disabled:r})})}var C={label:"Content",full:"Full width",content:"Content width"};function j({mode:e,onMode:t,number:s,changed:o,detail:d,onReset:c,fullClosed:u=!1,disabled:h=!1,hint:p,labelId:m,words:f,resetWords:g}){const N={...C,...f},v=void 0!==e&&t?/* @__PURE__ */a(n,{options:S.map(e=>({id:e,label:"full"===e?N.full:N.content,disabled:"full"===e&&u})),value:e,onChange:t,ariaLabel:N.label,disabled:h}):null;/* @__PURE__ */
-return a(l,{label:N.label,labelId:m,icon:/* @__PURE__ */a(r,{}),changed:o,hint:p,action:/* @__PURE__ */a(b,{words:g,label:N.label,changed:o,detail:d,onReset:c}),children:v&&s?/* @__PURE__ */i("div",{className:"es-width-stack",children:[v,s]}):v??s??null})}export{S as BACKGROUND_WIDTHS,v as DEFAULT_BACKGROUND_WIDTH_WORDS,C as DEFAULT_CONTENT_WIDTH_WORDS,N as SettingsAction,w as SettingsBackgroundWidth,j as SettingsContentWidth,b as SettingsDefaultReset,g as SettingsDrill,u as SettingsGroupHead,h as SettingsGroupSub};
+export{DESIGN_GROUPS,SETTINGS_BUCKETS,SettingsGroup}from"../chunk-FM6JO4WF.js";import{DEFAULT_PANEL_WORDS as e}from"../chunk-KFV7N2DJ.js";export{SettingsSwitch}from"../chunk-OECWLNKJ.js";import{SettingsField as l,SettingsSegmented as n}from"../chunk-S3DUFDQ6.js";export{SettingsField,SettingsSegmented}from"../chunk-S3DUFDQ6.js";import{AccordionHeading as a,SettingReset as t,Tooltip as i}from"efficient-shell/ui";export{BorderInput as SettingsBorder,CornersInput as SettingsCorners,AlignmentGrid as SettingsPlacement,SidesInput as SettingsSides,SidesEachToggle as SettingsSidesEach,borderSides,borderStartEach,sidesStartEach}from"efficient-shell/ui";import{jsx as s,jsxs as d,Fragment as o}from"react/jsx-runtime";import{BackgroundIcon as r,WidthIcon as c}from"efficient-shell/icons/efficient";function u({title:e,level:l=3,id:n,className:t}){/* @__PURE__ */
+return s(a,{title:e,level:l,id:n,className:t?`es-panel-band ${t}`:"es-panel-band"})}function h({title:e,level:l=4,id:n,className:t}){/* @__PURE__ */
+return s(a,{tier:"row",title:e,level:l,id:n,className:t})}function b({label:l,changed:n,onReset:a,detail:i,disabled:d,defaultAction:o,words:r,className:c}){const u={...e,...r},h=u.resetName({label:l});/* @__PURE__ */
+return s(t,{label:l,changed:n,onReset:a,detail:i,disabled:d,defaultAction:o,name:h,tip:i?u.resetTitle({label:l,detail:i}):h,className:c})}function m({name:e,preview:l,offPage:n,status:a,onOpen:t,id:r,className:c}){const u=null!=l;/* @__PURE__ */
+return d("button",{type:"button",id:r,className:c?`es-drill ${c}`:"es-drill",onClick:t,children:[
+/* @__PURE__ */d(i,{content:u?/* @__PURE__ */d(o,{children:[e,
+/* @__PURE__ */s("br",{}),l]}):e,describe:!1,className:"es-drill-text",children:[
+/* @__PURE__ */s("span",{className:"es-drill-name",children:e}),u?/* @__PURE__ */s("span",{className:n?"es-drill-preview is-offpage":"es-drill-preview",children:l}):null]}),a?/* @__PURE__ */s("span",{className:"es-drill-status",children:a}):null,
+/* @__PURE__ */s("span",{className:"es-drill-chev","aria-hidden":"true"})]})}function f({label:e,onPress:l,disabled:n,note:a,done:t,doneLabel:i,icon:o,id:r,className:c}){const u=void 0===i?e:i,h=t?u:e,b=null!=a,m=b&&r?`${r}-note`:void 0;/* @__PURE__ */
+return d("div",{className:c?`es-action-wrap ${c}`:"es-action-wrap",children:[
+/* @__PURE__ */d("button",{type:"button",id:r,className:t?"es-action is-done":"es-action",disabled:n,"aria-describedby":m,onClick:l,children:[o?/* @__PURE__ */s("span",{className:"es-action-icon","aria-hidden":"true",children:o}):null,
+/* @__PURE__ */s("span",{className:"es-action-label",children:h})]}),b?/* @__PURE__ */s("p",{id:m,className:"es-action-note",children:a}):null,
+/* @__PURE__ */s("span",{className:"es-action-live",role:"status","aria-live":"polite",children:t?u:null})]})}var p=["full","content"],g={label:"Background",full:"Full width",content:"Content width"};function N({value:e,changed:a,detail:t,onChange:i,onReset:d,disabled:o=!1,hint:c,labelId:u,words:h,resetWords:m}){const f={...g,...h};/* @__PURE__ */
+return s(l,{label:f.label,labelId:u,icon:/* @__PURE__ */s(r,{}),changed:a,hint:c,action:/* @__PURE__ */s(b,{words:m,label:f.label,changed:a,detail:t,onReset:d}),children:/* @__PURE__ */s(n,{options:p.map(e=>({id:e,label:"full"===e?f.full:f.content})),value:e,onChange:i,ariaLabel:f.label,disabled:o})})}var S={label:"Content",full:"Full width",content:"Content width"};function v({mode:e,onMode:a,number:t,changed:i,detail:o,onReset:r,fullClosed:u=!1,disabled:h=!1,hint:m,labelId:f,words:g,resetWords:N}){const v={...S,...g},w=void 0!==e&&a?/* @__PURE__ */s(n,{options:p.map(e=>({id:e,label:"full"===e?v.full:v.content,disabled:"full"===e&&u})),value:e,onChange:a,ariaLabel:v.label,disabled:h}):null;/* @__PURE__ */
+return s(l,{label:v.label,labelId:f,icon:/* @__PURE__ */s(c,{}),changed:i,hint:m,action:/* @__PURE__ */s(b,{words:N,label:v.label,changed:i,detail:o,onReset:r}),children:w&&t?/* @__PURE__ */d("div",{className:"es-width-stack",children:[w,t]}):w??t??null})}export{p as BACKGROUND_WIDTHS,g as DEFAULT_BACKGROUND_WIDTH_WORDS,S as DEFAULT_CONTENT_WIDTH_WORDS,f as SettingsAction,N as SettingsBackgroundWidth,v as SettingsContentWidth,b as SettingsDefaultReset,m as SettingsDrill,u as SettingsGroupHead,h as SettingsGroupSub};