efficient-web-builder 44.0.1 → 45.0.0

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

@@ -1,8 +1,8 @@
-import{DEFAULT_PANEL_W as k,MAX_PANEL_W as N,MIN_PANEL_W as y}from"efficient-easel/screen/components/panel-widths";import{isRuleSource as A,ruleChecks as F}from"../../../format/lib/source-rules/rule.js";import{parseRules as w}from"../../../format/lib/source-rules/support/css-box-model.js";import{readSliderCallSites as E,sliderFields as v}from"../../../format/lib/source-rules/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(`
+import{DEFAULT_PANEL_W as k,MAX_PANEL_W as N,MIN_PANEL_W as y}from"efficient-easel/screen/components/panel-widths";import{isRuleSource as A,ruleChecks as F}from"../../../format/lib/source-rules/rule.js";import{parseRules as w}from"../../../format/lib/source-rules/support/css-box-model.js";import{readSliderCallSites as E,sliderFields as v}from"../../../format/lib/source-rules/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(a=>/^[a-zA-Z0-9_-]+$/.test(a))?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(o=>_.includes(o)))return!1;let a=e.length-2,d=m.length-1,i=!1;for(;a>=0;){const o=e[a];if(o===">"){i=!0,a-=1;continue}const f=$(o);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,a-=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 j(r){const e={grow:0,width:"auto",from:[]};for(const s of r)for(const a of w(s.css)){if(!a.selector.split(",").some(i=>c(i)))continue;let d=!1;for(const[i,o]of a.declarations)i==="flex"?(e.grow=W(o),d=!0):i==="flex-grow"?(e.grow=Number.parseFloat(o)||0,d=!0):i==="width"&&(e.width=o.trim(),d=!0);d&&e.from.push(`${s.name}  ${a.selector}`)}return e}function x(r,e){return r.grow>=1||/^100%$/.test(r.width)?e:S}function P(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 B(r,e){const{check:s,report:a}=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=[...e.screenSheet?[{name:e.screenSheet.path,css:e.screenSheet.text}]:[],...t?[{name:t.path,css:t.text}]:[],...e.shellSheet?[{name:e.shellSheet.path,css:e.shellSheet.text}]:[]],l=j(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
+  \`SettingsField\`, whose control slot \`.es-field-ctl\` is \`display: flex\`. Nothing in ${[e.screenSheet?.path,e.sheet].filter(Boolean).join(" or ")} 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:
 
@@ -15,15 +15,15 @@ ${b}
 
   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(`
+   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 o=P(i),f=[...e.hosts].sort();s(`§4 the files that draw a \`Slider\` inside a \`SettingsField\` are the ${f.length} known host(s)`,o.join(`
 `)===f.join(`
 `),`the set has changed.
 
   known: ${f.join(", ")||"(none)"}
-  found: ${a.join(", ")||"(none)"}
+  found: ${o.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};
+  whose parent is the wrapper and leave the measurement unchanged. Card 66247.`)}return a()}export{B as partSliderFillsRow,c as reachesSlider};

package/dist/format/lib/animation/index.d.ts

@@ -0,0 +1 @@
+export * from "./loop.js";

package/dist/format/lib/animation/index.js

@@ -0,0 +1 @@
+export*from"./loop.js";

package/dist/format/lib/animation/loop.d.ts

@@ -0,0 +1,29 @@
+import type { EdgeCell } from "efficient-easel/draw";
+import type { ShowWhenRule } from "efficient-shell/format";
+export type Loop = "none" | "scroll";
+export declare const LOOP_NONE: Loop;
+export declare const LOOP_OPTIONS: readonly {
+    label: string;
+    value: Loop;
+}[];
+export declare function parseLoop(value: unknown): Loop;
+export declare const LOOP_SCROLLS: ShowWhenRule;
+export type LoopDirection = "left" | "right" | "up" | "down";
+export declare const DEFAULT_LOOP_DIRECTION: LoopDirection;
+export declare const LOOP_DIRECTION_OPTIONS: readonly {
+    label: string;
+    value: LoopDirection;
+    cell: EdgeCell;
+}[];
+export declare function parseLoopDirection(value: unknown): LoopDirection;
+export declare function isVerticalLoop(direction: LoopDirection): boolean;
+export declare function loopSecondsOf(props: {
+    loopDuration?: unknown;
+    speed?: unknown;
+}): number;
+export declare const DEFAULT_LOOP_SECONDS: number;
+export declare const DEFAULT_LOOP_DELAY: number;
+export declare function loopDelayOf(props: {
+    loopDelay?: unknown;
+}): number;
+export declare function loopAnimation(direction: LoopDirection, seconds: number, delay?: number): string;

package/dist/format/lib/animation/loop.js

@@ -0,0 +1 @@
+import{MOTION_EASING as p,MOTION_TIMING as e,motionSeconds as l}from"efficient-shell/format";import{parseOption as r}from"../parse-option.js";const i="none",O=[{label:"None",value:"none"},{label:"Scroll",value:"scroll"}];function x(o){return r(O,i,o)}const D={field:"loop",is:"scroll"},u="left",c=[{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"},{label:"Up",value:"up",cell:"top"},{label:"Down",value:"down",cell:"bottom"}],a={left:"storefront-ticker",right:"storefront-ticker-right",up:"storefront-ticker-up",down:"storefront-ticker-down"};function _(o){return r(c,u,o)}function d(o){return o==="up"||o==="down"}function N(o){return l("loop","duration",o.loopDuration!=null?o.loopDuration:o.speed)}const E=e.loop.duration.default,f=e.loop.delay.default;function I(o){return l("loop","delay",o.loopDelay)}function S(o,n,t=f){return`${a[o]} ${n}s ${p.loop}${t?` ${t}s`:""} infinite`}export{f as DEFAULT_LOOP_DELAY,u as DEFAULT_LOOP_DIRECTION,E as DEFAULT_LOOP_SECONDS,c as LOOP_DIRECTION_OPTIONS,i as LOOP_NONE,O as LOOP_OPTIONS,D as LOOP_SCROLLS,d as isVerticalLoop,S as loopAnimation,I as loopDelayOf,N as loopSecondsOf,x as parseLoop,_ as parseLoopDirection};

package/dist/format/lib/content/block-size.d.ts

@@ -0,0 +1,59 @@
+export declare const BLOCK_SIZE_CLASS = "sf-block-size";
+export declare const BLOCK_WIDTH_FIT_POINTS: readonly [{
+    readonly label: "Fit content";
+    readonly value: "fit";
+}, {
+    readonly label: "Fill";
+    readonly value: "fill";
+}, {
+    readonly label: "Fixed";
+    readonly value: "fixed";
+}];
+export type BlockWidthFit = (typeof BLOCK_WIDTH_FIT_POINTS)[number]["value"];
+export declare const BLOCK_WIDTH_FIT_DEFAULT: BlockWidthFit;
+export declare function parseBlockWidthFit(value: unknown): BlockWidthFit | undefined;
+export declare const BLOCK_FIXED_WIDTH: {
+    readonly min: 40;
+    readonly max: 2000;
+    readonly step: 10;
+    readonly fallback: 480;
+};
+export declare const BLOCK_WIDTH_LIMIT: {
+    readonly min: 40;
+    readonly max: 2000;
+    readonly step: 10;
+};
+export declare const TEXT_FIT_POINTS: readonly [{
+    readonly label: "Wrap";
+    readonly value: "wrap";
+}, {
+    readonly label: "Shrink to fit";
+    readonly value: "shrink";
+}];
+export type TextFit = (typeof TEXT_FIT_POINTS)[number]["value"];
+export declare function parseTextFit(value: unknown): TextFit | undefined;
+export declare const TEXT_FIT_MIN_FONT: {
+    readonly min: 8;
+    readonly max: 120;
+    readonly step: 1;
+    readonly fallback: 16;
+};
+export declare const TEXT_FIT_ATTR: {
+    readonly fit: "data-fit";
+    readonly fitPhone: "data-fit-phone";
+    readonly min: "data-fit-min";
+    readonly minPhone: "data-fit-min-phone";
+};
+export declare const BLOCK_SIZE_KEYS: readonly ["widthFit", "width", "minWidth", "maxWidth", "textFit", "minFont"];
+export type BlockSizeKey = (typeof BLOCK_SIZE_KEYS)[number];
+export type BlockSizeTwin = {
+    desktop?: unknown;
+    phone?: unknown;
+};
+export type BlockSizeValues = Partial<Record<BlockSizeKey, BlockSizeTwin>>;
+export type BlockSize = {
+    className: string;
+    style: Record<string, string>;
+    attrs: Record<string, string>;
+};
+export declare function blockSizeOf(values: BlockSizeValues): BlockSize | null;

package/dist/format/lib/content/block-size.js

@@ -0,0 +1 @@
+const u="sf-block-size",W=[{label:"Fit content",value:"fit"},{label:"Fill",value:"fill"},{label:"Fixed",value:"fixed"}],E="fit";function b(t){return W.some(n=>n.value===t)?t:void 0}const S={min:40,max:2e3,step:10,fallback:480},P={min:40,max:2e3,step:10},L=[{label:"Wrap",value:"wrap"},{label:"Shrink to fit",value:"shrink"}];function k(t){return L.some(n=>n.value===t)?t:void 0}const g={min:8,max:120,step:1,fallback:16},p={fit:"data-fit",fitPhone:"data-fit-phone",min:"data-fit-min",minPhone:"data-fit-min-phone"},B=["widthFit","width","minWidth","maxWidth","textFit","minFont"],s=t=>typeof t=="number"&&Number.isFinite(t)&&t>=0?t:void 0,O={desktop:{fill:"min-[800px]:w-full min-[800px]:[.flex-row>&]:grow",fixed:"min-[800px]:w-[min(var(--sf-bw),100%)] min-[800px]:basis-auto! min-[800px]:grow-0! min-[800px]:shrink-0"},phone:{fill:"max-[800px]:w-full",fixed:"max-[800px]:w-[min(var(--sf-bw-p),100%)] max-[800px]:basis-auto! max-[800px]:grow-0! max-[800px]:shrink-0"}},C={desktop:"--sf-bw",phone:"--sf-bw-p"},D={minWidth:{desktop:["--sf-bmin","min-[800px]:min-w-[var(--sf-bmin)]"],phone:["--sf-bmin-p","max-[800px]:min-w-[var(--sf-bmin-p)]"]},maxWidth:{desktop:["--sf-bmax","min-[800px]:max-w-[var(--sf-bmax)]"],phone:["--sf-bmax-p","max-[800px]:max-w-[var(--sf-bmax-p)]"]}};function K(t){const n=[],f={},o={},x=b(t.widthFit?.desktop),T=b(t.widthFit?.phone)??x,d=s(t.width?.desktop),w=s(t.width?.phone)??d;for(const[e,i,m]of[["desktop",x,d],["phone",T,w]])!i||i==="fit"||(n.push(O[e][i]),i==="fixed"&&(f[C[e]]=`${m??S.fallback}px`));for(const e of["minWidth","maxWidth"]){const i=s(t[e]?.desktop),m=s(t[e]?.phone)??i;for(const[F,l]of[["desktop",i],["phone",m]]){if(l===void 0)continue;const[_,I]=D[e][F];f[_]=`${l}px`,n.push(I)}}const a=k(t.textFit?.desktop),c=k(t.textFit?.phone),h=s(t.minFont?.desktop),r=s(t.minFont?.phone);return a&&(o[p.fit]=a),c&&(o[p.fitPhone]=c),h!==void 0&&(o[p.min]=String(h)),r!==void 0&&(o[p.minPhone]=String(r)),n.length===0&&Object.keys(o).length===0?null:{className:[u,...n].join(" "),style:f,attrs:o}}export{S as BLOCK_FIXED_WIDTH,u as BLOCK_SIZE_CLASS,B as BLOCK_SIZE_KEYS,E as BLOCK_WIDTH_FIT_DEFAULT,W as BLOCK_WIDTH_FIT_POINTS,P as BLOCK_WIDTH_LIMIT,p as TEXT_FIT_ATTR,g as TEXT_FIT_MIN_FONT,L as TEXT_FIT_POINTS,K as blockSizeOf,b as parseBlockWidthFit,k as parseTextFit};

package/dist/format/lib/content/box-background.js

@@ -1 +1 @@
-const p="sf-card",s={min:0,max:100,step:5,fallback:0,unit:"%"},u=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],l="68%",b={desktop:20,phone:20,side:40,sidePhone:24},d="sf-box-sides",x={min:0,max:200,step:10};function S(t){return typeof t=="string"&&t.trim()!==""}function f(t,r){const e=typeof t=="number"?t:Number.parseFloat(String(t??""));if(!Number.isFinite(e)||e<=0)return null;const n=(Math.min(s.max,Math.max(s.min,e))/100).toFixed(2);return r!=="bottom"?{background:`rgba(0,0,0,${n})`}:{background:`linear-gradient(0deg, rgba(0,0,0,${n}) 0%, rgba(0,0,0,0) ${l})`}}function _(t,r){const e={"top-left":["start","start"],"top-center":["center","start"],"top-right":["end","start"],left:["start","center"],center:["center","center"],right:["end","center"],"bottom-left":["start","end"],"bottom-center":["center","end"],"bottom-right":["end","end"]},[o,n]=e[t]??e.center,[c,a]=r==="column"?[n,o]:[o,n],i={start:"justify-start",center:"justify-center",end:"justify-end"},m={start:"items-start",center:"items-center",end:"items-end"};return`${i[c]} ${m[a]}`}export{b as BOX_CARD_PAD,x as BOX_CARD_SIDE,s as BOX_DARKEN,u as BOX_DARKEN_STYLES,d as BOX_OWNS_SIDES_CLASS,p as CARD_SHADOW_CLASS,f as boxDarkenStyle,_ as boxPlacementClasses,S as isBackgroundBox};
+import{scrim as s}from"./scrim.js";const b="sf-card",c={min:0,max:100,step:5,fallback:0,unit:"%"},d=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],p="68%",x={desktop:20,phone:20,side:40,sidePhone:24},f="sf-box-sides",S={min:0,max:200,step:10};function _(t){return typeof t=="string"&&t.trim()!==""}function A(t,r){const e=typeof t=="number"?t:Number.parseFloat(String(t??""));if(!Number.isFinite(e)||e<=0)return null;const n=(Math.min(c.max,Math.max(c.min,e))/100).toFixed(2);return r!=="bottom"?{background:s(Number(n))}:{background:`linear-gradient(0deg, ${s(Number(n))} 0%, ${s(0)} ${p})`}}function D(t,r){const e={"top-left":["start","start"],"top-center":["center","start"],"top-right":["end","start"],left:["start","center"],center:["center","center"],right:["end","center"],"bottom-left":["start","end"],"bottom-center":["center","end"],"bottom-right":["end","end"]},[o,n]=e[t]??e.center,[i,a]=r==="column"?[n,o]:[o,n],m={start:"justify-start",center:"justify-center",end:"justify-end"},u={start:"items-start",center:"items-center",end:"items-end"};return`${m[i]} ${u[a]}`}export{x as BOX_CARD_PAD,S as BOX_CARD_SIDE,c as BOX_DARKEN,d as BOX_DARKEN_STYLES,f as BOX_OWNS_SIDES_CLASS,b as CARD_SHADOW_CLASS,A as boxDarkenStyle,D as boxPlacementClasses,_ as isBackgroundBox};

