efficient-web-builder 0.10.0 → 2.0.0

package/dist/lib/sections/collection-card-text-regions.d.ts

@@ -0,0 +1,4 @@
+import type { TextRegions } from "./text-regions.js";
+export type CollectionCardRegionKey = "tag" | "name" | "body" | "price" | "link";
+export declare const COLLECTION_CARD_REGIONS: Readonly<Record<CollectionCardRegionKey, TextRegions[string]>>;
+export declare const COLLECTION_CARD_TEXT_REGIONS: TextRegions;

package/dist/lib/sections/collection-card-text-regions.js

@@ -0,0 +1 @@
+const l={tag:{label:"Tag",follows:"Labels",builtIn:"13px",writable:!0},name:{label:"Name",follows:"Heading 2",builtIn:"48px",writable:!0},body:{label:"Body",follows:"Body",builtIn:"14px",writable:!0},price:{label:"Price",follows:"Labels",builtIn:"15px",writable:!0},link:{label:"Link",follows:"Labels",builtIn:"14px",writable:!0}},e=l;export{l as COLLECTION_CARD_REGIONS,e as COLLECTION_CARD_TEXT_REGIONS};

package/dist/lib/sections/divider-style.d.ts

@@ -0,0 +1,12 @@
+export type DividerStyle = "line" | "stripes-fine" | "stripes-medium" | "stripes-bold";
+export declare const DEFAULT_DIVIDER_STYLE: DividerStyle;
+export declare const DIVIDER_STYLE_OPTIONS: readonly {
+    label: string;
+    value: DividerStyle;
+}[];
+export declare const STRIPE_BAND_HEIGHT_PX = 28;
+export declare const STRIPE_ANGLE = "-45deg";
+export declare const STRIPE_INK = "color-mix(in oklab, var(--accent) 50%, var(--bg))";
+export declare function isStriped(style: DividerStyle): style is Exclude<DividerStyle, "line">;
+export declare function parseDividerStyle(value: unknown): DividerStyle;
+export declare function stripeBackground(style: DividerStyle): string | null;

package/dist/lib/sections/divider-style.js

@@ -0,0 +1 @@
+import{parseOption as t}from"../parse-option.js";const n="line",o=[{label:"Line",value:"line"},{label:"Stripes \xB7 fine",value:"stripes-fine"},{label:"Stripes \xB7 medium",value:"stripes-medium"},{label:"Stripes \xB7 bold",value:"stripes-bold"}],p={"stripes-fine":{ink:4,period:12},"stripes-medium":{ink:8,period:18},"stripes-bold":{ink:14,period:28}},d=28,s="-45deg",l="color-mix(in oklab, var(--accent) 50%, var(--bg))";function a(e){return e!=="line"}function c(e){return t(o,n,e)}function E(e){if(!a(e))return null;const{ink:r,period:i}=p[e];return`repeating-linear-gradient(${s}, ${l} 0 ${r}px, transparent ${r}px ${i}px)`}export{n as DEFAULT_DIVIDER_STYLE,o as DIVIDER_STYLE_OPTIONS,s as STRIPE_ANGLE,d as STRIPE_BAND_HEIGHT_PX,l as STRIPE_INK,a as isStriped,c as parseDividerStyle,E as stripeBackground};

package/dist/lib/sections/faq-text-regions.d.ts

@@ -0,0 +1,4 @@
+import type { TextRegions } from "./text-regions.js";
+export type FaqRegionKey = "number" | "question" | "answer";
+export declare const FAQ_REGIONS: Readonly<Record<FaqRegionKey, TextRegions[string]>>;
+export declare const FAQ_TEXT_REGIONS: TextRegions;

package/dist/lib/sections/faq-text-regions.js

@@ -0,0 +1 @@
+const l={number:{label:"Number",follows:"Labels",builtIn:"14px",writable:!0},question:{label:"Question",follows:"Body",builtIn:"18px",writable:!0},answer:{label:"Answer",follows:"Body",builtIn:"15px",writable:!0}},e=l;export{l as FAQ_REGIONS,e as FAQ_TEXT_REGIONS};

package/dist/lib/sections/hero-overlay.d.ts

@@ -0,0 +1,10 @@
+export type OverlayPosition = "top" | "right" | "bottom" | "left";
+export declare const DEFAULT_OVERLAY_POSITION: OverlayPosition;
+export declare const DEFAULT_OVERLAY_COLOR = "#0A0A0A";
+export declare const OVERLAY_POSITION_OPTIONS: readonly {
+    label: string;
+    value: OverlayPosition;
+    cell: OverlayPosition;
+}[];
+export declare function parseOverlayPosition(value: unknown): OverlayPosition;
+export declare function overlayGradient(color?: string, at?: unknown): string;

package/dist/lib/sections/hero-overlay.js

