efficient-web-builder 23.2.0 → 25.0.0

package/dist/lib/puck/theme-swatches.js

@@ -1 +0,0 @@
-import{say as t}from"../editor-words.js";import{typedHex as h}from"efficient-easel/pick";import{normalizeTheme as u}from"../theme.js";function p(m){const r=new Set,c=[];return u(m).themes.forEach((o,n)=>{const s=[[t("Theme {n} main color",{n:n+1}),o.accent],[t("Theme {n} text color",{n:n+1}),o.text],[t("Theme {n} background",{n:n+1}),o.background]];for(const[f,a]of s){const e=a?h(a):null;!e||r.has(e)||(r.add(e),c.push({name:f,value:e}))}}),c}export{p as themeSwatches};

package/dist/lib/sections/new-section-node.js

@@ -1 +0,0 @@
-import{BOX_TYPE as m}from"../puck/container-blocks.js";import{SLOT_SECTION_SPECS as h}from"../puck/slot-specs.js";import{eyebrowLookFor as a}from"./section-eyebrow-look.js";import{SECTION_HEAD_TYPE as n,SPLITTABLE_SECTIONS as r,canSplitHead as p}from"./section-head-placement.js";import{presetFor as s}from"./section-presets.js";function f(o,{nodeDefaults:i,newNodeId:S,sectionLabel:e,blockIsOffered:c}){const t=s(o);return t?t(i,S):p(o)&&c(m)&&c(n)?{type:m,props:{...i(m),id:S(m),direction:"column",name:`${e(o)} section`,content:[{type:n,props:{...i(n),id:S(n),...r[o]?.headStyle?{headStyle:r[o].headStyle}:{},...r[o]?.headRowGap?{rowGap:r[o].headRowGap}:{},...r[o]?.headDescriptionSize?{descriptionSize:r[o].headDescriptionSize}:{},...a(o)!==a(n)?{eyebrowLook:a(o)}:{}}},{type:o,props:{...i(o),id:S(o),headPlacement:"own-box"}}]}}:h[o]?.fixed===!0?{type:o,props:{...i(o),id:S(o),layout:"boxes"}}:null}export{f as newSectionNode};

package/dist/lib/site-text-styles-writer.d.ts

@@ -1,21 +0,0 @@
-import { type FontsValue } from "./fonts.js";
-import type { SiteThemeRowPatch } from "./site-theme-row.js";
-import { type OldSiteText, type StoredTextStyle } from "./site-text-styles.js";
-import { type HeadingCompression, type ResolvedHeadingTypography, type SizesValue } from "./theme.js";
-export type SiteTextStylesWriter = {
-    fonts: FontsValue;
-    sizes: SizesValue;
-    compression: HeadingCompression;
-    typography: ResolvedHeadingTypography;
-    old: OldSiteText;
-    saved: unknown;
-    write: (next: {
-        saved: StoredTextStyle[];
-        old: OldSiteText;
-    }, immediate?: boolean) => void;
-    writeRoot: (next: Record<string, unknown>) => void;
-};
-export declare function useSiteTextStylesWriter({ themeFromDocument, persist, }: {
-    themeFromDocument: boolean;
-    persist: (patch: SiteThemeRowPatch, immediate?: boolean) => void;
-}): SiteTextStylesWriter;

package/dist/lib/site-text-styles-writer.js

@@ -1 +0,0 @@
-"use client";import{useEasel as E}from"efficient-easel/easel";import{usePreviewHeader as P}from"../components/PreviewHeaderContext.js";import{normalizeFonts as R}from"./fonts.js";import{listChangePatch as A,resolveTextStyles as I,textStylesToOld as L}from"./site-text-styles.js";import{DEFAULT_SIZES as O,normalizeHeadingCompression as U,normalizeHeadingTypography as W}from"./theme.js";function B({themeFromDocument:t,persist:c}){const{appState:g,dispatch:l}=E(s=>s),{fonts:f,setFonts:h,sizes:S,setSizes:T,headingCompression:z,setHeadingCompression:m,headingTypography:C,setHeadingTypography:u,textStyles:v,setTextStyles:H}=P(),r=g.data,e=r.root?.props??{},i=t?R(e.fonts):f,p=t?O:S,n=t?U(e.headingCompression):z,a=t?W(e.headingTypography):C,y={fonts:i,sizes:p,compression:n,typography:a},w=t?e.textStyles:v,d=s=>l({type:"replaceRoot",root:{...r.root,props:{...e,...s}},recordHistory:!0});return{fonts:i,sizes:p,compression:n,typography:a,old:y,saved:w,write:(s,x)=>{const o=L(I(s.saved,s.old),s.old);t?d({textStyles:s.saved,fonts:o.fonts,headingCompression:o.compression,headingTypography:o.typography}):(H(s.saved),h(o.fonts),T(o.sizes),m(o.compression),u(o.typography)),c(A(s,y),x)},writeRoot:d}}export{B as useSiteTextStylesWriter};

package/dist/lib/site-text-styles.d.ts