package/dist/format/lib/content/box-layout.d.ts

@@ -1,43 +1,7 @@
-export declare const BOX_JUSTIFY_POINTS: readonly [{
-    readonly label: "Start";
-    readonly value: "start";
-}, {
-    readonly label: "Center";
-    readonly value: "center";
-}, {
-    readonly label: "Space between";
-    readonly value: "between";
-}, {
-    readonly label: "End";
-    readonly value: "end";
-}];
-export declare const BOX_ALIGN_POINTS: readonly [{
-    readonly label: "Start";
-    readonly value: "start";
-}, {
-    readonly label: "Center";
-    readonly value: "center";
-}, {
-    readonly label: "End";
-    readonly value: "end";
-}, {
-    readonly label: "Stretch";
-    readonly value: "stretch";
-}];
 export declare const NESTED_BOX_PADDING: {
     readonly sectionPaddingTop: 0;
     readonly sectionPaddingBottom: 0;
 };
-export declare const BOX_WRAP_LABEL = "Wrap";
-export declare const BOX_WRAP_POINTS: readonly [{
-    readonly label: "Wrap";
-    readonly value: "wrap";
-}, {
-    readonly label: "No wrap";
-    readonly value: "nowrap";
-}];
-export type BoxJustify = (typeof BOX_JUSTIFY_POINTS)[number]["value"];
-export type BoxAlign = (typeof BOX_ALIGN_POINTS)[number]["value"];
 export declare function boxLayoutClasses(justify: unknown, align: unknown): string;
 export declare function boxWrapClass(wrap: unknown): string;
 export declare const BOX_SHARE_LABEL = "Block widths";
@@ -65,6 +29,10 @@ export declare const BOX_SHARE_POINTS: readonly [{
     readonly label: "Bigger right";
     readonly value: "biggerRight";
     readonly weights: readonly [1, 3];
+}, {
+    readonly label: "2 : 3";
+    readonly value: "twoThree";
+    readonly weights: readonly [2, 3];
 }];
 export type BoxShare = (typeof BOX_SHARE_POINTS)[number]["value"];
 export declare function boxShareClasses(share: unknown): string;
@@ -72,7 +40,18 @@ export declare function boxFitContentClass(share: unknown): string;
 export declare const BOX_PHONE_ROW_LABEL = "Columns";
 export declare const BOX_PHONE_ROW_MIN = 1;
 export declare const BOX_PHONE_ROW_MAX = 3;