@@ -0,0 +1 @@
+import{parseOption as i}from"../parse-option.js";const r="bottom",a="#0A0A0A",p=[{label:"Bottom",value:"bottom",cell:"bottom"},{label:"Top",value:"top",cell:"top"},{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"}],O={bottom:180,top:0,left:270,right:90},u=[[.55,0],[.15,18],[null,35],[null,55],[.85,100]],b=[[null,33],[.6,67],[.94,100]];function A(t,n){const o=/^#[0-9a-f]{6}$/i.test(t)?t:a,e=parseInt(o.slice(1),16);return`rgba(${e>>16&255},${e>>8&255},${e&255},${n})`}function L(t){return i(p,r,t)}function m(t=a,n=r){const o=L(n),s=(o==="top"||o==="bottom"?u:b).map(([l,c])=>`${l===null?"transparent":A(t,l)} ${c}%`);return`linear-gradient(${O[o]}deg, ${s.join(", ")})`}export{a as DEFAULT_OVERLAY_COLOR,r as DEFAULT_OVERLAY_POSITION,p as OVERLAY_POSITION_OPTIONS,m as overlayGradient,L as parseOverlayPosition};

package/dist/lib/sections/intro-bleed-layout.d.ts

@@ -0,0 +1,15 @@
+export type IntroBleedLayout = "overlay" | "stacked";
+export declare const DEFAULT_INTRO_BLEED_LAYOUT: IntroBleedLayout;
+export declare const INTRO_BLEED_LAYOUT_OPTIONS: readonly {
+    label: string;
+    value: IntroBleedLayout;
+}[];
+export declare function parseIntroBleedLayout(value: unknown): IntroBleedLayout;
+export declare const INTRO_BLEED_COPY_SHARE: {
+    readonly desktop: 40;
+    readonly mobile: 45;
+    readonly min: 20;
+    readonly max: 80;
+    readonly step: 5;
+};
+export declare function resolveCopyShare(stored: number | undefined, builtIn: number): string;

package/dist/lib/sections/intro-bleed-layout.js

@@ -0,0 +1 @@
+import{parseOption as r}from"../parse-option.js";const t="overlay",a=[{label:"Copy over image",value:"overlay"},{label:"Copy above image",value:"stacked"}];function n(e){return r(a,t,e)}const l={desktop:40,mobile:45,min:20,max:80,step:5};function O(e,o){return`${typeof e=="number"?e:o}%`}export{t as DEFAULT_INTRO_BLEED_LAYOUT,l as INTRO_BLEED_COPY_SHARE,a as INTRO_BLEED_LAYOUT_OPTIONS,n as parseIntroBleedLayout,O as resolveCopyShare};

package/dist/lib/sections/new-section-node.d.ts

@@ -0,0 +1,2 @@
+import type { ScreenNewNode, ScreenNodeMaker } from "../editor-screen.js";
+export declare function newSectionNode(type: string, { nodeDefaults, newNodeId, sectionLabel, blockIsOffered }: ScreenNodeMaker): ScreenNewNode | null;

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

@@ -0,0 +1 @@
+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/sections/product-card-style.d.ts

@@ -0,0 +1,18 @@
+export type CardIndexFormat = "off" | "plain" | "padded" | "numero";
+export type CardOutline = "none" | "hairline";
+export declare const DEFAULT_CARD_INDEX_FORMAT: CardIndexFormat;
+export declare const DEFAULT_CARD_OUTLINE: CardOutline;
+export declare const CARD_INDEX_OPTIONS: readonly {
+    label: string;
+    value: CardIndexFormat;
+}[];
+export declare const CARD_OUTLINE_OPTIONS: readonly {
+    label: string;
+    value: CardOutline;
+}[];
+export declare function parseCardIndexFormat(value: unknown): CardIndexFormat;
+export declare function parseCardOutline(value: unknown): CardOutline;
+export declare const CARD_INDEX_CLASS = "sf-card-index";
+export declare const CARD_INDEX_BADGE_CLASS = "pointer-events-none absolute left-[18px] top-[18px] z-10 border border-line bg-bg/70 px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.16em] text-fg-dim";
+export declare function cardIndexCss(scopeClass: string, format: CardIndexFormat): string;
+export declare function cardOutlineClass(outline: CardOutline): string;

package/dist/lib/sections/product-card-style.js

@@ -0,0 +1 @@
+import{parseOption as o}from"../parse-option.js";const a="off",l="none",i=[{label:"None",value:"off"},{label:"1, 2, 3",value:"plain"},{label:"01, 02, 03",value:"padded"},{label:"N\xB001, N\xB002",value:"numero"}],c=[{label:"None",value:"none"},{label:"Hairline",value:"hairline"}];function u(e){return o(i,a,e)}function x(e){return o(c,l,e)}const t="sf-card-index",n="sf-card-index",N="pointer-events-none absolute left-[18px] top-[18px] z-10 border border-line bg-bg/70 px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.16em] text-fg-dim",d={plain:`counter(${n})`,padded:`counter(${n}, decimal-leading-zero)`,numero:`"N\xB0" counter(${n}, decimal-leading-zero)`};function f(e,r){return r==="off"?"":`.${e}{counter-reset:${n}}.${e} .${t}{counter-increment:${n}}.${e} .${t}::before{content:${d[r]}}`}function _(e){return e==="hairline"?"border border-line hover:border-accent":""}export{N as CARD_INDEX_BADGE_CLASS,t as CARD_INDEX_CLASS,i as CARD_INDEX_OPTIONS,c as CARD_OUTLINE_OPTIONS,a as DEFAULT_CARD_INDEX_FORMAT,l as DEFAULT_CARD_OUTLINE,f as cardIndexCss,_ as cardOutlineClass,u as parseCardIndexFormat,x as parseCardOutline};

package/dist/lib/sections/section-eyebrow-look.d.ts

@@ -0,0 +1,11 @@
+export type SectionEyebrowLook = "plain" | "filled" | "line";
+export declare const DEFAULT_SECTION_EYEBROW_LOOK: SectionEyebrowLook;
+export declare const SECTION_EYEBROW_LOOK_OPTIONS: readonly {
+    label: string;
+    value: SectionEyebrowLook;
+}[];
+export declare const DEFAULT_EYEBROW_BLOCK_LOOK: SectionEyebrowLook;
+export declare const SECTION_EYEBROW_DEFAULTS: Readonly<Record<string, SectionEyebrowLook>>;
+export declare function eyebrowLookFor(sectionType: string): SectionEyebrowLook;
+export declare function parseSectionEyebrowLook(value: unknown, sectionType: string): SectionEyebrowLook;
+export declare function parseEyebrowBlockLook(value: unknown): SectionEyebrowLook;

package/dist/lib/sections/section-eyebrow-look.js

@@ -0,0 +1 @@
+import{parseOption as o}from"../parse-option.js";const n="plain",r=[{label:"Plain",value:"plain"},{label:"Filled",value:"filled"},{label:"Line",value:"line"}],t="line",O={KeyFeatures:"filled"};function E(e){return O[e]??n}function p(e,l){return o(r,E(l),e)}function a(e){return o(r,t,e)}export{t as DEFAULT_EYEBROW_BLOCK_LOOK,n as DEFAULT_SECTION_EYEBROW_LOOK,O as SECTION_EYEBROW_DEFAULTS,r as SECTION_EYEBROW_LOOK_OPTIONS,E as eyebrowLookFor,a as parseEyebrowBlockLook,p as parseSectionEyebrowLook};

package/dist/lib/sections/section-head-placement.d.ts

@@ -0,0 +1,31 @@
+import type { SectionHeadStyle } from "./section-head-style.js";
+export type SectionHeadPlacement = "inline" | "own-box";
+export declare const DEFAULT_SECTION_HEAD_PLACEMENT: SectionHeadPlacement;
+export declare const SECTION_HEAD_PLACEMENT_OPTIONS: readonly {
+    label: string;
+    value: SectionHeadPlacement;
+}[];
+export interface SplittableSection {
+    num: string;
+    title: string;
+    description?: string;
+    linkProp?: string;
+    headRows: readonly string[];
+    headStyle?: SectionHeadStyle;
+    headRowGap?: string;
+    headDescriptionSize?: string;
+    renderer: string;
+    padKey?: string;
+}
+export declare function headRoleProps(section: SplittableSection): readonly string[];
+export declare const SPLITTABLE_SECTIONS: Readonly<Record<string, SplittableSection>>;
+export declare const SECTION_HEAD_TYPE = "SectionHeader";
+export declare function canSplitHead(type: string): boolean;
+export declare function parseSectionHeadPlacement(value: unknown): SectionHeadPlacement;
+export declare function parentCapsWidth(parent: {
+    type?: string;
+} | null | undefined): boolean;
+export declare function widthFieldsForParent<T extends Record<string, unknown>>(fields: T, parent: {
+    type?: string;
+} | null | undefined, widthKeys: readonly string[]): T;
+export declare function headFieldsForPlacement<T extends Record<string, unknown>>(fields: T, placement: unknown, headKeys: readonly string[]): T;

package/dist/lib/sections/section-head-placement.js

@@ -0,0 +1 @@
+import{parseOption as d}from"../parse-option.js";const l="inline",s=[{label:"In this section",value:"inline"},{label:"In its own box",value:"own-box"}];function h(e){return[e.num,e.title,e.description,e.linkProp].filter(t=>typeof t=="string"&&t.length>0)}const a={ProductGrid:{num:"num",title:"title",description:"description",headRows:["num","title","titleSize","description","linkText","linkHref"],renderer:"ProductGridSection",padKey:"padTop",linkProp:"link"},TyreSizes:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicTyreSizes"},FitmentFinder:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"FitmentFinder"},TyreFitment:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicTyreFitment"},BundleOffer:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicBundleOffer"},CompatibleTyres:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicRelatedProducts"},RelatedProducts:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicRelatedProducts"},SpecTable:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"SpecTable"},FAQ:{num:"num",title:"title",linkProp:"link",headRows:["num","title","linkText","linkHref"],renderer:"FAQ"},GalleryB:{num:"num",title:"title",headRows:["num","title","linkText","linkHref"],renderer:"GalleryGrid"},FitmentTable:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"FitmentTable"},Events:{num:"num",title:"title",linkProp:"link",headRows:["num","title","linkText","linkHref"],renderer:"Events"},ProcessSteps:{num:"num",title:"title",description:"description",headRows:["num","title","description"],headStyle:"editorial",renderer:"ProcessSteps",padKey:"padTop"},LongRead:{num:"headNum",title:"headTitle",description:"headDesc",headRows:["headNum","headTitle","headDesc"],headStyle:"editorial",renderer:"LongRead"},Series:{num:"headNum",title:"headTitle",description:"headDesc",headRows:["headNum","headTitle","headDesc"],headStyle:"editorial",renderer:"Series"},TimelineTrack:{num:"eyebrow",title:"title",description:"intro",headRows:["eyebrow","title","intro"],headStyle:"editorial",renderer:"TimelineTrack",padKey:"padTop"},StatsParagraph:{num:"eyebrow",title:"title",description:"desc",headRows:["eyebrow","title","desc"],headStyle:"editorial",renderer:"StatsParagraph"},Footprint:{num:"sectionNumber",title:"heading",description:"tagline",headRows:["sectionNumber","heading","tagline"],headStyle:"editorial",renderer:"Footprint",padKey:"padTop"},Collections:{num:"eyebrow",title:"heading",headRows:["eyebrow","heading"],renderer:"Collections"},Cards:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Cards"},Testimonials:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Testimonials"},Reviews:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Reviews"},Prose:{num:"eyebrow",title:"title",headRows:["eyebrow","title"],headStyle:"essay",renderer:"Prose"},ReviewForm:{num:"eyebrow",title:"title",headRows:["eyebrow","title"],headStyle:"simple",renderer:"ReviewForm"},DeliveryOptions:{num:"eyebrow",title:"title",description:"body",headRows:["eyebrow","title","body"],headStyle:"natural",headRowGap:"gap-3",headDescriptionSize:"text-[15px]",renderer:"DeliveryOptions"}},y="SectionHeader";function w(e){return e in a}function p(e){return d(s,l,e)}const c=new Set(["Flex"]);function u(e){return!!e?.type&&c.has(e.type)}function T(e,t,n){if(!u(t))return e;const i={};for(const[r,o]of Object.entries(e))n.includes(r)||(i[r]=o);return i}function b(e,t,n){if(p(t)!=="own-box")return e;const i={};for(const[r,o]of Object.entries(e))n.includes(r)||(i[r]=o);return i}export{l as DEFAULT_SECTION_HEAD_PLACEMENT,s as SECTION_HEAD_PLACEMENT_OPTIONS,y as SECTION_HEAD_TYPE,a as SPLITTABLE_SECTIONS,w as canSplitHead,b as headFieldsForPlacement,h as headRoleProps,u as parentCapsWidth,p as parseSectionHeadPlacement,T as widthFieldsForParent};