@@ -1,82 +0,0 @@
-import type { TextStyle, TextStyleCase } from "efficient-easel/text-styles";
-import { type FontRole, type FontsValue } from "./fonts.js";
-import { type PartStyle } from "./puck/part-styles.js";
-import type { SiteThemeRow, SiteThemeRowPatch } from "./site-theme-row.js";
-import { type HeadingCompression, type ResolvedHeadingTypography, type SizesValue } from "./theme.js";
-export type StoredTextStyleValues = {
-    font?: string;
-    color?: string;
-    size?: number;
-    weight?: number;
-    italic?: boolean;
-    lineHeight?: number;
-    letterSpacing?: number;
-    paragraphSpacing?: number;
-    letterCase?: TextStyleCase;
-    largestSize?: number;
-    sizePhone?: number;
-};
-export type StoredTextStyle = {
-    id: string;
-    kind: "heading" | "body";
-    name: string;
-    values: StoredTextStyleValues;
-    auto?: (keyof StoredTextStyleValues)[];
-};
-export type OldSiteText = {
-    fonts: Partial<FontsValue> | Record<string, string>;
-    sizes: Partial<SizesValue> | Record<string, number | null>;
-    compression: string;
-    typography: Partial<ResolvedHeadingTypography> | Record<string, unknown>;
-};
-export declare function textStylesFromOld(old: OldSiteText): StoredTextStyle[];
-export declare function storedTextStyles(value: unknown): StoredTextStyle[];
-export declare function resolveTextStyles(saved: unknown, old: OldSiteText): StoredTextStyle[];
-export declare function applyListChange({ saved, old, cur, next, sizeOf, }: {
-    saved: unknown;
-    old: OldSiteText;
-    cur: readonly TextStyle[];
-    next: readonly TextStyle[];
-    sizeOf: (style: StoredTextStyle) => number;
-}): {
-    saved: StoredTextStyle[];
-    old: OldSiteText;
-};
-export declare function listChangePatch(next: {
-    saved: StoredTextStyle[];
-    old: OldSiteText;
-}, prev: OldSiteText): SiteThemeRowPatch;
-export declare function toPanelStyles(stored: readonly StoredTextStyle[], sizeOf: (s: StoredTextStyle) => number): TextStyle[];
-export declare function fromPanelStyles(list: readonly TextStyle[], sizeOf: (s: StoredTextStyle) => number): StoredTextStyle[];
-export type SiteTextSeed = {
-    fonts: FontsValue;
-    sizes: SizesValue;
-    compression: HeadingCompression;
-    typography: ResolvedHeadingTypography;
-    textStyles: unknown;
-};
-export declare function siteTextFromRow(row: Partial<SiteThemeRow>): SiteTextSeed;
-export declare function textStylesToOld(list: readonly StoredTextStyle[], prev: OldSiteText): OldSiteText;
-export declare function themeWithTextStyles<T extends {
-    fonts?: unknown;
-    sizes?: unknown;
-    headingCompression?: unknown;
-    headingTypography?: unknown;
-    textStyles?: unknown;
-}>(theme: T): T;
-export declare function faceClassOf(style: Pick<StoredTextStyle, "id">): string;
-export declare function textStylesCss(list: readonly StoredTextStyle[]): string;
-export declare function accentItalicCss(italic: boolean | null | undefined): string;
-export declare function styleIdOfRole(role: FontRole | null | undefined): string | undefined;
-export declare function partStyleToTextStyleValues(style: PartStyle): StoredTextStyleValues;
-export declare function hasStyleChange(style: PartStyle): boolean;
-export declare function pushIntoStyle({ saved, old, styleId, values, }: {
-    saved: unknown;
-    old: OldSiteText;
-    styleId: string;
-    values: StoredTextStyleValues;
-}): {
-    saved: StoredTextStyle[];
-    old: OldSiteText;
-};
-export declare function eyebrowStyleId(list: readonly Pick<StoredTextStyle, "id" | "kind">[]): string;

package/dist/lib/site-text-styles.js