-export declare function boxPhoneRowClasses(perRow: unknown): string;
+export declare const BOX_SHARE_PHONE_POINTS: ({
+    readonly label: "Fit content";
+    readonly value: "content";
+    readonly weights: null;
+} | {
+    readonly label: "Equal";
+    readonly value: "equal";
+    readonly weights: readonly [1, 1];
+})[];
+export declare const BOX_SHARE_PHONE_DEFAULT = "equal";
+export declare function boxPhoneRowClasses(perRow: unknown, sharePhone?: unknown): string;
+export declare function boxPhoneRowFits(perRow: unknown, sharePhone: unknown): boolean;
 export declare const BOX_BLOCK_SPACING_LABEL = "Block spacing";
 export declare const BOX_BLOCK_SPACING_POINTS: readonly [{
     readonly label: "Each block";

package/dist/format/lib/content/box-layout.js

@@ -1 +1 @@
-const _=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"Space between",value:"between"},{label:"End",value:"end"}],g=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"},{label:"Stretch",value:"stretch"}],b={sectionPaddingTop:0,sectionPaddingBottom:0},u="Wrap",S=[{label:"Wrap",value:"wrap"},{label:"No wrap",value:"nowrap"}],a={start:"justify-start",center:"justify-center",between:"justify-between",end:"justify-end"},l={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"};function O(e,t){const o=typeof e=="string"&&e in a?a[e]:"",r=typeof t=="string"&&t in l?l[t]:"";return[o,r].filter(Boolean).join(" ")}function f(e){return e===!0||e==="wrap"?"flex-wrap":""}const B="Block widths",L=[{label:"Fit content",value:"content",weights:null},{label:"Equal",value:"equal",weights:[1,1]},{label:"Big left",value:"bigLeft",weights:[2,1]},{label:"Big right",value:"bigRight",weights:[1,2]},{label:"Bigger left",value:"biggerLeft",weights:[3,1]},{label:"Bigger right",value:"biggerRight",weights:[1,3]}],n="[&>*]:min-w-0 [&>*]:flex-1 [&>*]:basis-0",s={equal:n,bigLeft:`${n} [&>*:first-child]:min-[800px]:grow-[2]`,bigRight:`${n} [&>*:last-child]:min-[800px]:grow-[2]`,biggerLeft:`${n} [&>*:first-child]:min-[800px]:grow-[3]`,biggerRight:`${n} [&>*:last-child]:min-[800px]:grow-[3]`};function i(e){return typeof e=="string"?s[e]??"":""}const c="[&>*]:min-[800px]:basis-[content]";function w(e){return i(e)===""?c:""}const h="Columns",A=1,m=3,p={2:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len,0px))/2)]",3:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len,0px)_*_2)/3)]"};function C(e){const t=Number(e);return p[t]??"max-[800px]:flex-col"}const N="Block spacing",v=[{label:"Each block",value:"each"},{label:"Gap only",value:"gap"}],x="sf-box-gap-only";function E(e){return e==="gap"?x:""}export{g as BOX_ALIGN_POINTS,N as BOX_BLOCK_SPACING_LABEL,v as BOX_BLOCK_SPACING_POINTS,x as BOX_GAP_ONLY_CLASS,_ as BOX_JUSTIFY_POINTS,h as BOX_PHONE_ROW_LABEL,m as BOX_PHONE_ROW_MAX,A as BOX_PHONE_ROW_MIN,B as BOX_SHARE_LABEL,L as BOX_SHARE_POINTS,u as BOX_WRAP_LABEL,S as BOX_WRAP_POINTS,b as NESTED_BOX_PADDING,E as boxBlockSpacingClass,w as boxFitContentClass,O as boxLayoutClasses,C as boxPhoneRowClasses,i as boxShareClasses,f as boxWrapClass};
+const f={sectionPaddingTop:0,sectionPaddingBottom:0},s={start:"justify-start",center:"justify-center",between:"justify-between",end:"justify-end"},i={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"};function b(t,e){const o=typeof t=="string"&&t in s?s[t]:"",a=typeof e=="string"&&e in i?i[e]:"";return[o,a].filter(Boolean).join(" ")}function m(t){return t===!0||t==="wrap"?"flex-wrap":""}const S="Block widths",l=[{label:"Fit content",value:"content",weights:null},{label:"Equal",value:"equal",weights:[1,1]},{label:"Big left",value:"bigLeft",weights:[2,1]},{label:"Big right",value:"bigRight",weights:[1,2]},{label:"Bigger left",value:"biggerLeft",weights:[3,1]},{label:"Bigger right",value:"biggerRight",weights:[1,3]},{label:"2 : 3",value:"twoThree",weights:[2,3]}],n="[&>*]:min-w-0 [&>*]:flex-1 [&>*]:basis-0",x={equal:n,bigLeft:`${n} [&>*:first-child]:min-[800px]:grow-[2]`,bigRight:`${n} [&>*:last-child]:min-[800px]:grow-[2]`,biggerLeft:`${n} [&>*:first-child]:min-[800px]:grow-[3]`,biggerRight:`${n} [&>*:last-child]:min-[800px]:grow-[3]`,twoThree:`${n} [&>*:first-child]:min-[800px]:grow-[2] [&>*:last-child]:min-[800px]:grow-[3]`};function c(t){return typeof t=="string"?x[t]??"":""}const p="[&>*]:min-[800px]:basis-[content]";function h(t){return c(t)===""?p:""}const O="Columns",w=1,B=3,r={2:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len-phone,var(--sf-gap-len,0px)))/2)]",3:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len-phone,var(--sf-gap-len,0px))_*_2)/3)]"},L=l.filter(t=>t.value==="content"||t.value==="equal"),A="equal",g="max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:grow-0 [&>*]:max-[800px]:basis-[content]";function E(t,e){const o=r[Number(t)];return o?_(t,e)?g:o:"max-[800px]:flex-col"}function _(t,e){return Number(t)in r&&e==="content"}const C="Block spacing",N=[{label:"Each block",value:"each"},{label:"Gap only",value:"gap"}],u="sf-box-gap-only";function P(t){return t==="gap"?u:""}export{C as BOX_BLOCK_SPACING_LABEL,N as BOX_BLOCK_SPACING_POINTS,u as BOX_GAP_ONLY_CLASS,O as BOX_PHONE_ROW_LABEL,B as BOX_PHONE_ROW_MAX,w as BOX_PHONE_ROW_MIN,S as BOX_SHARE_LABEL,A as BOX_SHARE_PHONE_DEFAULT,L as BOX_SHARE_PHONE_POINTS,l as BOX_SHARE_POINTS,f as NESTED_BOX_PADDING,P as boxBlockSpacingClass,h as boxFitContentClass,b as boxLayoutClasses,E as boxPhoneRowClasses,_ as boxPhoneRowFits,c as boxShareClasses,m as boxWrapClass};

package/dist/format/lib/content/box-link.d.ts

@@ -0,0 +1,13 @@
+export declare function boxLinkOf(value: unknown): string;
+export declare const BOX_LINK_ATTR = "data-sf-box-link";
+export declare const BOX_LINK_CLASS = "absolute inset-0 -z-[1] outline-none focus-visible:z-[2] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-accent";
+export declare const BOX_LINKED_CLASS = "relative isolate pointer-events-none [&_a]:pointer-events-auto [&_button]:pointer-events-auto [&_input]:pointer-events-auto [&_select]:pointer-events-auto [&_textarea]:pointer-events-auto [&_label]:pointer-events-auto [&_summary]:pointer-events-auto [&_iframe]:pointer-events-auto [&_video]:pointer-events-auto [&_audio]:pointer-events-auto [&_[role=button]]:pointer-events-auto [&_[tabindex]:not([tabindex='-1'])]:pointer-events-auto";
+export declare const BOX_JUMP_ATTR = "data-sf-box-jump";
+export declare function boxJumpBlocksClass(slug: string): string;
+export declare function boxJumpSlug(on: unknown, anchor: unknown): string;
+export declare function jumpHighlightCss({ box, lit, first, }: {
+    box: string;
+    lit: readonly string[];
+    first: (scope: string) => readonly string[];
+}): string;
+export declare function boxJumpCss(slug: string): string;

package/dist/format/lib/content/box-link.js

@@ -0,0 +1,13 @@
+import{slugify as a}from"efficient-shell/format";function f(t){return typeof t=="string"?t.trim():""}const b="data-sf-box-link",v="absolute inset-0 -z-[1] outline-none focus-visible:z-[2] focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-accent",x="relative isolate pointer-events-none [&_a]:pointer-events-auto [&_button]:pointer-events-auto [&_input]:pointer-events-auto [&_select]:pointer-events-auto [&_textarea]:pointer-events-auto [&_label]:pointer-events-auto [&_summary]:pointer-events-auto [&_iframe]:pointer-events-auto [&_video]:pointer-events-auto [&_audio]:pointer-events-auto [&_[role=button]]:pointer-events-auto [&_[tabindex]:not([tabindex='-1'])]:pointer-events-auto",u="data-sf-box-jump";function c(t){return`sf-box-jump-${t}`}function $(t,o){return t!==!0?"":a(typeof o=="string"?o:"")}function p({box:t,lit:o,first:n}){const e=r=>r.join(`,
+  `),i=n(t),s=o.flatMap(n);return`
+  ${t} {
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+    transition: outline-color 600ms ease-out;
+  }
+  ${e(i)} { transition: background-color 600ms ease-out; }
+  ${e(i.map(r=>`${r} *`))} { transition: color 600ms ease-out; }
+  ${e(o)} { outline-color: var(--accent); }
+  ${e(s)} { background-color: var(--accent); }
+  ${e([...s,...s.map(r=>`${r} *`)])} { color: var(--bg) !important; }
+`}function _(t){const o=`[${u}="${t}"]`,n=`.${c(t)}`,e=`[id="${t}"]:target`;return p({box:o,lit:[`${e}~${o}`,`${e}~* ${o}`],first:i=>[`${i} ${n}>:first-child:not(.sf-section-anchor)`,`${i} ${n}>.sf-section-anchor:first-child+*`]})}export{u as BOX_JUMP_ATTR,x as BOX_LINKED_CLASS,b as BOX_LINK_ATTR,v as BOX_LINK_CLASS,c as boxJumpBlocksClass,_ as boxJumpCss,$ as boxJumpSlug,f as boxLinkOf,p as jumpHighlightCss};

package/dist/format/lib/content/box-separator.d.ts

@@ -0,0 +1,10 @@
+import type { CSSProperties } from "react";
+import { type TickerSeparator } from "../sections/ticker-style.js";
+export declare const BOX_SEPARATOR_POINTS: readonly {
+    value: TickerSeparator;
+}[];
+export declare function boxSeparatorOf(value: unknown): TickerSeparator | undefined;
+export declare function isStripBox(direction: unknown, separator: unknown): boolean;
+export declare function boxSeparatorClasses(direction: unknown, separator: unknown): string;
+export declare function boxSeparatorSeamClass(direction: unknown, separator: unknown): string;
+export declare function boxSeparatorStyle(direction: unknown, separator: unknown): CSSProperties;

package/dist/format/lib/content/box-separator.js

@@ -0,0 +1 @@
+import{parseTickerSeparator as a,SEPARATOR_GLYPH as l,separatorScaleClass as f,TICKER_SEPARATOR_OPTIONS as c}from"../sections/ticker-style.js";const d=[{value:"none"},{value:"dot"},{value:"cross"},{value:"slash"},{value:"triangle"}];function r(h){return c.some(e=>e.value===h)?a(h):void 0}const n="overflow-hidden [&>*]:shrink-0 [&>*]:max-[800px]:basis-[content] [&>*+*]:relative [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:absolute [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:top-1/2 [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:left-[calc(var(--sf-gap-len,0px)/-2)] [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:max-[800px]:before:left-[calc(var(--sf-gap-len-phone,calc(var(--sf-gap-len,0px)/2))/-2)] [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:-translate-x-1/2 [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:-translate-y-1/2 [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:leading-none [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:text-accent [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:text-[length:var(--sf-sep-size,1em)] [&>*+*_:is(p,h1,h2,h3,h4,h5,h6):first-child]:before:content-[var(--sf-sep-mark)]";function t(h,e){return h==="row"&&r(e)!==void 0}function x(h,e){return t(h,e)?n:""}const p="[&>*:last-child]:relative [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:absolute [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:top-1/2 [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:right-[calc(var(--sf-gap-len,0px)/-2)] [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:max-[800px]:after:right-[calc(var(--sf-gap-len,0px)/-4)] [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:translate-x-1/2 [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:-translate-y-1/2 [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:leading-none [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:text-accent [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:text-[length:var(--sf-sep-size,1em)] [&>*:last-child_:is(p,h1,h2,h3,h4,h5,h6):first-child]:after:content-[var(--sf-sep-mark)]";function _(h,e){return t(h,e)?p:""}function S(h,e){if(!t(h,e))return{};const s=r(e),i=/^text-\[(.+)\]$/.exec(f("small",s))?.[1];return{"--sf-sep-mark":JSON.stringify(l[s]),...i?{"--sf-sep-size":i}:{}}}export{d as BOX_SEPARATOR_POINTS,x as boxSeparatorClasses,r as boxSeparatorOf,_ as boxSeparatorSeamClass,S as boxSeparatorStyle,t as isStripBox};

