efficient-easel 18.1.0 → 19.0.0

package/dist/fields/fields.css

@@ -1,9 +1,9 @@
 /*
  * efficient-easel/fields.css — the Inspector's own controls (blueprint 4.1).
  *
- * The rows, the tabs and the groups are `panel.css`'s (SettingsField,
- * SettingsTabs, SettingsGroup): the panel's rhythm is defined there ONCE
- * (`--es-row-gap`, `--es-rhythm-*`), so this file adds no spacing between rows
+ * The rows and the groups are `panel.css`'s (SettingsField, SettingsGroup),
+ * and the tabs are the shell's `Tabs`. The panel's rhythm is defined in
+ * `panel.css` ONCE (`--es-row-gap`, `--es-rhythm-*`), so this file adds no spacing between rows
  * and no spacing between groups. What it adds is what a row HOLDS where Puck
  * used to put the browser's own: a text box, a number box, a dropdown.
  *

package/dist/fields/index.d.ts

@@ -233,7 +233,7 @@ interface InspectorProps {
  *     with a glyph keeps its word visually hidden in its label (the shell's
  *     documented icon-only pattern, `sr-only`), so the word is still its name,
  *     and says the word in the tab's own Tooltip. A tab with no glyph shows its
- *     word. Easel's `SettingsTabs` is no longer drawn here.
+ *     word.
  *   - A ROW ON ANOTHER TAB IS HIDDEN, NOT UNMOUNTED. The email designer's Logo
  *     re-bakes its colours from a field on a tab you are not looking at; taking
  *     the row out of the tree would stop that.

package/dist/panel/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { W as WordFit } from '../wordFit-7XpmhcaW.js';
-import { P as PanelWords } from '../words-zH1H0WFw.js';
+import { P as PanelWords } from '../words-BeX5eGq7.js';
 export { BorderInput as SettingsBorder, BorderLineStyle as SettingsBorderLineStyle, BorderInputProps as SettingsBorderProps, BorderValue as SettingsBorderValue, CornerOption as SettingsCornerPoint, CornersInput as SettingsCorners, CornersInputProps as SettingsCornersProps, AlignmentGrid as SettingsPlacement, AlignmentPoint as SettingsPlacementPoint, AlignmentGridProps as SettingsPlacementProps, SidesInput as SettingsSides, SidesEachToggle as SettingsSidesEach, SidesInputProps as SettingsSidesProps, SidesValue as SettingsSidesValue, borderSides, borderStartEach, sidesStartEach } from 'efficient-shell/ui';
 export { a as DESIGN_GROUPS, D as DesignGroup, b as SETTINGS_BUCKETS, S as SettingsBucket } from '../buckets-Tj-nkBpg.js';
 
@@ -9,70 +9,9 @@ export { a as DESIGN_GROUPS, D as DesignGroup, b as SETTINGS_BUCKETS, S as Setti
  * The settings-panel primitives — the shared grammar BOTH editors' inspector
  * panels are built from (owner-approved design, 2026-08-20).
  *
- * Every one is CONTROLLED and hook-free: the host owns which tab is active and
- * which groups are open, exactly as the rail's host owns selection. That is what
+ * Every one is CONTROLLED and hook-free: the host owns which groups are open, exactly as the rail's host owns selection. That is what
  * keeps this a directive-free leaf a Next-16 server component can import.
  */
