efficient-web-builder 0.9.0 → 1.0.0

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

@@ -0,0 +1,154 @@
+export declare const GALLERY_COLUMNS = 12;
+export declare const GALLERY_COLUMNS_PHONE = 6;
+export declare const GALLERY_PHONE_BREAKPOINT = 800;
+export type GalleryCell = readonly [columns: number, rows: number];
+export interface GalleryLayout {
+    readonly label: string;
+    readonly desktop: readonly GalleryCell[];
+    readonly phone: readonly GalleryCell[];
+    readonly across: 2 | 3 | 4 | 6;
+    readonly acrossPhone: 2 | 3 | 6;
+}
+export declare const GALLERY_LAYOUTS: {
+    readonly twoAcross: {
+        readonly label: "Two across";
+        readonly across: 2;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [6, 1], readonly [6, 1]];
+        readonly phone: readonly [readonly [3, 1], readonly [3, 1]];
+    };
+    readonly zigzag: {
+        readonly label: "Zigzag";
+        readonly across: 2;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [8, 1], readonly [4, 1], readonly [4, 1], readonly [8, 1]];
+        readonly phone: readonly [readonly [4, 1], readonly [2, 1], readonly [2, 1], readonly [4, 1]];
+    };
+    readonly brick: {
+        readonly label: "Brick";
+        readonly across: 2;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [5, 1], readonly [7, 1], readonly [7, 1], readonly [5, 1]];
+        readonly phone: readonly [readonly [2, 1], readonly [4, 1], readonly [4, 1], readonly [2, 1]];
+    };
+    readonly twoTall: {
+        readonly label: "Two tall";
+        readonly across: 2;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [6, 2], readonly [6, 2]];
+        readonly phone: readonly [readonly [3, 2], readonly [3, 2]];
+    };
+    readonly offsetTall: {
+        readonly label: "Offset tall";
+        readonly across: 2;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [5, 2], readonly [7, 1], readonly [3, 1], readonly [4, 1]];
+        readonly phone: readonly [readonly [3, 2], readonly [3, 1], readonly [3, 1]];
+    };
+    readonly ladder: {
+        readonly label: "Ladder";
+        readonly across: 2;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [3, 2], readonly [9, 1], readonly [5, 1], readonly [4, 1]];
+        readonly phone: readonly [readonly [2, 2], readonly [4, 1], readonly [2, 1], readonly [2, 1]];
+    };
+    readonly threeAcross: {
+        readonly label: "Three across";
+        readonly across: 3;
+        readonly acrossPhone: 3;
+        readonly desktop: readonly [readonly [4, 1], readonly [4, 1], readonly [4, 1]];
+        readonly phone: readonly [readonly [2, 1], readonly [2, 1], readonly [2, 1]];
+    };
+    readonly bigLeft: {
+        readonly label: "Big left";
+        readonly across: 3;
+        readonly acrossPhone: 3;
+        readonly desktop: readonly [readonly [6, 1], readonly [3, 1], readonly [3, 1]];
+        readonly phone: readonly [readonly [4, 1], readonly [1, 1], readonly [1, 1]];
+    };
+    readonly bigRight: {
+        readonly label: "Big right";
+        readonly across: 3;
+        readonly acrossPhone: 3;
+        readonly desktop: readonly [readonly [3, 1], readonly [3, 1], readonly [6, 1]];
+        readonly phone: readonly [readonly [1, 1], readonly [1, 1], readonly [4, 1]];
+    };
+    readonly threeStagger: {
+        readonly label: "Three stagger";
+        readonly across: 3;
+        readonly acrossPhone: 3;
+        readonly desktop: readonly [readonly [5, 1], readonly [4, 1], readonly [3, 1], readonly [3, 1], readonly [4, 1], readonly [5, 1]];
+        readonly phone: readonly [readonly [3, 1], readonly [2, 1], readonly [1, 1], readonly [1, 1], readonly [2, 1], readonly [3, 1]];
+    };
+    readonly threeLadder: {
+        readonly label: "Three ladder";
+        readonly across: 3;
+        readonly acrossPhone: 3;
+        readonly desktop: readonly [readonly [3, 1], readonly [4, 1], readonly [5, 1], readonly [5, 1], readonly [4, 1], readonly [3, 1]];
+        readonly phone: readonly [readonly [1, 1], readonly [2, 1], readonly [3, 1], readonly [3, 1], readonly [2, 1], readonly [1, 1]];
+    };
+    readonly tallMiddle: {
+        readonly label: "Tall middle";
+        readonly across: 3;
+        readonly acrossPhone: 3;
+        readonly desktop: readonly [readonly [4, 1], readonly [4, 2], readonly [4, 1], readonly [4, 1], readonly [4, 1]];
+        readonly phone: readonly [readonly [2, 1], readonly [2, 2], readonly [2, 1], readonly [2, 1], readonly [2, 1]];
+    };
+    readonly fourAcross: {
+        readonly label: "Four across";
+        readonly across: 4;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [3, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1]];
+        readonly phone: readonly [readonly [3, 1], readonly [3, 1]];
+    };
+    readonly bigFirst: {
+        readonly label: "Big first";
+        readonly across: 4;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [6, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1]];
+        readonly phone: readonly [readonly [6, 1], readonly [3, 1], readonly [3, 1]];
+    };
+    readonly fourStagger: {
+        readonly label: "Four stagger";
+        readonly across: 4;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [4, 1], readonly [3, 1], readonly [2, 1], readonly [3, 1], readonly [2, 1], readonly [3, 1], readonly [4, 1], readonly [3, 1]];
+        readonly phone: readonly [readonly [4, 1], readonly [2, 1], readonly [2, 1], readonly [4, 1]];
+    };
+    readonly tallFirst: {
+        readonly label: "Tall first";
+        readonly across: 4;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [3, 2], readonly [3, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1]];
+        readonly phone: readonly [readonly [3, 2], readonly [3, 1], readonly [3, 1]];
+    };
+    readonly oneThenFour: {
+        readonly label: "One then four";
+        readonly across: 4;
+        readonly acrossPhone: 2;
+        readonly desktop: readonly [readonly [12, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1], readonly [3, 1]];
+        readonly phone: readonly [readonly [6, 1], readonly [3, 1], readonly [3, 1]];
+    };
+    readonly sixAcross: {
+        readonly label: "Six across";
+        readonly across: 6;
+        readonly acrossPhone: 3;
+        readonly desktop: readonly [readonly [2, 1], readonly [2, 1], readonly [2, 1], readonly [2, 1], readonly [2, 1], readonly [2, 1]];
+        readonly phone: readonly [readonly [2, 1], readonly [2, 1], readonly [2, 1]];
+    };
+    readonly sixStagger: {
+        readonly label: "Six stagger";
+        readonly across: 6;
+        readonly acrossPhone: 6;
+        readonly desktop: readonly [readonly [3, 1], readonly [2, 1], readonly [1, 1], readonly [2, 1], readonly [1, 1], readonly [3, 1], readonly [1, 1], readonly [3, 1], readonly [2, 1], readonly [2, 1], readonly [1, 1], readonly [3, 1]];
+        readonly phone: readonly [readonly [1, 1], readonly [1, 1], readonly [1, 1], readonly [1, 1], readonly [1, 1], readonly [1, 1]];
+    };
+};
+export type GalleryLayoutKey = keyof typeof GALLERY_LAYOUTS;
+export declare const GALLERY_LAYOUT_KEYS: GalleryLayoutKey[];
+export declare const GALLERY_ACROSS_BUCKETS: readonly (2 | 3 | 4 | 6)[];
+export declare function resolveGalleryLayout(value: unknown): GalleryLayout | null;
+export declare function galleryTailSpan(layout: GalleryLayout, phone: boolean): number;
+export declare const GALLERY_LAYOUT_CLASS_PREFIX = "sf-wall--";
+export declare function galleryLayoutClass(key: GalleryLayoutKey): string;
+export declare function galleryLayoutCss(key: GalleryLayoutKey): string;

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

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