package/dist/format/lib/content/box-shape.d.ts

@@ -0,0 +1,10 @@
+export declare const BOX_SHAPES: readonly ["auto", "tall", "square", "wide"];
+export type BoxShape = (typeof BOX_SHAPES)[number];
+export declare const BOX_SHAPE_OPTIONS: readonly {
+    label: string;
+    value: BoxShape;
+}[];
+export declare function boxShapeOf(value: unknown): BoxShape;
+export declare function boxShapeClass(value: unknown): string;
+export declare function boxShapePhoneOf(desktop: unknown, phone: unknown): BoxShape | null;
+export declare function boxShapeClasses(desktop: unknown, phone: unknown): string;

package/dist/format/lib/content/box-shape.js

@@ -0,0 +1 @@
+import{galleryCardRatioClass as n}from"./gallery-card-layout.js";const u=["auto","tall","square","wide"],c=[{label:"Auto",value:"auto"},{label:"Tall (3:4)",value:"tall"},{label:"Square (1:1)",value:"square"},{label:"Wide (2:1)",value:"wide"}];function e(a){return u.includes(String(a??""))?a:"auto"}function r(a){const t=e(a);return t==="auto"?"":n(t)}const s={tall:"min-[800px]:aspect-[3/4]",square:"min-[800px]:aspect-square",wide:"min-[800px]:aspect-[2/1]"},x={auto:"max-[800px]:aspect-auto",tall:"max-[800px]:h-auto max-[800px]:aspect-[3/4]",square:"max-[800px]:h-auto max-[800px]:aspect-square",wide:"max-[800px]:h-auto max-[800px]:aspect-[2/1]"};function p(a,t){return u.includes(String(t??""))?t===e(a)?null:t:null}function m(a,t){const l=p(a,t);if(l===null)return r(a);const o=e(a);return[o==="auto"?"":s[o],x[l]].filter(Boolean).join(" ")}export{u as BOX_SHAPES,c as BOX_SHAPE_OPTIONS,r as boxShapeClass,m as boxShapeClasses,e as boxShapeOf,p as boxShapePhoneOf};

package/dist/format/lib/content/button-icon.d.ts

@@ -8,3 +8,4 @@ export declare function buttonIconChoice(icon: unknown, arrow: unknown): ButtonI
 export declare function buttonIconSide(value: unknown): ButtonIconSide;
 export declare function buttonIconAtEnd(side: unknown, width: unknown): boolean;
 export declare function buttonWidth(value: unknown): ButtonWidth;
+export declare function buttonWidthClass(desktop: unknown, phone: unknown): string;

package/dist/format/lib/content/button-icon.js

@@ -1 +1 @@
-import{buttonArrowShown as o}from"./button-arrow.js";const r=["none","arrow-right","arrow-long-right","arrow-up-right","chevron-right","external","cart","bag","tag","email","location","play","download","search","car"];function e(t){return typeof t=="string"&&r.includes(t)?t:void 0}function f(t,n){return e(t)??(o(n)?"arrow-right":"none")}function i(t){return t==="before"?"before":t==="end"?"end":"after"}function a(t,n){return i(t)==="end"&&c(n)==="fill"}function c(t){return t==="fill"?"fill":"fit"}export{r as BUTTON_ICONS,a as buttonIconAtEnd,f as buttonIconChoice,i as buttonIconSide,c as buttonWidth,e as storedButtonIcon};
+import{buttonArrowShown as f}from"./button-arrow.js";import{nonEmptyString as u}from"../non-empty-string.js";const c=["none","arrow-right","arrow-long-right","arrow-up-right","chevron-right","external","cart","bag","tag","email","location","play","download","search","car"];function l(t){return typeof t=="string"&&c.includes(t)?t:void 0}function x(t,o){return l(t)??(f(o)?"arrow-right":"none")}function p(t){return t==="before"?"before":t==="end"?"end":"after"}function h(t,o){return p(t)==="end"&&n(o)==="fill"}function n(t){return t==="fill"||t==="fixed"?"fill":"fit"}function s(t,o){const r=n(t),e=r==="fill"?["w-full"]:[];if(u(o)){const i=n(o);i!==r&&e.push(i==="fill"?"max-[800px]:w-full":"max-[800px]:w-auto")}return e.join(" ")}export{c as BUTTON_ICONS,h as buttonIconAtEnd,x as buttonIconChoice,p as buttonIconSide,n as buttonWidth,s as buttonWidthClass,l as storedButtonIcon};

package/dist/format/lib/content/card-corners.d.ts

@@ -1,11 +1,8 @@
 import type { CSSProperties } from "react";
 export { CORNER_SIDES, CORNER_SIDE_POINTS, cornerSidesShorthand, hasCornerSubset, normalizeCornerSides, type CornerSide, } from "./section-corners.js";
 export declare const CARD_BOX_RADIUS_PROP = "--sf-card-box-radius";
-export declare const SITE_CARD_RADIUS_PROP = "--sf-site-card-radius";
-export declare const CARD_FOLLOWS_SITE_CLASS = "sf-section-bleeds";
 export declare function hasOwnCardCorners(value: unknown): boolean;
 export declare function cardCornerStyle(value: unknown, sides?: unknown): CSSProperties | undefined;
-export declare function siteCardRadiusTokens(rootTokens: Record<string, string>): Record<string, string>;
 type CardNode = {
     props?: Record<string, unknown>;
 };

package/dist/format/lib/content/card-corners.js

@@ -1 +1 @@
-import{cornerRadiusTokens as d,normalizeCornerRadius as p}from"../theme.js";import{CARD_RADIUS_PROP as t,cornerSidesShorthand as S,hasCornerSubset as u,normalizeCornerSides as c}from"./section-corners.js";import{CORNER_SIDES as b,CORNER_SIDE_POINTS as I,cornerSidesShorthand as P,hasCornerSubset as E,normalizeCornerSides as T}from"./section-corners.js";const C="--sf-card-box-radius",a="--sf-site-card-radius",m="sf-section-bleeds";function f(r){return typeof r=="number"&&Number.isFinite(r)}function x(r,o){if(!f(r))return;const e=d(p(r))[t];if(typeof e!="string")return;const s=u(o)?S(e,c(o)??[]):e;return{[C]:s}}function O(r){const o=r[t];return typeof o=="string"?{[a]:o}:{}}function h(r,o){const e=r.find(n=>n?.props?.id===o);if(!e)return[...r];const s=e.props?.cardCorners,i=e.props?.cardCornerSides;return r.map(n=>n?.props?.id===o?n:{...n,props:{...n.props,cardCorners:s,cardCornerSides:i}})}export{C as CARD_BOX_RADIUS_PROP,m as CARD_FOLLOWS_SITE_CLASS,b as CORNER_SIDES,I as CORNER_SIDE_POINTS,a as SITE_CARD_RADIUS_PROP,x as cardCornerStyle,h as cardsWithSharedCorners,P as cornerSidesShorthand,E as hasCornerSubset,f as hasOwnCardCorners,T as normalizeCornerSides,O as siteCardRadiusTokens};
+import{cornerRadiusTokens as i,normalizeCornerRadius as d}from"../theme.js";import{CARD_RADIUS_PROP as p,cornerSidesShorthand as S,hasCornerSubset as u,normalizeCornerSides as C}from"./section-corners.js";import{CORNER_SIDES as O,CORNER_SIDE_POINTS as b,cornerSidesShorthand as D,hasCornerSubset as P,normalizeCornerSides as A}from"./section-corners.js";const a="--sf-card-box-radius";function c(r){return typeof r=="number"&&Number.isFinite(r)}function m(r,e){if(!c(r))return;const o=i(d(r))[p];if(typeof o!="string")return;const s=u(e)?S(o,C(e)??[]):o;return{[a]:s}}function h(r,e){const o=r.find(n=>n?.props?.id===e);if(!o)return[...r];const s=o.props?.cardCorners,t=o.props?.cardCornerSides;return r.map(n=>n?.props?.id===e?n:{...n,props:{...n.props,cardCorners:s,cardCornerSides:t}})}export{a as CARD_BOX_RADIUS_PROP,O as CORNER_SIDES,b as CORNER_SIDE_POINTS,m as cardCornerStyle,h as cardsWithSharedCorners,D as cornerSidesShorthand,P as hasCornerSubset,c as hasOwnCardCorners,A as normalizeCornerSides};

package/dist/format/lib/content/card-template.d.ts

@@ -26,6 +26,8 @@ export declare function cardTemplateField(type: string | undefined, key: string)
 export declare function namedRowField(props: Record<string, unknown> | null | undefined, prop?: string): string;
 export declare function cardRow(value: unknown): SourceRow;
 export declare function rowBound(type: string, props: Record<string, unknown> | null | undefined, key: string): boolean;