-/** One tab in the strip. `badge` shows a count (e.g. unsaved overrides). */
-interface SettingsTabItem {
-    /** What this tab IS, as `activeId` and `onSelect` name it. Not a DOM id. */
-    id: string;
-    /**
-     * What the tab is CALLED — and, since card 8810, its name in every tier.
-     *
-     * Required, and a plain string, on purpose. Give the tab an `icon` and a
-     * narrow panel takes this word off the screen, but never out of the tab: it
-     * stays in the markup (clipped, never `display: none`) as the tab's
-     * accessible name at every width, and the shell's `Tooltip` says it on
-     * hover. An icon-only control with no name is the exact defect card 8801
-     * shipped and had to have caught in review, and a separate optional
-     * `ariaLabel` prop is how that happens again. Here it cannot — the name is
-     * the field the tab has always had, and it is not optional.
-     */
-    label: string;
-    /**
-     * An 18px glyph from `efficient-easel/icons`, so the tab can spend less width
-     * than its word needs when the panel is dragged narrow (card 8810).
-     *
-     * Optional, and the strip is unchanged without it: a tab with no glyph has
-     * nothing to fall back to, so it keeps its word at every width and the strip
-     * wraps for it exactly as it did before. Pass icons for ALL the tabs in a
-     * strip or none of them — a row that is half words and half glyphs below
-     * 270px reads as a rendering fault, not as a decision.
-     */
-    icon?: ReactNode;
-    badge?: number;
-    /**
-     * The DOM id of the element that shows this tab's settings — `aria-controls`.
-     *
-     * Without it a tab is announced as "tab, 1 of 4, selected" and there is no
-     * panel it is bound to, which is what `role="tab"` promises there will be.
-     * The shell cannot supply the id itself: only the host knows what element the
-     * settings land in, and in Puck's flat sibling list that element may be one
-     * the shell never rendered. Optional because a host that has no such element
-     * to point at should render NO attribute rather than one pointing nowhere.
-     */
-    panelId?: string;
-    /**
-     * A DOM id for the tab BUTTON, so the panel above can name itself with
-     * `aria-labelledby` and the pair is wired in both directions.
-     */
-    htmlId?: string;
-}
-interface SettingsTabsProps {
-    items: SettingsTabItem[];
-    /** The `id` of the tab currently shown. */
-    activeId: string;
-    onSelect: (id: string) => void;
-    ariaLabel?: string;
-    /**
-     * Wires each tab to its panel, the shell's way: tab `tabButtonId(prefix, id)`,
-     * `aria-controls` → `tabPanelId(prefix, id)` (both from efficient-shell/ui).
-     * The host gives the panel it shows that id and names it with the tab's.
-     */
-    idPrefix?: string;
-    className?: string;
-}
 /**
  * WHERE THIS STRIP'S WORDS STOP FITTING — the one thing the shell cannot know
  * about a segmented control, measured by the consumer that owns the words.
@@ -240,11 +179,12 @@ interface SettingsSegmentedOptionBase<V = string> {
 /** One option in a segmented control. */
 type SettingsSegmentedOption<V = string> = SettingsSegmentedOptionBase<V> & SettingsSegmentedLabel;
 /**
- * A SEGMENTED CONTROL — the tab strip's chip, with the other promise.
+ * A SEGMENTED CONTROL — the shell's chip, with the other promise.
  *
- * `SettingsTabs` is a TABLIST: its chips switch a panel, which is what
- * `role="tab"` promises. These chips switch nothing. They write a value and the
- * panel stays where it is, so they are pressed buttons in a group, and the
+ * A tab strip (the shell's `Tabs`) is a TABLIST: its chips switch a panel,
+ * which is what `role="tab"` promises. These chips switch nothing. They write
+ * a value and the panel stays where it is, so they are pressed buttons in a
+ * group, and the
  * marker is `aria-pressed` — the same one `efficient-storefront`'s own `Segmented`
  * has carried since the 2026-08-06 audit.
  *
@@ -593,14 +533,6 @@ type SettingsActionNote = {
 };
 type SettingsActionProps = SettingsActionBaseProps & SettingsActionNote;
 
-/**
- * @deprecated The selection panel draws the shell `Tabs` since 4.0.0. Still
- * used by WebsiteSettingsPanel (web-builder), HeaderSettingsPanel
- * (storefront-blocks) and the Site styles harness (storefront); a follow-up
- * card moves those and deletes this file.
- */
-declare function SettingsTabs({ items, activeId, onSelect, ariaLabel, idPrefix, className, }: SettingsTabsProps): react.JSX.Element;
-
 /**
  * A segmented control: one row of chips, one of them pressed.
  *
@@ -611,20 +543,20 @@ declare function SettingsTabs({ items, activeId, onSelect, ariaLabel, idPrefix,
  * stops fitting (below), and a name for a glyph — the shell's `Tooltip` around
  * it, never a `title`.
  *
- * THE SAME CHIP AS `SettingsTabs`, AND A DIFFERENT PROMISE. Everything a
- * merchant sees is shared — the grey track, the raised white chip for the one
- * he is on, the glyph drawn at every width, the word that drops where it stops
- * fitting. `panel.css` dresses both from one rule, so there is no second copy
- * of the chip grammar to drift.
+ * THE SAME CHIP AS A TAB STRIP, AND A DIFFERENT PROMISE. Everything a
+ * merchant sees is the shell's — the grey track, the chosen chip, the glyph
+ * drawn at every width — so there is no second copy of the chip grammar to
+ * drift.
  *
- * What differs is what the control SAYS it does. `SettingsTabs` is a tablist
+ * What differs is what the control SAYS it does. A tab strip (the shell's
+ * `Tabs`) is a tablist
  * and `role="tab"` promises that pressing a chip switches a panel. These chips
  * switch nothing: they write a value and the panel stays where it is. So this
  * is a group of pressed buttons, and its marker is `aria-pressed` — which is
  * also what the storefront's own `Segmented` has carried since the 2026-08-06
  * audit, so the two editors keep saying the same thing about the same control.
  *
- * That distinction is not decoration. Reach for `SettingsTabs` on a Weight row
+ * That distinction is not decoration. Reach for a tab strip on a Weight row
  * and a control that is correct today starts announcing "tab, 1 of 4, selected"
  * over a panel that is not there — three times in one part panel. It is the
  * same split the package already made between `SettingsGroup` and
@@ -675,7 +607,8 @@ declare function SettingsTabs({ items, activeId, onSelect, ariaLabel, idPrefix,
 declare function SettingsSegmented<V = string>({ options, value, onChange, ariaLabel, fit, disabled, className, }: SettingsSegmentedProps<V>): react.JSX.Element;
 
 /**
- * A group of settings under a soft pill row that folds with − / +.
+ * 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
@@ -940,4 +873,4 @@ declare function SettingsDrill({ name, preview, offPage, status, onOpen, id, cla
  */
 declare function SettingsAction({ label, onPress, disabled, note, done, doneLabel, icon, id, className, }: SettingsActionProps): react.JSX.Element;
 
-export { SettingsAction, type SettingsActionBaseProps, type SettingsActionNote, type SettingsActionProps, SettingsDefaultReset, type SettingsDefaultResetProps, SettingsDrill, type SettingsDrillProps, SettingsField, type SettingsFieldProps, SettingsGroup, SettingsGroupHead, type SettingsGroupHeadProps, type SettingsGroupProps, SettingsGroupSub, type SettingsGroupSubProps, SettingsSegmented, type SettingsSegmentedFit, type SettingsSegmentedOption, type SettingsSegmentedProps, SettingsSwitch, type SettingsSwitchBaseProps, type SettingsSwitchLabel, type SettingsSwitchProps, type SettingsTabItem, SettingsTabs, type SettingsTabsProps };
+export { SettingsAction, type SettingsActionBaseProps, type SettingsActionNote, type SettingsActionProps, SettingsDefaultReset, type SettingsDefaultResetProps, SettingsDrill, type SettingsDrillProps, SettingsField, type SettingsFieldProps, SettingsGroup, SettingsGroupHead, type SettingsGroupHeadProps, type SettingsGroupProps, SettingsGroupSub, type SettingsGroupSubProps, SettingsSegmented, type SettingsSegmentedFit, type SettingsSegmentedOption, type SettingsSegmentedProps, SettingsSwitch, type SettingsSwitchBaseProps, type SettingsSwitchLabel, type SettingsSwitchProps };