@@ -1,2 +0,0 @@
-import{FONT_OPTIONS as D,normalizeFonts as F}from"./fonts.js";import{PART_PHONE_MAX_CSS as J,partSpacingOf as B}from"./puck/part-styles.js";import{compressionMetrics as G,headingTypographyFromRow as U,normalizeHeadingCompression as C,normalizeSizes as I}from"./theme.js";const H=e=>e==="sentence"?"none":void 0,h=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,v=e=>typeof e=="string"&&e?e:void 0,E=["font","color","size","sizePhone","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function p(e){const i={};for(const n of E)e[n]!==void 0&&(i[n]=e[n]);return i}function w(e,i){const{auto:n,...t}=e,a=new Set(i??[]),s=E.filter(o=>a.has(o)&&e.values[o]===void 0);return s.length?{...t,auto:s}:t}function O(e){const i=e.fonts,n=e.sizes,t=e.typography,a=G(e.compression),s=(l,r)=>({id:`heading-${l}`,kind:"heading",name:`Heading ${l}`,values:p(r)}),o=(l,r={})=>({id:`body-${l}`,kind:"body",name:`Body ${l}`,values:p(r)});return[s(1,{font:v(i.heading),size:h(n.headingLarge),weight:h(t.weight),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:H(t.case),largestSize:h(t.maxPx)}),s(2,{font:v(i.heading2),size:h(n.headingMedium),weight:h(t.weight2),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:H(t.case2)}),s(3,{font:v(i.heading3),size:h(n.headingSmall),weight:h(t.weight3),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:H(t.case3)}),o(1,{font:v(i.body),size:h(n.body)}),o(2),o(3),o(4),o(5,{font:v(i.label),size:h(n.label)})]}function _(e){return Array.isArray(e)&&e.every(n=>n&&typeof n=="object"&&typeof n.id=="string"&&(n.kind==="heading"||n.kind==="body")&&typeof n.name=="string")?e.map(n=>w({...n,values:p(n.values??{})},Array.isArray(n.auto)?n.auto:void 0)):null}function ie(e){return _(e)??[]}function T(e,i){const n=O(i),t=_(e);return t?t.map(a=>{const s={...P(n,a.id)};for(const o of a.auto??[])delete s[o];return{...a,values:p({...s,...a.values})}}):n}const P=(e,i)=>e.find(n=>n.id===i)?.values??{},M=["heading-1","heading-2","heading-3"];function ae({saved:e,old:i,cur:n,next:t,sizeOf:a}){const s=O(i),o=_(e)??s.map(d=>({...d,values:{}})),l=T(o,i),r=[],g=t.map(d=>{const f=n.find(u=>u.id===d.id),S=o.find(u=>u.id===d.id);if(!f||!S)return W([d],a)[0];const c={...S.values},x=new Set(S.auto??[]),z=d.values,A=f.values,N=[...new Set([...Object.keys(z),...Object.keys(A)])].filter(u=>JSON.stringify(z[u])!==JSON.stringify(A[u]));N.sort((u,m)=>+(u==="letterSpacing")-+(m==="letterSpacing"));for(const u of N){const m=u==="lineSpacing"?"lineHeight":u,k=z[u];if(k===void 0){delete c[m],P(s,d.id)[m]!==void 0&&(r.push([d.id,m]),x.add(m));continue}if(x.delete(m),u==="lineSpacing")c.lineHeight=b(k/100,3);else if(u==="letterSpacing"){const R=l.find(V=>V.id===d.id),j=a({...d,values:p({...R?.values??{},...c})});c.letterSpacing=j?b(k/j,4):0}else c[m]=k}return w({id:d.id,kind:d.kind,name:d.name,values:p(c)},x)});let y=i.compression;if(r.some(([d,f])=>(f==="lineHeight"||f==="letterSpacing")&&M.includes(d))&&C(y)!=="normal"){for(const d of M){const f=g.find(c=>c.id===d);if(!f)continue;const S={...f.values};for(const c of["lineHeight","letterSpacing"])r.some(([x,z])=>x===d&&z===c)||S[c]===void 0&&!(f.auto??[]).includes(c)&&(S[c]=P(s,d)[c]);f.values=p(S)}y="normal"}return{saved:g,old:{...i,compression:y}}}function oe(e,i){const n={text_styles:e.saved};return e.old.compression!==i.compression&&(n.heading_compression=C(e.old.compression)),n}const b=(e,i)=>Number(e.toFixed(i));function se(e,i){return e.map(n=>{const{lineHeight:t,letterSpacing:a,...s}=n.values,o={...s};return t!==void 0&&(o.lineSpacing=b(t*100,1)),a!==void 0&&(o.letterSpacing=b(a*i(n),2)),{id:n.id,kind:n.kind,name:n.name,values:o}})}function W(e,i){return e.map(n=>{const{lineSpacing:t,letterSpacing:a,...s}=n.values,o={id:n.id,kind:n.kind,name:n.name,values:p({...s})},l={...o.values};if(t!==void 0&&(l.lineHeight=b(t/100,3)),a!==void 0){const r=i({...o,values:{...o.values}});l.letterSpacing=r?b(a/r,4):0}return{...o,values:p(l)}})}function re(e){const i={fonts:F({heading:e.heading_font??void 0,heading2:e.heading_2_font??void 0,heading3:e.heading_3_font??void 0,body:e.body_font??void 0,accent:e.accent_font??void 0,label:e.label_font??void 0}),sizes:I({headingLarge:e.heading_size_large_px,headingMedium:e.heading_size_medium_px,headingSmall:e.heading_size_small_px,accent:e.accent_size_px,body:e.body_size_px,label:e.label_size_px}),compression:C(e.heading_compression),typography:U(e)},n=e.text_styles??null,t=Array.isArray(n)?L(T(n,i),i):i;return{fonts:F(t.fonts),sizes:I(t.sizes),compression:C(t.compression),typography:t.typography,textStyles:n}}function L(e,i){const n=d=>e.find(f=>f.id===d)?.values??{},t=n("heading-1"),a=n("heading-2"),s=n("heading-3"),o=n("body-1"),l=n("body-5"),r=i.fonts,g=i.sizes,y=i.typography,$=d=>d==="none"?"sentence":"authored";return{fonts:{...r,heading:t.font??r.heading,heading2:a.font??t.font??r.heading2,heading3:s.font??t.font??r.heading3,body:o.font??r.body,label:l.font??r.label},sizes:{...g,headingLarge:t.size??null,headingMedium:a.size??null,headingSmall:s.size??null,body:o.size??null,label:l.size??null},compression:i.compression,typography:{...y,case:$(t.letterCase),weight:t.weight??null,maxPx:t.largestSize??null,weight2:a.weight??null,weight3:s.weight??null,case2:$(a.letterCase),case3:$(s.letterCase)}}}function de(e){const i=_(e.textStyles);if(!i||i.every(a=>Object.keys(a.values).length===0&&!a.auto))return e;const n={fonts:e.fonts??{},sizes:e.sizes??{},compression:String(e.headingCompression??"normal"),typography:e.headingTypography??{}},t=L(T(i,n),n);return{...e,fonts:t.fonts,sizes:t.sizes,headingCompression:t.compression,headingTypography:t.typography}}function X(e){switch(e.id){case"heading-1":return"font-display";case"heading-2":return"font-heading2";case"heading-3":return"font-heading3";case"body-1":return"font-body";case"body-5":return"font-mono";default:return`font-${e.id}`}}const Z={none:"none",upper:"uppercase",capitalize:"capitalize",lower:"lowercase"};function q(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function K(e){const i=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${i}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function le(e){const i=[];for(const n of e){const t=n.values,a=`.${X(n)}`,s=[],o=t.font!==void 0?D.find(g=>g.key===t.font)?.cssVar:void 0;if(o&&s.push(`font-family: var(${o})`),t.size!==void 0){const g=t.largestSize!==void 0?Math.min(t.size,t.largestSize):t.size;s.push(`font-size: ${g}px`)}const l=t.color!==void 0?q(t.color):null;l&&s.push(`color: ${l}`),t.italic===!0&&s.push("font-style: italic"),t.weight!==void 0&&s.push(`font-weight: ${t.weight}`);const r=[];if(t.lineHeight!==void 0&&r.push(`line-height: ${t.lineHeight}`),t.letterSpacing!==void 0&&r.push(`letter-spacing: ${t.letterSpacing}em`),n.kind==="body"&&s.push(...r),t.letterCase!==void 0&&s.push(`text-transform: ${Z[t.letterCase]}`),t.paragraphSpacing&&s.push(`--sf-part-para: ${t.paragraphSpacing}px`),s.length&&i.push(`${a} { ${s.join("; ")} }`),n.kind==="heading"&&r.length&&i.push(`${a}, ${a}:is(h1, h2, h3, h4) { ${r.join("; ")} }`),t.paragraphSpacing&&i.push(...K(a)),t.sizePhone!==void 0){const g=Q[n.id],y=[`${a} { font-size: ${t.sizePhone}px }`];g&&y.push(`.sf-themed-content { --size-${g}: ${t.sizePhone}px !important }`),i.push(`@media ${J} { ${y.join(" ")} }`)}}return i.join(`
-`)}const Q={"heading-1":"headingLarge","heading-2":"headingMedium","heading-3":"headingSmall","body-1":"body","body-5":"label"};function ce(e){return e!==!0&&e!==!1?"":`em.text-accent { font-style: ${e?"italic":"normal"} }`}function ue(e){switch(e){case"heading":return"heading-1";case"heading2":return"heading-2";case"heading3":return"heading-3";case"body":return"body-1";case"label":return"body-5";default:return}}function Y(e){const i=B(e);return p({font:e.font,color:e.color,size:e.size,weight:e.weight,italic:e.italic,lineHeight:i.lineHeight,letterSpacing:i.letterSpacingEm,paragraphSpacing:e.paragraphSpacing,letterCase:e.case})}function fe(e){return Object.keys(Y(e)).length>0}function ge({saved:e,old:i,styleId:n,values:t}){return{saved:(_(e)??O(i).map(o=>({...o,values:{}}))).map(o=>o.id===n?w({...o,values:p({...o.values,...t})},o.auto):o),old:i}}function pe(e){const i=e.filter(n=>n.kind==="body").map(n=>Number(/^body-(\d+)$/.exec(n.id)?.[1])).filter(n=>Number.isInteger(n)&&n>0);return i.length?`body-${Math.max(...i)}`:"body-1"}export{ce as accentItalicCss,ae as applyListChange,pe as eyebrowStyleId,X as faceClassOf,W as fromPanelStyles,fe as hasStyleChange,oe as listChangePatch,Y as partStyleToTextStyleValues,ge as pushIntoStyle,T as resolveTextStyles,re as siteTextFromRow,ie as storedTextStyles,ue as styleIdOfRole,le as textStylesCss,O as textStylesFromOld,L as textStylesToOld,de as themeWithTextStyles,se as toPanelStyles};

package/dist/lib/source-rules/part-slider-fills-row.d.ts

@@ -1,11 +0,0 @@
-import { type RuleReport, type SourceFile } from "./rule.js";
-export type PartSliderFillsRowOptions = {
-    readonly partPanel?: string;
-    readonly sheet?: string;
-    readonly shellSheet?: SourceFile;
-    readonly hosts: readonly string[];
-    readonly renderedHosts?: Readonly<Record<string, string>>;
-    readonly minFiles: number;
-};
-export declare function reachesSlider(selector: string): boolean;
-export declare function partSliderFillsRow(files: readonly SourceFile[], options: PartSliderFillsRowOptions): RuleReport;

package/dist/lib/source-rules/part-slider-fills-row.js

@@ -1,29 +0,0 @@
-import{DEFAULT_PANEL_W as k,MAX_PANEL_W as N,MIN_PANEL_W as y}from"../../components/panel-widths.js";import{isRuleSource as A,ruleChecks as F}from"./rule.js";import{parseRules as w}from"./support/css-box-model.js";import{readSliderCallSites as E,sliderFields as v}from"./support/part-slider-call-sites.js";const m=[["sf-editor","es-editor"],["sf-panel","sf-panel--right"],["sf-insp-body","sf-scroll"],["sf-part-panel"],["es-group"],["es-group-body"],["es-field","sf-part-field"],["es-field-ctl"]],_=["sf-slider","has-notch"],S=129;function $(r){const e=r.trim();if(!e.startsWith("."))return null;const s=e.split(".").filter(Boolean);return s.every(o=>/^[a-zA-Z0-9_-]+$/.test(o))?s:null}function c(r){if(/[+~:]/.test(r))return!1;const e=r.trim().split(/\s*(>)\s*|\s+/).filter(Boolean);if(!e.length)return!1;const s=$(e[e.length-1]);if(!s||!s.every(a=>_.includes(a)))return!1;let o=e.length-2,d=m.length-1,i=!1;for(;o>=0;){const a=e[o];if(a===">"){i=!0,o-=1;continue}const f=$(a);if(!f)return!1;let t=-1;for(let n=d;n>=0;n-=1){if(f.every(l=>m[n].includes(l))){t=n;break}if(i)break}if(t===-1)return!1;d=t-1,i=!1,o-=1}return!0}function W(r){const e=r.trim();if(e==="none")return 0;if(e==="auto"||e==="initial")return e==="auto"?1:0;const s=Number.parseFloat(e);return Number.isFinite(s)?s:0}function P(r){const e={grow:0,width:"auto",from:[]};for(const s of r)for(const o of w(s.css)){if(!o.selector.split(",").some(i=>c(i)))continue;let d=!1;for(const[i,a]of o.declarations)i==="flex"?(e.grow=W(a),d=!0):i==="flex-grow"?(e.grow=Number.parseFloat(a)||0,d=!0):i==="width"&&(e.width=a.trim(),d=!0);d&&e.from.push(`${s.name}  ${o.selector}`)}return e}function x(r,e){return r.grow>=1||/^100%$/.test(r.width)?e:S}function j(r){return r.filter(e=>{const s=e.text.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\/\/[^\n]*/g,"");return/SettingsField/.test(s)&&/<Slider[\s/>]/.test(s)}).map(e=>e.path).sort()}function I(r,e){const{check:s,report:o}=F("part slider fills row"),d=new Map(r.map(t=>[t.path,t]));if(s("the walk reaches the slot's own slider, and not the notch, a hover or another panel's row",c(".es-field-ctl > .sf-slider")&&c(".sf-insp-body .sf-slider")&&!c(".sf-slider.has-notch::before")&&!c(".es-field-ctl > .sf-slider:hover")&&!c(".sf-field .sf-slider")&&!c(".es-field-ctl > div > .sf-slider")),e.partPanel!==void 0){const t=d.get(e.partPanel);let n=null,l="";try{n=t?E(t.text):null}catch(u){l=u instanceof Error?u.message:String(u)}s(`read the part panel ${e.partPanel}`,!!t&&n!==null,l||"the file is not among those handed in"),s("§1 the part panel draws no slider since plan S2",n!==null&&n.length===0,`${e.partPanel} draws ${n?.length??"?"} slider(s) again — fields ${v(n??[]).join(", ")}. Since plan S2 its numbers are the text box's cells; if a slider is meant to come back, it comes back into the hosts and this section moves with it.`)}if(e.shellSheet!==void 0){const t=w(e.shellSheet.text).filter(n=>n.selector.trim()===".es-field-ctl");s(`§2 ${e.shellSheet.path} declares the control slot \`.es-field-ctl\``,t.length>0,"that is the slot `SettingsField` stacks a control into, and this rule is about how an item sizes inside it"),s("§2 the shell's control slot is still a flex row",t.length>0&&t[t.length-1].declarations.get("display")==="flex","`.es-field-ctl` is no longer `display: flex` in the installed shell. How a flex ITEM sizes is then not the question, and this rule would be answering the old one. Re-read the shell before trusting a verdict from here.")}if(e.sheet!==void 0){const t=d.get(e.sheet);s(`read the stylesheet ${e.sheet}`,!!t),s("§3 the installed shell stylesheet was handed in beside it",e.shellSheet!==void 0);const n=[...t?[{name:t.path,css:t.text}]:[],...e.shellSheet?[{name:e.shellSheet.path,css:e.shellSheet.text}]:[]],l=P(n),u=[{panel:y,content:192,what:"MIN_PANEL_W"},{panel:k.right,content:280,what:"the default"},{panel:N,content:520,what:"MAX_PANEL_W"}],b=u.map(h=>{const p=x(l,h.content),g=h.content-p;return`    panel ${String(h.panel).padStart(3)} (${h.what.padEnd(11)})  field content ${String(h.content).padStart(3)}   track ${String(p).padStart(3)}   `+(g>0?`SHORT BY ${g} — ${Math.round(p/h.content*100)}% of the row`:"fills")}).join(`
-`);for(const h of u)s(`§3 the stacked slider fills its row at ${h.what} (field content ${h.content}px)`,!!t&&x(l,h.content)===h.content,`the shell's stacked sliders do not fill their row.
-
-  ${e.hosts.length} host(s) — ${e.hosts.join(", ")} — draw the shared \`Slider\` inside
-  \`SettingsField\`, whose control slot \`.es-field-ctl\` is \`display: flex\`. Nothing in ${e.sheet} makes \`.sf-slider\` take
-  that row, so it is \`flex: 0 1 auto\` and collapses to the UA's own ${S}px range input — the
-  same width whatever the panel is dragged to:
-
-${b}
-
-  Resolved on \`.sf-slider\` in that slot: flex-grow ${l.grow}, width ${l.width}`+(l.from.length?`
-  from: ${l.from.join(`
-        `)}`:`
-  from: (no rule reaches it)`)+`
-
-  The shell asks for this in its own words (src/panel/SettingsField.tsx):
-  "The row is stacked rather than side-by-side so the control gets the panel's full
-   width — a 308px panel cannot afford a label column AND a usable slider."`)}const i=r.filter(t=>/\.tsx?$/.test(t.path)&&!A(t.path)&&(t.path.startsWith("components/")||t.path.startsWith("lib/")));s(`read the source (${i.length} .ts/.tsx files under components/ and lib/, at least ${e.minFiles})`,i.length>=e.minFiles);const a=j(i),f=[...e.hosts].sort();s(`§4 the files that draw a \`Slider\` inside a \`SettingsField\` are the ${f.length} known host(s)`,a.join(`
-`)===f.join(`
-`),`the set has changed.
-
-  known: ${f.join(", ")||"(none)"}
-  found: ${a.join(", ")||"(none)"}
-
-  A NEW one is a row \`.es-field-ctl > .sf-slider\` now fills and nothing here watches — add it to the hosts
-  (and render it for the direct-child check). One REMOVED is a guard pointing at nothing.`);for(const[t,n]of Object.entries(e.renderedHosts??{})){const l=/class="es-field-ctl"><([a-z]+) class="([^"]*)"/.exec(n);s(`§4 ${t}: the rendered row has a \`.es-field-ctl\` slot with an element child`,l!==null,"has it stopped going through `SettingsField`?"),l&&s(`§4 ${t}: the slot's first child is the \`.sf-slider\` itself`,l[2].split(/\s+/).includes("sf-slider"),`the control slot's first child is <${l[1]} class="${l[2]}">. Something wraps the slider, so
-  \`.es-field-ctl > .sf-slider\` no longer reaches it and that row is back to the UA's 129px — the wrapper is the
-  flex item now. Widening the selector to a descendant would NOT fix it; it would paint \`flex: 1\` on an element
-  whose parent is the wrapper and leave the measurement unchanged. Card 66247.`)}return o()}export{I as partSliderFillsRow,c as reachesSlider};