package/dist/lib/sections/section-head-style.d.ts

@@ -0,0 +1,16 @@
+export type SectionHeadStyle = "standard" | "editorial" | "simple" | "statement" | "natural" | "essay";
+export declare const DEFAULT_SECTION_HEAD_STYLE: SectionHeadStyle;
+export declare const SECTION_HEAD_STYLE_OPTIONS: readonly {
+    label: string;
+    value: SectionHeadStyle;
+}[];
+export declare const EDITORIAL_HEAD_UNUSED_FIELDS: readonly string[];
+export declare const SIMPLE_HEAD_UNUSED_FIELDS: readonly string[];
+export declare const HEAD_UNUSED_FIELDS: Readonly<Record<SectionHeadStyle, readonly string[]>>;
+export declare const NATURAL_ROW_GAPS: readonly ["gap-5", "gap-3"];
+export declare const NATURAL_DESCRIPTION_SIZES: readonly ["text-[length:var(--size-body,16px)]", "text-[15px]"];
+export type NaturalRowGap = (typeof NATURAL_ROW_GAPS)[number];
+export type NaturalDescriptionSize = (typeof NATURAL_DESCRIPTION_SIZES)[number];
+export declare function parseNaturalRowGap(value: unknown): NaturalRowGap;
+export declare function parseNaturalDescriptionSize(value: unknown): NaturalDescriptionSize;
+export declare function parseSectionHeadStyle(value: unknown): SectionHeadStyle;

package/dist/lib/sections/section-head-style.js

@@ -0,0 +1 @@
+import{parseOption as t}from"../parse-option.js";const n="standard",s=[{label:"Standard",value:"standard"},{label:"Editorial",value:"editorial"},{label:"Simple",value:"simple"},{label:"Statement",value:"statement"},{label:"Natural",value:"natural"},{label:"Essay",value:"essay"}],a=["numStyle","logoSrc","logoAlt","linkText","linkHref","_gLogo"],o=[...a,"description"],S={standard:["eyebrowLook"],editorial:[...a,"eyebrowLook"],simple:o,statement:o,natural:a,essay:o},r=["gap-5","gap-3"],l=["text-[length:var(--size-body,16px)]","text-[15px]"];function i(e){return t(r,r[0],e)}function E(e){return t(l,l[0],e)}function _(e){return t(s,n,e)}export{n as DEFAULT_SECTION_HEAD_STYLE,a as EDITORIAL_HEAD_UNUSED_FIELDS,S as HEAD_UNUSED_FIELDS,l as NATURAL_DESCRIPTION_SIZES,r as NATURAL_ROW_GAPS,s as SECTION_HEAD_STYLE_OPTIONS,o as SIMPLE_HEAD_UNUSED_FIELDS,E as parseNaturalDescriptionSize,i as parseNaturalRowGap,_ as parseSectionHeadStyle};

package/dist/lib/sections/section-number-style.d.ts

@@ -0,0 +1,10 @@
+export type SectionNumberStyle = "solid" | "outlined";
+export declare const DEFAULT_SECTION_NUMBER_STYLE: SectionNumberStyle;
+export declare const SECTION_NUMBER_STYLE_OPTIONS: readonly {
+    label: string;
+    value: SectionNumberStyle;
+}[];
+export declare function parseSectionNumberStyle(value: unknown): SectionNumberStyle;
+export declare const OUTLINED_NUMBER_CLASS = "sf-secnum-outline";
+export declare const OUTLINED_NUMBER_LAYOUT = "font-display text-[length:var(--size-headingMedium,clamp(48px,6vw,96px))] font-medium leading-[0.8] tracking-[-0.02em]";
+export declare const OUTLINED_NUMBER_CSS: string;

package/dist/lib/sections/section-number-style.js

@@ -0,0 +1 @@
+import{parseOption as t}from"../parse-option.js";const o="solid",r=[{label:"Solid",value:"solid"},{label:"Outlined",value:"outlined"}];function l(e){return t(r,o,e)}const n="sf-secnum-outline",p="font-display text-[length:var(--size-headingMedium,clamp(48px,6vw,96px))] font-medium leading-[0.8] tracking-[-0.02em]",s=`@supports (-webkit-text-stroke: 1px currentColor){.${n}{color:var(--surface-2);-webkit-text-stroke:1px var(--line)}}`;export{o as DEFAULT_SECTION_NUMBER_STYLE,n as OUTLINED_NUMBER_CLASS,s as OUTLINED_NUMBER_CSS,p as OUTLINED_NUMBER_LAYOUT,r as SECTION_NUMBER_STYLE_OPTIONS,l as parseSectionNumberStyle};

package/dist/lib/sections/section-presets.d.ts

@@ -0,0 +1,9 @@
+export type NodeDefaults = (type: string) => Record<string, unknown>;
+export type NewNodeId = (type: string) => string;
+export interface PresetNode {
+    type: string;
+    props: Record<string, unknown>;
+}
+export type SectionPreset = (defaultsFor: NodeDefaults, newId: NewNodeId) => PresetNode;
+export declare const SECTION_PRESETS: Readonly<Record<string, SectionPreset>>;
+export declare function presetFor(type: string): SectionPreset | null;

package/dist/lib/sections/section-presets.js

@@ -0,0 +1 @@
+import{BOX_TYPE as o}from"../puck/container-blocks.js";function t(i,n,e,c={}){return{type:i,props:{...n(i),id:e(i),...c}}}const g={Manifesto:(i,n)=>({type:o,props:{...i(o),id:n(o),direction:"row",share:"equal",sectionHeightMode:"screen",name:"Brand Text",content:[t(o,i,n,{direction:"column",justify:"center",blockSpacing:"gap",name:"Text",sectionPaddingTop:100,sectionPaddingBottom:100,sectionPaddingLeft:40,sectionPaddingRight:40,content:[t("Eyebrow",i,n,{eyebrowLook:"plain"}),t("Heading",i,n),t("Text",i,n),t("Stats",i,n)]}),t(o,i,n,{direction:"column",name:"Picture",content:[]})]}}),Split:(i,n)=>({type:o,props:{...i(o),id:n(o),direction:"row",share:"equal",sectionHeightMode:"screen",sectionHeightValue:70,name:"Image & Text Split",content:[t(o,i,n,{direction:"column",justify:"center",blockSpacing:"gap",name:"Text",sectionPaddingTop:100,sectionPaddingBottom:100,sectionPaddingLeft:60,sectionPaddingRight:60,content:[t("Eyebrow",i,n,{eyebrowLook:"plain"}),t("Heading",i,n),t("Text",i,n),t("ButtonBlock",i,n)]}),t(o,i,n,{direction:"column",name:"Image",content:[t("ImageBlock",i,n)]})]}}),Subscribe:(i,n)=>({type:o,props:{...i(o),id:n(o),direction:"column",name:"Subscribe",content:[t("Heading",i,n),t("Text",i,n),t("Form",i,n)]}})};function r(i){return g[i]??null}export{g as SECTION_PRESETS,r as presetFor};