package/dist/panel/index.js

@@ -1,19 +1,13 @@
-export{DESIGN_GROUPS,SETTINGS_BUCKETS,SettingsGroup}from"../chunk-RC25EGHD.js";import{DEFAULT_PANEL_WORDS as e}from"../chunk-KFV7N2DJ.js";export{SettingsField,SettingsSegmented,SettingsSwitch}from"../chunk-36LVP5WD.js";import{withTip as t}from"../chunk-P2VEMZH5.js";import{Tabs as s,CountBadge as i,Tooltip as n}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 a,jsxs as l,Fragment as r}from"react/jsx-runtime";import{RevertIcon as d}from"efficient-shell/icons/efficient";function c(e){const t=e[0];if(!t?.htmlId||!t.htmlId.endsWith(`-tab-${t.id}`))return;const s=t.htmlId.slice(0,-`-tab-${t.id}`.length);return e.every(e=>e.htmlId===`${s}-tab-${e.id}`)?s:void 0}function o({items:t,activeId:n,onSelect:d,ariaLabel:o=e.settings,idPrefix:u,className:m}){
-/* @__PURE__ */
-return a("div",{className:"es-tabs-fit",children:/* @__PURE__ */a(s,{variant:"pill","aria-label":o,idPrefix:u??c(t),className:m?`es-tabs ${m}`:"es-tabs",value:n,onChange:d,items:t.map(e=>{const t="number"==typeof e.badge&&e.badge>0?/* @__PURE__ */a(i,{count:e.badge,tone:"accent"}):null;return e.icon?{id:e.id,tooltip:e.label,label:/* @__PURE__ */l(r,{children:[
-/* @__PURE__ */l("span",{className:"es-tab-tip",children:[
-/* @__PURE__ */a("span",{className:"es-tab-icon","aria-hidden":"true",children:e.icon}),
-/* @__PURE__ */a("span",{className:"es-tab-word has-icon",children:e.label})]}),t]})}:{id:e.id,label:/* @__PURE__ */l(r,{children:[
-/* @__PURE__ */a("span",{className:"es-tab-word",children:e.label}),t]})}})})})}function u({title:e,level:t=3,id:s,className:i}){/* @__PURE__ */
-return a(`h${t}`,{id:s,className:i?`es-group-head ${i}`:"es-group-head",children:e})}function m({title:e,level:t=4,id:s,className:i}){/* @__PURE__ */
-return a(`h${t}`,{id:s,className:i?`es-group-sub ${i}`:"es-group-sub",children:e})}function h({label:s,changed:i,onReset:n,detail:l,disabled:r,defaultAction:c,words:o,className:u}){const m={...e,...o},h=["es-default-reset"];if(i&&h.push("is-changed"),u&&h.push(u),!i&&c)return h.push("is-pressable"),t(c.title,/* @__PURE__ */a("button",{type:"button",className:h.join(" "),"aria-label":c.title,disabled:r,onClick:c.onPress,children:c.icon}));if(!i)/* @__PURE__ */
-return a("span",{className:h.join(" "),"aria-hidden":"true"});const N=m.resetName({label:s});return t(l?m.resetTitle({label:s,detail:l}):N,/* @__PURE__ */a("button",{type:"button",className:h.join(" "),"aria-label":N,"aria-description":l||void 0,disabled:r,onClick:e=>{n(),function(e){const t=e.currentTarget,s=t.closest(".es-field");let i=s?.querySelector(p(".es-field-ctl"))??s?.querySelector(p(".es-field-head"))??null,n=s?null:t.parentElement;for(let e=0;!i&&n&&e<f;e+=1,n=n.parentElement)i=[...n.querySelectorAll(b)].find(e=>e!==t)??null;i?.focus()}(e)},children:/* @__PURE__ */a(d,{size:15})}))}var b=['input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled]):not(.es-default-reset)",'[tabindex]:not([tabindex="-1"])'].join(", "),p=e=>b.split(", ").map(t=>`${e} ${t}`).join(", "),f=4;function N({name:e,preview:t,offPage:s,status:i,onOpen:d,id:c,className:o}){const u=null!=t;/* @__PURE__ */
-return l("button",{type:"button",id:c,className:o?`es-drill ${o}`:"es-drill",onClick:d,children:[
-/* @__PURE__ */l(n,{content:u?/* @__PURE__ */l(r,{children:[e,
-/* @__PURE__ */a("br",{}),t]}):e,describe:!1,className:"es-drill-text",children:[
-/* @__PURE__ */a("span",{className:"es-drill-name",children:e}),u?/* @__PURE__ */a("span",{className:s?"es-drill-preview is-offpage":"es-drill-preview",children:t}):null]}),i?/* @__PURE__ */a("span",{className:"es-drill-status",children:i}):null,
-/* @__PURE__ */a("span",{className:"es-drill-chev","aria-hidden":"true"})]})}function g({label:e,onPress:t,disabled:s,note:i,done:n,doneLabel:r,icon:d,id:c,className:o}){const u=void 0===r?e:r,m=n?u:e,h=null!=i,b=h&&c?`${c}-note`:void 0;/* @__PURE__ */
-return l("div",{className:o?`es-action-wrap ${o}`:"es-action-wrap",children:[
-/* @__PURE__ */l("button",{type:"button",id:c,className:n?"es-action is-done":"es-action",disabled:s,"aria-describedby":b,onClick:t,children:[d?/* @__PURE__ */a("span",{className:"es-action-icon","aria-hidden":"true",children:d}):null,
-/* @__PURE__ */a("span",{className:"es-action-label",children:m})]}),h?/* @__PURE__ */a("p",{id:b,className:"es-action-note",children:i}):null,
-/* @__PURE__ */a("span",{className:"es-action-live",role:"status","aria-live":"polite",children:n?u:null})]})}export{g as SettingsAction,h as SettingsDefaultReset,N as SettingsDrill,u as SettingsGroupHead,m as SettingsGroupSub,o as SettingsTabs};
+export{DESIGN_GROUPS,SETTINGS_BUCKETS,SettingsGroup}from"../chunk-RC25EGHD.js";import{DEFAULT_PANEL_WORDS as e}from"../chunk-KFV7N2DJ.js";export{SettingsField,SettingsSegmented,SettingsSwitch}from"../chunk-36LVP5WD.js";import{withTip as s}from"../chunk-P2VEMZH5.js";import{jsx as t,jsxs as n,Fragment as i}from"react/jsx-runtime";import{RevertIcon as l}from"efficient-shell/icons/efficient";import{Tooltip as a}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 r({title:e,level:s=3,id:n,className:i}){/* @__PURE__ */
+return t(`h${s}`,{id:n,className:i?`es-group-head ${i}`:"es-group-head",children:e})}function o({title:e,level:s=4,id:n,className:i}){/* @__PURE__ */
+return t(`h${s}`,{id:n,className:i?`es-group-sub ${i}`:"es-group-sub",children:e})}function d({label:n,changed:i,onReset:a,detail:r,disabled:o,defaultAction:d,words:m,className:h}){const b={...e,...m},f=["es-default-reset"];if(i&&f.push("is-changed"),h&&f.push(h),!i&&d)return f.push("is-pressable"),s(d.title,/* @__PURE__ */t("button",{type:"button",className:f.join(" "),"aria-label":d.title,disabled:o,onClick:d.onPress,children:d.icon}));if(!i)/* @__PURE__ */
+return t("span",{className:f.join(" "),"aria-hidden":"true"});const N=b.resetName({label:n});return s(r?b.resetTitle({label:n,detail:r}):N,/* @__PURE__ */t("button",{type:"button",className:f.join(" "),"aria-label":N,"aria-description":r||void 0,disabled:o,onClick:e=>{a(),function(e){const s=e.currentTarget,t=s.closest(".es-field");let n=t?.querySelector(u(".es-field-ctl"))??t?.querySelector(u(".es-field-head"))??null,i=t?null:s.parentElement;for(let e=0;!n&&i&&e<p;e+=1,i=i.parentElement)n=[...i.querySelectorAll(c)].find(e=>e!==s)??null;n?.focus()}(e)},children:/* @__PURE__ */t(l,{size:15})}))}var c=['input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled]):not(.es-default-reset)",'[tabindex]:not([tabindex="-1"])'].join(", "),u=e=>c.split(", ").map(s=>`${e} ${s}`).join(", "),p=4;function m({name:e,preview:s,offPage:l,status:r,onOpen:o,id:d,className:c}){const u=null!=s;/* @__PURE__ */
+return n("button",{type:"button",id:d,className:c?`es-drill ${c}`:"es-drill",onClick:o,children:[
+/* @__PURE__ */n(a,{content:u?/* @__PURE__ */n(i,{children:[e,
+/* @__PURE__ */t("br",{}),s]}):e,describe:!1,className:"es-drill-text",children:[
+/* @__PURE__ */t("span",{className:"es-drill-name",children:e}),u?/* @__PURE__ */t("span",{className:l?"es-drill-preview is-offpage":"es-drill-preview",children:s}):null]}),r?/* @__PURE__ */t("span",{className:"es-drill-status",children:r}):null,
+/* @__PURE__ */t("span",{className:"es-drill-chev","aria-hidden":"true"})]})}function h({label:e,onPress:s,disabled:i,note:l,done:a,doneLabel:r,icon:o,id:d,className:c}){const u=void 0===r?e:r,p=a?u:e,m=null!=l,h=m&&d?`${d}-note`:void 0;/* @__PURE__ */
+return n("div",{className:c?`es-action-wrap ${c}`:"es-action-wrap",children:[
+/* @__PURE__ */n("button",{type:"button",id:d,className:a?"es-action is-done":"es-action",disabled:i,"aria-describedby":h,onClick:s,children:[o?/* @__PURE__ */t("span",{className:"es-action-icon","aria-hidden":"true",children:o}):null,
+/* @__PURE__ */t("span",{className:"es-action-label",children:p})]}),m?/* @__PURE__ */t("p",{id:h,className:"es-action-note",children:l}):null,
+/* @__PURE__ */t("span",{className:"es-action-live",role:"status","aria-live":"polite",children:a?u:null})]})}export{h as SettingsAction,d as SettingsDefaultReset,m as SettingsDrill,r as SettingsGroupHead,o as SettingsGroupSub};