package/dist/lib/theme-row-persist.d.ts

@@ -1,34 +0,0 @@
-import type { RefObject } from "react";
-import { type EditorSession } from "./editor-session.js";
-import type { SiteThemeRowPatch } from "./site-theme-row.js";
-export type ThemeRowSaveResult = {
-    status: "saved";
-} | {
-    status: "skipped";
-    reason: "template" | "no-token" | "empty";
-} | {
-    status: "failed";
-    error: unknown;
-};
-export type ThemeRowSender = (patch: SiteThemeRowPatch, token: string, siteId?: string) => Promise<unknown>;
-export declare function themeRowSender(session?: EditorSession): ThemeRowSender;
-export declare function refusalToQueue(input: {
-    themeFromDocument: boolean;
-    token: string | null | undefined;
-}): ThemeRowSaveResult | null;
-export declare function writeThemeRow(input: {
-    themeFromDocument: boolean;
-    token: string | null | undefined;
-    siteId: string | null | undefined;
-    patch: SiteThemeRowPatch;
-}, send?: ThemeRowSender): Promise<ThemeRowSaveResult>;
-export interface ThemeRowPersist {
-    persist: (patch: SiteThemeRowPatch, immediate?: boolean) => void;
-    flush: () => Promise<ThemeRowSaveResult>;
-}
-export declare function useThemeRowPersist({ themeFromDocument, tokenRef, siteId, onResult, }: {
-    themeFromDocument: boolean;
-    tokenRef: RefObject<string | null> | undefined;
-    siteId: string | null | undefined;
-    onResult?: (result: ThemeRowSaveResult) => void;
-}): ThemeRowPersist;

