efficient-web-builder 0.10.0 → 2.0.0

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;

package/dist/lib/theme.js

@@ -0,0 +1,18 @@
+const L="storefront-theme",me="sf:theme-mode",pe="sf:theme-switch",xe="hide",_e="light",Ee=!1,Se=7,Ae=18;function k(e){return e>=7&&e<18}function Te(e){const{mode:t,override:n,switchShown:r,hour:o}=e;return r&&(n==="light"||n==="dark")?n:t==="auto"?k(o)?"light":"dark":t==="light"?"light":"dark"}function be(e){const{mode:t,switchShown:n}=e;return`
+  try {
+    var mode = ${JSON.stringify(t)};
+    var shown = ${n?"true":"false"};
+    var override = localStorage.getItem(${JSON.stringify(L)});
+    var theme;
+    if (shown && (override === 'light' || override === 'dark')) {
+      theme = override;
+    } else if (mode === 'auto') {
+      var h = new Date().getHours();
+      theme = (h >= 7 && h < 18) ? 'light' : 'dark';
+    } else {
+      theme = mode === 'light' ? 'light' : 'dark';
+    }
+    if (theme === 'light') document.documentElement.setAttribute('data-theme', 'light');
+    else document.documentElement.removeAttribute('data-theme');
+  } catch (e) {}
+`}const i={background:"#0a0a0a",surface:"#131313",line:"#2a2a2a",muted:"#9a9388"},P=[{text:"#2e2e2e",accent:"#2e2e2e",background:"#ffffff",surface:"#f7f7f7",line:"#e0e0e0",muted:"#5c5c5c"},{text:"#f7f7f7",accent:"#f7f7f7",background:"#0a0a0a",surface:"#1b1b1b",line:"#363636",muted:"#a3a3a3"},{text:"#ffffff",accent:"#ffffff",background:"#2e2e2e",surface:"#3d3d3d",line:"#545454",muted:"#b0b0b0"},{text:"#0a0a0a",accent:"#0a0a0a",background:"#f7f7f7",surface:"#ffffff",line:"#d9d9d9",muted:"#5c5c5c"}],$={selected:0,themes:P};function S(e){return!e||!Array.isArray(e.themes)||e.themes.length===0?{...$}:{selected:Math.min(Math.max(0,e.selected??0),e.themes.length-1),themes:e.themes}}function f(e,t,n){const r=u(e),o=u(t);if(r===null||o===null)return e;const c=a=>Math.max(0,Math.min(255,Math.round(a))).toString(16).padStart(2,"0");return`#${r.map((a,O)=>c(a+(o[O]-a)*n)).join("")}`}const F={light:"#ffffff",dark:"#0a0a0a"},Re=["light","dark"];function we(e,t){const n=F[t],r=t==="light"?"#ffffff":"#000000";return{text:n,accent:n,background:e,surface:f(e,r,.1),line:f(e,r,.22),muted:f(n,e,.35),brandInk:t}}function s(e){const t=S(e);return t.themes[t.selected]}function d(e){return{text:e.text,accent:e.accent,background:e.background||i.background,surface:e.surface||i.surface,line:e.line||i.line,muted:e.muted||i.muted}}function Ce(e){return{fill:d(e).background,accent:e.accent}}function u(e){const t=/^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(e.trim());if(!t)return null;const n=t[1].length===3?[...t[1]].map(a=>a+a).join(""):t[1],[r,o,c]=[0,2,4].map(a=>parseInt(n.slice(a,a+2),16));return[r,o,c]}function g(e){const t=u(e);if(t===null)return null;const[n,r,o]=t.map(c=>{const a=c/255;return a<=.04045?a/12.92:((a+.055)/1.055)**2.4});return .2126*n+.7152*r+.0722*o}const U=.4,G=4.5,Y=3;function z(e,t){const n=g(e),r=g(t);if(n===null||r===null)return null;const[o,c]=n>=r?[n,r]:[r,n];return(o+.05)/(c+.05)}const De={good:"Good","large-only":"Large text only",hard:"Hard to read"};function He(e){return e>=G?"good":e>=Y?"large-only":"hard"}const m=["#000000","#ffffff"];function l(e){let t=m[0],n=-1;for(const r of m){const o=z(e,r);if(o===null)return m[0];o>n&&(n=o,t=r)}return t}const X=[.25,.4,.55];function Ie(e){const t=u(e);return t===null?[]:X.map(n=>"#"+t.map(r=>Math.round(r*(1-n)).toString(16).padStart(2,"0")).join(""))}function Me(e){const t=s(e),n={"--theme-fg":t.text},r=g(t.text);return(r===null||r>=U)&&(n["--overlay-fg"]=t.text),n}const B=82;function p(e){return`color-mix(in srgb, ${e} ${B}%, #000)`}function ye(e){const t=s(e);return{"--theme-accent":t.accent,"--theme-accent-2":p(t.accent),"--theme-accent-ink":l(t.accent)}}function A(e){const t=e?.button;return/^#[0-9a-fA-F]{6}$/.test(t??"")?t.toLowerCase():null}function Ne(e){const t=s(e),n=A(t),r=T(t);if(n===null&&r===null)return{};const o={};return n!==null&&(o["--theme-btn"]=n,o["--theme-btn-2"]=p(n)),o["--theme-btn-ink"]=r??l(n),o}function T(e){const t=e?.buttonInk;return/^#[0-9a-fA-F]{6}$/.test(t??"")?t.toLowerCase():null}function Oe(e,t){return T(e)??l(A(e)??t)}function Le(e){const t={};return S(e).themes.forEach((n,r)=>{const o=d(n);t[`--theme-preset-${r}-accent`]=o.accent,t[`--theme-preset-${r}-accent-2`]=p(o.accent),t[`--theme-preset-${r}-accent-ink`]=l(o.accent),t[`--theme-preset-${r}-bg`]=o.background,t[`--theme-preset-${r}-fg`]=o.text,t[`--theme-preset-${r}-surface`]=o.surface,t[`--theme-preset-${r}-surface-2`]=`color-mix(in srgb, ${o.surface} 60%, ${o.line})`,t[`--theme-preset-${r}-line`]=o.line,t[`--theme-preset-${r}-muted`]=o.muted}),t}const ke=["--theme-bg","--theme-surface","--theme-surface-2","--theme-line","--theme-muted"];function Pe(e){const t=d(s(e)),n=`color-mix(in srgb, ${t.surface} 60%, ${t.line})`,r={"--theme-bg":t.background,"--theme-surface":t.surface,"--theme-line":t.line,"--theme-muted":t.muted};return(t.surface!==i.surface||t.line!==i.line)&&(r["--theme-surface-2"]=n),r}const W=["heading","body","label"],$e={heading:"Headings",body:"Body",label:"Labels"},Fe="body";function Ue(e){if(!e)return null;for(const t of W)if(e.includes(`--size-${t}`))return t;return/--size-heading(Large|Medium|Small)/.test(e)?"heading":null}const b=["headingLarge","headingMedium","headingSmall","accent","body","label"],Ge={headingLarge:"heading",headingMedium:"heading",headingSmall:"heading",accent:"heading",body:"body",label:"label"},Ye={headingLarge:"Large",headingMedium:"Medium",headingSmall:"Small",accent:"Size",body:"Size",label:"Size"},ze={headingLarge:null,headingMedium:null,headingSmall:null,accent:null,body:null,label:null},K=8,V=200,Xe=1;function Z(e){if(typeof e!="number"||!Number.isFinite(e))return null;const t=Math.round(e);return t>=K&&t<=V?t:null}function j(e){const t={};for(const n of b)t[n]=Z(e?.[n]);return t}function Be(e){const t=j(e),n={};for(const r of b){const o=t[r];o!==null&&(n[`--size-${r}`]=`${o}px`)}return n}const q=["square","small","large"],J="small";function Q(e){return q.includes(e??"")?e:J}function We(e){return C(ee[Q(e)])}const R=0,v=40,ee={square:0,small:null,large:16},te={"--sf-card-radius":1,"--sf-button-radius":.5,"--radius":.5,"--radius-xs":.25,"--radius-sm":.5,"--radius-md":.75,"--radius-lg":1,"--radius-xl":1.25,"--radius-2xl":1.5,"--radius-3xl":2,"--radius-4xl":2.5};function w(e){if(e==null||typeof e=="string"&&e.trim()==="")return null;const t=typeof e=="string"?Number(e):e;return Number.isFinite(t)?Math.min(v,Math.max(R,Math.round(t))):null}function C(e){const t=w(e);return t===null?{}:Object.fromEntries(Object.entries(te).map(([n,r])=>{const o=t*r/16;return[n,o===0?"0":`${o}rem`]}))}function Ke(e){return C(w(e)??R)}const ne=["none","soft","lifted"],re="soft",D="none",oe=["tight","normal","roomy"],ce="normal",ae="normal",ie=["none","lift","highlight"],se="lift",ue="highlight",H="#141416";function I(e){return ne.includes(e??"")?e:re}function le(e){return oe.includes(e??"")?e:ce}function M(e){return ie.includes(e??"")?e:se}function he(e){return/^#[0-9a-fA-F]{6}$/.test(e??"")?e.toLowerCase():H}function Ve(e){const t=I(e);return t===D?void 0:t}function Ze(e){const t=le(e);return t===ae?void 0:t}function je(e){const t=M(e);return t===ue?void 0:t}function qe(e,t,n){const r=he(t);return r===H?{}:I(e)!==D||M(n)==="lift"?{"--sf-shadow-color":r}:{}}const fe=["normal","tight","compressed"],y="normal";function N(e){return fe.includes(e??"")?e:y}function Je(e){const t=N(e);return t===y?void 0:t}function Qe(e){switch(N(e)){case"tight":return{lineHeight:.95,letterSpacing:-.01};case"compressed":return{lineHeight:.86,letterSpacing:-.01};default:return{}}}const ve=["authored","sentence"],et={case:"authored",weight:null,weightStrong:null,maxPx:null,weight2:null,weight3:null,case2:"authored",case3:"authored"},x=100,_=900,de=24,ge=200;function h(e,t,n){return typeof e!="number"||!Number.isFinite(e)?null:Math.round(Math.min(Math.max(e,t),n))}function E(e){const t=h(e?.weight,x,_),n=e?.case==="sentence"?"sentence":"authored",r=c=>c==null?t:h(c,x,_),o=c=>c==="sentence"?"sentence":c==="authored"?"authored":n;return{case:n,weight:t,weightStrong:h(e?.weightStrong,x,_),maxPx:h(e?.maxPx,de,ge),weight2:r(e?.weight2),weight3:r(e?.weight3),case2:o(e?.case2),case3:o(e?.case3)}}function tt(e){const t=E(e),n={};return t.case==="sentence"&&(n["--sf-heading-case"]="none"),t.weight!==null&&(n["--sf-heading-weight"]=String(t.weight)),t.weightStrong!==null&&(n["--sf-heading-weight-strong"]=String(t.weightStrong)),t.maxPx!==null&&(n["--sf-heading-max"]=`${t.maxPx}px`),t.weight2!==null&&t.weight2!==t.weight&&(n["--sf-heading-2-weight"]=String(t.weight2)),t.weight3!==null&&t.weight3!==t.weight&&(n["--sf-heading-3-weight"]=String(t.weight3)),t.case2!==t.case&&(n["--sf-heading-2-case"]=t.case2==="sentence"?"none":"uppercase"),t.case3!==t.case&&(n["--sf-heading-3-case"]=t.case3==="sentence"?"none":"uppercase"),n}function nt(e){return E({case:e?.heading_case??void 0,weight:e?.heading_weight,weightStrong:e?.heading_weight_strong,maxPx:e?.heading_max_px,weight2:e?.heading_2_weight??void 0,weight3:e?.heading_3_weight??void 0,case2:e?.heading_2_case??void 0,case3:e?.heading_3_case??void 0})}function rt(e){const t=E(e);return{heading_case:t.case,heading_weight:t.weight,heading_weight_strong:t.weightStrong,heading_max_px:t.maxPx,heading_2_weight:t.weight2,heading_3_weight:t.weight3,heading_2_case:t.case2,heading_3_case:t.case3}}export{X as ACCENT_DARKEN_STEPS,Re as BRAND_INKS,oe as CARD_GAPS,ne as CARD_SHADOWS,v as CORNER_RADIUS_MAX,R as CORNER_RADIUS_MIN,q as CORNER_STYLES,ee as CORNER_STYLE_TO_PX,ce as DEFAULT_CARD_GAP,re as DEFAULT_CARD_SHADOW,J as DEFAULT_CORNER_STYLE,y as DEFAULT_HEADING_COMPRESSION,et as DEFAULT_HEADING_TYPOGRAPHY,se as DEFAULT_HOVER_EFFECT,H as DEFAULT_SHADOW_COLOR,ze as DEFAULT_SIZES,i as DEFAULT_SURFACES,Ee as DEFAULT_SWITCH_SHOWN,P as DEFAULT_THEMES,_e as DEFAULT_THEME_MODE,$ as DEFAULT_THEME_VALUE,De as GRADE_LABEL,ve as HEADING_CASES,fe as HEADING_COMPRESSIONS,ge as HEADING_MAX_PX_MAX,de as HEADING_MAX_PX_MIN,_ as HEADING_WEIGHT_MAX,x as HEADING_WEIGHT_MIN,ie as HOVER_EFFECTS,ae as IDENTITY_CARD_GAP,D as IDENTITY_CARD_SHADOW,ue as IDENTITY_HOVER_EFFECT,Fe as NEUTRAL_TYPE_GROUP,G as READABILITY_AA,Y as READABILITY_AA_LARGE,Ge as SCALE_OF_STEP,b as SIZE_STEPS,Ye as SIZE_STEP_LABELS,V as TEXT_SIZE_MAX,K as TEXT_SIZE_MIN,Xe as TEXT_SIZE_STEP,Ae as THEME_DAY_END_HOUR,Se as THEME_DAY_START_HOUR,me as THEME_MODE_KEY,L as THEME_STORAGE_KEY,ke as THEME_SURFACE_KEYS,xe as THEME_SWITCH_HIDE,pe as THEME_SWITCH_KEY,W as TYPE_GROUPS,$e as TYPE_GROUP_LABELS,l as accentInk,we as brandTheme,be as buildThemeBootScript,Ze as cardGapAttr,Ve as cardShadowAttr,Qe as compressionMetrics,z as contrastRatio,C as cornerRadiusTokens,We as cornerStyleTokens,Ie as darkerAccents,He as gradeContrast,Je as headingCompressionAttr,nt as headingTypographyFromRow,tt as headingTypographyStyle,rt as headingTypographyToRow,je as hoverEffectAttr,k as isDayHour,le as normalizeCardGap,I as normalizeCardShadow,w as normalizeCornerRadius,Q as normalizeCornerStyle,N as normalizeHeadingCompression,E as normalizeHeadingTypography,M as normalizeHoverEffect,he as normalizeShadowColor,Z as normalizeSize,j as normalizeSizes,S as normalizeTheme,d as normalizeThemeColors,Te as resolveTheme,Oe as resolvedButtonInk,s as selectedThemeColors,qe as shadowColorTokens,Ke as siteCornerRadiusTokens,ye as themeAccentStyle,A as themeButtonColour,T as themeButtonInk,Ne as themeButtonStyle,Me as themeColorStyle,Le as themePresetAccentVars,Pe as themeSurfaceStyle,Ce as themeSwatchColors,Ue as typeScaleGroupOfClassName,Be as typeSizesStyle};

package/dist/lib/use-host-products.d.ts

@@ -0,0 +1,2 @@
+import type { HostProduct } from "./editor-chrome.js";
+export declare function useHostProducts(): readonly HostProduct[] | null;

package/dist/lib/use-host-products.js

@@ -0,0 +1 @@
+"use client";import{useEffect as u,useState as n}from"react";import{useEditorSession as i}from"./editor-session-context.js";function f(){const t=i().chrome?.products?.list,[s,o]=n(null);return u(()=>{if(!t)return;let e=!1;return t().then(r=>{e||o(r)}),()=>{e=!0}},[t]),s}export{f as useHostProducts};

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

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

package/dist/lib/web-backend.js

@@ -0,0 +1 @@
+import{WebsiteBackendError as a,isBackendError as o,STATUS_UNREACHABLE as s,provideHostFailures as t,readHostFailure as d,hostLoadRefusalOf as i,hostUnreachableMessage as l}from"./editor-backend-error.js";export{s as STATUS_UNREACHABLE,a as WebsiteBackendError,i as hostLoadRefusalOf,l as hostUnreachableMessage,o as isBackendError,t as provideHostFailures,d as readHostFailure};

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

@@ -0,0 +1,7 @@
+export declare function configureWebRuntime(next: {
+    siteSlug?: string | null;
+    shopOrigin?: string | null;
+}): void;
+export declare function resetWebRuntime(): void;
+export declare function webRuntimeSiteSlug(): string | null;
+export declare function shopRouteBase(): string;

package/dist/lib/web-runtime.js

@@ -0,0 +1 @@
+const t={siteSlug:null,shopOrigin:""};let e=t;function n(i){e={siteSlug:i.siteSlug?.trim()||null,shopOrigin:(i.shopOrigin??"").trim().replace(/\/+$/,"")}}function u(){e=t}function r(){return e.siteSlug}function o(){return e.shopOrigin}export{n as configureWebRuntime,u as resetWebRuntime,o as shopRouteBase,r as webRuntimeSiteSlug};

package/dist/lib/website-document-addressing.d.ts

@@ -0,0 +1,2 @@
+import type { DocumentAddressing } from "./editor-document-addressing.js";
+export declare const WEBSITE_ADDRESSING: DocumentAddressing;

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

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

package/dist/lib/website-host-inbound.d.ts

@@ -0,0 +1 @@
+export declare function routeWebsiteHostMessage(raw: unknown): boolean;

package/dist/lib/website-host-inbound.js

@@ -0,0 +1 @@
+import{emitCollectionCategoriesChanged as s,emitHeaderMenusChanged as n,emitStorefrontFormsChanged as r}from"./editor-events.js";import{resolveFormEdit as o}from"./editor-form-window.js";function f(t){switch(t?.type){case"storefront-editor:category-updated":return s(),!0;case"storefront-editor:menus-updated":return n(),!0;case"storefront-editor:form-saved":{const e=t;return r(),e.requestId&&o(e.requestId,e.form??null),!0}case"storefront-editor:form-closed":{const e=t;return r(),e.requestId&&o(e.requestId,null),!0}default:return!1}}export{f as routeWebsiteHostMessage};

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

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

package/dist/lib/website-session.js

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

package/dist/lib/word-styles.d.ts

@@ -0,0 +1,54 @@
+export declare const WORD_STYLES: readonly ["highlight", "strong", "quiet"];
+export type WordStyleName = (typeof WORD_STYLES)[number];
+export declare const WORD_STYLE_LABELS: Record<WordStyleName, string>;
+export declare const WORD_STYLE_MARKS: Readonly<Record<WordStyleName, {
+    kind: string;
+    delimiter: string;
+}>>;
+export declare const WORD_STYLE_BY_KIND: Readonly<Record<string, WordStyleName>>;
+export declare const WORD_STYLE_ATTR = "data-sf-ws";
+export declare const WORD_STYLE_COLOURS: readonly ["accent", "text", "labels"];
+export type WordStyleColour = (typeof WORD_STYLE_COLOURS)[number];
+export declare const WORD_STYLE_COLOUR_LABELS: Record<WordStyleColour, string>;
+export declare const COLOUR_TOKEN: Record<WordStyleColour, string>;
+export interface WordStyleValue {
+    font?: string | null;
+    size?: number | null;
+    weight?: number | null;
+    bold?: boolean | null;
+    italic?: boolean | null;
+    lineGap?: number | null;
+    textGap?: number | null;
+    colour?: WordStyleColour | null;
+}
+export interface ResolvedWordStyle {
+    font: string | null;
+    size: number | null;
+    weight: number | null;
+    bold: boolean | null;
+    italic: boolean | null;
+    lineGap: number | null;
+    textGap: number | null;
+    colour: WordStyleColour | null;
+}
+export declare const WORD_STYLE_SIZE_MIN = 80;
+export declare const WORD_STYLE_SIZE_MAX = 120;
+export declare const WORD_STYLE_WEIGHT_MIN = 100;
+export declare const WORD_STYLE_WEIGHT_MAX = 900;
+export declare const WORD_STYLE_LINE_GAP_MIN = 0.5;
+export declare const WORD_STYLE_LINE_GAP_MAX = 3;
+export declare const WORD_STYLE_TEXT_GAP_MIN = -0.1;
+export declare const WORD_STYLE_TEXT_GAP_MAX = 0.5;
+export declare const WORD_STYLE_GAP_PRECISION = 3;
+export declare const DEFAULT_WORD_STYLES: Record<WordStyleName, ResolvedWordStyle>;
+export declare function normalizeWordStyle(v?: WordStyleValue | null): ResolvedWordStyle;
+export declare function normalizeWordStyles(v?: Partial<Record<WordStyleName, WordStyleValue | null>> | null): Record<WordStyleName, ResolvedWordStyle>;
+export declare function wordStyleIsDefault(name: WordStyleName, v?: WordStyleValue | null): boolean;
+export declare function wordStyleTokens(v?: Partial<Record<WordStyleName, WordStyleValue | null>> | null): Record<string, string>;
+export interface WordStylesRow {
+    word_styles?: Partial<Record<string, WordStyleValue | null>> | null;
+}
+export declare function wordStylesFromRow(row?: WordStylesRow | null): Record<WordStyleName, ResolvedWordStyle>;
+export declare function wordStylesToRow(v?: Partial<Record<WordStyleName, WordStyleValue | null>> | null): {
+    word_styles: Record<WordStyleName, ResolvedWordStyle>;
+};

package/dist/lib/word-styles.js

@@ -0,0 +1 @@
+import{FONT_OPTIONS as a}from"./fonts.js";const i=["highlight","strong","quiet"],Y={highlight:"Highlight",strong:"Bold",quiet:"Quiet"},O={highlight:{kind:"wordHighlight",delimiter:"@@"},strong:{kind:"wordStrong",delimiter:"++"},quiet:{kind:"wordQuiet",delimiter:"^^"}},G=Object.fromEntries(i.map(t=>[O[t].kind,t])),N="data-sf-ws",T=["accent","text","labels"],A={accent:"Accent",text:"Text",labels:"Labels"},E={accent:"var(--accent)",text:"var(--fg)",labels:"var(--fg-dim)"},g=80,h=120,m=100,L=900,R=.5,w=3,W=-.1,D=.5,b=3,c={font:null,size:null,weight:null,bold:null,italic:null,lineGap:null,textGap:null,colour:null},_={highlight:{...c},strong:{...c},quiet:{...c}};function f(t,e,o){return typeof t!="number"||!Number.isFinite(t)?null:Math.round(Math.min(Math.max(t,e),o))}function p(t,e,o){if(typeof t!="number"||!Number.isFinite(t))return null;const l=10**b;return Math.round(Math.min(Math.max(t,e),o)*l)/l}function S(t){return typeof t=="boolean"?t:null}function d(t){const e=typeof t?.font=="string"&&a.some(l=>l.key===t.font)?t.font:null,o=typeof t?.colour=="string"&&T.includes(t.colour)?t.colour:null;return{font:e,size:f(t?.size,g,h),weight:f(t?.weight,m,L),bold:S(t?.bold),italic:S(t?.italic),lineGap:p(t?.lineGap,R,w),textGap:p(t?.textGap,W,D),colour:o}}function s(t){const e={};for(const o of i)e[o]=t&&o in t&&t[o]?d(t[o]):{..._[o]};return e}function I(t,e){const o=d(e),l=_[t];return Object.keys(l).every(n=>o[n]===l[n])}function M(t){const e=s(t),o={};for(const l of i){const n=e[l],r=`--sf-ws-${l}`;if(n.font){const u=a.find(x=>x.key===n.font);u&&(o[`${r}-font`]=`var(${u.cssVar})`)}n.size!==null&&(o[`${r}-size`]=`${n.size/100}em`),n.weight!==null&&(o[`${r}-weight`]=String(n.weight)),n.bold!==null&&(o[`${r}-weight-bold`]=n.bold?"700":"400"),n.italic!==null&&(o[`${r}-style`]=n.italic?"italic":"normal"),n.lineGap!==null&&(o[`${r}-line`]=String(n.lineGap)),n.textGap!==null&&(o[`${r}-track`]=`${n.textGap}em`),n.colour!==null&&(o[`${r}-color`]=E[n.colour])}return o}function $(t){const e=t?.word_styles??void 0,o={};for(const l of i)e&&l in e&&(o[l]=e[l]??null);return s(o)}function k(t){return{word_styles:s(t)}}export{E as COLOUR_TOKEN,_ as DEFAULT_WORD_STYLES,i as WORD_STYLES,N as WORD_STYLE_ATTR,G as WORD_STYLE_BY_KIND,T as WORD_STYLE_COLOURS,A as WORD_STYLE_COLOUR_LABELS,b as WORD_STYLE_GAP_PRECISION,Y as WORD_STYLE_LABELS,w as WORD_STYLE_LINE_GAP_MAX,R as WORD_STYLE_LINE_GAP_MIN,O as WORD_STYLE_MARKS,h as WORD_STYLE_SIZE_MAX,g as WORD_STYLE_SIZE_MIN,D as WORD_STYLE_TEXT_GAP_MAX,W as WORD_STYLE_TEXT_GAP_MIN,L as WORD_STYLE_WEIGHT_MAX,m as WORD_STYLE_WEIGHT_MIN,d as normalizeWordStyle,s as normalizeWordStyles,I as wordStyleIsDefault,M as wordStyleTokens,$ as wordStylesFromRow,k as wordStylesToRow};

package/package.json

@@ -1,59 +1,73 @@
 {
   "name": "efficient-web-builder",
-  "version": "0.10.0",
-  "description": "The EFFICIENT website builder — the website editor and its sections — for an app that edits a website inside its own page. Built from the efficient-storefront repository's own source.",
+  "version": "2.0.0",
+  "description": "The EFFICIENT website builder: the website editor, the general sections and the renderer that draws them, compiled. Hostable by any EFFICIENT product; nothing here imports a host.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Efficient-Pty-Ltd/efficient-storefront.git",
-    "directory": "packages/website"
+    "url": "git+https://github.com/Efficient-Pty-Ltd/efficient-web-builder.git"
   },
   "publishConfig": {
     "access": "public"
   },
-  "type": "module",
-  "sideEffects": [
-    "**/*.css"
-  ],
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    },
-    "./contract": {
-      "types": "./dist/contract.d.ts",
-      "import": "./dist/contract.js",
-      "default": "./dist/contract.js"
-    },
-    "./links": {
-      "types": "./dist/links.d.ts",
-      "import": "./dist/links.js",
-      "default": "./dist/links.js"
-    },
-    "./editor.css": "./dist/editor.css"
+    "./package.json": "./package.json",
+    "./*.css": "./dist/*.css",
+    "./*.json": "./dist/*.json",
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*.js"
+    }
   },
   "files": [
-    "dist/index.js",
-    "dist/index.d.ts",
-    "dist/contract.js",
-    "dist/contract.d.ts",
-    "dist/links.js",
-    "dist/links.d.ts",
-    "dist/editor.css",
-    "dist/chunks",
+    "dist",
     "README.md",
     "CHANGELOG.md",
     "LICENSE"
   ],