+export declare function rowFieldText(row: SourceRow | null | undefined, key: string): string | null;
+export declare function rowFilledProps(type: string, props: Record<string, unknown>, row: SourceRow | null | undefined): Record<string, unknown>;
 type DocNode = {
     type?: unknown;
     props?: Record<string, unknown>;

package/dist/format/lib/content/card-template.js

@@ -1 +1 @@
-const y="template",_="Card template",k=["Text","ImageBlock","ButtonBlock","Flex"],c="rowField",b="rowLinkField";function E(){return{type:"slot",allow:[...k]}}const x=[{block:"OrderSummary",fields:[{key:"label",label:"Item"},{key:"meta",label:"Meta line"},{key:"amount",label:"Amount"}]}],p=Symbol.for("efficient.card-templates");function i(){const t=globalThis;let e=t[p];return e||(e=new Map(x.map(o=>[o.block,o])),t[p]=e),e}function O(t){for(const e of t){if(typeof e.block!="string"||!e.block)throw new Error("A card template names no block.");i().set(e.block,{block:e.block,fields:e.fields.map(o=>({...o}))})}}function T(t){return typeof t=="string"&&i().has(t)}function g(t,e){const o=i().get(t)?.fields??[];return e?o.filter(n=>(n.kind??"text")===e):o}function B(t,e){return t?i().get(t)?.fields.find(o=>o.key===e)??null:null}function A(t,e=c){const o=t?.[e];return typeof o=="string"?o.trim():""}function L(t){const e={};if(t&&typeof t=="object"&&!Array.isArray(t))for(const[o,n]of Object.entries(t))typeof n=="string"&&(e[o]=n);return e}const R={Text:{text:c},ImageBlock:{src:c},ButtonBlock:{label:c,href:b}};function w(t,e,o){const n=R[t]?.[o];return!!(n&&A(e,n))}function C(t,e){const o=t?.data?.content;if(!Array.isArray(o)||typeof e!="string")return;const n=(u,f)=>{for(const l of u){if(l?.props?.id===e)return f;for(const[d,r]of Object.entries(l?.props??{})){if(!Array.isArray(r)||!r.length||typeof r[0]!="object"||r[0]===null||!("type"in r[0]))continue;const m=d===y&&T(l.type)?l:f,a=n(r,m);if(a!==void 0)return a}}},s=n(o,null);return s===void 0?null:s}export{c as CARD_ROW_FIELD_PROP,b as CARD_ROW_LINK_PROP,k as CARD_TEMPLATE_BLOCKS,_ as CARD_TEMPLATE_LABEL,y as CARD_TEMPLATE_SLOT,L as cardRow,B as cardTemplateField,g as cardTemplateFields,C as cardTemplateOwner,E as cardTemplateSlot,T as hasCardTemplate,A as namedRowField,O as registerCardTemplates,w as rowBound};
+import{isNodeList as b}from"efficient-easel/data";const k="template",L="Card template",y=["Text","ImageBlock","ButtonBlock","Flex"],c="rowField",A="rowLinkField";function B(){return{type:"slot",allow:[...y]}}const O=[{block:"OrderSummary",fields:[{key:"label",label:"Item"},{key:"meta",label:"Meta line"},{key:"amount",label:"Amount"}]}],d=Symbol.for("efficient.card-templates");function f(){const e=globalThis;let t=e[d];return t||(t=new Map(O.map(o=>[o.block,o])),e[d]=t),t}function g(e){for(const t of e){if(typeof t.block!="string"||!t.block)throw new Error("A card template names no block.");f().set(t.block,{block:t.block,fields:t.fields.map(o=>({...o}))})}}function R(e){return typeof e=="string"&&f().has(e)}function w(e,t){const o=f().get(e)?.fields??[];return t?o.filter(n=>(n.kind??"text")===t):o}function C(e,t){return e?f().get(e)?.fields.find(o=>o.key===t)??null:null}function p(e,t=c){const o=e?.[t];return typeof o=="string"?o.trim():""}function F(e){const t={};if(e&&typeof e=="object"&&!Array.isArray(e))for(const[o,n]of Object.entries(e))typeof n=="string"&&(t[o]=n);return t}const m={Text:{text:c},ImageBlock:{src:c},ButtonBlock:{label:c,href:A}};function P(e,t,o){const n=m[e]?.[o];return!!(n&&p(t,n))}function _(e,t){return!t||!e?null:e[t]??""}function D(e,t,o){if(!o)return t;let n=null;for(const[l,s]of Object.entries(m[e]??{})){const r=_(o,p(t,s));r!==null&&(n??={...t},n[l]=r)}return n??t}function h(e,t){const o=e?.data?.content;if(!Array.isArray(o)||typeof t!="string")return;const n=(s,r)=>{for(const i of s){if(i?.props?.id===t)return r;for(const[x,u]of Object.entries(i?.props??{})){if(!b(u))continue;const T=x===k&&R(i.type)?i:r,a=n(u,T);if(a!==void 0)return a}}},l=n(o,null);return l===void 0?null:l}export{c as CARD_ROW_FIELD_PROP,A as CARD_ROW_LINK_PROP,y as CARD_TEMPLATE_BLOCKS,L as CARD_TEMPLATE_LABEL,k as CARD_TEMPLATE_SLOT,F as cardRow,C as cardTemplateField,w as cardTemplateFields,h as cardTemplateOwner,B as cardTemplateSlot,R as hasCardTemplate,p as namedRowField,g as registerCardTemplates,P as rowBound,_ as rowFieldText,D as rowFilledProps};

package/dist/format/lib/content/cart-drawer.d.ts

@@ -1,3 +1,4 @@
+import { type PopupLook } from "../popup/look.js";
 export declare const CART_DRAWER_SLUG = "cart-drawer";
 export declare const CART_DRAWER_KIND = "cart-drawer";
 export interface CartDrawerContent {
@@ -17,3 +18,9 @@ export interface CartDrawerContent {
 export declare const CART_DRAWER_DEFAULTS: CartDrawerContent;
 export declare function cartSubtitle(content: CartDrawerContent, count: number): string;
 export declare function resolveCartDrawerContent(rootProps: Record<string, unknown> | undefined | null): CartDrawerContent;
+export declare const CART_DRAWER_PLACEMENTS: readonly ["right", "left"];
+export type CartDrawerPlacement = (typeof CART_DRAWER_PLACEMENTS)[number];
+export interface CartDrawerLook extends PopupLook {
+    autoOpen: boolean;
+}
+export declare function resolveCartDrawerLook(rootProps: Record<string, unknown> | undefined | null): CartDrawerLook;

package/dist/format/lib/content/cart-drawer.js

@@ -1 +1 @@
-import{authoredString as i,authoredStringList as a}from"./authored-props.js";const c="cart-drawer",o="cart-drawer",l={kickerBadge:"",kickerText:"Your order",titleLead:"Your",titleAccent:"cart.",subtitleEmpty:"Empty for now.",subtitleOne:"One set in your cart.",subtitleMany:"{count} sets in your cart.",leadTimeValue:"",shipsToFallback:"",promises:[],emptyKicker:"No wheels yet",emptyBody:"Your cart is empty. Pick a wheel to get started."};function u(r,e){return e===0?r.subtitleEmpty:e===1?r.subtitleOne:r.subtitleMany.replace("{count}",String(e))}function n(r){const e=r??{},t=l;return{kickerBadge:i(e.kickerBadge,t.kickerBadge),kickerText:i(e.kickerText,t.kickerText),titleLead:i(e.titleLead,t.titleLead),titleAccent:i(e.titleAccent,t.titleAccent),subtitleEmpty:i(e.subtitleEmpty,t.subtitleEmpty),subtitleOne:i(e.subtitleOne,t.subtitleOne),subtitleMany:i(e.subtitleMany,t.subtitleMany),leadTimeValue:i(e.leadTimeValue,t.leadTimeValue),shipsToFallback:i(e.shipsToFallback,t.shipsToFallback),promises:a(e.promises,t.promises),emptyKicker:i(e.emptyKicker,t.emptyKicker),emptyBody:i(e.emptyBody,t.emptyBody)}}export{l as CART_DRAWER_DEFAULTS,o as CART_DRAWER_KIND,c as CART_DRAWER_SLUG,u as cartSubtitle,n as resolveCartDrawerContent};
+import{authoredBoolean as o,authoredString as r,authoredStringList as l}from"./authored-props.js";import{oneOf as a}from"../popup/behavior.js";import{POPUP_LOOK_DEFAULTS as s,resolvePopupLook as c}from"../popup/look.js";const d="cart-drawer",T="cart-drawer",n={kickerBadge:"",kickerText:"Your order",titleLead:"Your",titleAccent:"cart.",subtitleEmpty:"Empty for now.",subtitleOne:"One set in your cart.",subtitleMany:"{count} sets in your cart.",leadTimeValue:"",shipsToFallback:"",promises:[],emptyKicker:"No wheels yet",emptyBody:"Your cart is empty. Pick a wheel to get started."};function b(i,t){return t===0?i.subtitleEmpty:t===1?i.subtitleOne:i.subtitleMany.replace("{count}",String(t))}function A(i){const t=i??{},e=n;return{kickerBadge:r(t.kickerBadge,e.kickerBadge),kickerText:r(t.kickerText,e.kickerText),titleLead:r(t.titleLead,e.titleLead),titleAccent:r(t.titleAccent,e.titleAccent),subtitleEmpty:r(t.subtitleEmpty,e.subtitleEmpty),subtitleOne:r(t.subtitleOne,e.subtitleOne),subtitleMany:r(t.subtitleMany,e.subtitleMany),leadTimeValue:r(t.leadTimeValue,e.leadTimeValue),shipsToFallback:r(t.shipsToFallback,e.shipsToFallback),promises:l(t.promises,e.promises),emptyKicker:r(t.emptyKicker,e.emptyKicker),emptyBody:r(t.emptyBody,e.emptyBody)}}const p=["right","left"],u={...s,width:520,tintOpacity:68};function E(i){const t=i??{};return{...c(t,u),placement:a(p,t.placement,"right"),height:"full",fullWidth:!1,autoOpen:o(t.autoOpen,!0)}}export{n as CART_DRAWER_DEFAULTS,T as CART_DRAWER_KIND,p as CART_DRAWER_PLACEMENTS,d as CART_DRAWER_SLUG,b as cartSubtitle,A as resolveCartDrawerContent,E as resolveCartDrawerLook};

package/dist/format/lib/content/chat-launcher.js

@@ -1 +1 @@
-const e=["chat-bubble-left-right","chat-bubble-oval-left-ellipsis","chat","megaphone","phone","sparkles"],o=e[0],n=["right","left"],r="right";function c(t){return e.includes(t??"")?t:o}function h(t){return t==="left"?"left":r}function a(t){return/^#[0-9a-fA-F]{6}$/.test(t??"")?t.toLowerCase():""}export{e as CHAT_LAUNCHER_ICONS,n as CHAT_LAUNCHER_POSITIONS,o as DEFAULT_CHAT_LAUNCHER_ICON,r as DEFAULT_CHAT_LAUNCHER_POSITION,a as chatLauncherColor,c as chatLauncherIcon,h as chatLauncherPosition};
+import{parseHexColor as e}from"efficient-shell/format";const o=["chat-bubble-left-right","chat-bubble-oval-left-ellipsis","chat","megaphone","phone","sparkles"],r=o[0],h=["right","left"],n="right";function C(t){return o.includes(t??"")?t:r}function p(t){return t==="left"?"left":n}function s(t){return t&&e(t)===t.toLowerCase()?t.toLowerCase():""}export{o as CHAT_LAUNCHER_ICONS,h as CHAT_LAUNCHER_POSITIONS,r as DEFAULT_CHAT_LAUNCHER_ICON,n as DEFAULT_CHAT_LAUNCHER_POSITION,s as chatLauncherColor,C as chatLauncherIcon,p as chatLauncherPosition};

package/dist/format/lib/content/container-gap.d.ts

@@ -25,7 +25,15 @@ export declare function siteBlockGapTokens(v?: number | null): Record<string, st
 export declare const GAP_ZONE_CLASS = "sf-gap-zone";
 export declare const GAP_LENGTH_VAR = "--sf-gap-len";
 export declare function hasOwnContainerGap(container: GapContainer, value: unknown): boolean;
-export declare function containerGapProps(container: GapContainer, value: unknown, axis: GapAxis): {
+export declare const GAP_PHONE_LENGTH_VAR = "--sf-gap-len-phone";
+export declare const CONTAINER_GAP_PHONE: {
+    readonly min: 0;
+    readonly max: 64;
+    readonly step: 2;
+};
+export declare function hasOwnPhoneGap(value: unknown): value is number;
+export declare function resolvePhoneContainerGap(container: GapContainer, phone: unknown, desktop: unknown, siteGap?: number | null): number;
+export declare function containerGapProps(container: GapContainer, value: unknown, axis: GapAxis, phone?: unknown): {
     className: string;
     style: CSSProperties;
 };

package/dist/format/lib/content/container-gap.js

@@ -1 +1 @@
-const g="sf.gapContainer",o={min:-32,max:64,step:2},i={Grid:{sm:12,md:24,lg:40},Flex:{sm:12,md:24,lg:40},FooterGroup:{sm:8,md:16,lg:32},HeroGroup:null,Events:null,GalleryB:null,ProductGrid:null},l={Grid:24,Flex:24,FooterGroup:16,HeroGroup:0,Events:24,GalleryB:8,ProductGrid:2},u=new Set(["Events","GalleryB"]);function x(r,t,n){if(typeof t=="number"&&Number.isFinite(t)&&t>=o.min)return t;if(typeof t=="string"){const e=i[r]?.[t];if(typeof e=="number")return e}return typeof n=="number"&&Number.isFinite(n)?n:l[r]}const A="sf-gap-overlap",_="--sf-gap-overlap",a="--sf-block-gap",G="--sf-block-gap-rem",p={min:0,max:o.max,step:o.step};function N(r){if(typeof r!="number"||!Number.isFinite(r))return null;const t=Math.min(Math.max(Math.round(r),p.min),p.max);return t-t%p.step}function P(r){const t=N(r);return t===null?{}:{[a]:`${t}px`,[G]:`${t/16}rem`}}const c="sf-gap-zone",f="--sf-gap-len";function E(r,t){return typeof t=="number"&&Number.isFinite(t)&&t>=o.min?!0:typeof t=="string"&&typeof i[r]?.[t]=="number"}const b={block:"sf-gap-overlap-block",inline:"sf-gap-overlap-inline",both:"sf-gap-overlap-both"};function C(r,t,n){if(!E(r,t)){const s=`${l[r]}px`,m=u.has(r)?`var(--sf-card-gap, ${s})`:s;return{className:` ${c}`,style:{[f]:`var(${a}, ${m})`}}}const e=x(r,t);return e>=0?{className:` ${c}`,style:{[f]:`${e}px`}}:{className:` ${A} ${b[n]}`,style:{gap:"0px",[_]:`${-e/2}px`}}}export{u as CARD_GRID_CONTAINERS,o as CONTAINER_GAP,l as CONTAINER_GAP_BUILT_IN,i as CONTAINER_GAP_LEGACY,g as GAP_FIELD_CONTAINER,f as GAP_LENGTH_VAR,A as GAP_OVERLAP_CLASS,_ as GAP_OVERLAP_VAR,c as GAP_ZONE_CLASS,p as SITE_BLOCK_GAP,G as SITE_BLOCK_GAP_REM_VAR,a as SITE_BLOCK_GAP_VAR,C as containerGapProps,E as hasOwnContainerGap,N as normalizeSiteBlockGap,x as resolveContainerGap,P as siteBlockGapTokens};
+const y="sf.gapContainer",o={min:-32,max:64,step:2},m={Grid:{sm:12,md:24,lg:40},Flex:{sm:12,md:24,lg:40},FooterGroup:{sm:8,md:16,lg:32},HeroGroup:null,Events:null,GalleryB:null,ProductGrid:null},x={Grid:24,Flex:24,FooterGroup:16,HeroGroup:0,Events:24,GalleryB:8,ProductGrid:2},G=new Set(["Events","GalleryB"]);function c(n,t,e){if(typeof t=="number"&&Number.isFinite(t)&&t>=o.min)return t;if(typeof t=="string"){const r=m[n]?.[t];if(typeof r=="number")return r}return typeof e=="number"&&Number.isFinite(e)?e:x[n]}const N="sf-gap-overlap",E="--sf-gap-overlap",f="--sf-block-gap",P="--sf-block-gap-rem",s={min:0,max:o.max,step:o.step};function b(n){if(typeof n!="number"||!Number.isFinite(n))return null;const t=Math.min(Math.max(Math.round(n),s.min),s.max);return t-t%s.step}function I(n){const t=b(n);return t===null?{}:{[f]:`${t}px`,[P]:`${t/16}rem`}}const u="sf-gap-zone",l="--sf-gap-len";function g(n,t){return typeof t=="number"&&Number.isFinite(t)&&t>=o.min?!0:typeof t=="string"&&typeof m[n]?.[t]=="number"}const C="--sf-gap-len-phone",O={min:0,max:o.max,step:o.step};function _(n){return typeof n=="number"&&Number.isFinite(n)&&n>=O.min}function L(n,t,e,r){return _(t)?t:c(n,e,r)/2}const R={block:"sf-gap-overlap-block",inline:"sf-gap-overlap-inline",both:"sf-gap-overlap-both"};function S(n,t,e,r){const i=_(r)?{[C]:`${r}px`}:{};if(!g(n,t)){const a=`${x[n]}px`,A=G.has(n)?`var(--sf-card-gap, ${a})`:a;return{className:` ${u}`,style:{[l]:`var(${f}, ${A})`,...i}}}const p=c(n,t);return p>=0?{className:` ${u}`,style:{[l]:`${p}px`,...i}}:{className:` ${N} ${R[e]}`,style:{gap:"0px",[E]:`${-p/2}px`}}}export{G as CARD_GRID_CONTAINERS,o as CONTAINER_GAP,x as CONTAINER_GAP_BUILT_IN,m as CONTAINER_GAP_LEGACY,O as CONTAINER_GAP_PHONE,y as GAP_FIELD_CONTAINER,l as GAP_LENGTH_VAR,N as GAP_OVERLAP_CLASS,E as GAP_OVERLAP_VAR,C as GAP_PHONE_LENGTH_VAR,u as GAP_ZONE_CLASS,s as SITE_BLOCK_GAP,P as SITE_BLOCK_GAP_REM_VAR,f as SITE_BLOCK_GAP_VAR,S as containerGapProps,g as hasOwnContainerGap,_ as hasOwnPhoneGap,b as normalizeSiteBlockGap,c as resolveContainerGap,L as resolvePhoneContainerGap,I as siteBlockGapTokens};

package/dist/format/lib/content/gallery-card-layout.js

@@ -1 +1 @@
-import{normalisePlacement as r,placementParts as a}from"../hero-group-placement.js";const p=["square","tall","wide","landscape","portrait","auto"],A="square";function d(t){switch(t){case"tall":return"aspect-[3/4]";case"wide":return"aspect-[2/1]";case"landscape":return"aspect-[4/3]";case"portrait":return"aspect-[4/5]";case"auto":return"";default:return"aspect-square"}}const g=["overlay","below"];function _(t){return t==="below"}const f="bottom-left";function C(t){const{band:n,column:e}=a(r(t));return["justify-start","justify-center","justify-end"][n]+(e==="center"?" text-center":e==="end"?" text-right":"")}const s="linear-gradient(180deg, transparent 40%, rgba(10,10,10,.85) 100%)",o="linear-gradient(0deg, transparent 40%, rgba(10,10,10,.85) 100%)",c="rgba(10,10,10,.45)";function L(t){return[o,c,s][a(r(t)).band]}export{f as GALLERY_CAPTION_ANCHOR_DEFAULT,g as GALLERY_CAPTION_PLACES,p as GALLERY_CARD_RATIOS,A as GALLERY_CARD_RATIO_DEFAULT,C as galleryCaptionAnchorClass,_ as galleryCaptionIsBelow,L as galleryCaptionWash,d as galleryCardRatioClass};
+import{normalisePlacement as a,placementParts as n}from"../hero-group-placement.js";import{scrim as e}from"./scrim.js";const d=["square","tall","wide","landscape","portrait","auto"],f="square";function _(t){switch(t){case"tall":return"aspect-[3/4]";case"wide":return"aspect-[2/1]";case"landscape":return"aspect-[4/3]";case"portrait":return"aspect-[4/5]";case"auto":return"";default:return"aspect-square"}}const C=["overlay","below"];function L(t){return t==="below"}const g="bottom-left";function m(t){const{band:o,column:r}=n(a(t));return["justify-start","justify-center","justify-end"][o]+(r==="center"?" text-center":r==="end"?" text-right":"")}const s=`linear-gradient(180deg, transparent 40%, ${e(.85)} 100%)`,c=`linear-gradient(0deg, transparent 40%, ${e(.85)} 100%)`,l=e(.45);function x(t){return[c,l,s][n(a(t)).band]}export{g as GALLERY_CAPTION_ANCHOR_DEFAULT,C as GALLERY_CAPTION_PLACES,d as GALLERY_CARD_RATIOS,f as GALLERY_CARD_RATIO_DEFAULT,m as galleryCaptionAnchorClass,L as galleryCaptionIsBelow,x as galleryCaptionWash,_ as galleryCardRatioClass};

package/dist/format/lib/content/gallery-layout.d.ts

@@ -158,6 +158,7 @@ export declare const GALLERY_LAYOUTS: {
 export type GalleryLayoutKey = keyof typeof GALLERY_LAYOUTS;
 export declare const GALLERY_LAYOUT_KEYS: GalleryLayoutKey[];
 export declare const GALLERY_ACROSS_BUCKETS: readonly (2 | 3 | 4 | 6)[];
+export declare function galleryChoices(across: number | null, chosen: string): GalleryLayoutKey[];
 export declare function resolveGalleryLayout(value: unknown): GalleryLayout | null;
 export declare function galleryTailSpan(layout: GalleryLayout, phone: boolean): number;
 export declare function galleryPictureCells(layout: GalleryLayout): readonly GalleryCell[];

package/dist/format/lib/content/gallery-layout.js

@@ -1 +1 @@
-const f=12,k=6,E=800,h={twoAcross:{label:"Two across",across:2,acrossPhone:2,desktop:[[6,1],[6,1]],phone:[[3,1],[3,1]]},zigzag:{label:"Zigzag",across:2,acrossPhone:2,desktop:[[8,1],[4,1],[4,1],[8,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},brick:{label:"Brick",across:2,acrossPhone:2,desktop:[[5,1],[7,1],[7,1],[5,1]],phone:[[2,1],[4,1],[4,1],[2,1]]},twoTall:{label:"Two tall",across:2,acrossPhone:2,desktop:[[6,2],[6,2]],phone:[[3,2],[3,2]]},offsetTall:{label:"Offset tall",across:2,acrossPhone:2,desktop:[[5,2],[7,1],[3,1],[4,1]],phone:[[3,2],[3,1],[3,1]]},ladder:{label:"Ladder",across:2,acrossPhone:2,desktop:[[3,2],[9,1],[5,1],[4,1]],phone:[[2,2],[4,1],[2,1],[2,1]]},threeAcross:{label:"Three across",across:3,acrossPhone:3,desktop:[[4,1],[4,1],[4,1]],phone:[[2,1],[2,1],[2,1]]},bigLeft:{label:"Big left",across:3,acrossPhone:3,desktop:[[6,1],[3,1],[3,1]],phone:[[4,1],[1,1],[1,1]]},bigRight:{label:"Big right",across:3,acrossPhone:3,desktop:[[3,1],[3,1],[6,1]],phone:[[1,1],[1,1],[4,1]]},threeStagger:{label:"Three stagger",across:3,acrossPhone:3,desktop:[[5,1],[4,1],[3,1],[3,1],[4,1],[5,1]],phone:[[3,1],[2,1],[1,1],[1,1],[2,1],[3,1]]},threeLadder:{label:"Three ladder",across:3,acrossPhone:3,desktop:[[3,1],[4,1],[5,1],[5,1],[4,1],[3,1]],phone:[[1,1],[2,1],[3,1],[3,1],[2,1],[1,1]]},tallMiddle:{label:"Tall middle",across:3,acrossPhone:3,desktop:[[4,1],[4,2],[4,1],[4,1],[4,1]],phone:[[2,1],[2,2],[2,1],[2,1],[2,1]]},fourAcross:{label:"Four across",across:4,acrossPhone:2,desktop:[[3,1],[3,1],[3,1],[3,1]],phone:[[3,1],[3,1]]},bigFirst:{label:"Big first",across:4,acrossPhone:2,desktop:[[6,1],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},fourStagger:{label:"Four stagger",across:4,acrossPhone:2,desktop:[[4,1],[3,1],[2,1],[3,1],[2,1],[3,1],[4,1],[3,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},tallFirst:{label:"Tall first",across:4,acrossPhone:2,desktop:[[3,2],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[3,2],[3,1],[3,1]]},oneThenFour:{label:"One then four",across:4,acrossPhone:2,desktop:[[12,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},sixAcross:{label:"Six across",across:6,acrossPhone:3,desktop:[[2,1],[2,1],[2,1],[2,1],[2,1],[2,1]],phone:[[2,1],[2,1],[2,1]]},sixStagger:{label:"Six stagger",across:6,acrossPhone:6,desktop:[[3,1],[2,1],[1,1],[2,1],[1,1],[3,1],[1,1],[3,1],[2,1],[2,1],[1,1],[3,1]],phone:[[1,1],[1,1],[1,1],[1,1],[1,1],[1,1]]},twoThenThrees:{label:"Two, then threes",across:3,acrossPhone:3,lead:[[6,1],[6,1]],desktop:[[4,1],[4,1],[4,1]],leadPhone:[[3,1],[3,1]],phone:[[2,1],[2,1],[2,1]]}},A=Object.keys(h),$=[2,3,4,6];function _(s){return typeof s!="string"||s===""?null:h[s]??null}function g(s,o){return o?6/s.acrossPhone:12/s.across}function x(s){return[...s.lead??[],...s.desktop]}const P="sf-wall--";function b(s){return`${P}${s}`}function O(s){const o=h[s],a=`.${b(s)}`,r=[],p=(d,u,i=[])=>{const t=[],n=d.length,L=i.length;i.forEach(([e,l],c)=>{t.push(`${a} > :nth-child(${c+1}){grid-column:span ${e};grid-row:span ${l}}`)}),d.forEach(([e,l],c)=>{t.push(`${a} > :nth-child(${n}n+${L+c+1}){grid-column:span ${e};grid-row:span ${l}}`)});for(let e=1;e<n;e+=1)t.push(`${a}:has(> :nth-child(${n}n+${L+e}):last-child) > :nth-last-child(-n+${e}){grid-column:span ${u};grid-row:span 1}`);return t};return r.push(`${a}{grid-template-columns:repeat(12,minmax(0,1fr))}`),r.push(...p(o.desktop,g(o,!1),o.lead)),r.push("@media (max-width:800px){"),r.push(`${a}{grid-template-columns:repeat(6,minmax(0,1fr))}`),r.push(...p(o.phone,g(o,!0),o.leadPhone)),r.push("}"),r.join("")}export{$ as GALLERY_ACROSS_BUCKETS,f as GALLERY_COLUMNS,k as GALLERY_COLUMNS_PHONE,h as GALLERY_LAYOUTS,P as GALLERY_LAYOUT_CLASS_PREFIX,A as GALLERY_LAYOUT_KEYS,E as GALLERY_PHONE_BREAKPOINT,b as galleryLayoutClass,O as galleryLayoutCss,x as galleryPictureCells,g as galleryTailSpan,_ as resolveGalleryLayout};
+const k=12,E=6,A=800,n={twoAcross:{label:"Two across",across:2,acrossPhone:2,desktop:[[6,1],[6,1]],phone:[[3,1],[3,1]]},zigzag:{label:"Zigzag",across:2,acrossPhone:2,desktop:[[8,1],[4,1],[4,1],[8,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},brick:{label:"Brick",across:2,acrossPhone:2,desktop:[[5,1],[7,1],[7,1],[5,1]],phone:[[2,1],[4,1],[4,1],[2,1]]},twoTall:{label:"Two tall",across:2,acrossPhone:2,desktop:[[6,2],[6,2]],phone:[[3,2],[3,2]]},offsetTall:{label:"Offset tall",across:2,acrossPhone:2,desktop:[[5,2],[7,1],[3,1],[4,1]],phone:[[3,2],[3,1],[3,1]]},ladder:{label:"Ladder",across:2,acrossPhone:2,desktop:[[3,2],[9,1],[5,1],[4,1]],phone:[[2,2],[4,1],[2,1],[2,1]]},threeAcross:{label:"Three across",across:3,acrossPhone:3,desktop:[[4,1],[4,1],[4,1]],phone:[[2,1],[2,1],[2,1]]},bigLeft:{label:"Big left",across:3,acrossPhone:3,desktop:[[6,1],[3,1],[3,1]],phone:[[4,1],[1,1],[1,1]]},bigRight:{label:"Big right",across:3,acrossPhone:3,desktop:[[3,1],[3,1],[6,1]],phone:[[1,1],[1,1],[4,1]]},threeStagger:{label:"Three stagger",across:3,acrossPhone:3,desktop:[[5,1],[4,1],[3,1],[3,1],[4,1],[5,1]],phone:[[3,1],[2,1],[1,1],[1,1],[2,1],[3,1]]},threeLadder:{label:"Three ladder",across:3,acrossPhone:3,desktop:[[3,1],[4,1],[5,1],[5,1],[4,1],[3,1]],phone:[[1,1],[2,1],[3,1],[3,1],[2,1],[1,1]]},tallMiddle:{label:"Tall middle",across:3,acrossPhone:3,desktop:[[4,1],[4,2],[4,1],[4,1],[4,1]],phone:[[2,1],[2,2],[2,1],[2,1],[2,1]]},fourAcross:{label:"Four across",across:4,acrossPhone:2,desktop:[[3,1],[3,1],[3,1],[3,1]],phone:[[3,1],[3,1]]},bigFirst:{label:"Big first",across:4,acrossPhone:2,desktop:[[6,1],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},fourStagger:{label:"Four stagger",across:4,acrossPhone:2,desktop:[[4,1],[3,1],[2,1],[3,1],[2,1],[3,1],[4,1],[3,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},tallFirst:{label:"Tall first",across:4,acrossPhone:2,desktop:[[3,2],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[3,2],[3,1],[3,1]]},oneThenFour:{label:"One then four",across:4,acrossPhone:2,desktop:[[12,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},sixAcross:{label:"Six across",across:6,acrossPhone:3,desktop:[[2,1],[2,1],[2,1],[2,1],[2,1],[2,1]],phone:[[2,1],[2,1],[2,1]]},sixStagger:{label:"Six stagger",across:6,acrossPhone:6,desktop:[[3,1],[2,1],[1,1],[2,1],[1,1],[3,1],[1,1],[3,1],[2,1],[2,1],[1,1],[3,1]],phone:[[1,1],[1,1],[1,1],[1,1],[1,1],[1,1]]},twoThenThrees:{label:"Two, then threes",across:3,acrossPhone:3,lead:[[6,1],[6,1]],desktop:[[4,1],[4,1],[4,1]],leadPhone:[[3,1],[3,1]],phone:[[2,1],[2,1],[2,1]]}},P=Object.keys(n),$=[2,3,4,6];function x(o,s){return P.filter(e=>e===s||o===null||n[e].across===o)}function _(o){return typeof o!="string"||o===""?null:n[o]??null}function u(o,s){return s?6/o.acrossPhone:12/o.across}function O(o){return[...o.lead??[],...o.desktop]}const f="sf-wall--";function b(o){return`${f}${o}`}function T(o){const s=n[o],e=`.${b(o)}`,a=[],p=(d,L,i=[])=>{const t=[],l=d.length,g=i.length;i.forEach(([r,c],h)=>{t.push(`${e} > :nth-child(${h+1}){grid-column:span ${r};grid-row:span ${c}}`)}),d.forEach(([r,c],h)=>{t.push(`${e} > :nth-child(${l}n+${g+h+1}){grid-column:span ${r};grid-row:span ${c}}`)});for(let r=1;r<l;r+=1)t.push(`${e}:has(> :nth-child(${l}n+${g+r}):last-child) > :nth-last-child(-n+${r}){grid-column:span ${L};grid-row:span 1}`);return t};return a.push(`${e}{grid-template-columns:repeat(12,minmax(0,1fr))}`),a.push(...p(s.desktop,u(s,!1),s.lead)),a.push("@media (max-width:800px){"),a.push(`${e}{grid-template-columns:repeat(6,minmax(0,1fr))}`),a.push(...p(s.phone,u(s,!0),s.leadPhone)),a.push("}"),a.join("")}export{$ as GALLERY_ACROSS_BUCKETS,k as GALLERY_COLUMNS,E as GALLERY_COLUMNS_PHONE,n as GALLERY_LAYOUTS,f as GALLERY_LAYOUT_CLASS_PREFIX,P as GALLERY_LAYOUT_KEYS,A as GALLERY_PHONE_BREAKPOINT,x as galleryChoices,b as galleryLayoutClass,T as galleryLayoutCss,O as galleryPictureCells,u as galleryTailSpan,_ as resolveGalleryLayout};

package/dist/format/lib/content/page-background.js

@@ -1 +1 @@
-const t="#ffffff",e=/^#[0-9a-fA-F]{6}$/;function n(r){return o(r)?r:t}function o(r){return typeof r=="string"&&e.test(r)}function f(r){return{"--bg":n(r)}}export{t as PAGE_BACKGROUND_DEFAULT,o as isPageBackgroundAuthored,f as pageBackgroundVars,n as resolvePageBackground};
+import{parseHexColor as o}from"efficient-shell/format";const e="#ffffff";function t(r){return n(r)?r:e}function n(r){return typeof r=="string"&&o(r)===r.toLowerCase()}function u(r){return{"--bg":t(r)}}export{e as PAGE_BACKGROUND_DEFAULT,n as isPageBackgroundAuthored,u as pageBackgroundVars,t as resolvePageBackground};

package/dist/format/lib/content/post-date.d.ts

@@ -0,0 +1 @@
+export declare function postDateLabel(iso: string | null | undefined): string;

package/dist/format/lib/content/post-date.js

@@ -0,0 +1 @@
+import{formatDate as t}from"efficient-shell/format";const r={locale:"en-US",style:{year:"numeric",month:"short",day:"2-digit"},timeZone:"UTC"};function a(e){return!e||Number.isNaN(new Date(e).getTime())?"":t(e,r)}export{a as postDateLabel};

package/dist/format/lib/content/scrim.d.ts

@@ -0,0 +1 @@
+export declare function scrim(alpha: number): string;

package/dist/format/lib/content/scrim.js

@@ -0,0 +1 @@
+function n(r){return`color-mix(in srgb, var(--overlay-scrim) ${Math.round(Math.min(1,Math.max(0,r))*1e3)/10}%, transparent)`}export{n as scrim};

package/dist/format/lib/content/section-min-height.d.ts

@@ -58,3 +58,7 @@ export declare function sectionMinHeightAttrs(props: SectionMinHeightProps & Sec
     style: CSSProperties;
 } | null;
 export declare function sectionFillsHeight(props: Record<string, unknown>): boolean;
+export declare const SECTION_FILL_PASS_CLASS = "grid";
+export declare const SECTION_FILL_CLASS = "h-full";
+export declare const SECTION_FILL_PASS_PHONE_CLASS = "max-[720px]:grid";
+export declare function sectionFillPassClass(props: Record<string, unknown>): string;

package/dist/format/lib/content/section-min-height.js

@@ -1 +1 @@
-const u=["auto","fixed","screen"],I=["px","%"],M="svh",m="vh",_="var(--sf-header-h, 88px)",f={min:40,max:2e3,step:10,fallback:600},g={min:10,max:200,step:5,fallback:100},E="sf-section-minh",h={base:"--sf-section-minh",small:"--sf-section-minh-s"},l=e=>typeof e=="string"&&u.includes(e),T=e=>typeof e=="string"&&I.includes(e);function H(e){const t=l(e.sectionHeightMode)?e.sectionHeightMode:"auto",n=t==="screen"?"%":T(e.sectionHeightUnit)?e.sectionHeightUnit:"px",o=t==="screen"?g.fallback:f.fallback,i=typeof e.sectionHeightValue=="number"?e.sectionHeightValue:o;return{mode:t,value:i,unit:n}}function r(e){const{mode:t,value:n,unit:o}=H(e);if(t==="auto")return;if(t==="fixed"&&o==="px")return[`${n}px`,null];const i=n/100,s=c=>t==="screen"?`(100${c} - ${_})`:`100${c}`;return[`calc(${s("vh")} * ${i})`,`calc(${s("svh")} * ${i})`]}function x(e){const t=r(e);if(!t)return;const[n,o]=t;return{display:"grid",[h.base]:n,...o?{[h.small]:o}:{}}}const C=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),O="Height",N="sf-section-minh-phone",a={base:"--sf-section-minh-p",small:"--sf-section-minh-ps"};function d(e){return l(e.sectionHeightModePhone)}function P(e){return H({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone})}function S(e){const t=x(e),n=d(e)?r({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone}):void 0;if(!t&&!n)return null;const o=[E],i={...t??{}};return n&&(o.push(N),i[a.base]=n[0],n[1]&&(i[a.small]=n[1])),{className:o.join(" "),style:i}}function p(e){return S(e)!==null}export{_ as HEADER_HEIGHT_VAR,u as SECTION_HEIGHT_MODES,I as SECTION_HEIGHT_UNITS,f as SECTION_MIN_HEIGHT,E as SECTION_MIN_HEIGHT_CLASS,C as SECTION_MIN_HEIGHT_EXCLUDED,O as SECTION_MIN_HEIGHT_GROUP_LABEL,N as SECTION_MIN_HEIGHT_PHONE_CLASS,a as SECTION_MIN_HEIGHT_PHONE_VARS,h as SECTION_MIN_HEIGHT_VARS,g as SECTION_SCREEN_PCT,M as VIEWPORT_UNIT,m as VIEWPORT_UNIT_FALLBACK,d as hasPhoneHeight,P as resolvePhoneHeight,H as resolveSectionMinHeight,p as sectionFillsHeight,S as sectionMinHeightAttrs,r as sectionMinHeightLengths,x as sectionMinHeightStyle};
+const _=["auto","fixed","screen"],I=["px","%"],m="svh",M="vh",f="var(--sf-header-h, 88px)",E={min:40,max:2e3,step:10,fallback:600},g={min:10,max:200,step:5,fallback:100},S="sf-section-minh",r={base:"--sf-section-minh",small:"--sf-section-minh-s"},l=e=>typeof e=="string"&&_.includes(e),x=e=>typeof e=="string"&&I.includes(e);function h(e){const t=l(e.sectionHeightMode)?e.sectionHeightMode:"auto",n=t==="screen"?"%":x(e.sectionHeightUnit)?e.sectionHeightUnit:"px",o=t==="screen"?g.fallback:E.fallback,i=typeof e.sectionHeightValue=="number"?e.sectionHeightValue:o;return{mode:t,value:i,unit:n}}function H(e){const{mode:t,value:n,unit:o}=h(e);if(t==="auto")return;if(t==="fixed"&&o==="px")return[`${n}px`,null];const i=n/100,s=c=>t==="screen"?`(100${c} - ${f})`:`100${c}`;return[`calc(${s("vh")} * ${i})`,`calc(${s("svh")} * ${i})`]}function a(e){const t=H(e);if(!t)return;const[n,o]=t;return{display:"grid",[r.base]:n,...o?{[r.small]:o}:{}}}const L=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),p="Height",T="sf-section-minh-phone",u={base:"--sf-section-minh-p",small:"--sf-section-minh-ps"};function N(e){return l(e.sectionHeightModePhone)}function A(e){return h({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone})}function d(e){const t=a(e),n=N(e)?H({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone})??(t?["auto",null]:void 0):void 0;if(!t&&!n)return null;const o=[S],i={...t??{}};return n&&(o.push(T),i[u.base]=n[0],n[1]&&(i[u.small]=n[1])),{className:o.join(" "),style:i}}function C(e){return d(e)!==null}const O="grid",U="h-full",P="max-[720px]:grid";function V(e){return C(e)?a(e)?O:P:""}export{f as HEADER_HEIGHT_VAR,U as SECTION_FILL_CLASS,O as SECTION_FILL_PASS_CLASS,P as SECTION_FILL_PASS_PHONE_CLASS,_ as SECTION_HEIGHT_MODES,I as SECTION_HEIGHT_UNITS,E as SECTION_MIN_HEIGHT,S as SECTION_MIN_HEIGHT_CLASS,L as SECTION_MIN_HEIGHT_EXCLUDED,p as SECTION_MIN_HEIGHT_GROUP_LABEL,T as SECTION_MIN_HEIGHT_PHONE_CLASS,u as SECTION_MIN_HEIGHT_PHONE_VARS,r as SECTION_MIN_HEIGHT_VARS,g as SECTION_SCREEN_PCT,m as VIEWPORT_UNIT,M as VIEWPORT_UNIT_FALLBACK,N as hasPhoneHeight,A as resolvePhoneHeight,h as resolveSectionMinHeight,V as sectionFillPassClass,C as sectionFillsHeight,d as sectionMinHeightAttrs,H as sectionMinHeightLengths,a as sectionMinHeightStyle};