package/dist/lib/sections/section-text-kinds.d.ts

@@ -0,0 +1,8 @@
+export declare const TEXT_KIND_NAME = "@name";
+export declare const TEXT_KIND_BODY = "@body";
+export declare const TEXT_KIND_VALUE = "@value";
+export declare const TEXT_KIND_LABELS: Readonly<Record<string, string>>;
+export declare const SECTION_TEXT_KINDS: Readonly<Record<string, Readonly<Record<string, string>>>>;
+export declare function partColumn(partKey: string): string | null;
+export declare function styleKeyForPart(type: string | undefined, partKey: string): string;
+export declare function hasTextKinds(type: string | undefined): boolean;

package/dist/lib/sections/section-text-kinds.js

@@ -0,0 +1 @@
+import{decodePartKey as c}from"../puck/part-key.js";const n="@name",r="@body",i="@value",T={[n]:"Name",[r]:"Body",[i]:"Value"},s={TimelineTrack:{"entries.date":n,"entries.title":n,"entries.blurb":r},Footprint:{"offices.city":n},Stats:{"items.label":n,"items.value":i}};function u(t){const{key:e,row:o}=c(t);return o?`${e}.${o.rowKey}`:null}function a(t,e){if(!t)return e;const o=u(e);return o?s[t]?.[o]??e:e}function _(t){return!!(t&&t in s)}export{s as SECTION_TEXT_KINDS,r as TEXT_KIND_BODY,T as TEXT_KIND_LABELS,n as TEXT_KIND_NAME,i as TEXT_KIND_VALUE,_ as hasTextKinds,u as partColumn,a as styleKeyForPart};

package/dist/lib/sections/section-text-regions.d.ts

@@ -0,0 +1,3 @@
+import type { TextRegions } from "./text-regions.js";
+export declare const SECTION_TEXT_REGIONS: Readonly<Record<string, TextRegions>>;
+export declare function regionsForSection(type: string | undefined | null): TextRegions | null;

package/dist/lib/sections/section-text-regions.js

@@ -0,0 +1 @@
+import{COLLECTION_CARD_TEXT_REGIONS as n}from"./collection-card-text-regions.js";import{FAQ_TEXT_REGIONS as t}from"./faq-text-regions.js";import{SPEC_REGIONS as E}from"./spec-table-regions.js";const r={SpecTable:E,FAQ:t,Collections:n};function i(o){return o&&Object.hasOwn(r,o)?r[o]:null}export{r as SECTION_TEXT_REGIONS,i as regionsForSection};

package/dist/lib/sections/spec-table-regions.d.ts

@@ -0,0 +1,11 @@
+import { type TextRegion, type TextRegionEl } from "./text-regions.js";
+export declare const SPEC_REGION_ATTR = "data-sf-spec-region";
+export declare const SPEC_REGION_PREFIX = "@";
+export type SpecRegionKey = "rowLabel" | "rowValue" | "diagramTitle" | "diagramCallout" | "diagramStatLabel" | "diagramStatValue";
+export type SpecRegion = TextRegion;
+export declare const SPEC_REGIONS: Readonly<Record<SpecRegionKey, SpecRegion>>;
+export declare function specRegionPartKey(key: SpecRegionKey): string;
+export declare function specRegionOfPartKey(propKey: string): SpecRegionKey | null;
+export type SpecRegionEl = TextRegionEl;
+export declare function specRegionForClick(target: SpecRegionEl | null): SpecRegionKey | null;
+export declare function specRegionOfAttr(value: string | null): SpecRegionKey | null;

package/dist/lib/sections/spec-table-regions.js

@@ -0,0 +1 @@
+import{TEXT_REGION_ATTR as l,TEXT_REGION_PREFIX as a,textRegionForClick as o,textRegionOfAttr as r,textRegionOfPartKey as n,textRegionPartKey as i}from"./text-regions.js";const b=l,p=a,t={rowLabel:{label:"Spec row name",follows:"Labels",builtIn:"14px"},rowValue:{label:"Spec row value",follows:"Labels",builtIn:"14px"},diagramTitle:{label:"Diagram title",follows:"Labels",builtIn:"12px"},diagramCallout:{label:"Diagram measurement",follows:"Labels",builtIn:"12px"},diagramStatLabel:{label:"Diagram stat name",follows:"Labels",builtIn:"11px"},diagramStatValue:{label:"Diagram stat value",follows:"Labels",builtIn:"11px"}};function u(e){return i(e)}function x(e){return n(t,e)}function R(e){return o(t,e)}function g(e){return r(t,e)}export{t as SPEC_REGIONS,b as SPEC_REGION_ATTR,p as SPEC_REGION_PREFIX,R as specRegionForClick,g as specRegionOfAttr,x as specRegionOfPartKey,u as specRegionPartKey};

package/dist/lib/sections/text-regions.d.ts

@@ -0,0 +1,21 @@
+export declare const TEXT_REGION_ATTR = "data-sf-spec-region";
+export declare const TEXT_REGION_PREFIX = "@";
+export interface TextRegion {
+    label: string;
+    follows: string;
+    builtIn: string;
+    writable?: boolean;
+}
+export declare function regionStyle(role: string | null | undefined, region: TextRegion, sizeStepOfRole: Readonly<Record<string, string>>): {
+    fontFamily: string;
+    fontSize: string;
+} | undefined;
+export type TextRegions = Readonly<Record<string, TextRegion>>;
+export declare function textRegionPartKey(key: string): string;
+export declare function textRegionOfPartKey(regions: TextRegions, propKey: string): string | null;
+export declare function textRegionOfAttr(regions: TextRegions, value: string | null): string | null;
+export type TextRegionEl = {
+    closest(selectors: string): TextRegionEl | null;
+    getAttribute(name: string): string | null;
+};
+export declare function textRegionForClick(regions: TextRegions, target: TextRegionEl | null): string | null;

package/dist/lib/sections/text-regions.js

@@ -0,0 +1 @@
+const i="data-sf-spec-region",u="@";function f(t,n,e){if(!t)return;const r=e[t];if(r)return{fontFamily:`var(--font-role-${t})`,fontSize:`var(--size-${r}, ${n.builtIn})`}}function s(t){return`@${t}`}function c(t,n){if(!n.startsWith("@"))return null;const e=n.slice(1);return e in t?e:null}function o(t,n){return n&&n in t?n:null}function l(t,n){const e=n?.closest(`[${i}]`)?.getAttribute(i);return o(t,e??null)}export{i as TEXT_REGION_ATTR,u as TEXT_REGION_PREFIX,f as regionStyle,l as textRegionForClick,o as textRegionOfAttr,c as textRegionOfPartKey,s as textRegionPartKey};

package/dist/lib/sections/ticker-join.d.ts

@@ -0,0 +1,9 @@
+export type TickerJoin = "none" | "above" | "below";
+export declare const DEFAULT_TICKER_JOIN: TickerJoin;
+export declare const TICKER_JOIN_OPTIONS: readonly {
+    label: string;
+    value: TickerJoin;
+}[];
+export declare function tickerJoinSide(value: unknown): "above" | "below" | null;
+export declare const TICKER_JOIN_BOX_CLASS = "sf-ticker-join";
+export declare function tickerJoinStripClass(side: "above" | "below"): string;

package/dist/lib/sections/ticker-join.js

@@ -0,0 +1 @@
+const o="none",n=[{label:"Nothing",value:"none"},{label:"Section above",value:"above"},{label:"Section below",value:"below"}];function t(e){return e==="above"||e==="below"?e:null}const i="sf-ticker-join";function r(e){return e==="above"?"sf-ticker-join-above":"sf-ticker-join-below"}export{o as DEFAULT_TICKER_JOIN,i as TICKER_JOIN_BOX_CLASS,n as TICKER_JOIN_OPTIONS,t as tickerJoinSide,r as tickerJoinStripClass};

package/dist/lib/sections/ticker-scroll.d.ts