package/dist/lib/theme-row-persist.js

@@ -1 +0,0 @@
-import{useCallback as m,useEffect as y,useRef as l}from"react";import{currentEditorSession as b}from"./editor-session.js";import{backendOf as v}from"./website-session.js";import{useEditorSession as x}from"./editor-session-context.js";import{WebsiteBackendError as E}from"./web-backend.js";function h(e=b()){return(t,i,n)=>{const r=v(e).theme;return r?r.update(t,n?{siteId:n}:void 0):Promise.reject(new E("invalid","This backend stores no site theme."))}}function w(e){return e.themeFromDocument?{status:"skipped",reason:"template"}:e.token?null:{status:"skipped",reason:"no-token"}}async function S(e,t=h()){const{themeFromDocument:i,token:n,siteId:r,patch:s}=e,a=w({themeFromDocument:i,token:n});if(a)return a;if(Object.keys(s).length===0)return{status:"skipped",reason:"empty"};try{return await t(s,n,r??void 0),{status:"saved"}}catch(f){return{status:"failed",error:f}}}function B({themeFromDocument:e,tokenRef:t,siteId:i,onResult:n}){const r=l(null),s=l({}),a=x(),f=l(n);f.current=n;const d=l(null),p=m(u=>{if(u.status==="skipped"){const o=`skipped:${u.reason}`;if(d.current===o)return;d.current=o}else d.current=null;f.current?.(u)},[]),c=m(async()=>{r.current&&(clearTimeout(r.current),r.current=null);const u=s.current;s.current={};const o=await S({themeFromDocument:e,token:t?.current,siteId:i,patch:u},h(a));return p(o),o},[e,t,i,p,a]),T=m((u,o=!1)=>{const k=w({themeFromDocument:e,token:t?.current});if(k){p(k);return}s.current={...s.current,...u},r.current&&clearTimeout(r.current),o?c():r.current=setTimeout(()=>{c()},500)},[e,t,c,p]);return y(()=>()=>{c()},[c]),{persist:T,flush:c}}export{w as refusalToQueue,h as themeRowSender,B as useThemeRowPersist,S as writeThemeRow};