package/dist/lib/content/grid-span.d.ts

@@ -0,0 +1,15 @@
+export declare const GRID_MAX_COLUMNS = 12;
+export declare const GRID_MOBILE_MIN_COLUMNS = 1;
+export declare const GRID_MOBILE_MAX_COLUMNS = 3;
+export declare const GRID_PHONE_BREAKPOINT = 800;
+export declare const GRID_COLUMNS_FALLBACK = 3;
+export declare const GRID_SPAN_FALLBACK = 1;
+export declare function resolveGridColumns(columns: unknown): number;
+export declare function resolveGridMobileColumns(columns: unknown, desktopColumns?: unknown): number;
+export declare function resolveGridSpan(span: unknown): number | null;
+export declare const GRID_SPAN_ATTR = "data-sf-span";
+export declare const POSITION_CONTAINERS: readonly ["Grid", "GalleryB"];
+export declare function containerOffersPositions(node: {
+    type?: unknown;
+    props?: Record<string, unknown>;
+} | null | undefined): boolean;

package/dist/lib/content/grid-span.js

@@ -0,0 +1 @@
+import{resolveGalleryLayout as i}from"./gallery-layout.js";const u=12,s=1,l=3,_=800,p=3,I=1;function e(r,t,n){const o=typeof r=="number"?r:Number.parseInt(String(r??""),10);return Number.isFinite(o)?Math.min(n,Math.max(t,Math.trunc(o))):null}function c(r){return e(r,1,u)??p}function a(r,t){const n=e(r,s,l);return n??(c(t)===4?2:s)}function G(r){return r==null||r===""?null:e(r,1,u)}const N="data-sf-span",x=["Grid","GalleryB"];function M(r){if(!r)return!1;if(r.type==="Grid")return!0;if(r.type==="GalleryB"){if(i(r.props?.layout))return!1;const t=r.props?.columns;return t!=null&&t!==""}return!1}export{p as GRID_COLUMNS_FALLBACK,u as GRID_MAX_COLUMNS,l as GRID_MOBILE_MAX_COLUMNS,s as GRID_MOBILE_MIN_COLUMNS,_ as GRID_PHONE_BREAKPOINT,N as GRID_SPAN_ATTR,I as GRID_SPAN_FALLBACK,x as POSITION_CONTAINERS,M as containerOffersPositions,c as resolveGridColumns,a as resolveGridMobileColumns,G as resolveGridSpan};

package/dist/lib/content/image-corners.d.ts

@@ -0,0 +1,7 @@
+import type { CSSProperties } from "react";
+import { CORNER_RADIUS_MAX, CORNER_RADIUS_MIN } from "../theme.js";
+export { CORNER_RADIUS_MAX, CORNER_RADIUS_MIN };
+export declare const IMAGE_CORNER_STEP = 1;
+export declare const IMAGE_CORNERS_LABEL = "Corners";
+export declare function normalizeImageCorners(value?: number | string | null): number | null;
+export declare function imageCornerStyle(value: unknown, sides?: unknown): CSSProperties | null;

package/dist/lib/content/image-corners.js

@@ -0,0 +1 @@
+import{cornerSidesShorthand as t,hasCornerSubset as i,normalizeCornerSides as R}from"./section-corners.js";import{CORNER_RADIUS_MAX as s,CORNER_RADIUS_MIN as u,normalizeCornerRadius as a}from"../theme.js";const S=1,l="Corners";function C(r){return a(r)}function E(r,o){const e=C(r);if(e===null)return null;const n=`${e}px`;return{borderRadius:i(o)?t(n,R(o)??[]):n}}export{s as CORNER_RADIUS_MAX,u as CORNER_RADIUS_MIN,l as IMAGE_CORNERS_LABEL,S as IMAGE_CORNER_STEP,E as imageCornerStyle,C as normalizeImageCorners};

package/dist/lib/content/image-fit.d.ts

@@ -0,0 +1,11 @@
+export type ImageFit = "cover" | "contain";
+export declare const IMAGE_FITS: readonly ["cover", "contain"];
+export declare const IMAGE_FIT_LABEL: Record<ImageFit, string>;
+export declare const IMAGE_FIT_ROW_LABEL = "Image fit";
+export declare function parseImageFit(value: unknown, fallback: ImageFit): ImageFit;
+export declare function imageFitOptions(): {
+    label: string;
+    value: ImageFit;
+}[];
+export declare function imageFitClass(fit: ImageFit): string;
+export declare function imageIsCropped(aspect: unknown, fit: ImageFit): boolean;

package/dist/lib/content/image-fit.js