+  "packageManager": "pnpm@11.7.0",
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test:boundary": "node scripts/test-boundary.mjs",
+    "test:screen": "node scripts/test-screen-in-easel.mjs",
+    "build": "node scripts/build.mjs",
+    "verify:dist": "node scripts/verify-dist.mjs",
+    "verify": "pnpm run typecheck && pnpm run test:boundary && pnpm run test:screen && pnpm run test:guards && pnpm run build && pnpm run verify:dist",
+    "test:guards": "tsc --noEmit -p scripts/tsconfig.json && node scripts/run-guards.mjs"
+  },
   "peerDependencies": {
-    "efficient-easel": "^0.100.0",
+    "@tabler/icons-react": "^3.46.0",
+    "efficient-easel": "^0.106.0",
     "efficient-shell": "^4.131.0",
+    "isomorphic-dompurify": "^3.18.0",
+    "next": ">=16",
     "react": ">=19",
-    "react-dom": ">=19"
+    "react-dom": ">=19",
+    "simple-icons": "^16.26.0",
+    "typescript": "^5"
   },
-  "scripts": {
-    "build": "node build.mjs && cp src/public.d.ts dist/index.d.ts"
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@tabler/icons-react": "^3.46.0",
+    "@types/google.maps": "^3.64.1",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "efficient-easel": "^0.106.0",
+    "efficient-shell": "^4.131.0",
+    "esbuild": "^0.28.0",
+    "happy-dom": "^20.14.5",
+    "isomorphic-dompurify": "^3.18.0",
+    "next": "16.2.11",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "simple-icons": "^16.26.0",
+    "tsx": "4.22.3",
+    "typescript": "^5"
   }
 }