package/dist/lib/theme-save-message.d.ts

@@ -1,6 +0,0 @@
-import type { ThemeRowSaveResult } from "./theme-row-persist.js";
-export type ThemeSaveNotice = {
-    msg: string;
-    tone: "success" | "error";
-} | null;
-export declare function themeSaveNotice(result: ThemeRowSaveResult): ThemeSaveNotice;

package/dist/lib/web-backend.d.ts

@@ -1,152 +0,0 @@
-import type { EditorPageRow, SiteRecord, SiteRecordPatch, WebsiteEditLock } from "./editor-document-contract.js";
-import type { HostPickedMedia } from "./editor-host.js";
-import type { SiteThemeRow, SiteThemeRowPatch } from "./site-theme-row.js";
-import type { SectionTemplate, SectionTemplateRecord } from "./section-template-types.js";
-export type PageLayout = Record<string, unknown>;
-export type { EditorPageRow, SiteRecord, SiteRecordPatch, WebsiteEditLock };
-export type PageBundle = {
-    layout: PageLayout;
-    translations?: Record<string, unknown>;
-    seo?: Record<string, {
-        title?: string;
-        description?: string;
-    }>;
-};
-export type PageDocument = PageBundle & {
-    id: string;
-    version: string | null;
-    kind?: string | null;
-    live?: PageLiveState;
-};
-export type PageLiveState = "live" | "changed" | "never";
-export type SiteScope = {
-    siteId?: string;
-};
-export type PageRef = ({
-    slug: string;
-} | {
-    id: string;
-}) & SiteScope;
-export type NewPageInput = {
-    slug: string;
-    title: string;
-    layout: PageLayout;
-} & SiteScope;
-export type SaveExpectation = {
-    version: string | null;
-    clientId: string;
-};
-export interface LinkTargetPage {
-    id: string;
-    slug: string;
-    label: string;
-    layout: PageLayout | null;
-}
-export interface WebsitePages {
-    list(scope?: SiteScope): Promise<EditorPageRow[]>;
-    load(ref: PageRef): Promise<PageDocument | null>;
-    save(id: string, doc: PageBundle, expect: SaveExpectation): Promise<{
-        version: string | null;
-        live?: PageLiveState;
-    }>;
-    version?(id: string): Promise<string | null>;
-    publish?(id: string, expect?: {
-        version: string;
-    }): Promise<{
-        version: string | null;
-        live?: PageLiveState;
-    }>;
-    create?(input: NewPageInput): Promise<EditorPageRow>;
-    remove?(id: string, options?: {
-        keepalive?: boolean;
-    }): Promise<void>;
-    linkTargets?(scope?: SiteScope): Promise<LinkTargetPage[]>;
-}
-export interface WebsiteSite {
-    get(scope?: SiteScope): Promise<SiteRecord>;
-    update?(patch: SiteRecordPatch, scope?: SiteScope): Promise<SiteRecord>;
-    languages?(): Promise<{
-        base: string;
-        others: string[];
-    }>;
-}
-export interface WebsiteMedia {
-    resolve(ref: string, options?: {
-        width?: number;
-    }): string | null;
-    upload?(file: File): Promise<HostPickedMedia>;
-    maxUploadBytes?: number;
-}
-export interface WebsiteSectionTemplates {
-    list(): Promise<SectionTemplate[]>;
-    get(id: string): Promise<SectionTemplateRecord | null>;
-    ensure(id: string, name: string, node: SectionTemplate["node"]): Promise<SectionTemplate>;
-    save(name: string, node: SectionTemplate["node"]): Promise<SectionTemplate>;
-    update(id: string, node: SectionTemplate["node"]): Promise<SectionTemplate>;
-    rename(id: string, name: string): Promise<SectionTemplateRecord>;
-    remove(id: string): Promise<void>;
-}
-export interface WebsiteTemplates {
-    get(id: string): Promise<{
-        id: string;
-        name: string;
-    }>;
-    pages(templateId: string): WebsitePages;
-}
-export interface WebsitePreview {
-    href(slug: string): string;
-    draftLink?(pageId: string): Promise<{
-        url: string | null;
-    }>;
-}
-export interface BlogPostRow {
-    slug: string;
-    title: string;
-    excerpt: string;
-    category: string;
-    coverImage: string;
-    publishedAt: string | null;
-    href: string;
-}
-export interface WebsiteBlog {
-    posts(scope?: SiteScope): Promise<BlogPostRow[]>;
-}
-export interface ChatSettings {
-    enabled: boolean;
-    title: string;
-    subtitle: string;
-    greeting: string;
-    launcherColor?: string;
-    launcherIcon?: string;
-    launcherPosition?: "right" | "left";
-    launcherLabel?: string;
-    showOnPhones?: boolean;
-}
-export interface WebsiteChat {
-    get(scope?: SiteScope): Promise<ChatSettings>;
-    update(patch: Partial<ChatSettings>, scope?: SiteScope): Promise<ChatSettings>;
-}
-export interface WebsiteTheme {
-    get(scope?: SiteScope): Promise<SiteThemeRow>;
-    update(patch: SiteThemeRowPatch, scope?: SiteScope): Promise<SiteThemeRow>;
-}
-export type SocialLinkSettings = Record<string, string>;
-export interface WebsiteSocial {
-    get(scope?: SiteScope): Promise<SocialLinkSettings>;
-    update(patch: SocialLinkSettings, scope?: SiteScope): Promise<SocialLinkSettings>;
-}
-export interface WebsiteBackend {
-    pages: WebsitePages;
-    lock?: WebsiteEditLock;
-    site: WebsiteSite;
-    media: WebsiteMedia;
-    sectionTemplates?: WebsiteSectionTemplates;
-    templates?: WebsiteTemplates;
-    preview?: WebsitePreview;
-    blog?: WebsiteBlog;
-    chat?: WebsiteChat;
-    social?: WebsiteSocial;
-    theme?: WebsiteTheme;
-}
-export { WebsiteBackendError, isBackendError, STATUS_UNREACHABLE, provideHostFailures, readHostFailure, hostLoadRefusalOf, hostUnreachableMessage } from "./editor-backend-error.js";
-export type { WebsiteBackendErrorKind, HostFailure } from "./editor-backend-error.js";