@@ -0,0 +1,11 @@
+import type { EdgeCell } from "../puck/field-markers.js";
+export type TickerScroll = "left" | "right" | "up" | "down";
+export declare const DEFAULT_TICKER_SCROLL: TickerScroll;
+export declare const TICKER_SCROLL_OPTIONS: readonly {
+    label: string;
+    value: TickerScroll;
+    cell: EdgeCell;
+}[];
+export declare function parseTickerScroll(value: unknown): TickerScroll;
+export declare function isVerticalScroll(scroll: TickerScroll): boolean;
+export declare function tickerAnimation(scroll: TickerScroll, durationSec: number): string;

package/dist/lib/sections/ticker-scroll.js

@@ -0,0 +1 @@
+import{parseOption as r}from"../parse-option.js";const o="left",l=[{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"},{label:"Up",value:"up",cell:"top"},{label:"Down",value:"down",cell:"bottom"}],n={left:"storefront-ticker",right:"storefront-ticker-right",up:"storefront-ticker-up",down:"storefront-ticker-down"};function c(t){return r(l,o,t)}function p(t){return t==="up"||t==="down"}function f(t,e){return`${n[t]} ${e}s linear infinite`}export{o as DEFAULT_TICKER_SCROLL,l as TICKER_SCROLL_OPTIONS,p as isVerticalScroll,c as parseTickerScroll,f as tickerAnimation};

package/dist/lib/sections/ticker-style.d.ts

@@ -0,0 +1,17 @@
+export type TickerSize = "small" | "display";
+export type TickerSeparator = "dot" | "cross" | "slash" | "triangle" | "none";
+export declare const DEFAULT_TICKER_SIZE: TickerSize;
+export declare const DEFAULT_TICKER_SEPARATOR: TickerSeparator;
+export declare const TICKER_SIZE_OPTIONS: readonly {
+    label: string;
+    value: TickerSize;
+}[];
+export declare const TICKER_SEPARATOR_OPTIONS: readonly {
+    label: string;
+    value: TickerSeparator;
+}[];
+export declare const SEPARATOR_GLYPH: Record<TickerSeparator, string>;
+export declare function parseTickerSize(value: unknown): TickerSize;
+export declare function parseTickerSeparator(value: unknown): TickerSeparator;
+export declare function tickerTypeClass(size: TickerSize): string;
+export declare function separatorScaleClass(size: TickerSize, separator: TickerSeparator): string;

package/dist/lib/sections/ticker-style.js

@@ -0,0 +1 @@
+import{parseOption as t}from"../parse-option.js";const l="small",n="dot",s=[{label:"Small",value:"small"},{label:"Display",value:"display"}],o=[{label:"Dot \u25CF",value:"dot"},{label:"Cross \u2715",value:"cross"},{label:"Slash /",value:"slash"},{label:"Triangle \u25BC",value:"triangle"},{label:"None",value:"none"}],x={dot:"\u25CF",cross:"\u2715",slash:"/",triangle:"\u25BC",none:""},r={small:"font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.25em] max-[800px]:text-[length:var(--size-label,12px)]",display:"font-display font-medium text-[length:var(--size-headingMedium,44px)] uppercase leading-none tracking-[0.005em] max-[800px]:text-[length:var(--size-headingMedium,28px)]"},i={small:{dot:"",cross:"text-[0.77em]",slash:"text-[0.77em]",triangle:"",none:""},display:{dot:"text-[0.3em]",cross:"text-[0.64em]",slash:"text-[0.64em]",triangle:"text-[0.3em]",none:""}};function c(e){return t(s,l,e)}function m(e){return t(o,n,e)}function u(e){return r[e]}function T(e,a){return i[e][a]}export{n as DEFAULT_TICKER_SEPARATOR,l as DEFAULT_TICKER_SIZE,x as SEPARATOR_GLYPH,o as TICKER_SEPARATOR_OPTIONS,s as TICKER_SIZE_OPTIONS,m as parseTickerSeparator,c as parseTickerSize,T as separatorScaleClass,u as tickerTypeClass};

package/dist/lib/site-runtime.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentPropsWithRef, type ComponentType, type CSSProperties, type ReactEventHandler, type ReactNode } from "react";
+export type SiteLinkProps = Omit<ComponentPropsWithRef<"a">, "href"> & {
+    href: string;
+};
+export interface SiteImageProps {
+    src: string;
+    alt: string;
+    fill?: boolean;
+    sizes?: string;
+    priority?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    onError?: ReactEventHandler<HTMLImageElement>;
+}
+export interface SiteRuntime {
+    Link: ComponentType<SiteLinkProps>;
+    Image: ComponentType<SiteImageProps>;
+}
+export declare function SiteRuntimeProvider({ runtime, children }: {
+    runtime: SiteRuntime;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useSiteRuntime(): SiteRuntime;
+export declare function SiteLink(props: SiteLinkProps): import("react").JSX.Element;
+export declare function SiteImage(props: SiteImageProps): import("react").JSX.Element;
+export declare function lazyInBrowser<P extends object>(loader: () => Promise<{
+    default: ComponentType<P>;
+}>): ComponentType<P>;

package/dist/lib/site-runtime.js

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import u from"next/image";import c from"next/link";import{createContext as m,lazy as s,Suspense as a,useContext as x}from"react";const f={Link:c,Image:u},r=m(f);function k({runtime:t,children:e}){return n(r.Provider,{value:t,children:e})}function o(){return x(r)}function d(t){const{Link:e}=o();return n(e,{...t})}function g(t){const{Image:e}=o();return n(e,{...t})}function y(t){const e=s(t);return function(i){return n(a,{fallback:null,children:n(e,{...i})})}}export{g as SiteImage,d as SiteLink,k as SiteRuntimeProvider,y as lazyInBrowser,o as useSiteRuntime};

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

@@ -0,0 +1,52 @@
+export interface SiteThemeRow {
+    id: string;
+    selected_preset: number;
+    theme_presets: {
+        text: string;
+        accent: string;
+        background?: string;
+        surface?: string;
+        line?: string;
+        muted?: string;
+        button?: string;
+        buttonInk?: string;
+    }[];
+    accent_color?: string | null;
+    heading_font: string;
+    body_font: string;
+    accent_font: string;
+    label_font: string;
+    default_mode: "light" | "dark" | "auto";
+    show_theme_switch: boolean;
+    heading_scale: number;
+    body_scale: number;
+    label_scale: number;
+    heading_size_large_px?: number | null;
+    heading_size_medium_px?: number | null;
+    heading_size_small_px?: number | null;
+    accent_size_px?: number | null;
+    body_size_px?: number | null;
+    label_size_px?: number | null;
+    corner_style: "square" | "small" | "large";
+    corner_radius_px?: number | null;
+    heading_compression: "normal" | "tight" | "compressed";
+    card_shadow?: "none" | "soft" | "lifted" | null;
+    shadow_color?: string | null;
+    card_gap: "tight" | "normal" | "roomy";
+    hover_effect?: "none" | "lift" | "highlight" | null;
+    heading_case?: "authored" | "sentence" | null;
+    heading_weight?: number | null;
+    heading_weight_strong?: number | null;
+    heading_2_weight?: number | null;
+    heading_3_weight?: number | null;
+    heading_2_case?: "authored" | "sentence" | null;
+    heading_3_case?: "authored" | "sentence" | null;
+    heading_max_px?: number | null;
+    site_width?: number | null;
+    site_gutter?: number | null;
+    block_gap?: number | null;
+    hero_background_follows_width?: boolean | null;
+    photography_grayscale?: boolean | null;
+    word_styles?: Partial<Record<string, Record<string, unknown> | null>> | null;
+}
+export type SiteThemeRowPatch = Partial<Omit<SiteThemeRow, "id">>;

package/dist/lib/slugify.d.ts

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

package/dist/lib/slugify.js

@@ -0,0 +1 @@
+function r(e){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}export{r as slugify};

package/dist/lib/source-rules/accent-token-name.d.ts

@@ -0,0 +1,20 @@
+import { type RuleReport, type SourceFile } from "./rule.js";
+export declare const ACCENT_TOKEN_EXTENSIONS: readonly string[];
+export type KeptName = {
+    readonly path: string;
+    readonly pattern: RegExp;
+    readonly why: string;
+};
+export type AccentTokenNameOptions = {
+    readonly minFiles: number;
+    readonly exempt?: Readonly<Record<string, string>>;
+    readonly keptNames?: readonly KeptName[];
+};
+export type AccentTokenViolation = {
+    readonly file: string;
+    readonly line: number;
+    readonly text: string;
+    readonly kind: "custom-property" | "utility-class";
+};
+export declare function goldTokenUses(file: SourceFile): AccentTokenViolation[];
+export declare function accentTokenName(files: readonly SourceFile[], options: AccentTokenNameOptions): RuleReport;

package/dist/lib/source-rules/accent-token-name.js

@@ -0,0 +1,4 @@
+import{ruleChecks as x}from"./rule.js";import{rootsLongestFirst as w}from"./support/accent-rename-bytes.js";const f=[".ts",".tsx",".css",".mjs",".js"],$=/--[a-z0-9-]*gold[a-z0-9-]*/gi,b=new RegExp(String.raw`(?<![a-z0-9-])`+String.raw`(?:[a-z0-9@_.\-\[\]\/]+:)*`+`(?:${w().join("|")})`+String.raw`-gold(?:-2)?`+String.raw`(?:\/(?:\d{1,3}|\[[^\]\s]*\]))?`+String.raw`(?![a-z0-9-])`,"gi");function p(n){const s=[];return n.text.split(`
+`).forEach((o,h)=>{for(const[c,l]of[[$,"custom-property"],[b,"utility-class"]]){c.lastIndex=0;let i;for(;(i=c.exec(o))!==null;)s.push({file:n.path,line:h+1,text:i[0].trim(),kind:l})}}),s}const u=n=>p({path:"fixture.tsx",text:n});function k(n,s){const{check:o,report:h}=x("accent token name"),c=s.exempt??{};{const e=[["bare token","  --gold: var(--gold-base);"],["second stop","  --gold-2: var(--theme-accent-2);"],["dim variant","  --gold-dim: #9a8050;"],["theme bridge","  --color-gold: var(--gold);"],["var() reference","  outline: 2px solid var(--gold);"],["var() with a fallback",'className="text-[var(--gold,#c8a24c)]"'],["text utility",'<span className="text-gold">'],["bg utility",'<div className="bg-gold px-4">'],["directional border",'className="border-t-2 border-t-gold"'],["opacity modifier",'className="bg-gold/10"'],["variant prefix",'className="hover:text-gold"'],["second-stop utility",'className="bg-gold-2"'],["arbitrary opacity",'className="bg-gold/[0.08]"'],["variant + arbitrary opacity",'className="hover:bg-gold/[0.04]"'],["named group variant",'className="group-hover/kf:text-gold"'],["inside a regex literal","assert.match(html, /whitespace-nowrap text-gold/)"]],t=e.filter(([,r])=>u(r).length===0);o(`the scanner flags every shape the rename must remove (${e.length} shapes)`,t.length===0,`it walked past: ${t.map(([r,m])=>`${r} (${m})`).join("; ")}`);const a=[["the new token","  --accent: var(--accent-base);"],["the new utility",'<span className="text-accent">'],["PayPal's own API value",'style: { color: "gold", label: "paypal" }'],["a product finish name",'{ label: "Gloss Gold", value: "gloss-gold" }'],["the phrase renderer",'import { renderGold } from "./goldPhrases";'],["prose in a docblock"," * a gold-italic accent word, dark-on-gold"],["a longer word that starts the same",'className="text-golden-ratio"'],["a hyphen-joined word ending in gold","// see the dark-on-gold treatment"]],g=a.filter(([,r])=>u(r).length>0);o(`the scanner stays quiet on things that merely share the word (${a.length} shapes)`,g.length===0,`it flagged: ${g.map(([r,m])=>`${r} (${m})`).join("; ")}`)}const l=n.filter(e=>f.some(t=>e.path.endsWith(t)));o(`read the source (${l.length} ${f.join("/")} files, at least ${s.minFiles})`,l.length>=s.minFiles,"fewer means the walk lost a folder, and an absence over a missing folder is free");const i=l.filter(e=>!(e.path in c)).flatMap(e=>p(e)),d=new Map;for(const e of i)d.set(e.file,[...d.get(e.file)??[],e]);o(`no file names the colour gold \u2014 the colour is called "accent" (${l.length} files)`,i.length===0,`${i.length} reference(s) to the old colour name across ${d.size} file(s):
+`+[...d.entries()].sort((e,t)=>t[1].length-e[1].length).map(([e,t])=>`    ${e} (${t.length}): ${[...new Set(t.map(a=>a.text))].slice(0,6).join(", ")}`).join(`
+`));for(const[e,t]of Object.entries(c)){const a=l.find(g=>g.path===e);o(`the exemption is still real: ${e} (${t})`,!!a&&p(a).length>0,"the file is gone or no longer names the old colour \u2014 remove the stale entry")}for(const e of s.keptNames??[]){const t=n.find(a=>a.path===e.path);o(`a deliberate exclusion is still here: ${e.path} keeps ${e.pattern}`,!!t&&t.text.search(e.pattern)!==-1,t?e.why:`${e.path} was not among the files read \u2014 ${e.why}`)}return h()}export{f as ACCENT_TOKEN_EXTENSIONS,k as accentTokenName,p as goldTokenUses};

package/dist/lib/source-rules/button-corners.d.ts

@@ -0,0 +1,13 @@
+import { type RuleReport, type SourceFile } from "./rule.js";
+type Tokens = Readonly<Record<string, string>>;
+export type ButtonCornersOptions = {
+    readonly stylesheet?: string;
+    readonly button?: string;
+    readonly rendered?: readonly (readonly [string, string])[];
+    readonly cornerRadiusTokens?: (v: number | null) => Tokens;
+    readonly radiusRange?: readonly [number, number];
+    readonly callers: readonly string[];
+    readonly callerFloor: number;
+};
+export declare function buttonCorners(files: readonly SourceFile[], options: ButtonCornersOptions): RuleReport;
+export {};

package/dist/lib/source-rules/button-corners.js

@@ -0,0 +1,2 @@
+import{ruleChecks as m}from"./rule.js";const l="--sf-button-radius",f="sf-button",p=i=>i.replace(/\/\*[\s\S]*?\*\//g,e=>" ".repeat(e.length)),b=i=>/^import\s+Btn\s+from\s+["'](?:@\/components\/Btn|\.{1,2}\/(?:[\w-]+\/)*Btn)["'];?$/m.test(i);function g(i){const e=[],n=/<Btn\b[^>]*className=(?:"([^"]*)"|\{`([^`]*)`\})/g;let u;for(;(u=n.exec(i.text))!==null;){const h=u[1]??u[2]??"";/\brounded-/.test(h)&&e.push(`${i.path}: ${h}`)}return e}function y(i,e){const{check:n,report:u}=m("button corners"),h=t=>i.find(s=>s.path===t);{const t={path:"fixture.tsx",text:['import Btn from "@/components/Btn";','<Btn href="/x" className="mt-4 rounded-lg">Go</Btn>',"<Btn className={`mt-2`}>Go</Btn>"].join(`
+`)};n("\xA76/\xA77 the readers find a Btn import and a rounded-* className handed to it",b(t.text)&&g(t).length===1)}if(e.stylesheet!==void 0){const t=h(e.stylesheet);if(n(`\xA71 read the stylesheet ${e.stylesheet}`,!!t)){const s=/\.sf-button\s*\{([^}]*)\}/.exec(p(t.text));n(`\xA71 ${e.stylesheet} carries a \`.sf-button\` rule`,s!==null,"without it the class is decoration and the setting reaches no button"),s&&(n(`\xA71 the .sf-button rule reads \`var(${l}, 0)\``,/border-radius:\s*var\(--sf-button-radius,\s*0\)/.test(s[1]),`the property for the setting, and the \`0\` for every site that never chose one \u2014 got: ${s[1].trim()}`),n("\xA71 the .sf-button rule does not clip",!/overflow/.test(s[1]),`the trailing arrow translates 3px right on hover and would be shaved \u2014 got: ${s[1].trim()}`))}}if(e.button!==void 0){const t=h(e.button);n(`\xA72 read the shared button ${e.button}`,!!t)&&n(`\xA72 ${e.button} writes no \`rounded-*\` utility`,!/\brounded-(?!full\b)[a-z0-9[]/.test(t.text.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm,"")),"every one carries a built-in value, so an untouched site would jump from square to a radius the day it shipped");const s=e.rendered??[];n(`\xA72 the button was rendered (${s.length} shapes, at least 4)`,s.length>=4,"both variants as a link and as a button");for(const[r,a]of s)n(`\xA72 ${r}: the rendered button carries \`${f}\``,new RegExp(`class="${f}\\b`).test(a),`it is the element's only ear for Corners \u2014 got: ${a.slice(0,140)}`)}const o=e.cornerRadiusTokens;if(o){n("\xA73 a site that never chose a corner publishes NO button radius",!(l in o(null)),`that absence is what leaves it square, byte for byte as before \u2014 got: ${JSON.stringify(o(null))}`),n("\xA73 `0` is an ANSWER, not an absence: it publishes a flattened radius",o(0)[l]==="0",JSON.stringify(o(0)));for(const[d,c]of[[0,"0"],[9,"0.28125rem"],[16,"0.5rem"],[40,"1.25rem"]])n(`\xA73 ${d}px publishes ${l}: ${c}`,o(d)[l]===c,`a button is half the card, which is what inputs and panels beside it read \u2014 got: ${String(o(d)[l])}`);const[t,s]=e.radiusRange??[Number.NaN,Number.NaN];n(`\xA73 both ends of the track (${t}, ${s}) publish a button radius`,e.radiusRange!==void 0&&o(t)[l]!==void 0&&o(s)[l]!==void 0);const r=[null,0,9,40].map(d=>o(d)[l]??"0");n("\xA74 not-set and square both DRAW a square button",r[0]==="0"&&r[1]==="0",`they differ in what they publish, not in today's picture \u2014 got: ${JSON.stringify(r)}`),n("\xA74 9 and 40 draw two different NON-square buttons",r[2]!=="0"&&r[3]!=="0"&&r[2]!==r[3],`a setting that names buttons and moves none of them is this card's defect restored \u2014 got: ${JSON.stringify(r)}`);const a="--radius-full";for(const d of[0,9,16,40])n(`\xA75 ${d}px does not publish the fully-round token`,!(a in o(d)),"swatches, toggle knobs and status dots are a SHAPE, not a corner")}{const t=[];for(const s of e.callers){const r=h(s);r&&t.push(...g(r))}n(`\xA76 no caller hands \`Btn\` a \`rounded-*\` class (${e.callers.length} callers)`,t.length===0,`\`.sf-button\` is unlayered and would silently beat it; give the caller its own property instead \u2014 ${t.join(" | ")}`)}{const t=i.filter(a=>a.path.endsWith(".tsx")&&b(a.text)).map(a=>a.path).sort();n(`\xA77 the tree sweep found ${t.length} file(s) importing Btn (at least ${e.callerFloor})`,t.length>=e.callerFloor&&t.length>0,`too few to be real, so \xA77 is measuring nothing \u2014 ${JSON.stringify(t)}`);const s=t.filter(a=>!e.callers.includes(a));n("\xA77 the callers list names every file that imports `Btn`",s.length===0,`${JSON.stringify(s)} import(s) Btn and ${s.length===1?"is":"are"} not listed \u2014 a caller missing from it is a caller \xA76 never looks at. Add the path \u2014 the list is kept by hand on purpose, so a new caller is a visible line in a diff.`);const r=e.callers.filter(a=>!t.includes(a));n("\xA77 the callers list names no file that stopped importing `Btn`",r.length===0,`${JSON.stringify(r)} ${r.length===1?"is":"are"} listed and no longer import Btn \u2014 a dead row is a sweep over nothing. Drop the path, or say in a comment why the file is still worth sweeping.`)}return u()}export{y as buttonCorners};