@@ -0,0 +1 @@
+const n=["cover","contain"],e={cover:"Cover",contain:"Contain"},r="Image fit";function c(t,o){return n.includes(t)?t:o}function i(){return n.map(t=>({label:e[t],value:t}))}function a(t){return t==="contain"?"object-contain":"object-cover"}function p(t,o){return t!=="auto"&&o==="cover"}export{n as IMAGE_FITS,e as IMAGE_FIT_LABEL,r as IMAGE_FIT_ROW_LABEL,a as imageFitClass,i as imageFitOptions,p as imageIsCropped,c as parseImageFit};

package/dist/lib/content/image-treatment.d.ts

@@ -0,0 +1,20 @@
+export declare const IMAGE_GRAYSCALE_FILTER = "grayscale(1) contrast(1.03)";
+export declare const IMAGE_GRAYSCALE_LABEL = "Black and white";
+export declare function imageTreatmentStyle(grayscale?: boolean | null): {
+    filter?: string;
+};
+export declare function imageTreatmentProps(grayscale?: boolean | null): {
+    style?: {
+        filter: string;
+    };
+};
+export declare const SITE_PHOTO_CLASS = "sf-photo-grayscale";
+export declare const SITE_PHOTO_CSS: string;
+export interface ImageTreatment {
+    className?: string;
+    style?: {
+        filter: string;
+    };
+}
+export declare function resolveImageTreatment(block?: boolean | null, site?: boolean | null): ImageTreatment;
+export declare function sitePhotographyTokens(grayscale?: boolean | null): Record<string, string>;

package/dist/lib/content/image-treatment.js

@@ -0,0 +1 @@
+const o="grayscale(1) contrast(1.03)",s="Black and white";function n(e){return e===!0?{filter:o}:{}}function a(e){const{filter:r}=n(e);return r?{style:{filter:r}}:{}}const t="sf-photo-grayscale",i=`@media (hover:hover){.${t}{filter:${o};transition:filter 160ms ease}.${t}:hover{filter:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.${t}{transition:none}}`;function c(e,r){return typeof e=="boolean"?e?a(!0):{}:r===!0?{className:t}:{}}function u(e){return e===!0?{[t]:i}:{}}export{o as IMAGE_GRAYSCALE_FILTER,s as IMAGE_GRAYSCALE_LABEL,t as SITE_PHOTO_CLASS,i as SITE_PHOTO_CSS,a as imageTreatmentProps,n as imageTreatmentStyle,c as resolveImageTreatment,u as sitePhotographyTokens};

package/dist/lib/content/image-width.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from "react";
+export declare const IMAGE_WIDTH: {
+    readonly min: 40;
+    readonly max: 2000;
+    readonly step: 10;
+    readonly fallback: 2000;
+    readonly unit: "px";
+};
+export declare function imageWidthStyle(value: number | undefined): CSSProperties | null;

package/dist/lib/content/image-width.js

