efficient-web-builder 0.10.0 → 1.0.0

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/theme-dom.d.ts

@@ -0,0 +1,14 @@
+import { type Theme, type ThemeMode, type ThemeValue } from "./theme.js";
+export declare const THEME_ATTR = "data-theme";
+export declare function currentTheme(root: Element): Theme;
+export declare function applyTheme(root: Element, theme: Theme): boolean;
+export declare function readVisitorTheme(doc: Document): string | null;
+export declare function writeVisitorTheme(doc: Document, theme: Theme): void;
+export type PreviewThemeSource = {
+    mode: ThemeMode;
+    switchShown: boolean;
+};
+export declare function effectivePreviewTheme(doc: Document, source: PreviewThemeSource, hour?: number): Theme;
+export declare function syncPreviewTheme(doc: Document, source: PreviewThemeSource): () => void;
+export declare function applyThemeSurfaces(body: ElementCSSInlineStyle, theme?: ThemeValue | null): boolean;
+export declare function syncPreviewSurfaces(doc: Document, theme?: ThemeValue | null): () => void;

package/dist/lib/theme-dom.js

@@ -0,0 +1 @@
+import{safeLocalStorageFor as u}from"./safe-storage.js";import{resolveTheme as a,THEME_STORAGE_KEY as c,THEME_SURFACE_KEYS as l,themeSurfaceStyle as m}from"./theme.js";const s="data-theme",f="light";function p(e){return e.getAttribute(s)===f?"light":"dark"}function T(e,t){return p(e)===t?!1:(t==="light"?e.setAttribute(s,f):e.removeAttribute(s),!0)}function h(e){return u(e).getItem(c)}function S(e,t){u(e).setItem(c,t)}function v(e,t,r=new Date().getHours()){return a({mode:t.mode,override:h(e),switchShown:t.switchShown,hour:r})}function x(e,t){const r=e.documentElement;if(!r)return()=>{};const i=()=>T(r,v(e,t));i();const n=e.defaultView?.MutationObserver;if(!n)return()=>{};const o=new n(i);return o.observe(r,{attributes:!0,attributeFilter:[s]}),()=>o.disconnect()}const b="style";function w(e,t){const r=m(t);let i=!1;for(const n of l){const o=r[n]??"";e.style.getPropertyValue(n)!==o&&(o?e.style.setProperty(n,o):e.style.removeProperty(n),i=!0)}return i}function d(e,t){const r=e.body;if(!r)return()=>{};const i=()=>w(r,t);i();const n=e.defaultView?.MutationObserver;if(!n)return()=>{};const o=new n(i);return o.observe(r,{attributes:!0,attributeFilter:[b]}),()=>o.disconnect()}export{s as THEME_ATTR,T as applyTheme,w as applyThemeSurfaces,p as currentTheme,v as effectivePreviewTheme,h as readVisitorTheme,d as syncPreviewSurfaces,x as syncPreviewTheme,S as writeVisitorTheme};

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

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

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

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

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

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

package/dist/lib/theme-save-message.js

@@ -0,0 +1 @@
+function t(e){switch(e.status){case"saved":return null;case"failed":return{msg:"Not saved. Try again.",tone:"error"};case"skipped":switch(e.reason){case"empty":return null;case"no-token":return{msg:"Not saved. Reload the page.",tone:"error"};case"template":return{msg:"Templates keep their look. Press Save.",tone:"success"}}}}export{t as themeSaveNotice};

package/dist/lib/theme.d.ts

