efficient-easel 0.99.2 → 0.100.0

package/dist/fields/fields.css

@@ -35,8 +35,13 @@
   border-color: var(--es-accent);
   box-shadow: 0 0 0 3px var(--es-accent-ring);
 }
+/* A value nobody may change is still a value somebody has to READ: the grey
+   ground says the state, and the ink stays legible on it. It was `--es-muted`,
+   4.39:1 on this ground at 12px — a hair under the 4.5:1 WCAG AA asks (second
+   host, axe-core, 2026-10-07). The number cell's read-only state below is the
+   same rule. Held by ratio in tests/contrast-small-text.test.ts. */
 .es-fin[readonly],
-.es-fin:disabled { background: var(--es-track-bg); color: var(--es-muted); }
+.es-fin:disabled { background: var(--es-track-bg); color: var(--es-text-secondary); }
 
 .es-fin--area {
   height: auto;
@@ -75,7 +80,7 @@
   border-color: var(--es-focus-line, #60a5fa);
   box-shadow: 0 0 0 2px var(--es-focus-ring, rgba(96, 165, 250, 0.3));
 }
-.es-fnum.is-readonly { background: var(--es-track-bg); color: var(--es-muted); }
+.es-fnum.is-readonly { background: var(--es-track-bg); color: var(--es-text-secondary); }
 
 .es-fnum-icon { display: flex; align-items: center; flex: none; color: var(--es-field-placeholder); }
 .es-fnum-icon svg { width: 14px; height: 14px; }
@@ -239,6 +244,90 @@
 .es-fsel-option.is-active { background: var(--es-hover); }
 .es-fsel-option.is-chosen { color: var(--es-accent-text); font-weight: 600; }
 .es-fsel-option[aria-disabled='true'] { color: var(--es-disabled); cursor: default; }
+/* A heading over a run of options (`FieldOption.group`): a quiet label above
+   its options, and not an option itself — no hover, no pointer. */
+.es-fsel-group-list { margin: 0; padding: 0; list-style: none; }
+.es-fsel-group + .es-fsel-group,
+.es-fsel-option + .es-fsel-group { margin-top: 4px; }
+.es-fsel-group-head {
+  padding: 8px 8px 4px;
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--es-muted);
+  cursor: default;
+}
+.es-fsel-group-count { margin-left: 4px; font-weight: 400; }
+
+/* The editor's one pop-up list (card [MERGE] One Pop-up List For Editor And
+   One For Shoppers): what the website editor's own lists drew, here once.
+   A row with more than its label lays its parts out in a line. */
+.es-fsel-option--rich { display: flex; align-items: center; gap: 8px; }
+.es-fsel-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.es-fsel-meta { flex: none; font-size: 11px; font-weight: 400; color: var(--es-muted); }
+.es-fsel-thumb {
+  flex: none;
+  width: 26px;
+  height: 26px;
+  overflow: hidden;
+  border-radius: var(--es-field-radius);
+  background: var(--es-track-bg);
+}
+.es-fsel-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
+/* `multiple`: a tick box per row, drawn (the row is the option, not an <input>). */
+.es-fsel-tick {
+  flex: none;
+  position: relative;
+  box-sizing: border-box;
+  width: 14px;
+  height: 14px;
+  border: 1.5px solid var(--es-input-border);
+  border-radius: 3px;
+  background: var(--es-field-bg);
+}
+.es-fsel-tick.is-on { border-color: var(--es-accent); background: var(--es-accent); }
+.es-fsel-tick.is-on::after {
+  content: '';
+  position: absolute;
+  left: 3.5px;
+  top: 0.5px;
+  width: 3.5px;
+  height: 7px;
+  border-right: 1.6px solid var(--es-on-accent);
+  border-bottom: 1.6px solid var(--es-on-accent);
+  transform: rotate(45deg);
+}
+/* A tick box says "on" itself, so a ticked row keeps the ordinary ink. */
+.es-fsel-option--rich.is-chosen:has(.es-fsel-tick) { color: var(--es-text); font-weight: 400; }
+/* `searchable`: the box and the list float together; the list inside is plain. */
+.es-fsel-pop {
+  position: absolute;
+  z-index: 20;
+  top: calc(100% + 4px);
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding: 4px;
+  border: 1px solid var(--es-line);
+  border-radius: var(--es-row-radius);
+  background: var(--es-raised);
+  box-shadow: var(--es-panel-shadow);
+}
+.es-fsel-pop .es-fsel-list {
+  position: static;
+  padding: 0;
+  border: 0;
+  border-radius: 0;
+  background: none;
+  box-shadow: none;
+}
+.es-fsel-empty { padding: 8px; font-size: 12px; color: var(--es-muted); }
+/* `inline`: the list opens in flow and pushes the rows below it down, so a
+   panel that scrolls never clips it. */
+.es-fsel--inline .es-fsel-list { position: static; margin-top: 4px; }
+.es-fsel--inline .es-fsel-pop { position: static; margin-top: 4px; }
+.es-fsel--inline .es-fsel-pop .es-fsel-list { margin-top: 0; }
 
 /* ── the panel body: the tab strip and the rows (Inspector) ───────────────── */
 
@@ -274,6 +363,16 @@
 /* The rows are Layers' rows (tree.css); the list lets them reach the panel's
    edges the way Layers' do, so a row's hover reads as the same row. */
 .es-list-tree { margin: 0 -8px; }