package/dist/lib/website-document-addressing.js

@@ -1 +0,0 @@
-import{SITE_FOOTER_SLUG as r}from"./content/footer.js";import{makeSitePageAdapter as p,makeTemplatePageAdapter as d}from"./editor-document-adapter.js";import{HOME_PAGE_SLUG as n}from"./puck/home-page.js";import{migrateRenamedProps as o}from"./puck/renamed-props.js";import{offeredSets as m}from"./editor-blocks.js";const f={homeSlug:n,entryMayBounce:e=>e.kind==="template"||e.kind==="page"&&e.slug===r,entryBounce:(e,i)=>e.kind==="page"&&e.slug===r?{kind:"page",slug:n,siteId:e.siteId}:e.kind!=="template"||new URLSearchParams(i).get("editTemplate")==="1"?null:{kind:"page",slug:n},onSwitch:()=>{},tellsHost:e=>e.kind==="page"&&e.slug!==r,adapterFor:(e,i,t)=>e.kind==="template"?d(e.id,i,m(t)):p(e.siteId,i,m(t),{editsPinnedInPlace:!0}),migrateRenamedProps:o};export{f as WEBSITE_ADDRESSING};

package/dist/lib/website-session.d.ts

@@ -1,5 +0,0 @@
-import { type EditorSession } from "./editor-session.js";
-import type { EditorBlocks } from "./editor-blocks.js";
-import type { WebsiteBackend } from "./web-backend.js";
-export declare const backendOf: (session?: EditorSession) => WebsiteBackend;
-export declare const blocksOf: (session: EditorSession) => EditorBlocks | null;

package/dist/lib/website-session.js

@@ -1 +0,0 @@
-import{backendOf as s}from"./editor-session.js";const e=s,n=o=>o.blocks;export{e as backendOf,n as blocksOf};