@@ -0,0 +1,177 @@
+export declare const THEME_STORAGE_KEY = "storefront-theme";
+export declare const THEME_MODE_KEY = "sf:theme-mode";
+export declare const THEME_SWITCH_KEY = "sf:theme-switch";
+export declare const THEME_SWITCH_HIDE = "hide";
+export type ThemeMode = "light" | "dark" | "auto";
+export type Theme = "light" | "dark";
+export declare const DEFAULT_THEME_MODE: ThemeMode;
+export declare const DEFAULT_SWITCH_SHOWN = false;
+export declare const THEME_DAY_START_HOUR = 7;
+export declare const THEME_DAY_END_HOUR = 18;
+export declare function isDayHour(hour: number): boolean;
+export declare function resolveTheme(opts: {
+    mode: ThemeMode;
+    override: string | null;
+    switchShown: boolean;
+    hour: number;
+}): Theme;
+export declare function buildThemeBootScript(opts: {
+    mode: ThemeMode;
+    switchShown: boolean;
+}): string;
+export interface ThemeColors {
+    text: string;
+    accent: string;
+    background?: string;
+    surface?: string;
+    line?: string;
+    muted?: string;
+    brandInk?: BrandInk;
+    button?: string;
+    buttonInk?: string;
+}
+export type BrandInk = "light" | "dark";
+export type ThemeColorKey = Exclude<keyof ThemeColors, "brandInk" | "button" | "buttonInk">;
+export interface ThemeValue {
+    selected: number;
+    themes: ThemeColors[];
+}
+export declare const DEFAULT_SURFACES: Pick<Required<ThemeColors>, "background" | "surface" | "line" | "muted">;
+export declare const DEFAULT_THEMES: ThemeColors[];
+export declare const DEFAULT_THEME_VALUE: ThemeValue;
+export declare function normalizeTheme(v?: ThemeValue | null): ThemeValue;
+export declare const BRAND_INKS: readonly BrandInk[];
+export declare function brandTheme(brand: string, ink: BrandInk): ThemeColors;
+export declare function selectedThemeColors(v?: ThemeValue | null): ThemeColors;
+export declare function normalizeThemeColors(c: ThemeColors): Required<Omit<ThemeColors, "brandInk" | "button" | "buttonInk">>;
+export declare function themeSwatchColors(c: ThemeColors): {
+    fill: string;
+    accent: string;
+};
+export declare const READABILITY_AA = 4.5;
+export declare const READABILITY_AA_LARGE = 3;
+export type ReadabilityGrade = "good" | "large-only" | "hard";
+export declare function contrastRatio(a: string, b: string): number | null;
+export declare const GRADE_LABEL: Record<ReadabilityGrade, string>;
+export declare function gradeContrast(ratio: number): ReadabilityGrade;
+export declare function accentInk(accent: string): string;
+export declare const ACCENT_DARKEN_STEPS: readonly [0.25, 0.4, 0.55];
+export declare function darkerAccents(accent: string): string[];
+export declare function themeColorStyle(v?: ThemeValue | null): Record<string, string>;
+export declare function themeAccentStyle(v?: ThemeValue | null): Record<string, string>;
+export declare function themeButtonColour(c?: ThemeColors | null): string | null;
+export declare function themeButtonStyle(v?: ThemeValue | null): Record<string, string>;
+export declare function themeButtonInk(c?: ThemeColors | null): string | null;
+export declare function resolvedButtonInk(c: ThemeColors, accent: string): string;
+export declare function themePresetAccentVars(v?: ThemeValue | null): Record<string, string>;
+export declare const THEME_SURFACE_KEYS: readonly ["--theme-bg", "--theme-surface", "--theme-surface-2", "--theme-line", "--theme-muted"];
+export declare function themeSurfaceStyle(v?: ThemeValue | null): Record<string, string>;
+export declare const TYPE_GROUPS: readonly ["heading", "body", "label"];
+export type TypeGroup = (typeof TYPE_GROUPS)[number];
+export declare const TYPE_GROUP_LABELS: Record<TypeGroup, string>;
+export declare const NEUTRAL_TYPE_GROUP: TypeGroup;
+export declare function typeScaleGroupOfClassName(className: string | null | undefined): TypeGroup | null;
+export declare const SIZE_STEPS: readonly ["headingLarge", "headingMedium", "headingSmall", "accent", "body", "label"];
+export type SizeStep = (typeof SIZE_STEPS)[number];
+export declare const SCALE_OF_STEP: Record<SizeStep, TypeGroup>;
+export declare const SIZE_STEP_LABELS: Record<SizeStep, string>;
+export type SizesValue = Record<SizeStep, number | null>;
+export declare const DEFAULT_SIZES: SizesValue;
+export declare const TEXT_SIZE_MIN = 8;
+export declare const TEXT_SIZE_MAX = 200;
+export declare const TEXT_SIZE_STEP = 1;
+export declare function normalizeSize(v?: number | null): number | null;
+export declare function normalizeSizes(v?: Partial<SizesValue> | null): SizesValue;
+export declare function typeSizesStyle(v?: Partial<SizesValue> | null): Record<string, string>;
+export declare const CORNER_STYLES: readonly ["square", "small", "large"];
+export type CornerStyle = (typeof CORNER_STYLES)[number];
+export declare const DEFAULT_CORNER_STYLE: CornerStyle;
+export declare function normalizeCornerStyle(v?: string | null): CornerStyle;
+export declare function cornerStyleTokens(v?: string | null): Record<string, string>;
+export declare const CORNER_RADIUS_MIN = 0;
+export declare const CORNER_RADIUS_MAX = 40;
+export declare const CORNER_STYLE_TO_PX: Record<CornerStyle, number | null>;
+export declare function normalizeCornerRadius(v?: number | string | null): number | null;
+export declare function cornerRadiusTokens(v?: number | string | null): Record<string, string>;
+export declare function siteCornerRadiusTokens(v?: number | string | null): Record<string, string>;
+export declare const CARD_SHADOWS: readonly ["none", "soft", "lifted"];
+export type CardShadow = (typeof CARD_SHADOWS)[number];
+export declare const DEFAULT_CARD_SHADOW: CardShadow;
+export declare const IDENTITY_CARD_SHADOW: CardShadow;
+export declare const CARD_GAPS: readonly ["tight", "normal", "roomy"];
+export type CardGap = (typeof CARD_GAPS)[number];
+export declare const DEFAULT_CARD_GAP: CardGap;
+export declare const IDENTITY_CARD_GAP: CardGap;
+export declare const HOVER_EFFECTS: readonly ["none", "lift", "highlight"];
+export type HoverEffect = (typeof HOVER_EFFECTS)[number];
+export declare const DEFAULT_HOVER_EFFECT: HoverEffect;
+export declare const IDENTITY_HOVER_EFFECT: HoverEffect;
+export declare const DEFAULT_SHADOW_COLOR = "#141416";
+export declare function normalizeCardShadow(v?: string | null): CardShadow;
+export declare function normalizeCardGap(v?: string | null): CardGap;
+export declare function normalizeHoverEffect(v?: string | null): HoverEffect;
+export declare function normalizeShadowColor(v?: string | null): string;
+export declare function cardShadowAttr(v?: string | null): CardShadow | undefined;
+export declare function cardGapAttr(v?: string | null): CardGap | undefined;
+export declare function hoverEffectAttr(v?: string | null): HoverEffect | undefined;
+export declare function shadowColorTokens(shadow?: string | null, color?: string | null, hover?: string | null): Record<string, string>;
+export declare const HEADING_COMPRESSIONS: readonly ["normal", "tight", "compressed"];
+export type HeadingCompression = (typeof HEADING_COMPRESSIONS)[number];
+export declare const DEFAULT_HEADING_COMPRESSION: HeadingCompression;
+export declare function normalizeHeadingCompression(v?: string | null): HeadingCompression;
+export declare function headingCompressionAttr(v?: string | null): HeadingCompression | undefined;
+export declare function compressionMetrics(v?: string | null): {
+    lineHeight?: number;
+    letterSpacing?: number;
+};
+export declare const HEADING_CASES: readonly ["authored", "sentence"];
+export type HeadingCase = (typeof HEADING_CASES)[number];
+export interface HeadingTypographyValue {
+    case?: HeadingCase | null;
+    weight?: number | null;
+    weightStrong?: number | null;
+    maxPx?: number | null;
+    weight2?: number | null;
+    weight3?: number | null;
+    case2?: HeadingCase | null;
+    case3?: HeadingCase | null;
+}
+export interface ResolvedHeadingTypography {
+    case: HeadingCase;
+    weight: number | null;
+    weightStrong: number | null;
+    maxPx: number | null;
+    weight2: number | null;
+    weight3: number | null;
+    case2: HeadingCase;
+    case3: HeadingCase;
+}
+export declare const DEFAULT_HEADING_TYPOGRAPHY: ResolvedHeadingTypography;
+export declare const HEADING_WEIGHT_MIN = 100;
+export declare const HEADING_WEIGHT_MAX = 900;
+export declare const HEADING_MAX_PX_MIN = 24;
+export declare const HEADING_MAX_PX_MAX = 200;
+export declare function normalizeHeadingTypography(v?: HeadingTypographyValue | null): ResolvedHeadingTypography;
+export declare function headingTypographyStyle(v?: HeadingTypographyValue | null): Record<string, string>;
+export interface HeadingTypographyRow {
+    heading_case?: string | null;
+    heading_weight?: number | null;
+    heading_weight_strong?: number | null;
+    heading_max_px?: number | null;
+    heading_2_weight?: number | null;
+    heading_3_weight?: number | null;
+    heading_2_case?: string | null;
+    heading_3_case?: string | null;
+}
+export declare function headingTypographyFromRow(row?: HeadingTypographyRow | null): ResolvedHeadingTypography;
+export type ResolvedHeadingTypographyRow = {
+    heading_case: HeadingCase;
+    heading_weight: number | null;
+    heading_weight_strong: number | null;
+    heading_max_px: number | null;
+    heading_2_weight: number | null;
+    heading_3_weight: number | null;
+    heading_2_case: HeadingCase;
+    heading_3_case: HeadingCase;
+};
+export declare function headingTypographyToRow(v?: HeadingTypographyValue | null): ResolvedHeadingTypographyRow;