package/dist/lib/source-rules/editor-chrome-note.d.ts

@@ -0,0 +1,16 @@
+import { type RuleReport, type SourceFile } from "./rule.js";
+export declare const CHROME_NOTE_CLASS = "sf-note";
+export type EditorChromeNoteOptions = {
+    readonly stylesheet?: string;
+    readonly minFiles: number;
+};
+export interface CssRule {
+    readonly selector: string;
+    readonly body: string;
+    readonly line: number;
+}
+export declare function leafRules(css: string): CssRule[];
+export declare function declaration(body: string, prop: string): string | null;
+export declare function noteClasses(text: string): Set<string>;
+export declare function withoutComments(source: string): string;
+export declare function editorChromeNote(files: readonly SourceFile[], options: EditorChromeNoteOptions): RuleReport;

package/dist/lib/source-rules/editor-chrome-note.js

@@ -0,0 +1,13 @@
+import{ruleChecks as z}from"./rule.js";const g="sf-note";function y(o){const i=[],t=[];let c="",r=1,n=0;for(;n<o.length;){const a=o[n];if(a==="/"&&o[n+1]==="*"){const e=o.indexOf("*/",n+2),s=e<0?o.length:e+2;for(const f of o.slice(n,s))f===`
+`&&r++;n=s,c+=" ";continue}if(a==='"'||a==="'"){const e=a;for(n++;n<o.length&&o[n]!==e;)o[n]==="\\"?n++:o[n]===`
+`&&r++,n++;n++;continue}if(a===`
+`&&r++,a==="{"){t.length>0&&t[t.length-1].children++,t.push({selector:c.trim().replace(/\s+/g," "),line:r,bodyStart:n+1,children:0}),c="",n++;continue}if(a==="}"){const e=t.pop();e&&e.children===0&&i.push({selector:e.selector,body:o.slice(e.bodyStart,n),line:e.line}),c="",n++;continue}if(a===";"){c="",n++;continue}c+=a,n++}return i}function m(o,i){const t=o.match(new RegExp(`(?:^|[;{])\\s*${i}\\s*:([^;]*)`));return t?t[1].trim():null}function u(o){return new Set(Array.from(o.matchAll(/\bsf-[a-z0-9-]*?note\b/g),i=>i[0]))}function b(o){return o.replace(/\/\*[\s\S]*?\*\//g," ").replace(/(^|[^:])\/\/.*$/gm,"$1")}const p=(o,i)=>JSON.stringify(o)===JSON.stringify(i);function S(o,i){const{check:t,report:c}=z("editor chrome note");{const e=h=>["sf",h,"note"].join("-"),s=y(`.sf-note {
+  font-size: 13px;
+  color: red;
+}`);t("the walker reads a rule's own declarations",s.length===1&&s[0].selector===".sf-note"&&s[0].line===1&&m(s[0].body,"font-size")==="13px"&&m(s[0].body,"padding")===null,JSON.stringify(s)),t("font-size is not confused with a longhand that ends in it",m(`  font-size-adjust: 0.5;
+  font-size: 12px;
+`,"font-size")==="12px"&&m(`  font-size-adjust: 0.5;
+`,"font-size")===null),t("a grouping block reports its children, not itself",p(y("@keyframes sf-x { from { opacity: 0; } to { opacity: 1; } }").map(h=>h.selector),["from","to"])),t("braces in comments and strings do not shift nesting",p(y('/* .a { x } */ .b { content: "}"; } .c { color: red; }').map(h=>h.selector),[".b",".c"])),t("modifiers and descendants report the base note class",p([...u(".sf-note--error")],["sf-note"])&&p([...u(".sf-note p + p")],["sf-note"])&&p([...u(`.${e("pages")}, .${e("sm")}`)],[e("pages"),e("sm")])&&u(".sf-notebook").size===0);const f=[`/* Two homes were rejected: \`.${e("pages")}\` belongs to the chrome. */`,`// \u2026and .${e("sm")} is the sitemap's own.`,'const url = "https://x/y";','export const Note = () => <div className="sf-note">hi</div>;'].join(`
+`);t("a class a file only TALKS about is not a class it renders, and a `//` in a URL is not a comment",p([...u(b(f))],["sf-note"])&&/https:\/\/x\/y/.test(b(f)))}let r=new Set([g]);if(i.stylesheet){const e=o.find(s=>s.path===i.stylesheet);if(t(`read the stylesheet ${i.stylesheet}`,!!e)&&e){const s=y(e.text);r=new Set;for(const l of s)for(const d of u(l.selector))r.add(d);t(`the stylesheet parses (${s.length} rules, more than 400)`,s.length>400,"the walker looks broken"),t(`the scan is not vacuous: it finds a note class (${r.size})`,r.size>0,"the selector scan looks broken"),t(`the chrome declares exactly ONE note class, .${g}`,p([...r].sort(),[g]),`it declares ${[...r].sort().map(l=>`.${l}`).join(", ")}. One quiet sentence, one class: a note that needs a different INSET takes it from the block it sits in (\`.sf-pages-list > .sf-note\`), never from a new class`);const f=new Map;for(const l of r){const d=s.find(x=>x.selector===`.${l}`),w=d?m(d.body,"font-size"):null;t(`.${l} has a type rule of its own`,!!d,"it is a modifier without a base"),t(`.${l} states its own font-size`,w!==null,"it inherits one \u2014 that is a size nobody chose"),f.set(l,w)}const h=new Set(f.values());t("every note class states the same size",h.size<=1,`the chrome's notes are set at ${h.size} sizes: ${[...f].map(([l,d])=>`.${l} ${d}`).join(", ")}`);const $=s.find(l=>l.selector===`.${g}`);t(`the note still reads as a note: .${g} is var(--sf-muted)`,!!$&&m($.body,"color")==="var(--sf-muted)",$?`color: ${m($.body,"color")}`:"the chrome no longer declares it")}}const n=o.filter(e=>/\.(tsx?|jsx?|mjs)$/.test(e.path));t(`read the source (${n.length} JS/TS files, at least ${i.minFiles})`,n.length>=i.minFiles,"fewer means the walk broke, and the check below is vacuous");const a=[];for(const e of n)for(const s of u(b(e.text)))r.has(s)||a.push(`${e.path}  ${s}`);return t(`no source file names a note class the chrome does not declare (${[...r].map(e=>`.${e}`).join(", ")})`,a.length===0,`a \`.sf-*\` class is scoped under \`.sf-editor\` in the PARENT document, so a missing rule is not a compile error \u2014 the text simply renders at whatever it inherits:
+      ${a.join(`
+      `)}`),c()}export{g as CHROME_NOTE_CLASS,m as declaration,S as editorChromeNote,y as leafRules,u as noteClasses,b as withoutComments};

package/dist/lib/source-rules/editor-context-menu.d.ts

@@ -0,0 +1,5 @@
+import { type RuleReport, type SourceFile } from "./rule.js";
+export type EditorContextMenuOptions = {
+    readonly minEntries: number;
+};
+export declare function editorContextMenu(files: readonly SourceFile[], options: EditorContextMenuOptions): RuleReport;

package/dist/lib/source-rules/editor-context-menu.js

@@ -0,0 +1,4 @@
+import{ruleChecks as c}from"./rule.js";const r="efficient-easel",i=`${r}/panel.css`,s=`${r}/menu.css`;function a(h){const n=h.filter(t=>t.path.endsWith(".tsx")&&t.text.includes(i));return{withPanel:n,missing:n.filter(t=>!t.text.includes(s)).map(t=>t.path)}}function p(h,n){const{check:t,report:l}=c("editor context menu");{const e=a([{path:"a.tsx",text:`import "${i}";
+import "${s}";`},{path:"b.tsx",text:`import "${i}";`},{path:"c.tsx",text:`import "${s}";`}]);t("\xA78's reader finds the entries that import the panel sheet, and the one lacking the menu sheet",e.withPanel.length===2&&e.missing.join()==="b.tsx")}{const{withPanel:e,missing:o}=a(h);t(`(l) \xA78 every entry that imports the panel sheet imports the menu sheet too (${e.length} entries, at least ${n.minEntries})`,e.length>=n.minEntries&&e.length>0&&o.length===0,o.length?`these mount the editor chrome but not \`${s}\`, so the menu draws as an unstyled full-width div there:
+      `+o.join(`
+      `):`the walk found too few entries importing ${i} \u2014 it is not sweeping the editor at all, so this check is asking nothing.`)}return l()}export{p as editorContextMenu};