package/dist/panel/panel.css

@@ -175,23 +175,13 @@
   --es-track-gap: 2px;
 }
 
-/* ── the tab strip: a segmented control ────────────────────────────────────── */
-
-/* The strip's own container context (card 8810), and the reason `SettingsTabs`
-   renders a wrapper at all.
-
-   The drop rules further down turn on the width of the PANEL, and `@container`
-   is the only thing that can ask for it. A media query asks the WINDOW, and the
-   window is the wrong box: the inspector is a column the merchant drags, so a
-   220px panel on a 2560px screen is the ordinary case, not an edge one — a
-   media query would answer for that panel with the width of the screen behind
-   it.
-
-   The context lives HERE rather than in a host's own panel rule so the shell is
-   self-contained: a host that never declares `container-type` would silently
-   pin the strip to one state with nothing to see and nothing to fail. (The
-   top-bar rail's words are measured by the shell's IconRail since 4.165.0.) */
-.es-tabs-fit,
+/* ── the segmented control's wrapper ──────────────────────────────────────── */
+
+/* The strip's own container context. Its words drop on the width of the
+   PANEL, and `@container`-sized measurements (`100cqi`) are the only thing that
+   can ask for it: the inspector is a column the merchant drags, so a window
+   media query would answer with the width of the wrong box. The context lives
+   HERE so a host that never declares `container-type` cannot pin the strip. */
 .es-segs-fit {
   container-type: inline-size;
   flex: none;
@@ -235,21 +225,15 @@
    makes that meaningless here — without it the strip cannot shrink below the
    basis the parent gives it.
 
-   BOTH `-fit` WRAPPERS, though only the segmented one has a live consumer
-   today. Measured in the shop at the time of writing: 1845 custom fields
-   rendered, 68 draw a tab strip, 0 of them inside `.es-field-ctl`. But
-   `PanelTabs` already draws a strip AMONG the fields and is one refactor from
-   the slot, and the two wrappers share the declaration that causes this — a
-   rule that fixed one and left the other would be a trap wearing a fix. */
-.es-field-ctl > .es-tabs-fit,
+   (The tab strip's `.es-tabs-fit` carried the same exception until easel's
+   `SettingsTabs` was deleted; a tab strip is the shell's `Tabs` now.) */
 .es-field-ctl > .es-segs-fit {
   flex: 1 1 auto;
   min-width: 0;
 }
 
 /* THE TRACK AND ITS CHIPS ARE THE SHELL'S (efficient-easel issue 199 step 4, harness
-   UI-24). `SettingsTabs` is the shell's `Tabs` (`pill`), `SettingsSegmented`
-   its `Segmented`: the grey track, the chosen chip filled with the accent (card
+   UI-24). `SettingsSegmented` is the shell's `Segmented`: the grey track, the chosen chip filled with the accent (card
    66138's segmented look, Lewis 2026-10-06's blue), the quiet chips' ink, the
    focus ring, a count (`CountBadge`) and a chip out of force are the kit's.
    What stays here is LAYOUT the shell has no prop for:
@@ -259,31 +243,15 @@
    one row by definition, so it never wraps. A SEGMENT TAKES ITS OWN WIDTH, THEN
    SHARES WHAT IS LEFT (`1 1 auto`, not equal segments: three equal segments
    need a 267px track against the 281px the shop's default panel gives). */
-.es-tabs,
 .es-segs {
   display: flex;
   flex-wrap: nowrap;
   width: 100%;
 }
-.es-tabs > [role='tab'],
 .es-segs > button {
   flex: 1 1 auto;
   white-space: nowrap;
 }
-/* A glyph tab stands in the shell Tooltip's wrapper (`TabItem.tooltip`,
-   efficient-shell 4.166.0): the wrapper is the strip's item in the tab's
-   place, and the tab fills it. The wrapper adds no width of its own, so the
-   thresholds below are the tab's, as measured. */
-.es-tabs > :not([role='tab']) {
-  display: flex;
-  flex: 1 1 auto;
-  min-width: 0;
-}
-.es-tabs > :not([role='tab']) > [role='tab'] {
-  flex: 1 1 auto;
-  white-space: nowrap;
-}
-
 /* The glyph in the chip: 16px of drawing, the same size a field's icon takes,
    standing in an 18px box.
 
@@ -301,7 +269,6 @@
 
    `flex: none` because a glyph that shrinks is a squeezed segment in a smaller
    box. */
-.es-tab-icon,
 .es-seg-icon {
   display: inline-flex;
   width: var(--es-chip-icon);
@@ -311,106 +278,24 @@
   justify-content: center;
 }
 
-/* A glyph tab's glyph and word, side by side in `.es-tab-tip` (a hook since
-   1.0.0; the word's Tooltip is the tab's own since efficient-shell 4.166.0):
-   the same `gap-1.5` the shell's tab puts between its children, so the
-   measured thresholds below still hold. A clipped word is out of the flow,
-   so a glyph-only tab keeps no gap. */
-.es-tab-tip {
-  display: inline-flex;
-  align-items: center;
-  gap: calc(1.5 * var(--spacing));
-}
-
-.es-tab-icon svg,
 .es-seg-icon svg { width: var(--es-chip-icon); height: var(--es-chip-icon); display: block; }
 
-/* ── where the word stops fitting ──────────────────────────────────────────── */
-
-/* RE-MEASURED ON THE SHELL'S PILL (efficient-easel issue 199, part C, 2026-10-10).
- * The chip is efficient-shell's `Tabs` pill since step 4, wider than the 0.106
- * chip the old numbers were taken on, so the thresholds were measured again: in
- * headless Chromium, against the COMPILED shell CSS and these sheets with their
- * @container tiers taken out, the shop's four buckets Content / Media / Style /
- * Layout with 16px glyphs, by EDGE GEOMETRY — the right edge of the last tab
- * against the right content edge of the track (not `scrollWidth`, which says
- * "fits" about a flex button drawing past itself).
- *
- * Smallest container width with nothing drawn past the track edge:
- *
- *     tabs   words   glyph + active word   glyphs only
- *      2     197px          151px              92px
- *      3     280px          195px             136px
- *      4     375px          239px             180px
- *
- * The glyphs-only column is arithmetic (`n` chips of a 16px glyph in `px-3`,
- * `gap-1` apart in a `p-1` track) and the measurement agrees with it to the
- * pixel, which is what says the method is sound; `tests/panel-layout.test.ts`
- * (d) pins the arithmetic.
- *
- * The drag band gives containers from 181px (a 220px panel, the minimum) to
- * 281px (a 320px panel, the default). Read against it:
- *
- *   · TWO tabs now need 197px for both words, so at the narrow end of the band
- *     the tab not being read loses its word (it never did on the old chip).
- *   · THREE tabs carry their words down to 280px — the default panel, just —
- *     then one word down to 195px, then glyphs.
- *   · FOUR tabs need 375px, which the band never reaches: glyph-plus-one-word
- *     down to 239px, then glyphs, which fit the 181px floor.
- *
- * WHY THE RULES ARE KEYED ON THE TAB COUNT. With natural widths, whether the
- * words fit is a question about the SUM of the labels, so the answer moves with
- * how many buckets a section has. A width-only rule would have to answer for
- * the worst case — four tabs — and would then strip the word off a TWO-tab
- * strip at the default panel width.
- *
- * Only `.has-icon` is ever touched. A tab with no glyph has nothing to fall
- * back to, so it keeps its word at every width — a button holding neither word
- * nor glyph is not a narrower segment, it is an empty one. A word is clipped,
- * never `display: none`: the shell's tab takes its name from it. */
-
-/* TWO OR MORE, under 197px: the word on the tab he is not reading goes. */
-@container (width < 197px) {
-  .es-tabs:has(> :nth-child(2)) [role='tab']:not([aria-selected='true']) .es-tab-word.has-icon { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-}
-
-/* THREE OR MORE, under 280px. */
-@container (width < 280px) {
-  .es-tabs:has(> :nth-child(3)) [role='tab']:not([aria-selected='true']) .es-tab-word.has-icon { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-}
-
-/* FOUR OR MORE, under 375px: a fourth label is another ~95px of track. */
-@container (width < 375px) {
-  .es-tabs:has(> :nth-child(4)) [role='tab']:not([aria-selected='true']) .es-tab-word.has-icon { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-}
-
-/* THREE OR MORE at the narrow end, under 195px: the last word goes as well. */
-@container (width < 195px) {
-  .es-tabs:has(> :nth-child(3)) [role='tab'][aria-selected='true'] .es-tab-word.has-icon { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-}
-
-/* FOUR OR MORE, under 239px: the strip is four glyphs on a track. It reads —
-   the track and the chips are what say "these are buttons". */
-@container (width < 239px) {
-  .es-tabs:has(> :nth-child(4)) [role='tab'][aria-selected='true'] .es-tab-word.has-icon { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
-}
-
 /* ── the segmented control: the same chip, a different promise ─────────────── */
 
-/* WHY A SECOND COMPONENT AND NOT A SECOND CALLER OF `SettingsTabs` (card 66248).
-   `SettingsTabs` is a TABLIST, and `role="tab"` is the promise that pressing a
+/* WHY NOT A TAB STRIP (card 66248). A tab strip (the shell's `Tabs`) is a
+   TABLIST, and `role="tab"` is the promise that pressing a
    chip switches a panel. The rows this control is for switch nothing: Weight,
    Case and Alignment WRITE A VALUE and stay where they are. Pointing the tab
    strip at them would make three controls that are correct today start
    announcing "tab, 1 of 4, selected" over nothing. Everything a merchant SEES
-   is shared above — one chip, one track, one raised-chip mark — and only the
-   promise differs. It is the split this sheet already made between
+   is the shell's chip and track, and only the promise differs. It is the split this sheet already made between
    `.es-group-head` and `button.es-group-head`.
 
-   ── WHY THE @container TIERS ABOVE ARE NOT INHERITED ────────────────────────
+   ── WHY NOT FIXED @container TIERS ──────────────────────────────────────────
 
-   Those three tiers are keyed on the tab COUNT, and that works for the strip
-   they were measured for because the shell KNOWS its four words: Content /
+   Easel's old tab strip (`SettingsTabs`, deleted) dropped its words at fixed
+   tiers keyed on the tab COUNT. That worked for the strip they were measured
+   for because it KNEW its four words: Content /
    Media / Style / Layout. It cannot work here, and the reason is arithmetic,
    not taste. MEASURED in Chromium, `tests/fixtures/segmented-fit.html`, the
    width at which each row's words stop fitting:
@@ -424,8 +309,8 @@
    181px and 281px, so the wrong one is wrong ON SCREEN: at the default 281px
    panel Alignment's words fit and Case's do not.
 
-   Whether the words fit is a question about the SUM OF THE LABELS, which is
-   what this sheet already says out loud above, and a count is only ever a
+   Whether the words fit is a question about the SUM OF THE LABELS, and a
+   count is only ever a
    stand-in for it. The stand-in holds while one strip's words are known and
    breaks the moment a second strip brings its own.
 
@@ -447,8 +332,8 @@
    property instead of in the query — subtract the threshold from the width and
    scale hard. Above the threshold that is a large positive length and the word
    is unlimited; below it the result is negative, and `max-width` clamps a
-   negative to zero, which is the word gone. Same two tiers as the strip above,
-   measured continuously instead of at three fixed steps.
+   negative to zero, which is the word gone. The same two steps the old tab
+   strip had, measured continuously instead of at fixed widths.
 
    WHY NOT ESTIMATE THE WORDS FROM THEIR LETTERS, and skip the measuring. The
    chip's font is `--es-font`, which resolves to SF on a Mac, Segoe UI on
@@ -620,7 +505,9 @@
   font-weight: 600;
   color: var(--es-text);
   background: var(--es-hover);
-  border-radius: var(--es-row-radius);
+  /* SQUARE (Lewis 2026-10-14, again 2026-10-23): a band, not a pill.
+     `tests/panel-group-band-full-bleed.test.ts` fails on any radius here. */
+  border-radius: 0;
   /* A menu row tall (Lewis's row heights, 2026-10-12): 36, whatever the
      words' line height. */
   min-height: var(--row-height-menu, 36px);
@@ -634,6 +521,23 @@
   margin: max(var(--es-row-gap), var(--es-rhythm-group)) 0 0;
 }
 
+/* FULL BLEED IN THE SETTINGS BODY (Lewis 2026-10-14, again 2026-10-23): the
+   band's ground reaches both edges of the panel, with no inset round it. It
+   cancels the body's side inset and pads the same amount back inside, so its
+   words start on the rows' left edge and its − / + ends on their right edge.
+   The start side is the panel's one inset (`--es-insp-pad-x`, chrome.css). The
+   end side is `--es-insp-pad-end` where a host keeps a scrollbar lane out of
+   the inset (the website editor's body pads its end by the inset less the
+   lane), else the same inset: a band that bled the full inset there would run
+   the lane's width past the body and give it a sideways scroll.
+   ONLY IN `.es-insp-body`: that is the one place the inset is known. A host
+   that draws a band anywhere else gets the square band in its own box. */
+.es-insp-body .es-group-head {
+  width: calc(100% + var(--es-insp-pad-x) + var(--es-insp-pad-end, var(--es-insp-pad-x)));
+  margin-inline: calc(-1 * var(--es-insp-pad-x)) calc(-1 * var(--es-insp-pad-end, var(--es-insp-pad-x)));
+  padding-inline: var(--es-insp-pad-x) var(--es-insp-pad-end, var(--es-insp-pad-x));
+}
+
 /* THE QUIET TIER (card 66300) — a heading one rung under the pill.
    NO GROUND AND NO RULE, which is the whole point of it. The pill separates
    itself from the settings around it with a fill; this separates itself with

package/dist/{panelWidths-D9hTLR25.d.ts → panelWidths-DgQXiPXU.d.ts}

@@ -11,8 +11,18 @@ import { CSSProperties } from 'react';
  *   one pixel under the 270 the strip's widest tier needs, so the tab words
  *   turned into glyphs at the width every merchant opens on.
  *
- *   MIN_PANEL_W is load-bearing on the top bar: six 34px rail buttons are 204px,
- *   and at 220 the rail column spreads them with nothing to spare.
+ *   THE FLOOR IS PER SIDE (owner ruling A4g, 2026-10-13): LEFT 240, RIGHT 220.
+ *   At 220 the Layers head's three buttons ("+", fold all, hide panel) did not
+ *   fit beside its title: they cut it to "La…" then, and since the head's
+ *   "title wins" rule (2026-10-14) they drop to a second row instead (the head
+ *   is 100px tall, not 60). Title and buttons share one row from 231 (measured
+ *   in Chrome, 2026-10-22). The ruling raised the left floor only, so the
+ *   right panel still drags down to 220.
+ *
+ *   The left floor is load-bearing on the top bar: the rail column is the left
+ *   panel's width (chrome.css `.es-cluster--rail`), and six 34px rail buttons
+ *   are 204px. At 220 they filled the column with nothing to spare; at 240 a
+ *   seventh (238px) just fits.
  *
  * The campaign designer opened at 288 / 288 with a 520 ceiling until the
  * 2026-09-17 redesign. One set of numbers now, here.
@@ -21,7 +31,19 @@ declare const DEFAULT_PANEL_W: {
     readonly left: 288;
     readonly right: 320;
 };
-declare const MIN_PANEL_W = 220;
+/** The narrowest each side panel drags to (px): left 240, right 220 (A4g). */
+declare const MIN_PANEL_W_BY_SIDE: {
+    readonly left: 240;
+    readonly right: 220;
+};
+/**
+ * The lower of the two floors (220), the one both panels shared before A4g.
+ *
+ * @deprecated A floor is per side now: read `MIN_PANEL_W_BY_SIDE.left` or
+ * `.right`. Kept, at its old number, for hosts that import it; it is the
+ * right panel's floor, and no longer the left one's.
+ */
+declare const MIN_PANEL_W: 220;
 declare const MAX_PANEL_W = 560;
 /** Which side panel a width belongs to. */
 type PanelSide = 'left' | 'right';
@@ -29,8 +51,14 @@ type PanelWidths = {
     left: number;
     right: number;
 };
-/** Clamp a width into the panel band and round to a whole pixel. */
-declare function clampPanelWidth(width: number): number;
+/**
+ * Clamp a width into a side panel's band and round to a whole pixel: from that
+ * side's floor (`MIN_PANEL_W_BY_SIDE`) to `MAX_PANEL_W`.
+ *
+ * Without a side it clamps from the lower floor, 220, as before A4g. Pass
+ * the side: a left width clamped without it can stay under 240.
+ */
+declare function clampPanelWidth(width: number, side?: PanelSide): number;
 /**
  * The inline style that carries the widths, as `--es-left-w` / `--es-right-w`.
  *
@@ -63,4 +91,4 @@ declare function panelWidthVars(widths: PanelWidths): CSSProperties;
  */
 declare function setPanelWidthVars(el: HTMLElement, widths: PanelWidths): void;
 
-export { DEFAULT_PANEL_W as D, MAX_PANEL_W as M, type PanelSide as P, MIN_PANEL_W as a, type PanelWidths as b, clampPanelWidth as c, panelWidthVars as p, setPanelWidthVars as s };
+export { DEFAULT_PANEL_W as D, MAX_PANEL_W as M, type PanelSide as P, MIN_PANEL_W as a, MIN_PANEL_W_BY_SIDE as b, type PanelWidths as c, clampPanelWidth as d, panelWidthVars as p, setPanelWidthVars as s };

package/dist/screen/components/AddBlockRow.js

@@ -1 +1 @@
-export{AddBlockRow as default}from"../../chunk-N5AN2RF2.js";import"../../chunk-M2Z775ZC.js";import"../../chunk-W6SDWCOL.js";import"../../chunk-R6WTQWAC.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-C2RHV42O.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-QEAUF632.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-5ZBV5RA6.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-A6Z4SD3I.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-XWFH2NHZ.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-BALFHI3G.js";import"../../chunk-X3TYRF5V.js";import"../../chunk-RC25EGHD.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-23VM4PMV.js";import"../../chunk-B4JN227A.js";import"../../chunk-2XMHLXMA.js";import"../../chunk-G3GWAP5R.js";import"../../chunk-WRFD4EXD.js";import"../../chunk-36LVP5WD.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-67GNT6PF.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-X4T6JT3M.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";
+export{AddBlockRow as default}from"../../chunk-CM732ENS.js";import"../../chunk-M2Z775ZC.js";import"../../chunk-J4MHNAED.js";import"../../chunk-LNHT2KPX.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-23DYNW6S.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-CPFDJMFD.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-5ZBV5RA6.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-A6Z4SD3I.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-XWFH2NHZ.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-BALFHI3G.js";import"../../chunk-X3TYRF5V.js";import"../../chunk-RC25EGHD.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-23VM4PMV.js";import"../../chunk-KRL3IUV3.js";import"../../chunk-2XMHLXMA.js";import"../../chunk-G3GWAP5R.js";import"../../chunk-WRFD4EXD.js";import"../../chunk-36LVP5WD.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-67GNT6PF.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-X4T6JT3M.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";

package/dist/screen/components/AddSidePanel.js

@@ -1 +1 @@
-export{blockKey,AddSidePanel as default,sectionKey,sharedKey,templateKey}from"../../chunk-2ZWA6ARJ.js";import"../../chunk-PA3PNTVV.js";import"../../chunk-5ZBY24K7.js";import"../../chunk-BVN33R76.js";import"../../chunk-43AEUUNQ.js";import"../../chunk-XDZHKYQX.js";import"../../chunk-UMDQ6CLQ.js";import"../../chunk-M2Z775ZC.js";import"../../chunk-W6SDWCOL.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-R6WTQWAC.js";import"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-C2RHV42O.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-QEAUF632.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-5ZBV5RA6.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-A6Z4SD3I.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-XWFH2NHZ.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-WXFZD7WC.js";import"../../chunk-BALFHI3G.js";import"../../chunk-X3TYRF5V.js";import"../../chunk-RC25EGHD.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-23VM4PMV.js";import"../../chunk-B4JN227A.js";import"../../chunk-2XMHLXMA.js";import"../../chunk-G3GWAP5R.js";import"../../chunk-WRFD4EXD.js";import"../../chunk-36LVP5WD.js";import"../../chunk-GWIVPLOX.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-Z6PVRXVY.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-THWO5YVZ.js";import"../../chunk-RE4LP46F.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-LLDHIBYG.js";import"../../chunk-KAML3KQH.js";import"../../chunk-67GNT6PF.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-X4T6JT3M.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";
+export{blockKey,AddSidePanel as default,sectionKey,sharedKey,templateKey}from"../../chunk-324PHMLC.js";import"../../chunk-PA3PNTVV.js";import"../../chunk-5ZBY24K7.js";import"../../chunk-BVN33R76.js";import"../../chunk-43AEUUNQ.js";import"../../chunk-SINAM2IT.js";import"../../chunk-UMDQ6CLQ.js";import"../../chunk-M2Z775ZC.js";import"../../chunk-J4MHNAED.js";import"../../chunk-KCOBHPN6.js";import"../../chunk-LNHT2KPX.js";import"../../chunk-O7Q4DDJT.js";import"../../chunk-RSCMJIWS.js";import"../../chunk-U3JP4VGF.js";import"../../chunk-23DYNW6S.js";import"../../chunk-PLVEGYK6.js";import"../../chunk-CPFDJMFD.js";import"../../chunk-TBY3DFKS.js";import"../../chunk-5ZBV5RA6.js";import"../../chunk-BPXEFVSQ.js";import"../../chunk-A6Z4SD3I.js";import"../../chunk-K56YDHYQ.js";import"../../chunk-XWFH2NHZ.js";import"../../chunk-YRLPFZW3.js";import"../../chunk-WXFZD7WC.js";import"../../chunk-BALFHI3G.js";import"../../chunk-X3TYRF5V.js";import"../../chunk-RC25EGHD.js";import"../../chunk-KFV7N2DJ.js";import"../../chunk-ZG6PVMC3.js";import"../../chunk-MJM6SFD3.js";import"../../chunk-AJSDWWJW.js";import"../../chunk-2OAZYSWJ.js";import"../../chunk-THWO5YVZ.js";import"../../chunk-RE4LP46F.js";import"../../chunk-23VM4PMV.js";import"../../chunk-KRL3IUV3.js";import"../../chunk-2XMHLXMA.js";import"../../chunk-G3GWAP5R.js";import"../../chunk-WRFD4EXD.js";import"../../chunk-36LVP5WD.js";import"../../chunk-MFIRYGHW.js";import"../../chunk-Z2V3TTAR.js";import"../../chunk-KAML3KQH.js";import"../../chunk-67GNT6PF.js";import"../../chunk-P2VEMZH5.js";import"../../chunk-X4T6JT3M.js";import"../../chunk-KRXQM65X.js";import"../../chunk-NKB3KVAB.js";

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

@@ -0,0 +1,21 @@
+import * as react from 'react';
+
+/**
+ * THE EDITOR'S MEDIA POPUP — the host's one Media Library, drawn ONCE at the
+ * screen's root (harness UI-20, owner decision Lewis 2026-10-23: the library
+ * in the left panel was too small; it pops up).
+ *
+ * The host's component is drawn always and is told what to be: choosing for a
+ * field (`pick`), browsing from the rail (`browsing`), or closed (neither). It
+ * draws itself as the popup — the shell's `Dialog`, the one the host's forms
+ * choose an image in too — so both editors and the forms share one popup and
+ * one library. A pick answers the field it was asked for; `onClose` (Escape,
+ * the scrim, the ✕, a file dropped on the canvas) leaves the field as it was
+ * and ends the browse.
+ *
+ * Nothing is drawn where the host supplied no popup: fields then ask the host
+ * for its window (lib/media-picker).
+ */
+declare function MediaPopup(): react.JSX.Element | null;
+
+export { MediaPopup as default };

package/dist/screen/components/MediaPopup.js

@@ -0,0 +1 @@
+export{MediaPopup as default}from"../../chunk-MS2U6MV5.js";import"../../chunk-LNHT2KPX.js";import"../../chunk-U3JP4VGF.js";