+/* …but the list is NOT a scroll box, as Layers is (`.es-tree { overflow-y:
+   auto }`): the panel around it scrolls. A row's drag hint hangs 4px under the
+   row, 22px tall, and under the LAST row the tree has less room than that: it
+   clipped the hint to 8px (second host, 2026-10-07). What overflowed also
+   made the list a scroller of its own inside the panel: a wheel over it moved
+   the rows 14px, and it was the nearest box that scrolled, so a drag in the
+   list scrolled IT at its edges, not the panel. Measured in Chrome
+   (scripts/second-host-clickthrough.mjs). Two classes, so it wins whichever
+   sheet loads last. */
+.es-tree.es-list-tree { overflow: visible; }
 
 .es-list-add {
   height: 32px;
@@ -289,31 +388,9 @@
 .es-list-add:disabled { color: var(--es-disabled); cursor: default; }
 .es-list-add:focus-visible { outline: 2px solid var(--es-accent); outline-offset: 1px; }
 
-/* An item opened: the way back, its name, its own settings, its two actions. */
+/* An item opened: the way back (chrome's InspectorUpLevel, inline), its name,
+   its own settings, its two actions. */
 .es-list.is-open { gap: 12px; }
-.es-list-back {
-  align-self: flex-start;
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  height: 28px;
-  padding: 0 8px;
-  border: 0;
-  border-radius: var(--es-field-radius);
-  background: var(--es-hover);
-  color: var(--es-text-secondary);
-  font: inherit;
-  font-size: 12px;
-  cursor: pointer;
-}
-.es-list-back:focus-visible { outline: 2px solid var(--es-accent); outline-offset: 1px; }
-.es-list-back-chev {
-  width: 6px;
-  height: 6px;
-  border-left: 1.6px solid currentColor;
-  border-bottom: 1.6px solid currentColor;
-  transform: rotate(45deg);
-}
 .es-list-title { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
 .es-list-name { font-size: 14px; font-weight: 600; color: var(--es-text); }
 .es-list-item { min-width: 0; }

package/dist/fields/index.d.ts

@@ -1,10 +1,10 @@
 import * as react from 'react';
 import { ReactNode, KeyboardEvent } from 'react';
 import { S as SettingsBucket } from '../buckets-CuLM47h9.js';
-import { I as InspectorFields, a as InspectorFieldDef, F as FieldRenderer, b as FieldTextProps, c as FieldNumberProps, d as FieldSliderProps, e as FieldSelectProps, f as FieldOption } from '../types-C7HFvdtk.js';
-export { A as ArrayFieldDef, C as CustomFieldDef, g as CustomFieldRenderProps, N as NumberFieldDef, O as ObjectFieldDef, R as RadioFieldDef, S as SelectFieldDef, h as SlotFieldDef, T as TextFieldDef, i as TextareaFieldDef } from '../types-C7HFvdtk.js';
+import { I as InspectorFields, a as InspectorFieldDef, F as FieldRenderer, b as FieldTextProps, c as FieldNumberProps, d as FieldSliderProps, e as FieldSelectManyProps, f as FieldSelectOneProps, g as FieldOption } from '../types-VqL6t5HH.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-VqL6t5HH.js';
 import { R as ResolvableItem } from '../resolve-D68pb3Bx.js';
-export { F as FieldsWords } from '../words-CD3WADyb.js';
+export { F as FieldsWords } from '../words-CzoyDNHm.js';
 import '../types-41704JE4.js';
 
 interface InspectorProps {
@@ -98,7 +98,14 @@ interface PlannedRow {
     bucket: SettingsBucket;
 }
 interface FieldPlan {
-    /** Every field that draws, in the order declared. */
+    /**
+     * Every field that is not a marker and not hidden, in the order declared.
+     *
+     * ⚠️ A `slot` field is among them and draws NOTHING: it is here so its name
+     * has a bucket (`bucketsOf`), and `Inspector` leaves it mounted but empty.
+     * A host that draws rows of its own, or counts them ("3 settings"), filters
+     * `row.field.type !== 'slot'` first. `buckets` already leaves slots out.
+     */
     rows: PlannedRow[];
     /** The tabs to offer: the buckets that hold a row, in the owner's order. */
     buckets: SettingsBucket[];
@@ -190,7 +197,7 @@ declare function useResolvedFields({ id, node, block, parent, appState }: Resolv
  * provider's — `EaselStrings.fields.list` and `.tree` — English with none.
  */
 interface ListFieldProps<T> {
-    /** The list's name, e.g. "Slides". Also the back button's word. */
+    /** The list's name, e.g. "Slides". Also the way back's word: "← Slides" (`InspectorUpLevel`). */
     label: string;
     /** A glyph before the name, as a settings row wears one. */
     icon?: ReactNode;
@@ -290,7 +297,7 @@ declare function useNumberEntry({ value, onChange, min, max, step, shiftStep, st
  * small stacked arrows. What the typing, the keys and the arrows do is
  * {@link useNumberEntry}'s.
  */
-declare function FieldNumber({ id, value, onChange, min, max, step, shiftStep, styleValue, icon, unit, steppers, placeholder, readOnly, ariaLabel, ariaLabelledBy, }: FieldNumberProps): react.JSX.Element;
+declare function FieldNumber({ id, value, onChange, min, max, step, shiftStep, styleValue, icon, unit, steppers, placeholder, readOnly, ariaLabel, ariaLabelledBy, title, }: FieldNumberProps): react.JSX.Element;
 
 /**
  * A slider row (plan step E4), for Site styles and Email styles: the name on
@@ -300,8 +307,14 @@ declare function FieldNumber({ id, value, onChange, min, max, step, shiftStep, s
  * cell does — it is the same {@link useNumberEntry} — and may go past the
  * slider's own travel (`sliderMin` / `sliderMax`); only `min` / `max` hold it.
  * The slider then rests at its end. A grey value follows the style.
+ *
+ * `auto` (plan step E6, Site styles) is the word for "no number: each section
+ * draws its own". The design puts it ON the slider: one spot left of its
+ * travel is Auto, and the value reads the word, grey, with no unit. Dragged there, the row
+ * writes `undefined`; ↑ from Auto starts at `sliderMin` (one more than Auto is
+ * the slider's first number, not `min`), ↓ stays; an emptied box is Auto too.
  */
-declare function FieldSlider({ id, label, value, onChange, min, max, step, shiftStep, styleValue, unit, sliderMin, sliderMax, readOnly, }: FieldSliderProps): react.JSX.Element;
+declare function FieldSlider({ id, label, value, onChange, min, max, step, shiftStep, styleValue, unit, sliderMin, sliderMax, auto, readOnly, }: FieldSliderProps): react.JSX.Element;
 
 /** The option a stored value names: equal by `Object.is`, so `0`, `false` and `''` are values too. */
 declare function optionFor<V>(options: readonly FieldOption<V>[], value: V | undefined): FieldOption<V> | undefined;
@@ -315,7 +328,32 @@ declare function optionFor<V>(options: readonly FieldOption<V>[], value: V | und
  * button its focus back, a letter jumps to the next option that starts with it.
  * A click outside closes it (a CLICK, not a pointerdown: closing early moves the
  * row and loses the press — the colour row learned that in 4.6).
+ *
+ * Options may sit under headings (`FieldOption.group`, `<optgroup>`'s job): a
+ * heading is a `role="group"`'s name, never an option, so the keys and a click
+ * pass it by. Without groups the list is exactly the flat one it always was.
+ *
+ * THE EDITOR'S ONE POP-UP LIST (card [MERGE] One Pop-up List For Editor And One
+ * For Shoppers, 2026-10-06). What the website editor's own lists did is here,
+ * each optional, and a list that asks for none draws what it always drew:
+ *
+ *   searchable   a search box at the top of the open list. It has the focus;
+ *                letters go into it (no letter jump), ↓ ↑ walk what is left,
+ *                Enter chooses, Escape closes. Home and End stay the box's.
+ *   multiple     several values. Enter, Space or a click ticks one and the list
+ *                STAYS open; the save is in the options' order.
+ *   thumb, meta  a picture column and a quiet fact on the option.
+ *   groupCount   a heading says how many of its options are showing.
+ *   renderOption / renderValue   the host draws a row's or the button's content.
+ *   inline       the list opens in flow, for a panel that scrolls.
+ *
+ * THE OPEN LIST ALWAYS HAS A NAME (second host, 2026-10-07): the host's
+ * `ariaLabelledBy`, else its `ariaLabel`, else the BUTTON that opened it —
+ * which the row's `<label for>` names. Until then a list given neither was a
+ * `role="listbox"` with no accessible name (axe `aria-input-field-name`), and
+ * the engine's own settings row gave neither.
  */
-declare function FieldSelect<V>({ id, value, options, onChange, placeholder, readOnly, ariaLabel, ariaLabelledBy, }: FieldSelectProps<V>): react.JSX.Element;
+declare function FieldSelect<V>(props: FieldSelectManyProps<V>): ReactNode;
+declare function FieldSelect<V>(props: FieldSelectOneProps<V>): ReactNode;
 
-export { FieldNumber, FieldNumberProps, FieldOption, type FieldPlan, FieldRenderer, FieldSelect, FieldSelectProps, FieldSlider, FieldSliderProps, FieldText, FieldTextProps, type FieldsBlock, Inspector, InspectorField, InspectorFieldDef, type InspectorFieldProps, InspectorFields, type InspectorProps, ListField, type ListFieldProps, type NumberEntryOptions, type PlannedRow, type ResolvedFieldsInput, SettingsBucket, bucketsOf, clampNumber, copyItem, insertAt, labelOf, moveTo, optionFor, parseTyped, planFields, removeAt, useNumberEntry, useResolvedFields };
+export { FieldNumber, FieldNumberProps, FieldOption, type FieldPlan, FieldRenderer, FieldSelect, FieldSelectManyProps, FieldSelectOneProps, FieldSlider, FieldSliderProps, FieldText, FieldTextProps, type FieldsBlock, Inspector, InspectorField, InspectorFieldDef, type InspectorFieldProps, InspectorFields, type InspectorProps, ListField, type ListFieldProps, type NumberEntryOptions, type PlannedRow, type ResolvedFieldsInput, SettingsBucket, bucketsOf, clampNumber, copyItem, insertAt, labelOf, moveTo, optionFor, parseTyped, planFields, removeAt, useNumberEntry, useResolvedFields };

package/dist/fields/index.js

@@ -1,53 +1,37 @@
-import{LayersTree as e,TreeSeam as n,TreeRow as t,TreeRowAction as r}from"../chunk-66CKSTXP.js";import{SettingsField as l,SETTINGS_BUCKETS as a,SettingsTabs as i,SettingsGroup as s}from"../chunk-67VZRQLG.js";import{DEFAULT_FIELDS_WORDS as o}from"../chunk-SUO5627P.js";import{DEFAULT_TREE_WORDS as c}from"../chunk-H4B72XCJ.js";import{DEFAULT_PANEL_WORDS as d}from"../chunk-7A7O2JWQ.js";export{useResolvedFields}from"../chunk-YRLPFZW3.js";import{SettingsSegmented as u}from"../chunk-QB3BZIRA.js";import{useWords as m}from"../chunk-MFIRYGHW.js";import"../chunk-BZ5ASXOL.js";import{useTreeDrag as p,gapToMoveIndex as h}from"../chunk-6PS6STGA.js";import"../chunk-PI26YXYD.js";import"../chunk-KRXQM65X.js";import"../chunk-NKB3KVAB.js";import{useState as f,useRef as b,useEffect as v,useId as y}from"react";import{jsxs as g,jsx as k,Fragment as x}from"react/jsx-runtime";function w(e,n,t){let r=e;return"number"==typeof n&&r<n&&(r=n),"number"==typeof t&&r>t&&(r=t),r}function N(e){const n=e.trim().replace(",",".");if(""===n||"-"===n||"."===n||"-."===n)return null;const t=Number(n);return Number.isFinite(t)?t:null}function C(e){const n=String(e),t=n.indexOf(".");return t<0?0:n.length-t-1}function O({value:e,onChange:n,min:t,max:r,step:l=1,shiftStep:a,styleValue:i,readOnly:s=!1}){const o="number"==typeof e&&Number.isFinite(e)?e:void 0,c=void 0===o?"":String(o),[d,u]=f(c),m=b(o),p=b(o);v(()=>{m.current=o,u(e=>N(e)===(o??null)?e:c)},[o,c]);const h=e=>{s||(m.current=e,n(e))},y=e=>{s||(u(void 0===e?"":String(e)),e!==m.current&&h(e))},g=(e,n=!1)=>{if(s)return;const o=w(function(e,n){const t=Math.max(C(e),C(n));return Number((e+n).toFixed(t))}(m.current??i??t??0,e*(n?a??10*l:l)),t,r);u(String(o)),h(o)},k=()=>{const e=N(d);null!==e?y(w(e,t,r)):u(void 0===m.current?"":String(m.current))};return{inputProps:{value:d,readOnly:s,placeholder:void 0===i?void 0:String(i),onFocus:()=>{p.current=m.current},onChange:e=>{const n=e.target.value;if(u(n),""===n.trim())h(void 0);else{const e=N(n);null!==e&&h(e)}},onBlur:k,onKeyDown:e=>{"ArrowUp"===e.key||"ArrowDown"===e.key?(e.preventDefault(),g("ArrowUp"===e.key?1:-1,e.shiftKey)):"Enter"===e.key?(e.preventDefault(),k(),p.current=m.current):"Escape"===e.key&&(e.preventDefault(),y(p.current))}},nudge:g,set:y,isStyle:void 0!==i&&""===d.trim()}}function S({dir:e,label:n,disabled:t,nudge:r}){const l=b(null),a=b(r);a.current=r;const i=b({}),s=()=>{const e=i.current;void 0!==e.wait&&clearTimeout(e.wait),void 0!==e.every&&clearInterval(e.every),e.off?.(),i.current={}};v(()=>{const e=l.current;return e?.addEventListener("pointerleave",s),e?.addEventListener("pointercancel",s),()=>{e?.removeEventListener("pointerleave",s),e?.removeEventListener("pointercancel",s),s()}},[]);/* @__PURE__ */
-return k("button",{ref:l,type:"button",tabIndex:-1,className:"es-fnum-arrow es-fnum-arrow--"+(e>0?"up":"down"),"aria-label":n,disabled:t,onPointerDown:n=>{if(0!==n.button||t)return;n.preventDefault(),s();const r=n.shiftKey;a.current(e,r);const l=n.currentTarget.ownerDocument;l.addEventListener("pointerup",s),i.current={off:()=>l.removeEventListener("pointerup",s),wait:setTimeout(()=>{i.current.every=setInterval(()=>a.current(e,r),60)},350)}},onClick:n=>{0===n.detail&&a.current(e,n.shiftKey)},children:/* @__PURE__ */k("svg",{viewBox:"0 0 10 10","aria-hidden":"true",focusable:"false",children:/* @__PURE__ */k("path",{d:e>0?"M2.5 6.25 5 3.75l2.5 2.5":"M2.5 3.75 5 6.25l2.5-2.5"})})})}function $({id:e,value:n,onChange:t,min:r,max:l,step:a=1,shiftStep:i,styleValue:s,icon:c,unit:d,steppers:u=!1,placeholder:p,readOnly:h=!1,ariaLabel:f,ariaLabelledBy:b}){const v=m("fields",o),{inputProps:y,nudge:x,isStyle:w}=O({value:n,onChange:t,min:r,max:l,step:a,shiftStep:i,styleValue:s,readOnly:h});/* @__PURE__ */
-return g("div",{className:`es-fnum${u?" es-fnum--arrows":""}${w?" is-style":""}${h?" is-readonly":""}`,children:[c?/* @__PURE__ */k("span",{className:"es-fnum-icon","aria-hidden":"true",children:c}):null,
-/* @__PURE__ */k("input",{id:e,type:"text",inputMode:"decimal",className:"es-fnum-box","aria-label":f,"aria-labelledby":b,...y,placeholder:y.placeholder??p}),d?/* @__PURE__ */k("span",{className:"es-fnum-unit",children:d}):null,u?/* @__PURE__ */g("span",{className:"es-fnum-arrows",children:[
-/* @__PURE__ */k(S,{dir:1,label:v.more,disabled:h,nudge:x}),
-/* @__PURE__ */k(S,{dir:-1,label:v.less,disabled:h,nudge:x})]}):null]})}function I(e,n){return e.find(e=>Object.is(e.value,n))}function L({id:e,value:n,options:t,onChange:r,placeholder:l,readOnly:a=!1,ariaLabel:i,ariaLabelledBy:s}){const c=m("fields",o),d=y(),[u,p]=f(!1),[h,x]=f(0),w=b(null),N=b(null),C=b(null),O=I(t,n),S=O?t.indexOf(O):-1,$=()=>{a||0===t.length||(x(S>=0?S:0),p(!0))},L=e=>{p(!1),e&&N.current?.focus()},j=e=>{const l=t[e];l&&!l.disabled&&(Object.is(l.value,n)||r(l.value),L(!0))};v(()=>{if(!u)return;C.current?.focus();const e=w.current?.ownerDocument;if(!e)return;const n=e=>{w.current&&!w.current.contains(e.target)&&p(!1)};return e.addEventListener("click",n,!0),()=>e.removeEventListener("click",n,!0)},[u]);const D=e=>{const n=t.length;if(0===n)return;let r=(e%n+n)%n;for(let l=0;l<n&&t[r]?.disabled;l++)r=(r+(e>=h?1:-1)+n)%n;x(r)};/* @__PURE__ */
-return g("div",{className:"es-fsel",ref:w,children:[
-/* @__PURE__ */g("button",{ref:N,id:e,type:"button",className:"es-fin es-fsel-button","aria-haspopup":"listbox","aria-expanded":u,"aria-controls":u?d:void 0,"aria-label":i,"aria-labelledby":s,disabled:a,onClick:()=>u?L(!1):$(),onKeyDown:e=>{"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),$())},children:[
-/* @__PURE__ */k("span",{className:O?"es-fsel-value":"es-fsel-value is-empty",children:O?O.label:l??c.choose}),
-/* @__PURE__ */k("span",{className:"es-fsel-chev","aria-hidden":"true"})]}),u?/* @__PURE__ */k("ul",{ref:C,id:d,role:"listbox",tabIndex:-1,className:"es-fsel-list","aria-activedescendant":`${d}-${h}`,"aria-labelledby":s,"aria-label":s?void 0:i,onKeyDown:e=>{switch(e.key){case"ArrowDown":return e.preventDefault(),void D(h+1);case"ArrowUp":return e.preventDefault(),void D(h-1);case"Home":return e.preventDefault(),void D(0);case"End":return e.preventDefault(),void D(t.length-1);case"Enter":case" ":return e.preventDefault(),void j(h);case"Escape":return e.preventDefault(),e.stopPropagation(),void L(!0);case"Tab":return void L(!1);default:if(1===e.key.length&&/\S/.test(e.key)){const n=e.key.toLowerCase(),r=t.length;for(let e=1;e<=r;e++){const l=(h+e)%r;if(!t[l]?.disabled&&t[l]?.label.toLowerCase().startsWith(n))return void x(l)}}}},children:t.map((e,n)=>/* @__PURE__ */k("li",{id:`${d}-${n}`,role:"option","aria-selected":n===S,"aria-disabled":e.disabled||void 0,className:`es-fsel-option${n===h?" is-active":""}${n===S?" is-chosen":""}`,onMouseEnter:()=>x(n),onClick:()=>j(n),children:e.label},`${n}-${String(e.value)}`))}):null]})}function j({id:e,value:n,onChange:t,placeholder:r,multiline:l=!1,rows:a=3,readOnly:i=!1,ariaLabel:s,ariaLabelledBy:o}){const c=n??"";return l?/* @__PURE__ */k("textarea",{id:e,className:"es-fin es-fin--area",value:c,rows:a,placeholder:r,readOnly:i,"aria-label":s,"aria-labelledby":o,onChange:e=>t(e.target.value)}):/* @__PURE__ */k("input",{id:e,type:"text",className:"es-fin",value:c,placeholder:r,readOnly:i,"aria-label":s,"aria-labelledby":o,onChange:e=>t(e.target.value)})}function D(e,n,t){const r=e.slice();return r.splice(Math.max(0,Math.min(n,r.length)),0,t),r}function M(e,n,t){const r=e.slice(),[l]=r.splice(n,1);return r.splice(Math.max(0,Math.min(t,r.length)),0,l),r}function P(e,n){return e.filter((e,t)=>t!==n)}function A(e){return null===e||"object"!=typeof e?e:JSON.parse(JSON.stringify(e))}function B(){/* @__PURE__ */
-return g("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:[
+import{FieldSelect as e}from"../chunk-LGKQXSKO.js";export{FieldSelect,FieldSlider,optionFor}from"../chunk-LGKQXSKO.js";import{LayersTree as n,TreeSeam as l,TreeRow as t,TreeRowAction as r}from"../chunk-V7GIIXFB.js";import{SettingsField as i,SETTINGS_BUCKETS as a,SettingsTabs as o,SettingsGroup as s}from"../chunk-DICUMYMG.js";import{DEFAULT_TREE_WORDS as c}from"../chunk-3EDSDPIP.js";import{DEFAULT_PANEL_WORDS as d}from"../chunk-TRVZ7C23.js";export{useResolvedFields}from"../chunk-YRLPFZW3.js";import{InspectorUpLevel as u}from"../chunk-MH5GUZFQ.js";import"../chunk-ZJEBF4NB.js";import{FieldNumber as m}from"../chunk-A5UK76FC.js";export{FieldNumber,clampNumber,parseTyped,useNumberEntry}from"../chunk-A5UK76FC.js";import{SettingsSegmented as h}from"../chunk-P6O363EE.js";import{DEFAULT_FIELDS_WORDS as p}from"../chunk-LA54QLP5.js";import{useWords as b}from"../chunk-MFIRYGHW.js";import"../chunk-BZ5ASXOL.js";import{useTreeDrag as f,gapToMoveIndex as g}from"../chunk-67GNT6PF.js";import"../chunk-6EIVTKZZ.js";import"../chunk-KRXQM65X.js";import"../chunk-NKB3KVAB.js";import{useId as v,useState as y}from"react";import{jsx as k,jsxs as x,Fragment as N}from"react/jsx-runtime";function O({id:e,value:n,onChange:l,placeholder:t,multiline:r=!1,rows:i=3,readOnly:a=!1,ariaLabel:o,ariaLabelledBy:s}){const c=n??"";return r?/* @__PURE__ */k("textarea",{id:e,className:"es-fin es-fin--area",value:c,rows:i,placeholder:t,readOnly:a,"aria-label":o,"aria-labelledby":s,onChange:e=>l(e.target.value)}):/* @__PURE__ */k("input",{id:e,type:"text",className:"es-fin",value:c,placeholder:t,readOnly:a,"aria-label":o,"aria-labelledby":s,onChange:e=>l(e.target.value)})}function C(e,n,l){const t=e.slice();return t.splice(Math.max(0,Math.min(n,t.length)),0,l),t}function j(e,n,l){const t=e.slice(),[r]=t.splice(n,1);return t.splice(Math.max(0,Math.min(l,t.length)),0,r),t}function w(e,n){return e.filter((e,l)=>l!==n)}function I(e){return null===e||"object"!=typeof e?e:JSON.parse(JSON.stringify(e))}function F(){/* @__PURE__ */
+return x("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true",children:[
 /* @__PURE__ */k("circle",{cx:"9",cy:"6",r:"1.6"}),
 /* @__PURE__ */k("circle",{cx:"15",cy:"6",r:"1.6"}),
 /* @__PURE__ */k("circle",{cx:"9",cy:"12",r:"1.6"}),
 /* @__PURE__ */k("circle",{cx:"15",cy:"12",r:"1.6"}),
 /* @__PURE__ */k("circle",{cx:"9",cy:"18",r:"1.6"}),
-/* @__PURE__ */k("circle",{cx:"15",cy:"18",r:"1.6"})]})}var E={parentId:"list",slot:"items"};function F({label:l,icon:a,noun:i,items:s,onChange:d,newItem:u,summary:f,itemName:b,thumb:v,min:y=0,max:w,readOnly:N=!1,open:C,onOpen:O,renderItem:S}){const $=m("fields",o).list,I=m("tree",c),L=i??$.item,j=!N&&("number"!=typeof w||s.length<w),F=!N&&s.length>y,K=(e,n)=>b?b(e,n):$.itemName({noun:L,n:n+1}),V=p({keyOf:e=>String(e),canDrop:(e,n)=>n.parentId===E.parentId&&n.slot===E.slot,onDrop:(e,n)=>{const t=h({...E,index:e},n);t!==e&&d(M(s,e,t))},onStep:(e,n)=>d(M(s,e,e+n)),canStep:(e,n)=>e+n>=0&&e+n<s.length,readOnly:N}),T=e=>{j&&d(D(s,e,u()))},R=e=>{j&&d(D(s,e+1,A(s[e])))},W=e=>{F&&(d(P(s,e)),null!==C&&O(null))};if(null!==C&&C>=0&&C<s.length){const e=s[C];/* @__PURE__ */
-return g("div",{className:"es-list is-open",children:[
-/* @__PURE__ */g("button",{type:"button",className:"es-list-back",onClick:()=>O(null),children:[
-/* @__PURE__ */k("span",{className:"es-list-back-chev","aria-hidden":"true"}),l]}),
-/* @__PURE__ */g("div",{className:"es-list-title",children:[
-/* @__PURE__ */k("span",{className:"es-list-name",children:K(e,C)}),
-/* @__PURE__ */k("span",{className:"es-list-count",children:$.position({n:C+1,total:s.length})})]}),
-/* @__PURE__ */k("div",{className:"es-list-item",children:S(e,C,e=>{const n=s.slice();n[C]=e,d(n)})}),N?null:/* @__PURE__ */g("div",{className:"es-list-item-actions",children:[
-/* @__PURE__ */k("button",{type:"button",className:"es-fbtn",disabled:!j,onClick:()=>R(C),children:$.duplicate}),
-/* @__PURE__ */k("button",{type:"button",className:"es-fbtn es-fbtn--danger",disabled:!F,onClick:()=>W(C),children:$.deleteItem({noun:L})})]})]})}/* @__PURE__ */
-return g("div",{className:"es-list",children:[
-/* @__PURE__ */g("div",{className:"es-list-head",children:[
-/* @__PURE__ */g("span",{className:"es-list-label",children:[a?/* @__PURE__ */k("span",{className:"es-field-icon","aria-hidden":"true",children:a}):null,l]}),
-/* @__PURE__ */k("span",{className:"es-list-count",children:s.length})]}),s.length?/* @__PURE__ */g(e,{className:"es-list-tree",rootProps:V.rootProps(),children:[s.map((e,l)=>{const a={...E,index:l},i=V.row({item:l,place:a});/* @__PURE__ */
-return g("div",{className:"es-list-entry",children:[l>0?/* @__PURE__ */k(n,{...V.seam({place:a}),onAdd:j?()=>T(l):void 0,label:$.addHere({noun:L})}):null,
-/* @__PURE__ */k(t,{icon:v?v(e,l):/* @__PURE__ */k(B,{}),name:K(e,l),preview:f?f(e,l):void 0,draggable:i.draggable,dragging:i.dragging,drop:i.drop,rowProps:i.rowProps,words:I,onSelect:()=>O(l),actions:N?void 0:/* @__PURE__ */g(x,{children:[
-/* @__PURE__ */k(r,{kind:"plain",label:$.duplicateItem({noun:L}),disabled:!j,onClick:()=>R(l),children:/* @__PURE__ */g("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[
+/* @__PURE__ */k("circle",{cx:"15",cy:"18",r:"1.6"})]})}var $={parentId:"list",slot:"items"};function S({label:e,icon:i,noun:a,items:o,onChange:s,newItem:d,summary:m,itemName:h,thumb:v,min:y=0,max:O,readOnly:S=!1,open:L,onOpen:M,renderItem:P}){const B=b("fields",p).list,K=b("tree",c),A=a??B.item,G=!S&&("number"!=typeof O||o.length<O),Z=!S&&o.length>y,E=(e,n)=>h?h(e,n):B.itemName({noun:A,n:n+1}),T=f({keyOf:e=>String(e),canDrop:(e,n)=>n.parentId===$.parentId&&n.slot===$.slot,onDrop:(e,n)=>{const l=g({...$,index:e},n);l!==e&&s(j(o,e,l))},onStep:(e,n)=>s(j(o,e,e+n)),canStep:(e,n)=>e+n>=0&&e+n<o.length,readOnly:S}),V=e=>{G&&s(C(o,e,d()))},X=e=>{G&&s(C(o,e+1,I(o[e])))},D=e=>{Z&&(s(w(o,e)),null!==L&&M(null))};if(null!==L&&L>=0&&L<o.length){const n=o[L];/* @__PURE__ */
+return x("div",{className:"es-list is-open",children:[
+/* @__PURE__ */k(u,{inline:!0,name:e,onSelect:()=>M(null)}),
+/* @__PURE__ */x("div",{className:"es-list-title",children:[
+/* @__PURE__ */k("span",{className:"es-list-name",children:E(n,L)}),
+/* @__PURE__ */k("span",{className:"es-list-count",children:B.position({n:L+1,total:o.length})})]}),
+/* @__PURE__ */k("div",{className:"es-list-item",children:P(n,L,e=>{const n=o.slice();n[L]=e,s(n)})}),S?null:/* @__PURE__ */x("div",{className:"es-list-item-actions",children:[
+/* @__PURE__ */k("button",{type:"button",className:"es-fbtn",disabled:!G,onClick:()=>X(L),children:B.duplicate}),
+/* @__PURE__ */k("button",{type:"button",className:"es-fbtn es-fbtn--danger",disabled:!Z,onClick:()=>D(L),children:B.deleteItem({noun:A})})]})]})}/* @__PURE__ */
+return x("div",{className:"es-list",children:[
+/* @__PURE__ */x("div",{className:"es-list-head",children:[
+/* @__PURE__ */x("span",{className:"es-list-label",children:[i?/* @__PURE__ */k("span",{className:"es-field-icon","aria-hidden":"true",children:i}):null,e]}),
+/* @__PURE__ */k("span",{className:"es-list-count",children:o.length})]}),o.length?/* @__PURE__ */x(n,{className:"es-list-tree",rootProps:T.rootProps(),children:[o.map((e,n)=>{const i={...$,index:n},a=T.row({item:n,place:i});/* @__PURE__ */
+return x("div",{className:"es-list-entry",children:[n>0?/* @__PURE__ */k(l,{...T.seam({place:i}),onAdd:G?()=>V(n):void 0,label:B.addHere({noun:A})}):null,
+/* @__PURE__ */k(t,{icon:v?v(e,n):/* @__PURE__ */k(F,{}),name:E(e,n),preview:m?m(e,n):void 0,draggable:a.draggable,dragging:a.dragging,drop:a.drop,rowProps:a.rowProps,words:K,onSelect:()=>M(n),actions:S?void 0:/* @__PURE__ */x(N,{children:[
+/* @__PURE__ */k(r,{kind:"plain",label:B.duplicateItem({noun:A}),disabled:!G,onClick:()=>X(n),children:/* @__PURE__ */x("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[
 /* @__PURE__ */k("rect",{x:"9",y:"9",width:"11",height:"11",rx:"2"}),
 /* @__PURE__ */k("path",{d:"M5 15V6a2 2 0 0 1 2-2h9"})]})}),
-/* @__PURE__ */k(r,{kind:"delete",label:$.deleteItem({noun:L}),disabled:!F,onClick:()=>W(l),children:/* @__PURE__ */k("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round","aria-hidden":"true",children:/* @__PURE__ */k("path",{d:"M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3"})})})]})})]},l)}),
-/* @__PURE__ */k(n,{...V.seam({place:{...E,index:s.length}})})]}):null,N?null:/* @__PURE__ */k("button",{type:"button",className:"es-list-add",disabled:!j,onClick:()=>T(s.length),children:$.add({noun:L})})]})}var K=(e,n)=>"string"==typeof e.label&&e.label?e.label:n;function V({field:e,name:n,id:t,value:r,onChange:l,readOnly:a,context:i,renderers:o}){const[c,d]=f(!0),u=r&&"object"==typeof r?r:{};/* @__PURE__ */
-return k(s,{id:`${t}-group`,title:K(e,n),open:c,onToggle:d,children:Object.entries(e.objectFields).map(([e,r])=>/* @__PURE__ */k(R,{field:r,name:`${n}.${e}`,id:`${t}-${e}`,value:u[e],onChange:n=>l({...u,[e]:n}),readOnly:a,context:i,renderers:o},e))})}function T({field:e,name:n,id:t,value:r,onChange:l,readOnly:a,context:i,renderers:s,openItem:o,onOpenItem:c}){const[d,u]=f(null),m=c?o??null:d,p=c??u,h=Array.isArray(r)?r:[],b=e.getItemSummary;/* @__PURE__ */
-return k(F,{label:K(e,n),icon:e.icon,noun:"string"==typeof e.noun?e.noun:void 0,items:h,onChange:l,newItem:()=>A({...e.defaultItemProps??{}}),summary:b?(e,n)=>b(e,n):void 0,min:e.min,max:e.max,readOnly:a,open:m,onOpen:p,renderItem:(r,l,o)=>Object.entries(e.arrayFields).map(([e,c])=>/* @__PURE__ */k(R,{field:c,name:`${n}[${l}].${e}`,id:`${t}-${l}-${e}`,value:r?.[e],onChange:n=>o({...r,[e]:n}),readOnly:a,context:i,renderers:s},e))})}function R(e){const{field:n,name:t,id:r,value:a,onChange:i,readOnly:s,context:o,renderers:c}=e;if(!n||n.marker||!1===n.visible)return null;const d=c?.[n.type];if(d)return d({field:n,name:t,id:r,value:a,onChange:i,readOnly:s});switch(n.type){case"custom":{const e={...o,field:n,name:t,id:r,value:a,onChange:i,readOnly:s};return n.render(e)}case"text":case"textarea":/* @__PURE__ */
-return k(l,{label:K(n,t),htmlFor:r,icon:n.icon,hint:n.hint,children:/* @__PURE__ */k(j,{id:r,value:"string"==typeof a?a:null==a?"":String(a),onChange:i,placeholder:n.placeholder,multiline:"textarea"===n.type,readOnly:s})});case"number":/* @__PURE__ */
-return k(l,{label:K(n,t),htmlFor:r,icon:n.icon,hint:n.hint,children:/* @__PURE__ */k($,{id:r,value:"number"==typeof a?a:void 0,onChange:i,min:n.min,max:n.max,step:n.step,placeholder:n.placeholder,readOnly:s})});case"select":/* @__PURE__ */
-return k(l,{label:K(n,t),htmlFor:r,icon:n.icon,hint:n.hint,children:/* @__PURE__ */k(L,{id:r,value:a,options:n.options,onChange:i,readOnly:s})});case"radio":/* @__PURE__ */
-return k(l,{label:K(n,t),icon:n.icon,hint:n.hint,children:/* @__PURE__ */k(u,{ariaLabel:K(n,t),value:a,options:n.options.map(e=>({id:e.value,label:e.label,icon:e.icon,disabled:e.disabled||s})),onChange:e=>{s||i(e)}})});case"object":/* @__PURE__ */
-return k(V,{...e,field:n});case"array":/* @__PURE__ */
-return k(T,{...e,field:n});case"slot":return null}}var W=e=>a.includes(e);function X(e){let n=a[0];const t=[],r=/* @__PURE__ */new Set;for(const[l,a]of Object.entries(e))a&&(W(a.bucket)&&(n=a.bucket),a.marker||!1===a.visible||(t.push({name:l,field:a,bucket:n}),"slot"!==a.type&&r.add(n)));return{rows:t,buckets:a.filter(e=>r.has(e))}}function U(e){return new Map(X(e).rows.map(e=>[e.name,e.bucket]))}function H({fields:e,values:n,onChange:t,readOnly:r=!1,context:l,tab:a,onTab:s,tabs:o=!0,tabIcons:c,renderers:u,idPrefix:p,ariaLabel:h,children:b}){const v=m("panel",d),x=y(),w=p??`es-insp${x.replace(/:/g,"")}`,N=X(e),[C,O]=f(void 0),S=a??C,$=S&&N.buckets.includes(S)?S:N.buckets[0],[I,L]=f(null),j=I&&I.panel===w&&N.rows.some(e=>e.name===I.name)?I:null,D=o&&N.buckets.length>1&&!j,M=`${w}-rows`,P=e=>`${w}-tab-${e.toLowerCase()}`;/* @__PURE__ */
-return g("div",{className:"es-insp",children:[D?/* @__PURE__ */k("div",{className:"es-insp-tabs",children:/* @__PURE__ */k(i,{ariaLabel:h??v.settings,activeId:$,onSelect:e=>{const n=e;void 0===a&&O(n),s?.(n)},items:N.buckets.map(e=>({id:e,label:v.buckets[e],icon:c?.[e],htmlId:P(e),panelId:M}))})}):null,
-/* @__PURE__ */g("div",{className:"es-insp-rows",id:M,role:D?"tabpanel":void 0,"aria-labelledby":D&&$?P($):void 0,children:[N.rows.map(({name:e,field:a,bucket:i})=>/* @__PURE__ */k("div",{className:"es-insp-row","data-field":e,"data-bucket":i,hidden:!!(j?j.name!==e:D&&i!==$)||void 0,children:/* @__PURE__ */k(R,{field:a,name:e,id:`${w}-${e}`,value:n[e],onChange:n=>t(e,n),readOnly:r,context:l,renderers:u,openItem:j&&j.name===e?j.index:null,onOpenItem:n=>L(null===n?null:{panel:w,name:e,index:n})})},e)),j?null:b]})]})}function J({id:e,label:n,value:t,onChange:r,min:l,max:a,step:i=1,shiftStep:s,styleValue:o,unit:c,sliderMin:d,sliderMax:u,readOnly:m=!1}){const p=y(),h=e??p,{inputProps:f,set:b,isStyle:v}=O({value:t,onChange:r,min:l,max:a,step:i,shiftStep:s,styleValue:o,readOnly:m}),x="number"==typeof t&&Number.isFinite(t)?t:o??d;/* @__PURE__ */
-return g("div",{className:"es-fslider"+(v?" is-style":""),children:[
-/* @__PURE__ */g("div",{className:"es-fslider-top",children:[
-/* @__PURE__ */k("label",{className:"es-fslider-name",htmlFor:h,children:n}),
-/* @__PURE__ */g("span",{className:"es-fslider-read",children:[
-/* @__PURE__ */k("input",{id:h,type:"text",inputMode:"decimal",className:"es-fslider-value",...f}),c?/* @__PURE__ */k("span",{className:"es-fslider-unit",children:c}):null]})]}),
-/* @__PURE__ */k("input",{type:"range",className:"es-fslider-range",min:d,max:u,step:i,value:w(x,d,u),disabled:m,"aria-label":n,onChange:e=>b(Number(e.target.value))})]})}export{$ as FieldNumber,L as FieldSelect,J as FieldSlider,j as FieldText,H as Inspector,R as InspectorField,F as ListField,U as bucketsOf,w as clampNumber,A as copyItem,D as insertAt,K as labelOf,M as moveTo,I as optionFor,N as parseTyped,X as planFields,P as removeAt,O as useNumberEntry};
+/* @__PURE__ */k(r,{kind:"delete",label:B.deleteItem({noun:A}),disabled:!Z,onClick:()=>D(n),children:/* @__PURE__ */k("svg",{width:"13",height:"13",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round","aria-hidden":"true",children:/* @__PURE__ */k("path",{d:"M4 7h16M10 11v6M14 11v6M6 7l1 12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2l1-12M9 7V4h6v3"})})})]})})]},n)}),
+/* @__PURE__ */k(l,{...T.seam({place:{...$,index:o.length}})})]}):null,S?null:/* @__PURE__ */k("button",{type:"button",className:"es-list-add",disabled:!G,onClick:()=>V(o.length),children:B.add({noun:A})})]})}var L=(e,n)=>"string"==typeof e.label&&e.label?e.label:n;function M({field:e,name:n,id:l,value:t,onChange:r,readOnly:i,context:a,renderers:o}){const[c,d]=y(!0),u=t&&"object"==typeof t?t:{};/* @__PURE__ */
+return k(s,{id:`${l}-group`,title:L(e,n),open:c,onToggle:d,children:Object.entries(e.objectFields).map(([e,t])=>/* @__PURE__ */k(B,{field:t,name:`${n}.${e}`,id:`${l}-${e}`,value:u[e],onChange:n=>r({...u,[e]:n}),readOnly:i,context:a,renderers:o},e))})}function P({field:e,name:n,id:l,value:t,onChange:r,readOnly:i,context:a,renderers:o,openItem:s,onOpenItem:c}){const[d,u]=y(null),m=c?s??null:d,h=c??u,p=Array.isArray(t)?t:[],b=e.getItemSummary;/* @__PURE__ */
+return k(S,{label:L(e,n),icon:e.icon,noun:"string"==typeof e.noun?e.noun:void 0,items:p,onChange:r,newItem:()=>I({...e.defaultItemProps??{}}),summary:b?(e,n)=>b(e,n):void 0,min:e.min,max:e.max,readOnly:i,open:m,onOpen:h,renderItem:(t,r,s)=>Object.entries(e.arrayFields).map(([e,c])=>/* @__PURE__ */k(B,{field:c,name:`${n}[${r}].${e}`,id:`${l}-${r}-${e}`,value:t?.[e],onChange:n=>s({...t,[e]:n}),readOnly:i,context:a,renderers:o},e))})}function B(n){const{field:l,name:t,id:r,value:a,onChange:o,readOnly:s,context:c,renderers:d}=n;if(!l||l.marker||!1===l.visible)return null;const u=d?.[l.type];if(u)return u({field:l,name:t,id:r,value:a,onChange:o,readOnly:s});switch(l.type){case"custom":{const e={...c,field:l,name:t,id:r,value:a,onChange:o,readOnly:s};return l.render(e)}case"text":case"textarea":/* @__PURE__ */
+return k(i,{label:L(l,t),htmlFor:r,icon:l.icon,hint:l.hint,children:/* @__PURE__ */k(O,{id:r,value:"string"==typeof a?a:null==a?"":String(a),onChange:o,placeholder:l.placeholder,multiline:"textarea"===l.type,readOnly:s})});case"number":/* @__PURE__ */
+return k(i,{label:L(l,t),htmlFor:r,icon:l.icon,hint:l.hint,children:/* @__PURE__ */k(m,{id:r,value:"number"==typeof a?a:void 0,onChange:o,min:l.min,max:l.max,step:l.step,placeholder:l.placeholder,readOnly:s})});case"select":{const n=`${r}-label`;/* @__PURE__ */
+return k(i,{label:L(l,t),labelId:n,htmlFor:r,icon:l.icon,hint:l.hint,children:/* @__PURE__ */k(e,{id:r,value:a,options:l.options,onChange:o,readOnly:s,ariaLabelledBy:n})})}case"radio":/* @__PURE__ */
+return k(i,{label:L(l,t),icon:l.icon,hint:l.hint,children:/* @__PURE__ */k(h,{ariaLabel:L(l,t),value:a,options:l.options.map(e=>({id:e.value,label:e.label,icon:e.icon,disabled:e.disabled||s})),onChange:e=>{s||o(e)}})});case"object":/* @__PURE__ */
+return k(M,{...n,field:l});case"array":/* @__PURE__ */
+return k(P,{...n,field:l});case"slot":return null}}var K=e=>a.includes(e);function A(e){let n=a[0];const l=[],t=/* @__PURE__ */new Set;for(const[r,i]of Object.entries(e))i&&(K(i.bucket)&&(n=i.bucket),i.marker||!1===i.visible||(l.push({name:r,field:i,bucket:n}),"slot"!==i.type&&t.add(n)));return{rows:l,buckets:a.filter(e=>t.has(e))}}function G(e){return new Map(A(e).rows.map(e=>[e.name,e.bucket]))}function Z({fields:e,values:n,onChange:l,readOnly:t=!1,context:r,tab:i,onTab:a,tabs:s=!0,tabIcons:c,renderers:u,idPrefix:m,ariaLabel:h,children:p}){const f=b("panel",d),g=v(),N=m??`es-insp${g.replace(/:/g,"")}`,O=A(e),[C,j]=y(void 0),w=i??C,I=w&&O.buckets.includes(w)?w:O.buckets[0],[F,$]=y(null),S=F&&F.panel===N&&O.rows.some(e=>e.name===F.name)?F:null,L=s&&O.buckets.length>1&&!S,M=`${N}-rows`,P=e=>`${N}-tab-${e.toLowerCase()}`;/* @__PURE__ */
+return x("div",{className:"es-insp",children:[L?/* @__PURE__ */k("div",{className:"es-insp-tabs",children:/* @__PURE__ */k(o,{ariaLabel:h??f.settings,activeId:I,onSelect:e=>{const n=e;void 0===i&&j(n),a?.(n)},items:O.buckets.map(e=>({id:e,label:f.buckets[e],icon:c?.[e],htmlId:P(e),panelId:M}))})}):null,
+/* @__PURE__ */x("div",{className:"es-insp-rows",id:M,role:L?"tabpanel":void 0,"aria-labelledby":L&&I?P(I):void 0,children:[O.rows.map(({name:e,field:i,bucket:a})=>/* @__PURE__ */k("div",{className:"es-insp-row","data-field":e,"data-bucket":a,hidden:!!(S?S.name!==e:L&&a!==I)||void 0,children:/* @__PURE__ */k(B,{field:i,name:e,id:`${N}-${e}`,value:n[e],onChange:n=>l(e,n),readOnly:t,context:r,renderers:u,openItem:S&&S.name===e?S.index:null,onOpenItem:n=>$(null===n?null:{panel:N,name:e,index:n})})},e)),S?null:p]})]})}export{O as FieldText,Z as Inspector,B as InspectorField,S as ListField,G as bucketsOf,I as copyItem,C as insertAt,L as labelOf,j as moveTo,A as planFields,w as removeAt};

package/dist/gold/index.js

@@ -1 +1 @@
-export{GoldLayer,GoldTextInput,goldSegments}from"../chunk-JYPOOHII.js";import"../chunk-SJQG5ENJ.js";var e={accent:"var(--gold, #c9a461)",quiet:"var(--es-muted, #6b7280)",caret:"var(--es-text, #111827)",placeholder:"var(--es-field-placeholder, #9ca3af)",delimiterOpacity:"0.35",delimiterRestingOpacity:"0.25",boldShadow:"0 0 0.4px currentColor",italicDecoration:"underline dotted",strikeDecoration:"line-through",pad:"0"},t={accent:"--es-gold-accent",quiet:"--es-gold-quiet",caret:"--es-gold-caret",placeholder:"--es-gold-placeholder",delimiterOpacity:"--es-gold-delim-opacity",delimiterRestingOpacity:"--es-gold-delim-resting-opacity",boldShadow:"--es-gold-bold-shadow",italicDecoration:"--es-gold-italic-decoration",strikeDecoration:"--es-gold-strike-decoration",pad:"--es-gold-pad"};export{t as goldCssVars,e as goldTokens};
+export{GoldLayer,GoldTextInput,goldSegments}from"../chunk-QKVR3K73.js";import"../chunk-HDVD27VB.js";var e={accent:"var(--gold, #c9a461)",quiet:"var(--es-muted, #6b7280)",caret:"var(--es-text, #111827)",placeholder:"var(--es-field-placeholder, #9ca3af)",delimiterOpacity:"0.35",delimiterRestingOpacity:"0.25",boldShadow:"0 0 0.4px currentColor",italicDecoration:"underline dotted",strikeDecoration:"line-through",pad:"0"},t={accent:"--es-gold-accent",quiet:"--es-gold-quiet",caret:"--es-gold-caret",placeholder:"--es-gold-placeholder",delimiterOpacity:"--es-gold-delim-opacity",delimiterRestingOpacity:"--es-gold-delim-resting-opacity",boldShadow:"--es-gold-bold-shadow",italicDecoration:"--es-gold-italic-decoration",strikeDecoration:"--es-gold-strike-decoration",pad:"--es-gold-pad"};export{t as goldCssVars,e as goldTokens};

package/dist/icons/index.d.ts

@@ -167,6 +167,9 @@ declare const iconMeanings: {
     readonly "case-normal": "letter case LEFT AS TYPED — `Aa`, the `Normal` option of the Letter case buttons (Normal / Uppercase / Lowercase) on the campaign editor's Text block, and of the storefront part panel's Case strip. The plan calls it sentence case; it changes nothing the merchant typed. A capital A beside a one-storey a. Decided 2026-10-06.";
     readonly "case-upper": "letter case ALL CAPITALS — `AA`, the `Uppercase` option of the Letter case buttons on the campaign editor's Text block, and of the storefront part panel's Case strip. Two capital A's. Decided 2026-10-06.";
     readonly "case-lower": "letter case ALL SMALL LETTERS — `aa`, the `Lowercase` option of the Letter case buttons on the campaign editor's Text block, and of the storefront part panel's Case strip. Two one-storey a's. Decided 2026-10-06.";
+    readonly "align-justify": "JUSTIFY — text whose rows run edge to edge. Worn by the Justify button on the final text box's second toolbar row, beside Left, Center and Right, and by the Justify chip of the alignment strip. Three full-width rows on the same three heights the other alignment glyphs use. Decided 2026-10-06 (the design was made final that day).";
+    readonly "panel-left": "the LEFT SIDE PANEL itself — worn by the Hide panel button at the end of a left panel's head (`MediaPanelHead`, both editors' SidePanelHeads) and by the Show panel button in the strip a hidden left panel leaves. One control, so one drawing: hiding and showing the panel wear the same glyph. A frame with its left column ruled off. ⛔ NOT an ✕: an ✕ closes a dialog, and a panel head has none (owner, 2026-10-04).";
+    readonly "panel-right": "the RIGHT SIDE PANEL itself — the twin of `panel-left` for the settings panel: its head's Hide panel button and the strip a hidden right panel leaves. A frame with its right column ruled off.";
 };
 type IconName = keyof typeof iconMeanings;
 /** Delete · keep · efficient-shop · components/UiIcon.tsx:99 */
@@ -491,5 +494,11 @@ declare function CaseNormalIcon({ size, ...rest }: IconProps): react.JSX.Element
 declare function CaseUpperIcon({ size, ...rest }: IconProps): react.JSX.Element;
 /** letter case ALL SMALL LETTERS — `aa`, the `Lowercase` option of the Letter case buttons on the campaign editor's Text block, and of the storefront part panel's Case strip. Two one-storey a's. Decided 2026-10-06. · picked · efficient-easel · [ADD] Text Box Icons For The Final Design, 2026-10-06 (step E2 of the campaign-editor plan Lewis approved that day). Final design: https://claude.ai/artifact/Mpzgvi2sZmTCmciZW36w5H. The Text block's toolbar is two rows of 32px glyph buttons with the names only in the tooltip and the aria-label; the number row is Font size · Line spacing · Letter spacing · Paragraph spacing. Checked at 16px beside every neighbour named here before it was committed. MOVED FROM THE STOREFRONT: efficient-storefront `components/PartGlyphs.tsx` `CaseGlyph` (`aa`, live text); the set is the one source now. ⛔ NOT `case-normal`, a capital A beside the a. ⛔ NOT `quiet`, ONE small a drawn under the set's box, which is the quiet mark on a phrase. ⛔ NOT `case`, the row's T + a. A 3-unit channel between the first stem and the second bowl keeps them two letters at 16px. */
 declare function CaseLowerIcon({ size, ...rest }: IconProps): react.JSX.Element;
+/** JUSTIFY — text whose rows run edge to edge. Worn by the Justify button on the final text box's second toolbar row, beside Left, Center and Right, and by the Justify chip of the alignment strip. Three full-width rows on the same three heights the other alignment glyphs use. Decided 2026-10-06 (the design was made final that day). · new · efficient-easel · E5b, the final text box, design final 2026-10-06: https://claude.ai/artifact/Mpzgvi2sZmTCmciZW36w5H — its toolbar draws Justify as `M4 6.5h16M4 12h16M4 17.5h16`, and this is that drawing. ⛔ NOT `align-separate`, whose own entry says "NOT `justify`": it opens a channel down the middle of each row, which is where rows SIT, not how text runs. The package drew Justify with it until now; that was a borrowed meaning. ⛔ NOT `text-lines`, three rules with a short last one, which is a paragraph of body copy. ⛔ NOT `align-left`, whose rows are of three lengths. */
+declare function AlignJustifyIcon({ size, ...rest }: IconProps): react.JSX.Element;
+/** the LEFT SIDE PANEL itself — worn by the Hide panel button at the end of a left panel's head (`MediaPanelHead`, both editors' SidePanelHeads) and by the Show panel button in the strip a hidden left panel leaves. One control, so one drawing: hiding and showing the panel wear the same glyph. A frame with its left column ruled off. ⛔ NOT an ✕: an ✕ closes a dialog, and a panel head has none (owner, 2026-10-04). · new · efficient-easel · card [MERGE] One Media Panel Head For Both Editors, 2026-10-06 — the drawing both editors already carried twice: efficient-storefront components/PanelToggleIcon.tsx and efficient-admin-portal src/components/email/CampaignTopBar.tsx `PanelToggleGlyph`. */
+declare function PanelLeftIcon({ size, ...rest }: IconProps): react.JSX.Element;
+/** the RIGHT SIDE PANEL itself — the twin of `panel-left` for the settings panel: its head's Hide panel button and the strip a hidden right panel leaves. A frame with its right column ruled off. · new · efficient-easel · card [MERGE] One Media Panel Head For Both Editors, 2026-10-06 — the drawing both editors already carried twice: efficient-storefront components/PanelToggleIcon.tsx and efficient-admin-portal src/components/email/CampaignTopBar.tsx `PanelToggleGlyph`. */
+declare function PanelRightIcon({ size, ...rest }: IconProps): react.JSX.Element;
 
-export { AccentIcon, AccountIcon, AddIcon, AlignCenterIcon, AlignLeftIcon, AlignRightIcon, AlignSeparateIcon, AnchorIcon, AnimationIcon, BackgroundIcon, BellIcon, BlackAndWhiteIcon, BlockBadgeIcon, BlockBannerIcon, BlockBoxIcon, BlockButtonIcon, BlockColumnIcon, BlockCouponIcon, BlockDividerIcon, BlockFooterIcon, BlockHeadingIcon, BlockIncludedListIcon, BlockLayeredImagesIcon, BlockProductIcon, BlockSectionIcon, BlockSocialIcon, BlockSpacerIcon, BlockTextIcon, BlockVideoIcon, BlogPostIcon, BoldIcon, BreadcrumbIcon, ButtonArrowIcon, ButtonIcon, CarIcon, CartIcon, CaseIcon, CaseLowerIcon, CaseNormalIcon, CaseUpperIcon, CategoryIcon, ChatIcon, CheckIcon, ChevronIcon, ClearMarksIcon, ClockIcon, CloseIcon, ColumnGapIcon, ColumnWidthsIcon, ColumnsIcon, ContrastIcon, CopyIcon, CopyStyleIcon, CopyToPageIcon, CornerIcon, DesktopIcon, DiagramIcon, DirectionDownIcon, DirectionIcon, DirectionLeftIcon, DirectionRightIcon, DirectionUpIcon, DollarIcon, DragIcon, DropIcon, DuplicateIcon, EmphasisIcon, ExternalIcon, EyeIcon, EyeOffIcon, FinishIcon, FullWidthIcon, GapIcon, GlobeIcon, GridIcon, GroundIcon, HashIcon, HeadquartersIcon, HeightIcon, HoverIcon, type IconName, type IconProps, ImageIcon, ItalicIcon, LayersIcon, LayoutIcon, LetterSpacingIcon, LineBetweenIcon, LineStyleIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LogoIcon, MediaIcon, MenuIcon, MetaIcon, MoveDownIcon, MoveUpIcon, NoteIcon, NudgeIcon, NumberedListIcon, OpacityIcon, OwnTextIcon, PaddingBottomIcon, PaddingLeftIcon, PaddingRightIcon, PaddingTopIcon, PaddingXIcon, PaddingYIcon, PageIcon, ParagraphSpacingIcon, PasteIcon, PasteStyleIcon, PhoneIcon, PlacementIcon, PlayIcon, PlusMinusIcon, ProductFieldIcon, ProductSizeIcon, QuietIcon, RadiusIcon, RedoIcon, RenameIcon, RevertIcon, RotateIcon, ScrollPointIcon, SearchIcon, SendIcon, SettingsIcon, ShadowIcon, SitemapIcon, SortIcon, SpecTableIcon, SquareIcon, StateIcon, StickyIcon, StrikeIcon, StylesIcon, SubscriptIcon, SuperscriptIcon, TabletIcon, TabsIcon, TagIcon, TemplateIcon, TextColorIcon, TextLinesIcon, TextSizeIcon, TextSmallIcon, ThemeIcon, TitleIcon, TrashIcon, TriggerIcon, TypeIcon, UnderlineIcon, UndoIcon, VAlignIcon, WarningIcon, WeightIcon, WheelIcon, WidthIcon, WordsFromIcon, WrapIcon, iconMeanings };
+export { AccentIcon, AccountIcon, AddIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, AlignSeparateIcon, AnchorIcon, AnimationIcon, BackgroundIcon, BellIcon, BlackAndWhiteIcon, BlockBadgeIcon, BlockBannerIcon, BlockBoxIcon, BlockButtonIcon, BlockColumnIcon, BlockCouponIcon, BlockDividerIcon, BlockFooterIcon, BlockHeadingIcon, BlockIncludedListIcon, BlockLayeredImagesIcon, BlockProductIcon, BlockSectionIcon, BlockSocialIcon, BlockSpacerIcon, BlockTextIcon, BlockVideoIcon, BlogPostIcon, BoldIcon, BreadcrumbIcon, ButtonArrowIcon, ButtonIcon, CarIcon, CartIcon, CaseIcon, CaseLowerIcon, CaseNormalIcon, CaseUpperIcon, CategoryIcon, ChatIcon, CheckIcon, ChevronIcon, ClearMarksIcon, ClockIcon, CloseIcon, ColumnGapIcon, ColumnWidthsIcon, ColumnsIcon, ContrastIcon, CopyIcon, CopyStyleIcon, CopyToPageIcon, CornerIcon, DesktopIcon, DiagramIcon, DirectionDownIcon, DirectionIcon, DirectionLeftIcon, DirectionRightIcon, DirectionUpIcon, DollarIcon, DragIcon, DropIcon, DuplicateIcon, EmphasisIcon, ExternalIcon, EyeIcon, EyeOffIcon, FinishIcon, FullWidthIcon, GapIcon, GlobeIcon, GridIcon, GroundIcon, HashIcon, HeadquartersIcon, HeightIcon, HoverIcon, type IconName, type IconProps, ImageIcon, ItalicIcon, LayersIcon, LayoutIcon, LetterSpacingIcon, LineBetweenIcon, LineStyleIcon, LinkIcon, ListIcon, LocationIcon, LockIcon, LogoIcon, MediaIcon, MenuIcon, MetaIcon, MoveDownIcon, MoveUpIcon, NoteIcon, NudgeIcon, NumberedListIcon, OpacityIcon, OwnTextIcon, PaddingBottomIcon, PaddingLeftIcon, PaddingRightIcon, PaddingTopIcon, PaddingXIcon, PaddingYIcon, PageIcon, PanelLeftIcon, PanelRightIcon, ParagraphSpacingIcon, PasteIcon, PasteStyleIcon, PhoneIcon, PlacementIcon, PlayIcon, PlusMinusIcon, ProductFieldIcon, ProductSizeIcon, QuietIcon, RadiusIcon, RedoIcon, RenameIcon, RevertIcon, RotateIcon, ScrollPointIcon, SearchIcon, SendIcon, SettingsIcon, ShadowIcon, SitemapIcon, SortIcon, SpecTableIcon, SquareIcon, StateIcon, StickyIcon, StrikeIcon, StylesIcon, SubscriptIcon, SuperscriptIcon, TabletIcon, TabsIcon, TagIcon, TemplateIcon, TextColorIcon, TextLinesIcon, TextSizeIcon, TextSmallIcon, ThemeIcon, TitleIcon, TrashIcon, TriggerIcon, TypeIcon, UnderlineIcon, UndoIcon, VAlignIcon, WarningIcon, WeightIcon, WheelIcon, WidthIcon, WordsFromIcon, WrapIcon, iconMeanings };

package/dist/icons/index.js

@@ -1 +1 @@
-export{AccentIcon,AccountIcon,AddIcon,AlignCenterIcon,AlignLeftIcon,AlignRightIcon,AlignSeparateIcon,AnchorIcon,AnimationIcon,BackgroundIcon,BellIcon,BlackAndWhiteIcon,BlockBadgeIcon,BlockBannerIcon,BlockBoxIcon,BlockButtonIcon,BlockColumnIcon,BlockCouponIcon,BlockDividerIcon,BlockFooterIcon,BlockHeadingIcon,BlockIncludedListIcon,BlockLayeredImagesIcon,BlockProductIcon,BlockSectionIcon,BlockSocialIcon,BlockSpacerIcon,BlockTextIcon,BlockVideoIcon,BlogPostIcon,BoldIcon,BreadcrumbIcon,ButtonArrowIcon,ButtonIcon,CarIcon,CartIcon,CaseIcon,CaseLowerIcon,CaseNormalIcon,CaseUpperIcon,CategoryIcon,ChatIcon,CheckIcon,ChevronIcon,ClearMarksIcon,ClockIcon,CloseIcon,ColumnGapIcon,ColumnWidthsIcon,ColumnsIcon,ContrastIcon,CopyIcon,CopyStyleIcon,CopyToPageIcon,CornerIcon,DesktopIcon,DiagramIcon,DirectionDownIcon,DirectionIcon,DirectionLeftIcon,DirectionRightIcon,DirectionUpIcon,DollarIcon,DragIcon,DropIcon,DuplicateIcon,EmphasisIcon,ExternalIcon,EyeIcon,EyeOffIcon,FinishIcon,FullWidthIcon,GapIcon,GlobeIcon,GridIcon,GroundIcon,HashIcon,HeadquartersIcon,HeightIcon,HoverIcon,ImageIcon,ItalicIcon,LayersIcon,LayoutIcon,LetterSpacingIcon,LineBetweenIcon,LineStyleIcon,LinkIcon,ListIcon,LocationIcon,LockIcon,LogoIcon,MediaIcon,MenuIcon,MetaIcon,MoveDownIcon,MoveUpIcon,NoteIcon,NudgeIcon,NumberedListIcon,OpacityIcon,OwnTextIcon,PaddingBottomIcon,PaddingLeftIcon,PaddingRightIcon,PaddingTopIcon,PaddingXIcon,PaddingYIcon,PageIcon,ParagraphSpacingIcon,PasteIcon,PasteStyleIcon,PhoneIcon,PlacementIcon,PlayIcon,PlusMinusIcon,ProductFieldIcon,ProductSizeIcon,QuietIcon,RadiusIcon,RedoIcon,RenameIcon,RevertIcon,RotateIcon,ScrollPointIcon,SearchIcon,SendIcon,SettingsIcon,ShadowIcon,SitemapIcon,SortIcon,SpecTableIcon,SquareIcon,StateIcon,StickyIcon,StrikeIcon,StylesIcon,SubscriptIcon,SuperscriptIcon,TabletIcon,TabsIcon,TagIcon,TemplateIcon,TextColorIcon,TextLinesIcon,TextSizeIcon,TextSmallIcon,ThemeIcon,TitleIcon,TrashIcon,TriggerIcon,TypeIcon,UnderlineIcon,UndoIcon,VAlignIcon,WarningIcon,WeightIcon,WheelIcon,WidthIcon,WordsFromIcon,WrapIcon,iconMeanings}from"../chunk-PI26YXYD.js";
+export{AccentIcon,AccountIcon,AddIcon,AlignCenterIcon,AlignJustifyIcon,AlignLeftIcon,AlignRightIcon,AlignSeparateIcon,AnchorIcon,AnimationIcon,BackgroundIcon,BellIcon,BlackAndWhiteIcon,BlockBadgeIcon,BlockBannerIcon,BlockBoxIcon,BlockButtonIcon,BlockColumnIcon,BlockCouponIcon,BlockDividerIcon,BlockFooterIcon,BlockHeadingIcon,BlockIncludedListIcon,BlockLayeredImagesIcon,BlockProductIcon,BlockSectionIcon,BlockSocialIcon,BlockSpacerIcon,BlockTextIcon,BlockVideoIcon,BlogPostIcon,BoldIcon,BreadcrumbIcon,ButtonArrowIcon,ButtonIcon,CarIcon,CartIcon,CaseIcon,CaseLowerIcon,CaseNormalIcon,CaseUpperIcon,CategoryIcon,ChatIcon,CheckIcon,ChevronIcon,ClearMarksIcon,ClockIcon,CloseIcon,ColumnGapIcon,ColumnWidthsIcon,ColumnsIcon,ContrastIcon,CopyIcon,CopyStyleIcon,CopyToPageIcon,CornerIcon,DesktopIcon,DiagramIcon,DirectionDownIcon,DirectionIcon,DirectionLeftIcon,DirectionRightIcon,DirectionUpIcon,DollarIcon,DragIcon,DropIcon,DuplicateIcon,EmphasisIcon,ExternalIcon,EyeIcon,EyeOffIcon,FinishIcon,FullWidthIcon,GapIcon,GlobeIcon,GridIcon,GroundIcon,HashIcon,HeadquartersIcon,HeightIcon,HoverIcon,ImageIcon,ItalicIcon,LayersIcon,LayoutIcon,LetterSpacingIcon,LineBetweenIcon,LineStyleIcon,LinkIcon,ListIcon,LocationIcon,LockIcon,LogoIcon,MediaIcon,MenuIcon,MetaIcon,MoveDownIcon,MoveUpIcon,NoteIcon,NudgeIcon,NumberedListIcon,OpacityIcon,OwnTextIcon,PaddingBottomIcon,PaddingLeftIcon,PaddingRightIcon,PaddingTopIcon,PaddingXIcon,PaddingYIcon,PageIcon,PanelLeftIcon,PanelRightIcon,ParagraphSpacingIcon,PasteIcon,PasteStyleIcon,PhoneIcon,PlacementIcon,PlayIcon,PlusMinusIcon,ProductFieldIcon,ProductSizeIcon,QuietIcon,RadiusIcon,RedoIcon,RenameIcon,RevertIcon,RotateIcon,ScrollPointIcon,SearchIcon,SendIcon,SettingsIcon,ShadowIcon,SitemapIcon,SortIcon,SpecTableIcon,SquareIcon,StateIcon,StickyIcon,StrikeIcon,StylesIcon,SubscriptIcon,SuperscriptIcon,TabletIcon,TabsIcon,TagIcon,TemplateIcon,TextColorIcon,TextLinesIcon,TextSizeIcon,TextSmallIcon,ThemeIcon,TitleIcon,TrashIcon,TriggerIcon,TypeIcon,UnderlineIcon,UndoIcon,VAlignIcon,WarningIcon,WeightIcon,WheelIcon,WidthIcon,WordsFromIcon,WrapIcon,iconMeanings}from"../chunk-6EIVTKZZ.js";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { EaselRail, EaselRailButton, EditorRail, EditorRailButton, RailTokens, railCssVars, railTokens } from './rail/index.js';
+export { EaselRail, EaselRailButton, RailTokens, railCssVars, railTokens } from './rail/index.js';
 export { AddIcon, LayersIcon, MediaIcon, PageIcon as PagesIcon, IconProps as RailIconProps, SitemapIcon, StylesIcon } from './icons/index.js';
 export { W as WordFit } from './wordFit-D4S36PvB.js';
-export { E as EaselRailButtonProps, a as EaselRailItem, b as EaselRailOrientation, c as EaselRailProps, d as EditorRailButtonProps, e as EditorRailItem, f as EditorRailOrientation, g as EditorRailProps } from './types-Bs_gVkVI.js';
+export { E as EaselRailButtonProps, a as EaselRailItem, b as EaselRailOrientation, c as EaselRailProps } from './types-DWS-s9z-.js';
 export { SPACING_SCALE, ShellTokens, shellCssVars, shellTokens } from './shell/index.js';
 import 'react';

package/dist/index.js

@@ -1 +1 @@
-import"./chunk-2PHD4L6A.js";export{SPACING_SCALE,shellCssVars,shellTokens}from"./chunk-2UX75JDP.js";export{EaselRail,EaselRailButton,EditorRail,EditorRailButton,railCssVars,railTokens}from"./chunk-XUE5O62R.js";import"./chunk-2OAZYSWJ.js";import"./chunk-BZ5ASXOL.js";export{AddIcon,LayersIcon,MediaIcon,PageIcon as PagesIcon,SitemapIcon,StylesIcon}from"./chunk-PI26YXYD.js";
+import"./chunk-OWBO4WKA.js";export{SPACING_SCALE,shellCssVars,shellTokens}from"./chunk-2UX75JDP.js";export{EaselRail,EaselRailButton,railCssVars,railTokens}from"./chunk-WZ7TGAAT.js";import"./chunk-2OAZYSWJ.js";import"./chunk-BZ5ASXOL.js";export{AddIcon,LayersIcon,MediaIcon,PageIcon as PagesIcon,SitemapIcon,StylesIcon}from"./chunk-6EIVTKZZ.js";