package/dist/lib/source-rules/editor-puck-drag-off.d.ts

@@ -0,0 +1,8 @@
+import { type RuleReport, type SourceFile } from "./rule.js";
+export type EditorPuckDragOffOptions = {
+    readonly documentPermissions: (canEdit: boolean) => Readonly<Record<string, unknown>>;
+    readonly mustFind?: readonly string[];
+    readonly harnesses?: Readonly<Record<string, string>>;
+    readonly minFiles: number;
+};
+export declare function editorPuckDragOff(files: readonly SourceFile[], options: EditorPuckDragOffOptions): RuleReport;

package/dist/lib/source-rules/editor-puck-drag-off.js

@@ -0,0 +1,4 @@
+import{ruleChecks as g}from"./rule.js";const $=/<(?:Puck|SiteEditorProvider|EditorStoreProvider|ScreenStoreProvider)\b[^<>]*\bdata=\{[^<>]*>/g,S=/\bpermissions=\{\s*(?:documentPermissions\(|permissions\s*\})/,P=/permissions=\{\s*permissions\s*\}/,k=["delete","drag","duplicate","edit","insert"],d=o=>[...o.text.matchAll($)].map(n=>({file:o.path,tag:n[0]}));function u(o,n){const s=[];return S.test(o.tag)?P.test(o.tag)&&!/documentPermissions\(/.test(n)&&s.push("passes a `permissions` it does not build from documentPermissions"):s.push("mounts the editor without the edit lock's permissions"),s}function w(o,n){const{check:s,report:f}=g("editor puck drag off"),m=n.harnesses??{};for(const e of[!0,!1]){const t=n.documentPermissions(e);s(`documentPermissions(${e}).drag is false`,t.drag===!1,`got ${String(t.drag)}`),s(`documentPermissions(${e}) names all five keys \u2014 Puck MERGES this prop, so a missing key keeps its old value`,Object.keys(t).sort().join(",")===k.join(","),`got ${Object.keys(t).sort().join(",")}`),s(`documentPermissions(${e}).edit is ${e}`,t.edit===e)}{const e="Puck",t="SiteEditorProvider",i=a=>d({path:"fixture.tsx",text:a}).map(p=>u(p,a).length);s("the scanner flags a mount with no permissions",JSON.stringify(i(`<${e} config={c} data={d} />`))==="[1]"),s("the scanner passes a mount that calls the helper",JSON.stringify(i(`<${t} data={d} permissions={documentPermissions(!readOnly)}>`))==="[0]"),s("a local `permissions` passes only when the file builds it from the helper",JSON.stringify(i(`<${e} data={d} permissions={permissions} />`))==="[1]"&&JSON.stringify(i(`const permissions = documentPermissions(true);
+<${e} data={d} permissions={permissions} />`))==="[0]"),s("a tag with no `data=` is not a mount",i(`<${e}.Preview />`).length===0),s("the screen's store provider is a mount under either of its names",["Editor","Screen"].every(a=>JSON.stringify(i(`<${a}StoreProvider config={c} data={d} />`))==="[1]"))}const c=o.filter(e=>/\.tsx?$/.test(e.path));s(`read the source (${c.length} TS/TSX files, at least ${n.minFiles})`,c.length>=n.minFiles,"fewer means the walk broke, and every check below is vacuous");const r=[];for(const e of c)e.path in m||r.push(...d(e));for(const e of n.mustFind??[])s(`found the editor mount (data=\u2026) in ${e}`,r.some(t=>t.file===e));for(const[e,t]of Object.entries(m)){const i=c.find(a=>a.path===e);s(`the harness exemption is still real: ${e} (${t})`,!!i&&d(i).length>0,"remove the stale entry")}const h=new Map(c.map(e=>[e.path,e.text])),l=r.flatMap(e=>u(e,h.get(e.file)??"").map(t=>`${e.file} ${t}`));return s(`every editor mount turns Puck's own canvas drag off (${r.length} mount(s)${r.length?`: ${[...new Set(r.map(e=>e.file))].join(", ")}`:""})`,l.length===0,`without the edit lock's permissions a read-only viewer's canvas would take edits the save then refuses:
+      ${l.join(`
+      `)}`),f()}export{w as editorPuckDragOff};