@@ -0,0 +1 @@
+const n={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function i(t){return typeof t!="number"?null:{width:`${t}${n.unit}`,maxWidth:"100%"}}export{n as IMAGE_WIDTH,i as imageWidthStyle};

package/dist/lib/content/page-background.d.ts

@@ -0,0 +1,4 @@
+export declare const PAGE_BACKGROUND_DEFAULT: "#ffffff";
+export declare function resolvePageBackground(v: unknown): string;
+export declare function isPageBackgroundAuthored(v: unknown): boolean;
+export declare function pageBackgroundVars(v: unknown): Record<string, string>;

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

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

package/dist/lib/content/page-width.d.ts

@@ -0,0 +1,63 @@
+import type { CSSProperties } from "react";
+export declare const PAGE_WIDTH: {
+    readonly min: 1000;
+    readonly max: 2000;
+    readonly step: 50;
+    readonly default: 1600;
+};
+export declare function centredCap(maxWidth: number | string): CSSProperties;
+export declare function pageWidthStyle(fullWidth?: boolean, pageWidth?: number): CSSProperties | null;
+export declare const SITE_WIDTH_VAR = "--sf-site-width";
+export declare const SITE_WIDTH_CAP: string;
+export declare const SITE_WIDTH_CAP_CLASS: string;
+export declare const PRE_SITE_WIDTH_CAP_CLASS: string;
+export declare function normalizeSiteWidth(v?: number | null): number;
+export declare function siteWidthTokens(v?: number | null): Record<string, string>;
+export declare const SITE_GUTTER: {
+    readonly min: 0;
+    readonly max: 80;
+    readonly step: 4;
+    readonly default: 40;
+};
+export declare const SITE_GUTTER_VAR = "--sf-site-gutter";
+export declare const SITE_GUTTER_CAP: string;
+export declare const SITE_GUTTER_CLASS: string;
+export declare const PRE_SITE_GUTTER_CLASSES: readonly ["px-10", "px-[60px]"];
+export declare const SITE_GUTTER_NARROW: {
+    readonly md: `min(24px,${string})`;
+    readonly sm: `min(20px,${string})`;
+    readonly frame: `min(24px,${string})`;
+    readonly tabs: `min(16px,${string})`;
+};
+export declare const SITE_GUTTER_SUBSTITUTIONS: ReadonlyArray<readonly [string, string]>;
+export declare function asMainGutters(html: string): string;
+export declare function normalizeSiteGutter(v?: number | null): number;
+export declare function siteGutterTokens(v?: number | null): Record<string, string>;
+export declare function siteHalfColumnCap(dividerPx?: number): string;
+export declare function siteHalfColumnCapClass(dividerPx?: number): string;
+export declare const HERO_CAP: string;
+export declare const HERO_CAP_CLASS: string;
+export declare const PRE_HERO_CAP_CLASS: string;
+export declare const HERO_BACKGROUND_VAR = "--sf-hero-cap";
+export declare const HERO_BACKGROUND_CAP = "var(--sf-hero-cap,none)";
+export declare const HERO_BACKGROUND_CAP_CLASS = "max-w-[var(--sf-hero-cap,none)]";
+export declare const HERO_BLEED_MARGIN_VAR = "--sf-hero-bleed-m";
+export declare const HERO_BLEED_WIDTH_VAR = "--sf-hero-bleed-w";
+export declare const HERO_BLEED_MARGIN = "var(--sf-hero-bleed-m,calc(50% - 50vw))";
+export declare const HERO_BLEED_WIDTH = "var(--sf-hero-bleed-w,100vw)";
+export declare const HERO_BLEED_MARGIN_CLASS = "mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))]";
+export declare const HERO_BLEED_WIDTH_CLASS = "w-[var(--sf-hero-bleed-w,100vw)]";
+export declare const HERO_CHROME_INSET_VAR = "--sf-hero-chrome-x";
+export declare const HERO_CHROME_CAP_VAR = "--sf-hero-chrome-cap";
+export declare function heroBackgroundTokens(follows?: boolean | null): Record<string, string>;
+export declare const CHROME_WIDTH_CAP: string;
+export declare const CHROME_WIDTH_CAP_CLASS: string;
+export declare const PRE_CHROME_WIDTH_CAP_CLASS: string;
+export declare function siteWidthCapStyle(fullWidth?: boolean): CSSProperties | null;
+export declare const CHROME_CAP_VAR = "--sf-chrome-cap";
+export declare const CHROME_CAP_READ: string;
+export type WidthAnswer = "content" | "full";
+export declare const PAGE_WIDTH_ATTR = "data-page-width";
+export declare function pageWidthMarker(answer?: unknown): "full" | null;
+export declare function chromeWidthStyle(own?: WidthAnswer | null): CSSProperties | null;
+export declare function resolveChromeWidth(stored?: unknown): WidthAnswer | undefined;

package/dist/lib/content/page-width.js

@@ -0,0 +1 @@
+const n={min:1e3,max:2e3,step:50,default:1600};function m(t){return{maxWidth:t,marginInline:"auto",width:"100%"}}function D(t,x){if(t!==!1)return null;const a=typeof x=="number"?x:n.default;return m(a)}const i="--sf-site-width",p=`var(${i},${n.default}px)`,T=`max-w-[${p}]`,P=`max-w-[${n.default}px]`;function $(t){return typeof t!="number"||!Number.isFinite(t)?n.default:Math.round(Math.min(Math.max(t,n.min),n.max))}function W(t){const x=$(t);return x===n.default?{}:{[i]:`${x}px`}}const o={min:0,max:80,step:4,default:40},s="--sf-site-gutter",e=`var(${s},${o.default}px)`,A=`px-[${e}]`,G=["px-10","px-[60px]"],r={md:`min(24px,${e})`,sm:`min(20px,${e})`,frame:`min(24px,${e})`,tabs:`min(16px,${e})`},C=[[`max-[1100px]:px-[${r.md}]`,"max-[1100px]:px-6"],[`max-[1100px]:px-[${r.tabs}]`,"max-[1100px]:px-4"],[`max-[960px]:px-[${r.frame}]`,"max-[960px]:px-6"],[`max-[900px]:px-[${r.md}]`,"max-[900px]:px-6"],[`max-[800px]:px-[${r.md}]`,"max-[800px]:px-6"],[`max-[720px]:px-[${r.sm}]`,"max-[720px]:px-5"],[`max-[800px]:px-[${r.sm}]`,"max-[800px]:px-5"],[`max-[640px]:px-[${r.sm}]`,"max-[640px]:px-5"],[`min-[800px]:px-[${e}]`,"min-[800px]:px-10"],[`max-[720px]:px-[min(24px,${e})]`,"max-[720px]:px-6"],[`max-[800px]:-mx-[min(20px,${e})]`,"max-[800px]:-mx-5"],[`max-[720px]:-mx-[min(20px,${e})]`,"max-[720px]:-mx-5"],[`-mx-[${e}]`,"-mx-10"],[A,"px-10"]];function M(t){return C.reduce((x,[a,R])=>x.split(a).join(R),t)}function S(t){return typeof t!="number"||!Number.isFinite(t)?o.default:Math.round(Math.min(Math.max(t,o.min),o.max))}function w(t){const x=S(t);return x===o.default?{}:{[s]:`${x}px`}}function d(t=0){return`calc(${p}/2 - ${e}*2 - ${t}px)`}function L(t=0){return`max-w-[${d(t).replace(/ /g,"_")}]`}const f=`min(var(--sf-page-cap,${p}),${p})`,U=`max-w-[${f}]`,g=`max-w-[min(var(--sf-page-cap,${n.default}px),${n.default}px)]`,E="--sf-hero-cap",H=`var(${E},none)`,v=`max-w-[${H}]`,_="--sf-hero-bleed-m",u="--sf-hero-bleed-w",B=`var(${_},calc(50% - 50vw))`,N=`var(${u},100vw)`,b=`mx-[var(${_},calc(50%_-_50vw))]`,V=`w-[var(${u},100vw)]`,I="--sf-hero-chrome-x",h="--sf-hero-chrome-cap";function y(t){return t===!0?{[E]:f,[_]:"auto",[u]:"100%",[I]:"24px",[h]:"none"}:{}}const c=`calc(${p} - ${e}*2)`,k=`max-w-[${c.replace(/ /g,"_")}]`,K=T;function z(t){return t!==!1?null:m(l)}const O="--sf-chrome-cap",l=`var(${O},${c})`,F="data-page-width";function j(t){return t==="full"?"full":null}function q(t){return t==="full"?null:m(t==="content"?c:l)}function J(t){if(t==="full")return"full";if(t==="content")return"content"}export{l as CHROME_CAP_READ,O as CHROME_CAP_VAR,c as CHROME_WIDTH_CAP,k as CHROME_WIDTH_CAP_CLASS,H as HERO_BACKGROUND_CAP,v as HERO_BACKGROUND_CAP_CLASS,E as HERO_BACKGROUND_VAR,B as HERO_BLEED_MARGIN,b as HERO_BLEED_MARGIN_CLASS,_ as HERO_BLEED_MARGIN_VAR,N as HERO_BLEED_WIDTH,V as HERO_BLEED_WIDTH_CLASS,u as HERO_BLEED_WIDTH_VAR,f as HERO_CAP,U as HERO_CAP_CLASS,h as HERO_CHROME_CAP_VAR,I as HERO_CHROME_INSET_VAR,n as PAGE_WIDTH,F as PAGE_WIDTH_ATTR,K as PRE_CHROME_WIDTH_CAP_CLASS,g as PRE_HERO_CAP_CLASS,G as PRE_SITE_GUTTER_CLASSES,P as PRE_SITE_WIDTH_CAP_CLASS,o as SITE_GUTTER,e as SITE_GUTTER_CAP,A as SITE_GUTTER_CLASS,r as SITE_GUTTER_NARROW,C as SITE_GUTTER_SUBSTITUTIONS,s as SITE_GUTTER_VAR,p as SITE_WIDTH_CAP,T as SITE_WIDTH_CAP_CLASS,i as SITE_WIDTH_VAR,M as asMainGutters,m as centredCap,q as chromeWidthStyle,y as heroBackgroundTokens,S as normalizeSiteGutter,$ as normalizeSiteWidth,j as pageWidthMarker,D as pageWidthStyle,J as resolveChromeWidth,w as siteGutterTokens,d as siteHalfColumnCap,L as siteHalfColumnCapClass,z as siteWidthCapStyle,W as siteWidthTokens};

package/dist/lib/content/product-page.d.ts

@@ -0,0 +1,11 @@
+export declare const PRODUCT_PAGE_SLUG = "product";
+export declare const TYRE_PAGE_SLUG = "tyre";
+export declare const DYNAMIC_TEMPLATE_SLUGS: readonly string[];
+export declare function isDynamicTemplateSlug(slug: string): boolean;
+export declare const TEMPLATE_PRODUCT_TYPE_PROP = "productType";
+export type TemplateProductKind = "alloy-wheel" | "tyre";
+export declare function templateProductKind(slug: string, rootProps?: Record<string, unknown> | null): TemplateProductKind | null;
+export declare function declaredTemplateProductKind(rootProps?: Record<string, unknown> | null): TemplateProductKind | null;
+export declare function layoutDeclaredProductKind(layout: unknown): TemplateProductKind | null;
+export declare function isProductTemplatePage(slug: string, rootProps?: Record<string, unknown> | null): boolean;
+export declare const DYNAMIC_PRODUCT_PROP = "dynamic";

package/dist/lib/content/product-page.js

@@ -0,0 +1 @@
+const o="product",r="tyre",c=[o,r];function d(t){return c.includes(t)}const u="productType",l={[o]:"alloy-wheel",[r]:"tyre"},p=["alloy-wheel","tyre"];function P(t,e){return n(e)??l[t]??null}function n(t){const e=t?.[u];return typeof e=="string"&&p.includes(e)?e:null}function i(t){const e=t?.root;return n(e?.props)}function s(t,e){return P(t,e)!==null}const T="dynamic";export{T as DYNAMIC_PRODUCT_PROP,c as DYNAMIC_TEMPLATE_SLUGS,o as PRODUCT_PAGE_SLUG,u as TEMPLATE_PRODUCT_TYPE_PROP,r as TYRE_PAGE_SLUG,n as declaredTemplateProductKind,d as isDynamicTemplateSlug,s as isProductTemplatePage,i as layoutDeclaredProductKind,P as templateProductKind};

package/dist/lib/content/section-animation.d.ts

@@ -0,0 +1,13 @@
+export declare const SECTION_MOTIONS: readonly ["fade", "rise", "scale"];
+export type SectionMotion = (typeof SECTION_MOTIONS)[number];
+export declare const SECTION_MOTION_NONE = "none";
+export declare const SECTION_MOTION_OPTIONS: readonly {
+    label: string;
+    value: string;
+}[];
+export declare function normalizeSectionMotion(value: unknown): SectionMotion | null;
+export declare const SECTION_ANIM_ATTR = "data-sf-anim";
+export declare const SECTION_ANIM_STATE = "data-sf-anim-state";
+export declare function armSectionEntrance(el: HTMLElement): () => void;
+export declare function playSectionEntrance(el: HTMLElement): void;
+export declare const SECTION_ANIM_EXCLUDED: ReadonlySet<string>;

package/dist/lib/content/section-animation.js

@@ -0,0 +1 @@
+import{SECTION_THEME_EXCLUDED as s}from"./section-surface.js";const u=["fade","rise","scale"],d="none",O=[{label:"None",value:d},{label:"Fade",value:"fade"},{label:"Rise",value:"rise"},{label:"Scale",value:"scale"}];function I(t){return u.includes(t)?t:null}const i="data-sf-anim",n="data-sf-anim-state";function N(t){const e=()=>{};if(typeof IntersectionObserver>"u"||!t.getAttribute(i))return e;const r=window.innerHeight||document.documentElement.clientHeight;if(t.getBoundingClientRect().top<r)return e;t.setAttribute(n,"armed");const o=new IntersectionObserver(c=>{for(const a of c)if(a.isIntersecting){o.disconnect(),f(t);break}},{threshold:0});return o.observe(t),()=>{o.disconnect(),t.removeAttribute(n)}}function f(t){if(!t.getAttribute(i))return;t.removeAttribute(n),t.offsetWidth,t.setAttribute(n,"play");const e=r=>{r.target===t&&(t.removeAttribute(n),t.removeEventListener("animationend",e))};t.addEventListener("animationend",e)}const m=s;export{i as SECTION_ANIM_ATTR,m as SECTION_ANIM_EXCLUDED,n as SECTION_ANIM_STATE,u as SECTION_MOTIONS,d as SECTION_MOTION_NONE,O as SECTION_MOTION_OPTIONS,N as armSectionEntrance,I as normalizeSectionMotion,f as playSectionEntrance};

package/dist/lib/content/section-background.d.ts

@@ -0,0 +1,7 @@
+export declare const SECTION_BG_SWATCHES: readonly ["transparent", "var(--section-bg)", "var(--surface)", "var(--surface-2)"];
+export declare const SECTION_BG_SWATCH_NAMES: Readonly<Record<string, string>>;
+export declare const THEME_SECTION_BG = "var(--section-bg)";
+export declare const SECTION_BG_INHERIT: "inherit";
+export type SectionBackground = string | undefined;
+export declare function resolveSectionBackground(stored: SectionBackground, builtIn: SectionBackground): SectionBackground;
+export declare function isSectionBackgroundInheriting(stored: SectionBackground, builtIn: SectionBackground): boolean;

package/dist/lib/content/section-background.js

@@ -0,0 +1 @@
+const a=["transparent","var(--section-bg)","var(--surface)","var(--surface-2)"],c={transparent:"No fill","var(--section-bg)":"Section band","var(--surface)":"Panels and cards","var(--surface-2)":"Second surface"},e="var(--section-bg)",t="inherit";function o(n,r){return n===t?e:n===void 0?r:n}function i(n,r){return n===t?!0:n===void 0&&r===e}export{t as SECTION_BG_INHERIT,a as SECTION_BG_SWATCHES,c as SECTION_BG_SWATCH_NAMES,e as THEME_SECTION_BG,i as isSectionBackgroundInheriting,o as resolveSectionBackground};

package/dist/lib/content/section-corners.d.ts

@@ -0,0 +1,16 @@
+import type { CSSProperties } from "react";
+export declare function hasOwnSectionCorners(value: unknown): boolean;
+export declare function sectionCornerStyle(value: unknown, sides?: unknown): CSSProperties | undefined;
+export declare const SECTION_RADIUS_PROP = "--sf-section-radius";
+export declare const CARD_RADIUS_PROP = "--sf-card-radius";
+export declare const CORNER_SIDES: readonly ["tl", "tr", "br", "bl"];
+export type CornerSide = (typeof CORNER_SIDES)[number];
+export declare function normalizeCornerSides(value: unknown): CornerSide[] | null;
+export declare function hasCornerSubset(value: unknown): boolean;
+export declare function cornerSidesShorthand(radius: string, sides: CornerSide[]): string;
+export declare const CORNER_SIDES_LABEL = "Which corners";
+export declare const CORNER_SIDE_POINTS: readonly {
+    value: CornerSide;
+    label: string;
+}[];
+export declare function cornerSidesSummary(sides: readonly CornerSide[]): string;

package/dist/lib/content/section-corners.js

@@ -0,0 +1 @@
+import{cornerRadiusTokens as u,normalizeCornerRadius as c}from"../theme.js";function f(r){return typeof r=="number"&&Number.isFinite(r)}function R(r,t){if(!f(r))return;const n=u(c(r));if(Object.keys(n).length===0)return;const o=n[a];if(typeof o!="string")return n;const i=h(t)?b(o,l(t)??[]):o;return{...n,[s]:i}}const s="--sf-section-radius",a="--sf-card-radius",e=["tl","tr","br","bl"];function l(r){if(!Array.isArray(r))return null;const t=r.filter(n=>e.includes(n));return e.filter(n=>t.includes(n))}function h(r){const t=l(r);return t!==null&&t.length<e.length}function b(r,t){return e.map(n=>t.includes(n)?r:"0").join(" ")}const d="Which corners",p=[{value:"tl",label:"Top left"},{value:"tr",label:"Top right"},{value:"bl",label:"Bottom left"},{value:"br",label:"Bottom right"}];function g(r){const t=n=>r.includes(n);if(r.length===e.length)return"All four";if(r.length===0)return"None";if(r.length===1)return p.find(n=>n.value===r[0])?.label??"1 corner";if(r.length===2){if(t("tl")&&t("tr"))return"Top two";if(t("bl")&&t("br"))return"Bottom two";if(t("tl")&&t("bl"))return"Left two";if(t("tr")&&t("br"))return"Right two"}return`${r.length} corners`}export{a as CARD_RADIUS_PROP,e as CORNER_SIDES,d as CORNER_SIDES_LABEL,p as CORNER_SIDE_POINTS,s as SECTION_RADIUS_PROP,b as cornerSidesShorthand,g as cornerSidesSummary,h as hasCornerSubset,f as hasOwnSectionCorners,l as normalizeCornerSides,R as sectionCornerStyle};

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

@@ -0,0 +1,9 @@
+export declare const SECTION_HEIGHT: {
+    readonly min: 40;
+    readonly max: 100;
+    readonly step: 5;
+    readonly fallback: 100;
+    readonly unit: "vh";
+};
+export declare function resolveSectionHeight(value: number | undefined): string;
+export declare function hasSectionHeight(...values: (number | undefined)[]): boolean;

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

@@ -0,0 +1 @@
+const e={min:40,max:100,step:5,fallback:100,unit:"vh"};function o(t){return`${typeof t=="number"?t:e.fallback}${e.unit}`}function r(...t){return t.some(n=>typeof n=="number")}export{e as SECTION_HEIGHT,r as hasSectionHeight,o as resolveSectionHeight};

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

@@ -0,0 +1,60 @@
+import type { CSSProperties } from "react";
+export type SectionHeightMode = "auto" | "fixed" | "screen";
+export declare const SECTION_HEIGHT_MODES: readonly SectionHeightMode[];
+export type SectionHeightUnit = "px" | "%";
+export declare const SECTION_HEIGHT_UNITS: readonly SectionHeightUnit[];
+export declare const VIEWPORT_UNIT: "svh";
+export declare const VIEWPORT_UNIT_FALLBACK: "vh";
+export declare const HEADER_HEIGHT_VAR = "var(--sf-header-h, 88px)";
+export declare const SECTION_MIN_HEIGHT: {
+    readonly min: 40;
+    readonly max: 2000;
+    readonly step: 10;
+    readonly fallback: 600;
+};
+export declare const SECTION_SCREEN_PCT: {
+    readonly min: 10;
+    readonly max: 200;
+    readonly step: 5;
+    readonly fallback: 100;
+};
+export declare const SECTION_MIN_HEIGHT_CLASS = "sf-section-minh";
+export declare const SECTION_MIN_HEIGHT_VARS: {
+    readonly base: "--sf-section-minh";
+    readonly small: "--sf-section-minh-s";
+};
+export interface SectionMinHeightProps {
+    sectionHeightMode?: unknown;
+    sectionHeightValue?: unknown;
+    sectionHeightUnit?: unknown;
+}
+export declare function resolveSectionMinHeight(props: SectionMinHeightProps): {
+    mode: SectionHeightMode;
+    value: number;
+    unit: SectionHeightUnit;
+};
+export declare function sectionMinHeightLengths(props: SectionMinHeightProps): [base: string, small: string | null] | undefined;
+export declare function sectionMinHeightStyle(props: SectionMinHeightProps): CSSProperties | undefined;
+export declare const SECTION_MIN_HEIGHT_EXCLUDED: Set<string>;
+export declare const SECTION_MIN_HEIGHT_GROUP_LABEL = "Height";
+export declare const SECTION_MIN_HEIGHT_PHONE_CLASS = "sf-section-minh-phone";
+export declare const SECTION_MIN_HEIGHT_PHONE_VARS: {
+    readonly base: "--sf-section-minh-p";
+    readonly small: "--sf-section-minh-ps";
+};
+export interface SectionMinHeightPhoneProps {
+    sectionHeightModePhone?: unknown;
+    sectionHeightValuePhone?: unknown;
+    sectionHeightUnitPhone?: unknown;
+}
+export declare function hasPhoneHeight(props: SectionMinHeightPhoneProps): boolean;
+export declare function resolvePhoneHeight(props: SectionMinHeightPhoneProps): {
+    mode: SectionHeightMode;
+    value: number;
+    unit: SectionHeightUnit;
+};
+export declare function sectionMinHeightAttrs(props: SectionMinHeightProps & SectionMinHeightPhoneProps): {
+    className: string;
+    style: CSSProperties;
+} | null;
+export declare function sectionFillsHeight(props: Record<string, unknown>): boolean;

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

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

package/dist/lib/content/section-padding.d.ts

@@ -0,0 +1,33 @@
+import type { CSSProperties } from "react";
+export declare const SECTION_PADDING: {
+    readonly min: 10;
+    readonly max: 200;
+    readonly step: 10;
+};
+export declare function sectionPadStyle(pt: unknown, pb: unknown): CSSProperties | undefined;
+export declare const PAD_TOP_PHONE_CLASS = "sf-pad-top-phone";
+export declare const PAD_BOTTOM_PHONE_CLASS = "sf-pad-bottom-phone";
+export declare const PAD_TOP_PHONE_VAR = "--sf-pad-t-phone";
+export declare const PAD_BOTTOM_PHONE_VAR = "--sf-pad-b-phone";
+export declare const PAD_LEFT_PHONE_CLASS = "sf-pad-left-phone";
+export declare const PAD_RIGHT_PHONE_CLASS = "sf-pad-right-phone";
+export declare const PAD_LEFT_PHONE_VAR = "--sf-pad-l-phone";
+export declare const PAD_RIGHT_PHONE_VAR = "--sf-pad-r-phone";
+export declare function sectionPadAttrs(pt: unknown, pb: unknown, ptPhone: unknown, pbPhone: unknown, pl?: unknown, pr?: unknown, plPhone?: unknown, prPhone?: unknown): {
+    className: string;
+    style: CSSProperties;
+} | null;
+export interface SectionPaddingProps {
+    padTop?: unknown;
+    padBottom?: unknown;
+    sectionPaddingTop?: unknown;
+    sectionPaddingBottom?: unknown;
+}
+export interface SectionPaddingDefault {
+    top?: number;
+    bottom?: number;
+}
+export declare function resolveSectionPadding(props: SectionPaddingProps, fallback?: SectionPaddingDefault): {
+    top?: number;
+    bottom?: number;
+};

package/dist/lib/content/section-padding.js

@@ -0,0 +1 @@
+const N={min:10,max:200,step:10};function c(e,t){const o=typeof e=="number"?e:void 0,n=typeof t=="number"?t:void 0;if(!(o===void 0&&n===void 0))return{paddingTop:o,paddingBottom:n}}const m="sf-pad-top-phone",A="sf-pad-bottom-phone",x="--sf-pad-t-phone",O="--sf-pad-b-phone",T="sf-pad-left-phone",y="sf-pad-right-phone",b="--sf-pad-l-phone",h="--sf-pad-r-phone";function g(e,t,o,n,s,i,r,u){const P=c(e,t)??{},p={},d=["sf-section-pad"];typeof o=="number"&&(d.push(m),p[x]=`${o}px`),typeof n=="number"&&(d.push(A),p[O]=`${n}px`);const f={};return typeof s=="number"&&(f.paddingLeft=s),typeof i=="number"&&(f.paddingRight=i),typeof r=="number"&&(d.push(T),p[b]=`${r}px`),typeof u=="number"&&(d.push(y),p[h]=`${u}px`),d.length===1&&c(e,t)===void 0&&!Object.keys(f).length?null:{className:d.join(" "),style:{...P,...f,...p}}}const a=e=>typeof e=="number"?e:void 0;function _(e,t,o){const n=a(e)??o,s=a(t);return n===void 0?s:s===void 0?n:n+s}function E(e,t={}){return{top:_(e.padTop,e.sectionPaddingTop,t.top),bottom:_(e.padBottom,e.sectionPaddingBottom,t.bottom)}}export{A as PAD_BOTTOM_PHONE_CLASS,O as PAD_BOTTOM_PHONE_VAR,T as PAD_LEFT_PHONE_CLASS,b as PAD_LEFT_PHONE_VAR,y as PAD_RIGHT_PHONE_CLASS,h as PAD_RIGHT_PHONE_VAR,m as PAD_TOP_PHONE_CLASS,x as PAD_TOP_PHONE_VAR,N as SECTION_PADDING,E as resolveSectionPadding,g as sectionPadAttrs,c as sectionPadStyle};

package/dist/lib/content/section-surface.d.ts

@@ -0,0 +1,13 @@
+export declare const SECTION_ACCENT_INHERIT = -1;
+export declare const SECTION_ACCENT_CLASS = "sf-section-accent";
+export declare const SECTION_THEME_GROUP_LABEL = "Color";
+export declare const SECTION_THEME_EXCLUDED: ReadonlySet<string>;
+export declare const SECTION_THEME_NESTED_READING: ReadonlySet<string>;
+export declare const SECTION_ACCENT_DEFAULT = 0;
+export declare function resolveSectionAccent(v: unknown): number | null;
+export declare function nestedAccentValue(v: unknown): unknown;
+export declare function sectionAccentVars(i: number): Record<string, string>;
+export declare function sectionThemeWrap(props: Record<string, unknown>): {
+    className: string;
+    style: Record<string, string>;
+} | null;

package/dist/lib/content/section-surface.js

@@ -0,0 +1 @@
+const a=-1,c="sf-section-accent",o="Color",E=new Set(["CategoryBar","DocTabs"]),f=new Set(["Flex"]),n=0;function r(e){return e===-1?null:typeof e=="number"&&Number.isInteger(e)&&e>=0?e:n}function u(e){return e??-1}function s(e){const t=`--theme-preset-${e}`;return{"--sf-sec-accent":`var(${t}-accent)`,"--sf-sec-accent-2":`var(${t}-accent-2)`,"--sf-sec-accent-ink":`var(${t}-accent-ink)`,"--sf-sec-bg":`var(${t}-bg, var(--theme-bg))`,"--sf-sec-fg":`var(${t}-fg, var(--theme-fg))`,"--sf-sec-surface":`var(${t}-surface, var(--theme-surface))`,"--sf-sec-surface-2":`var(${t}-surface-2, var(--theme-surface-2))`,"--sf-sec-line":`var(${t}-line, var(--theme-line))`,"--sf-sec-muted":`var(${t}-muted, var(--theme-muted))`}}function T(e){const t=r(e.sectionAccent);return t===null?null:{className:c,style:s(t)}}export{c as SECTION_ACCENT_CLASS,n as SECTION_ACCENT_DEFAULT,a as SECTION_ACCENT_INHERIT,E as SECTION_THEME_EXCLUDED,o as SECTION_THEME_GROUP_LABEL,f as SECTION_THEME_NESTED_READING,u as nestedAccentValue,r as resolveSectionAccent,s as sectionAccentVars,T as sectionThemeWrap};

package/dist/lib/content/section-type-size.d.ts

@@ -0,0 +1,7 @@
+import type { SizeStep } from "../theme.js";
+export type TypeRole = "heading" | "body" | "label";
+export declare const TYPE_SIZE_INHERIT: "inherit";
+export declare const TYPE_SIZE_FIXED: "fixed";
+export type TypeSizeValue = number | typeof TYPE_SIZE_INHERIT | typeof TYPE_SIZE_FIXED | undefined;
+export declare const isTypeSizeInheriting: (v: unknown) => boolean;
+export declare function resolveTypeSize(stored: TypeSizeValue, builtIn: string, role: TypeRole, step?: SizeStep): string;

package/dist/lib/content/section-type-size.js

@@ -0,0 +1 @@
+const x="inherit",t="fixed",f=e=>typeof e!="number"&&e!==t,p="var(--sf-heading-max, 9999px)";function s(e,n,o,r){if(typeof e=="number")return`${e}px`;if(e===t)return n;const i=r?`var(--size-${r}, ${n})`:n;return o==="heading"?`min(${i}, ${p})`:i}export{t as TYPE_SIZE_FIXED,x as TYPE_SIZE_INHERIT,f as isTypeSizeInheriting,s as resolveTypeSize};

package/dist/lib/content/section-width.d.ts

@@ -0,0 +1,19 @@
+export type WidthMode = "contained" | "page" | "full";
+export declare const WIDTH_MODES: readonly WidthMode[];
+export declare const SECTION_WIDTH_CHOICES: readonly WidthMode[];
+export declare const WIDTH_CHOICE_LABEL: Record<"full" | "page", string>;
+export declare const WIDTH_INHERIT: "inherit";
+export type WidthValue = WidthMode | typeof WIDTH_INHERIT;
+export interface WidthProps {
+    widthMode?: unknown;
+    contained?: unknown;
+    fullWidth?: unknown;
+    pageWidth?: unknown;
+}
+export declare const isInheritValue: (v: unknown) => boolean;
+export declare function resolveWidth(props: WidthProps, defaultMode: WidthMode): {
+    mode: WidthMode;
+    pageWidth: number;
+    inherited: boolean;
+};
+export declare function sectionRunsFullWidth(props: Readonly<Record<string, unknown>>): boolean;

package/dist/lib/content/section-width.js

@@ -0,0 +1 @@
+import{PAGE_WIDTH as n}from"./page-width.js";const d=["contained","page","full"],a=["full","page"],h={full:"Full width",page:"Content width"},l="inherit",o=e=>typeof e=="string"&&d.includes(e),r=e=>e===l;function f(e,i){const t=typeof e.pageWidth=="number"?e.pageWidth:n.default;return r(e.widthMode)?{mode:"full",pageWidth:t,inherited:!0}:e.widthMode==="contained"?{mode:"page",pageWidth:t,inherited:!1}:o(e.widthMode)?{mode:e.widthMode,pageWidth:t,inherited:!1}:e.contained===!0?{mode:"page",pageWidth:t,inherited:!1}:typeof e.fullWidth=="boolean"?{mode:e.fullWidth?"full":"page",pageWidth:t,inherited:!1}:e.contained===!1?{mode:"full",pageWidth:t,inherited:!1}:{mode:i,pageWidth:t,inherited:i==="full"}}function c(e){return f(e,"page").mode==="full"}export{a as SECTION_WIDTH_CHOICES,h as WIDTH_CHOICE_LABEL,l as WIDTH_INHERIT,d as WIDTH_MODES,r as isInheritValue,f as resolveWidth,c as sectionRunsFullWidth};

package/dist/lib/content/site-gutter.d.ts

@@ -0,0 +1,2 @@
+export declare function drawsSiteGutter(contained: boolean, insideGutter: boolean): boolean;
+export declare function isInsideSiteGutter(content: unknown, id: unknown): boolean | undefined;

package/dist/lib/content/site-gutter.js

@@ -0,0 +1 @@
+import{resolveWidth as p}from"./section-width.js";const a=new Set(["Flex","Grid"]);function l(e,t){return e&&!t}const y=e=>Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"type"in e[0];function S(e,t){if(!Array.isArray(e)||typeof t!="string")return;const o=(u,r)=>{for(const s of u){const n=s?.props??{};if(n.id===t)return r;const c=String(s?.type??""),d=a.has(c)&&l(p(n,"page").mode!=="full",r);for(const i of Object.values(n)){if(!y(i))continue;const f=o(i,r||d);if(f!==void 0)return f}}};return o(e,!1)}export{l as drawsSiteGutter,S as isInsideSiteGutter};

package/dist/lib/content/site-name.d.ts

@@ -0,0 +1,2 @@
+export declare const NEUTRAL_SITE_NAME = "Storefront";
+export declare function resolveSiteName(name: string | null | undefined): string;

package/dist/lib/content/site-name.js

@@ -0,0 +1 @@
+const e="Storefront";function r(t){return t?.trim()||e}export{e as NEUTRAL_SITE_NAME,r as resolveSiteName};