efficient-web-builder 23.1.0 → 24.0.0

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

@@ -0,0 +1,152 @@
+import type { EditorPageRow, SiteRecord, SiteRecordPatch, WebsiteEditLock } from "../../format/lib/editor-document-contract.js";
+import type { HostPickedMedia } from "./editor-host.js";
+import type { SiteThemeRow, SiteThemeRowPatch } from "../../format/lib/site-theme-row.js";
+import type { SectionTemplate, SectionTemplateRecord } from "../../format/lib/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;
+    live?: PageLiveState;
+};
+export type PageLiveState = "live" | "changed" | "never";
+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;
+        live?: PageLiveState;
+    }>;
+    version?(id: string): Promise<string | null>;
+    publish?(id: string, expect?: {
+        version: string;
+    }): Promise<{
+        version: string | null;
+        live?: PageLiveState;
+    }>;
+    create?(input: NewPageInput): Promise<EditorPageRow>;
+    remove?(id: string, options?: {
+        keepalive?: boolean;
+    }): 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;
+    draftLink?(pageId: string): Promise<{
+        url: string | null;
+    }>;
+}
+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;
+    launcherColor?: string;
+    launcherIcon?: string;
+    launcherPosition?: "right" | "left";
+    launcherLabel?: string;
+    showOnPhones?: boolean;
+}
+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/editor/lib/website-document-addressing.js

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

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

@@ -0,0 +1,5 @@
+import { type EditorSession } from "../../render/lib/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/editor/lib/website-session.js

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

package/dist/format/lib/editor-form-window.d.ts

@@ -0,0 +1,21 @@
+import type { EditorHost } from "../../editor/lib/editor-host.js";
+export interface SavedForm {
+    id: string;
+    slug: string;
+}
+export type FormEditOutcome = {
+    status: "saved";
+    form: SavedForm;
+} | {
+    status: "closed";
+} | {
+    status: "timeout";
+};
+export declare const REPLY_TIMEOUT_MS = 900000;
+export declare function openFormBuilder(host: EditorHost, formId: string): void;
+export declare function requestFormEdit(host: EditorHost, opts: {
+    mode: "create" | "edit";
+    formId?: string;
+    timeoutMs?: number;
+}): Promise<FormEditOutcome>;
+export declare function resolveFormEdit(requestId: string, form: SavedForm | null): void;

package/dist/format/lib/pinned-chrome-lock.d.ts

@@ -0,0 +1,4 @@
+import type { PinnedChromeReport } from "../../editor/lib/editor-document-adapter.js";
+export declare function setActivePinnedChrome(report: PinnedChromeReport | null): void;
+export declare function pinnedChromeHeldElsewhere(): boolean;
+export declare function pinnedChromeInPlace(): boolean;

package/dist/format/lib/puck/container-blocks.d.ts

@@ -0,0 +1,10 @@
+import type { BlockChoice } from "../../../editor/lib/puck/footer-blocks.js";
+export declare const CONTAINER_BLOCKS_SLOT = "content";
+export declare const BOX_TYPE = "Flex";
+export declare const CONTAINER_BLOCK_CHOICES: BlockChoice[];
+export declare const HERO_GROUP_BLOCK_TYPES: string[];
+export declare const HERO_GROUP_NEST_DEPTH = 1;
+export declare function containerBlocksFor(parentType: string, nestDepth?: number): {
+    slot: string;
+    choices: BlockChoice[];
+} | null;

package/dist/format/lib/puck/mockup-variant-fields.d.ts

@@ -0,0 +1,10 @@
+import type { MockupVariant } from "../../../render/components/MockupSection.js";
+export declare const MOCKUP_VARIANT_OPTIONS: readonly {
+    label: string;
+    value: MockupVariant;
+}[];
+export declare const MOCKUP_VARIANTS: readonly MockupVariant[];
+export declare const MOCKUP_DEFAULT_VARIANT: MockupVariant;
+export declare const MOCKUP_VARIANT_FIELDS: Readonly<Record<string, readonly MockupVariant[]>>;
+export declare function mockupVariantOf(value: unknown): MockupVariant;
+export declare function withMockupVariantRules<T extends Record<string, unknown>>(fields: T): T;

package/dist/format/lib/puck/passes/show-when-rows.d.ts

@@ -0,0 +1,4 @@
+import type { BlockShowWhenFacts } from "../../../../editor/lib/puck/show-when-resolve.js";
+import type { BlockPass } from "./types.js";
+export type { BlockShowWhenFacts };
+export declare const showWhenRows: BlockPass;

package/dist/format/lib/puck/passes/types.d.ts

@@ -0,0 +1,70 @@
+import type { ComponentType, ReactElement, ReactNode } from "react";
+export type PassRenderProps = Record<string, unknown>;
+export type PassResolveFields = (data: {
+    props?: Record<string, unknown>;
+}, params: {
+    fields: Record<string, unknown>;
+    appState?: unknown;
+    parent?: {
+        type?: string;
+    } | null;
+}) => unknown;
+export type PassBlock = {
+    label?: string;
+    fields?: Record<string, unknown>;
+    textParts?: Record<string, unknown>;
+    defaultProps?: Record<string, unknown>;
+    resolveFields?: PassResolveFields;
+    render: (props: PassRenderProps) => ReactNode;
+};
+type FieldMap = Record<string, unknown>;
+export type PassInspector = {
+    spacingFields: (opts: {
+        phone: true;
+    }) => FieldMap;
+    sidesPaddingFields: (opts?: {
+        keys?: Partial<Record<"top" | "right" | "bottom" | "left", string>>;
+        phone?: boolean;
+        group?: boolean;
+    }) => FieldMap;
+    sectionShapeFields: () => FieldMap;
+    cardShapeFields: () => FieldMap;
+    cellWidthFields: () => FieldMap;
+    widthField: (defaultMode: "full" | "page") => FieldMap;
+    heightFields: () => FieldMap;
+    anchorFields: () => FieldMap;
+    stickFields: () => FieldMap;
+    sectionThemeFields: (readValue?: (v: unknown) => unknown, followLabel?: string) => FieldMap;
+    sectionAnimationFields: () => FieldMap;
+    slider: (label: string, icon: ReactElement, min: number, max: number, step: number, fallback: number, suffix?: string) => unknown;
+    WidthIcon: ComponentType;
+    assignSectionGroups: <T extends FieldMap>(fields: T, where: string) => T;
+    dropEmptyHeadings: <T extends FieldMap>(fields: T) => T;
+    rowsShownForNode: (fields: FieldMap, data: {
+        props?: Record<string, unknown>;
+    }, params: Parameters<PassResolveFields>[1], facts?: Readonly<Record<string, (data: {
+        props?: Record<string, unknown>;
+    }, params: Parameters<PassResolveFields>[1]) => unknown>>) => FieldMap;
+    SECTION_THEME_FOLLOW_LABEL: string;
+    BLOCK_THEME_FOLLOW_LABEL: string;
+    PartAnchors: ComponentType<{
+        needles: ReturnType<typeof import("../../../../render/lib/puck/text-parts.js").partNeedles>;
+        styles: ReturnType<typeof import("../../../../render/lib/puck/part-styles.js").readPartStyles>;
+        type?: string;
+        children: ReactNode;
+    }>;
+};
+export type BlockPassContext = {
+    isSection(key: string): boolean;
+    isHostBlock(key: string): boolean;
+    sectionGroupAllow: readonly string[];
+    contentSectionKeys: readonly string[];
+    inspector?: PassInspector;
+};
+export type BlockPass = {
+    name: string;
+    applies(key: string, ctx: BlockPassContext, comp: PassBlock): boolean;
+    panel?(comp: PassBlock, key: string, inspector: PassInspector, ctx: BlockPassContext): void;
+    draw?(comp: PassBlock, key: string, ctx: BlockPassContext): void;
+};
+export {};

package/dist/format/lib/puck/show-when-attach.d.ts

@@ -0,0 +1,12 @@
+import { type ShowWhenFacts } from "efficient-shell/format";
+export { showWhenOf, shownForOption, truthy, withRowRules, withRowsShownWhen, withShowWhen, } from "efficient-shell/format";
+export type { RowRule, ShowWhenFactData, ShowWhenRule, WithShowWhen } from "efficient-shell/format";
+export type ShowWhenFactParams = {
+    fields: Record<string, unknown>;
+    appState?: unknown;
+    parent?: {
+        type?: string;
+    } | null;
+};
+export type BlockShowWhenFacts = ShowWhenFacts<ShowWhenFactParams>;
+export declare const addShowWhenFacts: (block: object, facts: BlockShowWhenFacts) => void;

package/dist/format/lib/puck/show-when-attach.js

@@ -0,0 +1 @@
+import{addShowWhenFacts as o}from"efficient-shell/format";import{showWhenOf as s,shownForOption as e,truthy as a,withRowRules as r,withRowsShownWhen as d,withShowWhen as i}from"efficient-shell/format";const t=o;export{t as addShowWhenFacts,s as showWhenOf,e as shownForOption,a as truthy,r as withRowRules,d as withRowsShownWhen,i as withShowWhen};

package/dist/format/lib/source-rules/one-show-when.js

@@ -0,0 +1,4 @@
+import{ruleChecks as b}from"./rule.js";const W=["lib/puck/show-when.ts","lib/puck/show-when-resolve.ts"],k=(s,l=[])=>/(^|\/)fields\.tsx?$/.test(s)||s.includes("lib/puck/passes/")||l.includes(s),y=new Set(["SettingRow","SettingsField","SettingsSwitch","SettingsSegmented","SettingsDrill","SettingsAction","SettingsGroupSub","InspectorField","FieldText","FieldNumber","FieldSelect","FieldSlider","ListField"]),S=/\b(?:props|values|settings|data\.props)(?:\.|\[|\?\.)/,E=new Set(["withShowWhen","showWhenOf","withRowsShownWhen","withRowRules","truthy","shownForOption","addShowWhenFacts","withShowWhenFacts","showWhenFactsContext","showWhenFactReaders","lazyShowWhenContext"]);function g(s,l,c=[]){const i=s.createSourceFile(l.path,l.text,s.ScriptTarget.Latest,!0,s.ScriptKind.TSX),h=e=>i.getLineAndCharacterOfPosition(e.getStart(i)).line+1,a=[];let f=0;const w=W.some(e=>l.path.endsWith(e)),x=e=>s.isPropertyAssignment(e)&&e.name.getText(i)==="resolveFields"||s.isBinaryExpression(e)&&e.operatorToken.kind===s.SyntaxKind.EqualsToken&&s.isPropertyAccessExpression(e.left)&&e.left.name.text==="resolveFields",p=(e,n)=>{const d=n||x(e);if(s.isDeleteExpression(e)&&(s.isPropertyAccessExpression(e.expression)||s.isElementAccessExpression(e.expression))&&(d?a.push({file:l.path,line:h(e),what:"R1 a `delete` in a resolveFields — give the row a showWhen rule"}):k(l.path,c)&&a.push({file:l.path,line:h(e),what:"R2 a `delete` in a field file or a pass — give the row a showWhen rule"})),d&&s.isObjectBindingPattern(e)&&e.elements.some(o=>o.dotDotDotToken)&&a.push({file:l.path,line:h(e),what:"R1 a destructure that leaves a key out, in a resolveFields — give the row a showWhen rule"}),d&&s.isCallExpression(e)&&s.isPropertyAccessExpression(e.expression)&&e.expression.name.text==="filter"&&/^Object\.entries\(/.test(e.expression.expression.getText(i))&&a.push({file:l.path,line:h(e),what:"R1 a filter over Object.entries in a resolveFields — give the row a showWhen rule"}),d&&s.isForOfStatement(e)&&/^Object\.entries\(/.test(e.expression.getText(i))&&a.push({file:l.path,line:h(e),what:"R4 a loop over Object.entries in a resolveFields — give the row a showWhen rule"}),s.isJsxExpression(e)&&e.expression){const o=e.expression,u=r=>s.isParenthesizedExpression(r)?u(r.expression):r,t=r=>{if(!r)return!1;const R=s.isJsxElement(r)?r.openingElement:s.isJsxSelfClosingElement(r)?r:s.isJsxFragment(r)?null:void 0;return R===null?r.getChildren(i).some(F=>F.getChildren(i).some(v=>t(v))):!!R&&y.has(R.tagName.getText(i))};(s.isBinaryExpression(o)&&o.operatorToken.kind===s.SyntaxKind.AmpersandAmpersandToken&&S.test(o.left.getText(i))&&t(u(o.right))||s.isConditionalExpression(o)&&S.test(o.condition.getText(i))&&(t(u(o.whenTrue))||t(u(o.whenFalse))))&&a.push({file:l.path,line:h(e),what:"R5 a settings row drawn by a stored value — use the row's showWhen (SettingRow / ShowWhen)"})}const m=o=>!!o&&s.isIdentifier(o)&&E.has(o.text);if((s.isFunctionDeclaration(e)&&m(e.name)||s.isVariableDeclaration(e)&&m(e.name)&&e.initializer&&(s.isArrowFunction(e.initializer)||s.isFunctionExpression(e.initializer)))&&a.push({file:l.path,line:h(e),what:"R6 a second copy of a show-when helper of the shell's — import it from efficient-shell/format"}),s.isCallExpression(e)&&s.isIdentifier(e.expression)){const o=e.expression.text;o==="isShown"&&!w&&a.push({file:l.path,line:h(e),what:"R3 a second reader of the rule — `isShown(` lives in lib/puck/show-when"}),(o==="withShowWhen"||o==="withRowsShownWhen"||o==="withRowRules")&&f++}s.forEachChild(e,o=>p(o,d))};return p(i,!1),{bad:a,attached:f}}function A(s,l,c){const{check:i,report:h}=b("one show-when rule"),a=c.kept??{};{const e=["export const A = { resolveFields: (data, { fields }) => { const f = { ...fields }; delete f.alt; return f; } };","export const B = { resolveFields: (d, { fields }) => { const { align: _x, ...rest } = fields; return rest; } };",'comp.resolveFields = (d, p) => Object.fromEntries(Object.entries(p.fields).filter(([k]) => k !== "x"));',"function cull(f) { delete f[key]; }","const shown = isShown(rule, values);","// delete f.alt in a comment is not a use",'export const ok = { fields: { alt: withShowWhen(text("Alt"), { field: "src", set: true }) } };',"export const C = { resolveFields: (d, { fields }) => { const out = {}; for (const [k, v] of Object.entries(fields)) if (keep.includes(k)) out[k] = v; return out; } };",'const p = <div>{settings.logo_position === "center" && <SettingRow label="Left items" />}</div>;','const q = <div>{props.on ? (<SettingsField label="x" />) : null}</div>;','const r = <div>{style ? <SettingsField label="Style" /> : null}</div>;',"export function withShowWhen(field, rule) { return { ...field, showWhen: rule }; }","const showWhenOf = (f) => f.showWhen;",'export { showWhenOf, withShowWhen } from "efficient-shell/format";','export function truthy(field) { return { not: { field, in: [false, 0, "", null] } }; }',"const withRowRules = (fields, table) => fields;"].join(`
+`),n=g(s,{path:"lib/puck/blocks/general/X/fields.tsx",text:e}),d=n.bad.map(t=>t.line);i("R1 flags a delete in a resolveFields",n.bad.some(t=>t.line===1&&t.what.startsWith("R1"))),i("R1 flags a destructure that leaves a key out",n.bad.some(t=>t.line===2&&t.what.startsWith("R1"))),i("R1 flags a filter over Object.entries",n.bad.some(t=>t.line===3&&t.what.startsWith("R1"))),i("R2 flags a delete in a field file's helper",n.bad.some(t=>t.line===4&&t.what.startsWith("R2"))),i("R3 flags a second isShown(",n.bad.some(t=>t.line===5&&t.what.startsWith("R3"))),i("a comment is not a use, and a rule passes and is counted",!d.includes(6)&&!d.includes(7)&&n.attached===1),i("R4 flags an allow-list loop over Object.entries",n.bad.some(t=>t.line===8&&t.what.startsWith("R4"))),i("R5 flags a row drawn by a stored value (&&)",n.bad.some(t=>t.line===9&&t.what.startsWith("R5"))),i("R5 flags a row drawn by a stored value (? :)",n.bad.some(t=>t.line===10&&t.what.startsWith("R5"))),i("R5 lets a part the host passed through",!d.includes(11)),i("R6 flags a second withShowWhen (a function)",n.bad.some(t=>t.line===12&&t.what.startsWith("R6"))),i("R6 flags a second showWhenOf (a const arrow)",n.bad.some(t=>t.line===13&&t.what.startsWith("R6"))),i("R6 lets a re-export from the shell through",!d.includes(14)),i("R6 flags a second truthy (a function)",n.bad.some(t=>t.line===15&&t.what.startsWith("R6"))),i("R6 flags a second withRowRules (a const arrow)",n.bad.some(t=>t.line===16&&t.what.startsWith("R6")));const m=g(s,{path:"lib/puck/cull.ts",text:"function cull(f) { delete f.x; }"},["lib/puck/cull.ts"]);i("R2 reads a file a repository names as a field file",m.bad.length===1);const o=g(s,{path:"lib/puck/part-styles.ts",text:"function f(next) { delete next[k]; }"});i("R2 reads only field files and passes (a delete of a VALUE elsewhere is not a hide)",o.bad.length===0);const u=g(s,{path:"lib/puck/show-when.ts",text:"isShown(rule, values);"});i("R3 lets the reader read",u.bad.length===0)}const f=l.filter(e=>/\.tsx?$/.test(e.path)&&!e.path.endsWith(".d.ts")),w=[],x=new Map;let p=0;for(const e of f){const n=g(s,e,c.alsoFieldFiles);p+=n.attached,x.set(e.path,n.bad.length),e.path in a||w.push(...n.bad)}i("no settings row hidden by hand: no delete or key-dropping filter in a resolver, field file or pass; one reader",w.length===0,`${w.length} hit(s):
+      `+w.map(e=>`${e.file}:${e.line}  ${e.what}`).join(`
+      `)),i(`read the source (${f.length} TS/TSX files, at least ${c.minFiles})`,f.length>=c.minFiles),i(`found >= ${c.ruleFloor} rows given a rule (found ${p})`,p>=c.ruleFloor,"fewer means rows went back to a hand-written hide, or the reader broke");for(const e of c.alsoFieldFiles??[])i(`read the named field file ${e}`,f.some(n=>n.path===e));for(const[e,n]of Object.entries(a))i(`the exception is still real: ${e} (${n})`,(x.get(e)??0)>0,"remove the stale entry");return h()}export{A as oneShowWhen};

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

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

package/dist/render/components/Banner.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as s}from"react/jsx-runtime";import f from"./BlockFrame.js";import g from"./Btn.js";import{media as u}from"../lib/media.js";import{CONTENT_SIZES as v,sizedImage as N}from"../../format/lib/sized-image.js";import b from"./SectionEyebrow.js";import{renderGold as m,renderHeadline as y,splitParagraphs as M}from"./goldPhrases.js";import{ON_MEDIA_INK_STYLE as z}from"../../format/lib/content/ink.js";const n={headingMediumUpTo800:"max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",headingMedium:"text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,16px)]"};function E({eyebrow:r,title:a,body:d,ctaText:t,ctaHref:l,imageSrc:i,contained:o,overlay:c=60}){const p=Math.min(Math.max(c,0),100)/100;return e(f,{contained:o,className:"py-6",children:s("div",{className:"sf-card relative overflow-hidden border border-line bg-surface px-10 py-16 max-[800px]:px-6 max-[800px]:py-10",children:[i&&s("div",{className:"absolute inset-0","aria-hidden":!0,children:[e(_,{src:u(i)}),e("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${p})`}})]}),s("div",{className:"relative z-[1] flex max-w-[680px] flex-col gap-5",style:i?z:void 0,children:[r&&e(b,{text:r}),a&&e("h2",{className:`font-heading2 ${n.headingMedium} font-medium leading-[1.05] tracking-[-0.03em] ${n.headingMediumUpTo800}`,children:y(a,!1)}),d&&M(d).map((h,x)=>e("p",{className:`${n.body} leading-[1.6] opacity-85`,children:m(h)},x)),t&&e("div",{className:"mt-2 self-start",children:e(g,{href:l||"#",variant:"primary",children:m(t)})})]})]})})}function _({src:r}){const a=N(r);return e("img",{src:a.src,...a.srcSet?{srcSet:a.srcSet,sizes:v}:{},alt:"",className:"h-full w-full object-cover"})}export{E as default};

package/dist/render/components/BlockFrame.d.ts

@@ -0,0 +1,20 @@
+import type { CSSProperties, ReactNode } from "react";
+import type { PadValues } from "../../format/lib/content/section-padding.js";
+interface BlockFrameProps {
+    contained: boolean;
+    className?: string;
+    style?: CSSProperties;
+    pad?: {
+        values: PadValues;
+        frame: number;
+    };
+    children: ReactNode;
+}
+export declare const FRAME_BASE = "mx-auto w-full max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)]";
+export declare const FRAME_GUTTER = "max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";
+export declare const FRAME = "mx-auto w-full max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";
+export declare const PRE_FRAME_BASE = "mx-auto w-full max-w-[1280px] px-[60px]";
+export declare const PRE_FRAME_GUTTER = "max-[960px]:px-6";
+export declare const PRE_FRAME = "mx-auto w-full max-w-[1280px] px-[60px] max-[960px]:px-6";
+export default function BlockFrame({ contained, className, style, pad, children }: BlockFrameProps): import("react").JSX.Element;
+export {};

package/dist/render/components/Breadcrumb.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as s,Fragment as c}from"react/jsx-runtime";import{Fragment as f}from"react";import{SiteLink as x}from"../lib/site-runtime.js";import{renderChrome as m,renderGold as d}from"./goldPhrases.js";import{say as h}from"../../format/lib/editor-words.js";function g({items:o,meta:t,editing:p=!1}){const l=(o??[]).filter(e=>e?.label?.trim()),a=l.length>0?l:p?[{label:h("Breadcrumb")}]:[];return a.length===0&&!t?null:s("nav",{className:"flex items-center gap-4 border-b border-line px-[var(--sf-site-gutter,40px)] py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-4",children:[a.map((e,n)=>{const i=n===a.length-1;return s(f,{children:[n>0&&r("span",{className:"opacity-40",children:"/"}),e.href&&!i?r(x,{href:e.href,className:"hover:text-fg",children:m(e.label)}):r("span",{className:i?"text-fg":void 0,children:m(e.label)})]},n)}),t&&s(c,{children:[r("span",{className:"opacity-40",children:"·"}),r("span",{children:d(t)})]})]})}export{g as default};

package/dist/render/components/ButtonBlock.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{buttonArrowShown as u}from"../../format/lib/content/button-arrow.js";import{buttonIconSide as I,buttonWidth as g,storedButtonIcon as p}from"../../format/lib/content/button-icon.js";import{ArrowLongRightIcon as w,ArrowRightIcon as B,ArrowUpRightIcon as y,BagIcon as b,CarIcon as x,CartIcon as S,ChevronRightIcon as T,DownloadIcon as j,EmailIcon as A,ExternalIcon as C,LocationIcon as L,PlayIcon as N,SearchIcon as v,TagIcon as R}from"efficient-shell/icons/efficient";import U from"./BlockFrame.js";import _ from"./Btn.js";import{renderGold as k}from"./goldPhrases.js";const G="sf-button-block",O={"arrow-right":B,"arrow-long-right":w,"arrow-up-right":y,"chevron-right":T,external:C,cart:S,bag:b,tag:R,email:A,location:L,play:N,download:j,search:v,car:x},P={left:"justify-start",center:"justify-center",right:"justify-end"};function E({label:t,href:c,variant:e,align:a,contained:i,arrow:l,icon:s,iconPosition:f,widthFit:h}){const o=p(s),n=o&&o!=="none"?O[o]:void 0,m=o===void 0?u(l)?{}:{arrow:null}:n?{arrow:r(n,{size:16}),...I(f)==="before"?{glyphBefore:!0}:{}}:{arrow:null},d=g(h)==="fill"?{className:"w-full"}:{};return r(U,{contained:i,className:`${G} py-4`,children:r("div",{className:`flex ${P[a]}`,children:r(_,{href:c||"#",variant:e,...d,...m,children:k(t)})})})}export{G as BUTTON_BLOCK_CLASS,E as default};

package/dist/render/components/Cards.d.ts

@@ -0,0 +1,15 @@
+import type { SectionEyebrowLook } from "../../format/lib/sections/section-eyebrow-look.js";
+export interface CardItem {
+    title?: string;
+    body?: string;
+}
+export interface CardsProps {
+    eyebrow?: string;
+    look?: SectionEyebrowLook;
+    title?: string;
+    items?: CardItem[];
+    columns?: number;
+    omitHead?: boolean;
+    editing?: boolean;
+}
+export default function Cards({ look, eyebrow, title, items, columns, omitHead, editing, }?: CardsProps): import("react").JSX.Element | null;

package/dist/render/components/CategoryBar.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as s}from"react/jsx-runtime";import{SiteLink as u}from"../lib/site-runtime.js";import{renderChrome as l}from"./goldPhrases.js";import{STICKY_UNDERHEADER_CLASS as v}from"../lib/puck/header-clearance.js";import{say as k}from"../../format/lib/editor-words.js";const n={body:"text-[length:var(--size-body,12px)]",label:"text-[length:var(--size-label,13px)]"};function w({tabs:d,activeTab:i,links:b,sticky:f=!0,editing:h=!1}){const c=(d??[]).filter(e=>e?.label?.trim()),a=c.length>0?c:h?[{label:k("Tab")}]:[],o=(b??[]).filter(e=>e?.label?.trim());if(a.length===0&&o.length===0)return null;const p=i?a.findIndex(e=>e.label.toLowerCase()===i.toLowerCase()):-1,g=p===-1?0:p;return r("nav",{className:`${f?`${v} sticky top-[var(--sf-header-h,88px)] z-40 `:""}border-b border-line px-[var(--sf-site-gutter,40px)] backdrop-blur-md max-[1100px]:px-[min(16px,var(--sf-site-gutter,40px))]`,style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:s("div",{className:"mx-auto flex max-w-[calc(var(--sf-site-width,1600px)_-_var(--sf-site-gutter,40px)*2)] items-stretch gap-0 overflow-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[a.map((e,t)=>{const m=t===g,x=e.count?.trim()?e.count:"";return s("span",{className:[`relative whitespace-nowrap border-r border-line px-[22px] py-[18px] font-mono ${n.label} uppercase tracking-[0.22em] transition-colors`,t===0?"border-l border-line":"",m?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[l(e.label),x&&r("span",{className:`ml-2 ${n.body} text-accent opacity-70`,children:l(x)}),m&&r("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},t)}),o.length>0&&r("div",{className:"ml-auto flex border-l border-line",children:o.map((e,t)=>s(u,{href:e.href||"#",className:`flex items-center gap-2.5 px-[22px] py-[18px] font-mono ${n.label} uppercase tracking-[0.22em] text-fg-dim hover:text-fg`,children:[l(e.label)," ",r("span",{className:"text-accent",children:"↗"})]},t))})]})})}export{w as default};

package/dist/render/components/ContactLocations.d.ts

@@ -0,0 +1,17 @@
+import { type ContactLocationCard } from "../../format/lib/content/contact.js";
+import { type MapThemeMode } from "../../format/lib/map-styles.js";
+export interface ContactLocationsProps {
+    sectionNumber?: string;
+    heading?: string;
+    tagline?: string;
+    galleryKicker?: string;
+    galleryHint?: string;
+    locations?: ContactLocationCard[];
+    apiKey?: string;
+    mapId?: string;
+    mapTheme?: MapThemeMode;
+    imageShape?: string;
+    editing?: boolean;
+    nodeId?: string;
+}
+export default function ContactLocations({ sectionNumber, heading, tagline, galleryKicker, galleryHint, locations, apiKey, mapId, mapTheme, imageShape, editing, nodeId, ...widthProps }: ContactLocationsProps): import("react").JSX.Element;

package/dist/render/components/ContactLocations.js

@@ -0,0 +1,73 @@
+"use client";import{jsx as t,jsxs as i,Fragment as W}from"react/jsx-runtime";import{sectionRunsFullWidth as ne}from"../../format/lib/content/section-width.js";import{SiteImage as re}from"../lib/site-runtime.js";import{markOverlayPortal as ie}from"../../format/lib/puck/overlay-portal.js";import{useEffect as P,useRef as K,useState as T}from"react";import{stripMarkup as se}from"../../format/lib/markup.js";import ce from"./EditorialSectionHead.js";import le from"./SectionEyebrow.js";import{scrollBehavior as V}from"./useReducedMotion.js";import{renderGold as X,renderHeadline as de}from"./goldPhrases.js";import{CONTACT_LOCATIONS_CARDS_PLACEHOLDER as pe,CONTACT_LOCATIONS_DEFAULTS as R,parseLocationTileShape as ue,splitLegacyRegion as me}from"../../format/lib/content/contact.js";import{galleryCardRatioClass as ge}from"../../format/lib/content/gallery-card-layout.js";import{MAP_PALETTE as fe,mapBackgroundFor as B,mapMarkerColorFor as Y,mapPaletteFor as he,mapStylesFor as J,watchMapTheme as be}from"../../format/lib/map-styles.js";import{hasMapCoords as xe,loadGoogleMaps as ve,watchMapLoad as ye}from"../../format/lib/maps-loader.js";import{resolveMapId as ke,resolveMapsKey as we,useSiteMapId as Ne,useSiteMapsKey as Se}from"../lib/maps-config.js";import{bucketByGroup as Ce,groupColsClass as Z}from"../../format/lib/locations-grid.js";import{encodeLocationPartId as Q,usePreviewLocationPart as Ae}from"./PreviewLocationPartContext.js";import{LocationGroupHeader as Ie}from"./LocationGroupHeader.js";import{tk as ee}from"../../format/components/floating-editor/tokens.js";import{phoneHref as Le}from"../../format/lib/links/phone-href.js";const Me=`
+  .studio-map .gmap-canvas img[src*="google"] {
+    filter: grayscale(1) brightness(0.55) contrast(0.9);
+    opacity: 0.7;
+  }
+  .studio-map .gmap-canvas a[href*="maps.google.com"] {
+    filter: grayscale(1) brightness(0.55);
+    opacity: 0.7;
+  }
+  .studio-map .gmap-canvas .gm-style-cc {
+    filter: grayscale(1) brightness(0.55);
+    opacity: 0.55;
+  }
+  .studio-map .gmap-canvas .gm-style-cc *,
+  .studio-map .gmap-canvas .gm-style-cc a {
+    color: var(--fg-dim) !important;
+    background: transparent !important;
+  }
+  .studio-map .gmap-canvas .gm-style {
+    font-family: var(--font-role-label), var(--font-mono-fallback) !important;
+  }
+  .contact-loc {
+    outline: 2px solid transparent;
+    outline-offset: -2px;
+    transition: outline-color 600ms ease-out;
+  }
+  .contact-loc > div:first-child { transition: background-color 600ms ease-out; }
+  .contact-loc > div:first-child * { transition: color 600ms ease-out; }
+  .contact-loc[data-active="true"] { outline-color: var(--accent); }
+  .contact-loc[data-active="true"] > div:first-child { background-color: var(--accent); }
+  .contact-loc[data-active="true"] > div:first-child,
+  .contact-loc[data-active="true"] > div:first-child * { color: var(--bg) !important; }
+`,Oe=`
+.loc-part-pick { cursor: pointer; position: relative; }
+/* ⚠️ AN OVERLAY, NOT AN outline, AND THAT IS THE WHOLE FIX.
+   An inset outline is painted in the element's own box decoration and a
+   full-bleed child sitting above it hides it completely. A city TILE stacks
+   three: the picture (or its placeholder) at absolute inset-0, the gradient
+   scrim at absolute inset-0, and the caption at z-[1]. A MAP stacks its
+   canvas at absolute inset-0 and its address card at z-10 — but its
+   background is painted on the element itself, so its outline survived. That is
+   why the merchant saw the ring on the map and not on the picture: not a dead
+   control, a control that could not say it was live. Owner, 2026-09-09, having
+   clicked it: it works when clicked, hovering the picture shows nothing.
+   A ::after above every one of those children cannot be covered by any of
+   them, and it is the SAME rule for both halves rather than two that have to
+   agree. pointer-events: none so the ring never eats the click it advertises. */
+.loc-part-pick::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 30;
+  pointer-events: none;
+  box-shadow: inset 0 0 0 2px transparent;
+  transition: box-shadow 120ms ease-out;
+}
+.loc-part-pick:hover::after {
+  /* ⚠️ 8-DIGIT HEX, NOT color-mix(). Measured in a real editor: the same accent
+     written as color-mix(in srgb, X 45%, transparent) resolved to FULLY
+     TRANSPARENT inside a box-shadow, so the hover ring computed correctly and
+     painted nothing — the exact failure this whole change is fixing, reproduced
+     one layer down. The [data-selected] rule below, which names a plain colour,
+     painted blue in the same breath. 73 is 45% of 255. */
+  box-shadow: inset 0 0 0 2px ${ee.accent}73;
+}
+.loc-part-pick[data-selected]::after {
+  box-shadow: inset 0 0 0 2px ${ee.accent};
+}
+@media (prefers-reduced-motion: reduce) {
+  .loc-part-pick::after { transition: none; }
+}
+`;function te({value:p}){if(typeof p=="string"){const a=p.split(`
+`);return t(W,{children:a.map((y,s)=>i("span",{children:[y,s<a.length-1?t("br",{}):null]},s))})}return t(W,{children:p})}function Ee(){return t("div",{className:"absolute inset-0 flex items-center justify-center",style:{background:"repeating-linear-gradient(45deg, rgba(201,164,97,.05) 0 1px, transparent 1px 14px), linear-gradient(135deg, var(--site-surface-2), var(--site-surface))"},children:i("svg",{width:"34",height:"34",viewBox:"0 0 24 24",fill:"none",stroke:"var(--fg-dim)",strokeWidth:1.4,"aria-hidden":"true",style:{opacity:.4},children:[t("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1.5"}),t("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),t("path",{d:"M21 16l-5-5-4 4-2-2-7 7"})]})})}function _e({sectionNumber:p=R.sectionNumber,heading:a=R.heading,tagline:y=R.tagline,galleryKicker:s=R.galleryKicker,galleryHint:f=R.galleryHint,locations:w=pe,apiKey:O="",mapId:E="",mapTheme:o="auto",imageShape:N,editing:c,nodeId:l,...b}){const[x,F]=T(!1);P(()=>{const e=()=>F(document.documentElement.getAttribute("data-theme")==="light");e();const r=new MutationObserver(e);return r.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>r.disconnect()},[]);const[_,j]=T(null),A=e=>`loc-${e}`,z=e=>{j(e),typeof document<"u"&&document.getElementById(e)?.scrollIntoView({behavior:V(),block:"start"}),!c&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${e}`)};P(()=>{if(typeof window>"u")return;const e=window.location.hash.replace(/^#/,"");!e||!document.getElementById(e)||(j(e),requestAnimationFrame(()=>{document.getElementById(e)?.scrollIntoView({behavior:V(),block:"start"})}))},[]);const H=ge(ue(N)),{select:D,selectedLocationPartId:I}=Ae(),U=(e,r)=>l?Q(l,e,r):"",$=(e,r)=>!!(c&&l&&I===U(e,r)),L=(e,r)=>c&&l?`${e}:${r}`:void 0,d=K(null);P(()=>{if(!c||!l)return;const e=d.current;if(!e)return;const k=Array.from(e.querySelectorAll("[data-loc-pick]")).map(n=>{const m=ie(n),g=S=>{const h=n.getAttribute("data-loc-pick")??"",[M,C]=h.split(":");C!=="image"&&C!=="map"||(S.stopPropagation(),S.preventDefault(),D(Q(l,Number(M),C)))};return n.addEventListener("click",g,{capture:!0}),()=>{m?.(),n.removeEventListener("click",g,{capture:!0})}});return()=>k.forEach(n=>n())},[c,l,D,w.length]);const u=Ce(w,e=>String(e.group??""),e=>String(e.groupName??""));return i("section",{id:"studios",ref:d,className:ne(b)?"scroll-mt-24 border-b border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] scroll-mt-24 border-b border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",style:x?void 0:{background:"var(--section-bg)"},children:[t("style",{dangerouslySetInnerHTML:{__html:Me}}),c&&l&&t("style",{dangerouslySetInnerHTML:{__html:Oe}}),(p||a||y)&&t(ce,{num:p,title:a?de(a,!0):void 0,desc:y?X(y):void 0,spaceBelow:"mb-10"}),w.length>0&&i("div",{className:"mb-12",children:[(s||f)&&i("div",{className:"mb-5 flex items-baseline justify-between gap-6 border-b border-line pb-4",children:[s&&t(le,{text:s,size:12}),f&&t("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-fg-dim",children:X(f)})]}),t("div",{className:"flex flex-col gap-6",children:u.map((e,r)=>{const k=e.items.length===1;return i("div",{children:[e.key&&t("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:e.key}),t("div",{className:["grid gap-[2px] border border-line bg-line",Z(e.items.length),e.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:e.items.map(({item:n,index:m})=>{const g=String(n?.name??""),S=String(n?.photo??""),h=A(m);return i("a",{href:`#${h}`,"aria-label":`Jump to ${g||"location"} map`,onClick:M=>{M.preventDefault(),z(h)},"data-loc-pick":L(m,"image"),className:["group relative block",H,"overflow-hidden bg-bg outline-none focus-visible:ring-2 focus-visible:ring-accent",k?"max-h-[440px]":"",...L(m,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":$(m,"image")?"":void 0,children:[S?t(re,{src:S,alt:se(g||"Location"),fill:!0,sizes:k?"100vw":"(max-width: 700px) 50vw, 33vw",className:"object-cover grayscale transition-[filter] duration-500 group-hover:grayscale-0"}):t(Ee,{}),t("div",{className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.85) 100%)"}}),t("figcaption",{className:"absolute inset-x-0 bottom-0 z-[1] flex items-center justify-start gap-2 px-3 py-3 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-overlay-fg/85",children:t("span",{children:g})})]},m)})})]},e.key?`g:${e.key}`:`ungrouped:${r}`)})})]}),u.map((e,r)=>i("div",{className:r===0?"":"mt-10",children:[e.key&&t(Ie,{groupKey:e.key,name:e.name,count:e.items.length}),t("div",{className:["grid gap-[2px] border border-line bg-line",Z(e.items.length),e.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:e.items.map(({item:k,index:n})=>t(je,{id:A(n),card:k,active:_===A(n),apiKey:O,mapId:E,mapTheme:o,mapPick:L(n,"map"),mapSelected:$(n,"map"),editing:c},n))})]},e.key?`g:${e.key}`:`ungrouped:${r}`)),w.length>0&&i("p",{className:"mt-8 text-right font-mono text-[10px] uppercase tracking-[0.25em] text-fg-dim/50",children:["Location coordinates ©"," ",t("a",{href:"https://www.openstreetmap.org/copyright",target:"_blank",rel:"noopener noreferrer",className:"hover:text-accent",children:"OpenStreetMap contributors"})]})]})}function je({id:p,card:a,active:y,apiKey:s,mapId:f,mapTheme:w,mapPick:O,mapSelected:E,editing:o}){const N=Le(a.phone),c=me(a.region),l=String(a.state??"").trim()||c.state,b=String(a.country??"").trim()||c.country,x=[l,b].filter(Boolean).join(" · ");return i("article",{id:p,"data-active":y?"true":void 0,className:"contact-loc grid min-h-[840px] scroll-mt-[120px] grid-rows-[auto_1fr] bg-bg max-[1100px]:min-h-0",children:[i("div",{className:"flex min-h-[280px] flex-col gap-3 border-b border-line px-7 py-7",children:[i("div",{className:"flex items-start justify-between gap-3.5",children:[i("div",{children:[a.name&&t("div",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium uppercase leading-none tracking-[-0.02em]",children:a.name}),x&&t("div",{className:"mt-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:x})]}),a.timezone&&t("span",{className:"whitespace-nowrap border border-line px-2.5 py-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:a.timezone})]}),a.address!=null&&a.address!==""&&t("div",{className:"mt-1.5 font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:t(te,{value:a.address})}),a.phone&&t("div",{children:t("a",{href:N,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg hover:text-accent",children:a.phone})}),a.hours!=null&&a.hours!==""&&t("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:t(te,{value:a.hours})})]}),t($e,{name:String(a.name??""),state:l,country:b,lat:Number(a.lat),lng:Number(a.lng),mapsUrl:String(a.mapsUrl??""),apiKey:s,mapId:f,mapTheme:w,pick:O,selected:E,editing:o})]})}const ze=13;function $e({name:p,state:a,country:y,lat:s,lng:f,mapsUrl:w,apiKey:O,mapId:E,mapTheme:o="auto",pick:N,selected:c,editing:l}){const b=we(O,Se()),x=ke(E,Ne()),F=xe(s,f),_=!!b&&F,j=a,A=K(null),z=K(null),[H,D]=T(!1),I=`${b}|${s}|${f}|${x}|${o}`,[U,$]=T(null),L=U===I,d=o!=="auto",u=he(o),[e,r]=T(o==="auto"?fe.dark.background:B(o));P(()=>{r(B(o))},[o]),P(()=>{if(!_)return;const m=A.current;if(!m)return;let g=null,S=null,h=!1,M=null,C=null;const q=v=>({path:v.SymbolPath.CIRCLE,scale:7,fillColor:Y(o),fillOpacity:1,strokeColor:Y(o),strokeOpacity:.25,strokeWeight:10}),ae=async()=>{C=ye(()=>{h||$(I)});try{const v=await ve(b);if(h||!z.current)return;g=new v.Map(z.current,{center:{lat:s,lng:f},zoom:ze,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:B(o),...x?{mapId:x}:{styles:J(o)}}),S=new v.Marker({map:g,position:{lat:s,lng:f},icon:q(v)}),g.addListener("tilesloaded",()=>{C?.ready(),h||D(!0)}),o==="auto"&&!x&&(M=be(()=>{h||!g||(g.setOptions({styles:J(o),backgroundColor:B(o)}),S?.setIcon(q(v)),r(B(o)))}))}catch(v){console.error("[StudioMap] Maps SDK failed:",v),C?.stop(),h||$(I)}},G=new IntersectionObserver(v=>{for(const oe of v)if(oe.isIntersecting){G.disconnect(),ae();break}},{rootMargin:"200px"});return G.observe(m),()=>{h=!0,G.disconnect(),C?.stop(),M?.()}},[_,b,s,f,x,o,I]);const k=w||(p?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([p,a,y].filter(Boolean).join(" "))}`:""),n=i("div",{className:["absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border p-3.5",d?"":"border-line bg-bg shadow-[0_8px_24px_rgba(0,0,0,.4)]"].join(" "),style:d?{backgroundColor:u.info.bg,borderColor:`color-mix(in oklab, ${u.info.fgDim} 35%, transparent)`,boxShadow:u.info.shadow}:void 0,children:[i("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",style:d?{color:u.info.fg}:void 0,children:[p||"Location",j?`, ${j}`:""]}),k&&t("a",{href:k,target:"_blank",rel:"noopener noreferrer",className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] transition-colors",d?"":"text-accent hover:text-fg"].join(" "),style:d?{color:u.info.accent}:void 0,children:"Get Directions ↗"})]});if(!_||L){const m=d?`linear-gradient(135deg, ${u.background}, ${u.info.bg})`:"linear-gradient(135deg, var(--site-surface-2), var(--site-surface))";return i("div",{"data-loc-pick":N,className:["relative overflow-hidden max-[1100px]:aspect-square",d?"":"bg-bg",...N?["loc-part-pick"]:[]].join(" "),"data-selected":c?"":void 0,style:{...d?{backgroundColor:u.background}:null,backgroundImage:`repeating-linear-gradient(45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), ${m}`},children:[n,l&&t("div",{className:["absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em]",d?"":"text-fg-dim/40"].join(" "),style:d?{color:u.info.fgDim,opacity:.4}:void 0,children:b?L?"The map could not load. Check the key":"Add latitude & longitude":"Add a Google Maps API key"})]})}return i("div",{ref:A,"data-loc-pick":N,className:["studio-map relative overflow-hidden max-[1100px]:aspect-square",...N?["loc-part-pick"]:[]].join(" "),"data-selected":c?"":void 0,style:{backgroundColor:e},children:[t("div",{ref:z,className:"gmap-canvas absolute inset-0"}),t("div",{className:["pointer-events-none absolute inset-0 flex items-center justify-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim transition-opacity duration-500",H?"opacity-0":"opacity-100"].join(" "),children:"Loading map…"}),n]})}export{_e as default};

package/dist/render/components/CountUpText.js

@@ -0,0 +1 @@
+"use client";import{Fragment as s,jsx as e,jsxs as m}from"react/jsx-runtime";import{stripMarkup as i}from"../../format/lib/markup.js";import p from"./PartStyledText.js";import{renderGold as a}from"./goldPhrases.js";import{useCountUp as c}from"./useCountUp.js";function f({value:r}){const t=r.match(/^(\d+)(.*)$/),{ref:n,value:o}=c(t?Number.parseInt(t[1],10):0);return!t||i(r)!==r?e(s,{children:a(r)}):e(p,{value:r,children:m("span",{ref:n,children:[o,t[2]]})})}export{f as default};

package/dist/render/components/Countdown.js

@@ -0,0 +1 @@
+"use client";import{jsx as e,jsxs as o,Fragment as E}from"react/jsx-runtime";import{useEffect as T,useState as f}from"react";import u from"./PartStyledKind.js";import{renderGold as y,renderHeadline as M}from"./goldPhrases.js";import{PART_KIND_ATTR as h}from"../lib/puck/text-parts.js";import{TEXT_KIND_NAME as g,TEXT_KIND_VALUE as v}from"../../format/lib/sections/section-text-kinds.js";const c={headingSmall:"text-[length:min(var(--size-headingSmall,32px),var(--sf-heading-max,9999px))]",labelSmall:"text-[length:var(--size-label,11px)]",labelLarge:"text-[length:var(--size-label,12px)]"},D=24*3600*1e3,I=[{key:"hours",label:"Hours"},{key:"minutes",label:"Minutes"},{key:"seconds",label:"Seconds"}];function L(t,n){return Math.max(0,Math.ceil((t-n)/1e3))}function $(t){const n=Date.parse((t??"").trim());return Number.isFinite(n)?n:null}const z=t=>String(t).padStart(2,"0");function A({title:t,zeroText:n,endsAt:w,showUnits:N=!0,editing:i=!1}={}){const b=$(w),[S]=f(()=>Date.now()+D),l=b??(i?S:null),[_,m]=f(()=>Date.now());if(T(()=>{if(l===null)return;m(Date.now());const a=window.setInterval(()=>m(Date.now()),1e3);return()=>window.clearInterval(a)},[l]),l===null)return null;const s=L(l,_),r=[Math.floor(s/3600),Math.floor(s%3600/60),s%60],d=(t??"").trim(),p=(n??"").trim(),k=`${r[0]} hours, ${r[1]} minutes and ${r[2]} seconds left`;return e("section",{className:"relative z-[2] bg-bg",role:"timer","aria-live":"off",children:o("div",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] flex-col items-center gap-4 px-[var(--sf-site-gutter,40px)] py-12 text-center max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[d&&e("p",{className:`font-mono ${c.labelLarge} uppercase tracking-[0.2em] text-fg-dim`,children:y(d)}),s===0?p&&e("p",{className:`font-heading3 ${c.headingSmall} font-medium leading-tight text-fg`,children:M(p,!1)}):o(E,{children:[e("span",{className:"sr-only",children:k}),e("div",{"aria-hidden":!0,className:"flex items-start gap-[clamp(8px,2vw,24px)]",children:I.map((a,x)=>o("div",{className:"contents",children:[x>0&&e("span",{className:"font-mono text-[length:clamp(32px,7vw,80px)] leading-none text-accent",children:":"}),o("div",{className:"flex min-w-0 flex-col items-center gap-2",children:[e(u,{kind:v,children:e("span",{"data-countdown-unit":a.key,...i?{[h]:v}:{},suppressHydrationWarning:!0,className:"font-mono text-[length:clamp(40px,8vw,96px)] font-medium leading-none tabular-nums text-fg",children:z(r[x])})}),N&&e(u,{kind:g,children:e("span",{...i?{[h]:g}:{},className:`font-mono ${c.labelSmall} uppercase tracking-[0.2em] text-fg-dim`,children:a.label})})]})]},a.key))})]})]})})}export{A as default,L as secondsLeft};

package/dist/render/components/DealerFinder.d.ts

@@ -0,0 +1,12 @@
+import { type MapThemeMode } from "../../format/lib/map-styles.js";
+import { type DealerListPosition } from "../lib/dealer-source.js";
+export default function DealerFinder({ mapLabel, mapTheme, search, searchHint, noMatchText, listPosition, showDistance, editing, }: {
+    mapLabel: string;
+    mapTheme: MapThemeMode;
+    search: boolean;
+    searchHint: string;
+    noMatchText: string;
+    listPosition: DealerListPosition;
+    showDistance: boolean;
+    editing?: boolean;
+}): import("react").JSX.Element | null;

package/dist/render/components/DealerFinder.js

@@ -0,0 +1 @@
+"use client";import{jsx as n,jsxs as a}from"react/jsx-runtime";import{useEffect as C,useMemo as y,useRef as V,useState as c}from"react";import{EntityMap as W}from"efficient-shell/map";import{mapModeIsLight as N,watchMapTheme as G}from"../../format/lib/map-styles.js";import{dealerDistanceLabel as Q,dealerPins as Y,parseDealerListPosition as J,useDealerSource as U}from"../lib/dealer-source.js";import{groupColsClass as X}from"../../format/lib/locations-grid.js";import{say as Z}from"../../format/lib/editor-words.js";const D={near:null,dealers:[]},H="max-h-[480px] overflow-y-auto overscroll-contain",ee=5,te="h-[480px] max-[800px]:h-[320px]",ne={"--rosh-map-pin":"var(--accent)","--rosh-map-pin-text":"var(--bg)","--rosh-map-pin-edge":"var(--bg)","--rosh-map-ring":"var(--fg)","--rosh-map-radius":"0px","--rosh-map-font":"var(--font-role-label)"};function ae(t){const[s,o]=c(()=>N(t));return C(()=>(o(N(t)),G(()=>o(N(t)))),[t]),s?"light":"dark"}function re({mapLabel:t,mapTheme:s,search:o,searchHint:l,noMatchText:f,listPosition:u,showDistance:E,editing:I}){const d=U(),[r,x]=c(D),[w,z]=c(""),[T,S]=c(!1),[k,g]=c(null),[A,B]=c(null),b=V(null),P=ae(s);C(()=>{if(!d)return;let e=!0;return d({}).then(i=>e&&x(i)).catch(()=>e&&x(D)),()=>{e=!1}},[d]);const p=y(()=>Y(r.dealers),[r.dealers]),R=y(()=>new Set(p.map(e=>e.key)),[p]),K=y(()=>r.near==="found"?p.slice(0,ee).map(e=>e.key):null,[r.near,p]),O=e=>{g(e),R.has(e)&&B(i=>({key:e,n:(i?.n??0)+1}))},$=e=>{g(e),b.current?.querySelector(`[data-dealer="${CSS.escape(e)}"]`)?.scrollIntoView({block:"nearest"})};if(!d)return I?n("p",{"data-dealers-unavailable":!0,className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:Z("Dealers are not available on this website")}):null;const q=e=>{e.preventDefault();const i=w.trim();S(!0),g(null),d(i?{near:i}:{}).then(x).catch(()=>x(F=>({...F,near:"try_again"}))).finally(()=>S(!1))},m=J(u),_=m!=="below",v=r.near==="not_found"||r.near==="try_again",j=o?a("form",{role:"search",onSubmit:q,className:"mb-4 flex gap-2",children:[n("input",{type:"search",value:w,onChange:e=>z(e.target.value),placeholder:l,"aria-label":l,"aria-invalid":v||void 0,className:["min-w-0 flex-1 border bg-bg px-3 py-2 text-[length:var(--size-body,14px)] text-fg outline-none",v?"border-accent":"border-line focus:border-fg"].join(" ")}),n("button",{type:"submit","aria-label":l,disabled:T,className:"grid w-10 shrink-0 place-items-center bg-fg text-bg disabled:opacity-50",children:a("svg",{"aria-hidden":!0,width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[n("circle",{cx:"11",cy:"11",r:"7"}),n("path",{d:"M20 20l-3.5-3.5"})]})})]}):null,L=v&&f?n("p",{role:"status",className:"mb-3 text-[length:var(--size-body,14px)] text-fg-dim",children:f}):null,h=r.dealers.map(e=>n(se,{dealer:e,active:k===e.id,onSelect:()=>O(e.id),distance:E?Q(e.distanceKm):"",tile:!_},e.id)),M=n("div",{style:ne,children:n(W,{pins:p,selectedKey:k,focus:A,onSelect:$,ariaLabel:t,className:te,groupCrowded:!0,fitTo:K,look:"site",theme:P,cooperativeGestures:"coarse"})});return _?a("div",{"data-dealer-finder":m,className:["grid items-start gap-6 max-[800px]:grid-cols-1",m==="left"?"grid-cols-[minmax(260px,360px)_1fr]":"grid-cols-[1fr_minmax(260px,360px)]"].join(" "),children:[a("div",{className:["min-w-0",m==="right"?"order-2":"","max-[800px]:order-2"].join(" "),children:[j,L,n("div",{ref:b,className:[H,"max-[800px]:max-h-none"].join(" "),children:h})]}),n("div",{className:["min-w-0",m==="right"?"order-1":"","max-[800px]:order-1"].join(" "),children:M})]}):a("div",{"data-dealer-finder":"below",children:[j,L,M,h.length>0&&n("div",{ref:b,className:["mt-12 grid gap-[2px] bg-bg",X(h.length),h.length>2?"max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1":"max-[700px]:grid-cols-1"].join(" "),children:h})]})}function se({dealer:t,active:s,onSelect:o,distance:l,tile:f}){const u=[t.city,[t.state,t.postcode].filter(Boolean).join(" ")].filter(Boolean).join(" ");return a("div",{"data-dealer":t.id,className:["flex gap-3 bg-bg text-left outline outline-1 -outline-offset-1",f?"px-6 py-5":"border-b border-line px-1 py-4",s?"outline-accent":"outline-transparent hover:outline-line"].join(" "),children:[a("button",{type:"button",onClick:o,"aria-pressed":s,className:"min-w-0 flex-1 text-left",children:[n("span",{className:"block font-display text-[length:var(--size-body,16px)] font-medium leading-[1.25] text-fg",children:t.name}),t.address&&n("span",{className:"mt-1 block text-[length:var(--size-body,14px)] text-fg-dim",children:t.address}),u&&n("span",{className:"block text-[length:var(--size-body,14px)] text-fg-dim",children:u})]}),a("span",{className:"flex shrink-0 flex-col items-end gap-1 text-[length:var(--size-body,14px)]",children:[l&&n("span",{className:"text-fg-dim",children:l}),t.phone&&n("a",{href:`tel:${t.phone.replace(/[^\d+]/g,"")}`,className:"text-fg underline underline-offset-2",children:t.phone}),t.website&&n("a",{href:t.website,target:"_blank",rel:"noopener noreferrer",className:"text-fg underline underline-offset-2",children:t.website.replace(/^https?:\/\//,"").replace(/\/$/,"")})]})]})}export{re as default};

package/dist/render/components/Divider.d.ts

@@ -0,0 +1,9 @@
+import { type DividerStyle } from "../../format/lib/sections/divider-style.js";
+type Spacing = "sm" | "md" | "lg";
+interface DividerProps {
+    spacing: Spacing;
+    contained: boolean;
+    style?: DividerStyle;
+}
+export default function Divider({ spacing, contained, style, }: DividerProps): import("react").JSX.Element;
+export {};

package/dist/render/components/Divider.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import t from"./BlockFrame.js";import{DEFAULT_DIVIDER_STYLE as i,STRIPE_BAND_HEIGHT_PX as a,parseDividerStyle as d,stripeBackground as n}from"../../format/lib/sections/divider-style.js";const c={sm:"my-6",md:"my-12",lg:"my-20"};function l({spacing:o,contained:s,style:m=i}){const e=n(d(m));return r(t,{contained:s,className:c[o],children:e?r("hr",{className:"border-x-0 border-y border-line",style:{height:a,backgroundImage:e}}):r("hr",{className:"border-0 border-t border-line"})})}export{l as default};

package/dist/render/components/DocBody.js

@@ -0,0 +1,7 @@
+import{jsx as r,jsxs as f}from"react/jsx-runtime";import{renderGold as c}from"./goldPhrases.js";import{storefrontLines as u}from"../../format/lib/markup.js";import{say as p}from"../../format/lib/editor-words.js";function y(o,s){return o.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${s+1}`}function v(o){const s=[];for(const d of o.replace(/\r\n?/g,`
+`).split(/\n[ \t]*\n/))d.split(`
+`).map(a=>a.replace(/\s+$/,"")).filter(a=>a.trim()!=="").forEach((a,x)=>{const m=u(a)[0].bullet,n=s.at(-1),e=x===0||!n||n.type==="ul"!==m;if(m){const t=a.slice(2);!e&&n?.type==="ul"?n.items.push(t):s.push({type:"ul",items:[t]})}else!e&&n?.type==="p"?n.text+=`
+${a}`:s.push({type:"p",text:a})});return s}const w=()=>[{label:p("First section"),heading:p("Your *first* section."),body:p(`Write the opening paragraph here.
+
+- Start a line with a dash for a bullet.
+- Add as many as you like.`)},{label:p("Second section"),heading:p("Your *second* section."),body:p("Leave a blank line between paragraphs to start a new one.")}],N=120;function S({tocTitle:o,sections:s,editing:d=!1,stickyTop:g=N}){const a=(s??[]).filter(e=>(e.heading??"").trim()!==""||(e.label??"").trim()!==""||(e.body??"").trim()!=="");if(a.length===0&&!d)return null;const x=a.length===0&&d?w():a,m=new Set,n=x.map((e,t)=>{const i=y(e.label||e.heading||"",t);let l=i,h=2;for(;m.has(l);)l=`${i}-${h++}`;return m.add(l),l});return r("section",{className:"relative z-[2] bg-bg",children:f("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[240px_1fr] items-start gap-20 border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[900px]:grid-cols-1 max-[900px]:gap-10 max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:py-[60px]",children:[f("aside",{className:"sticky flex flex-col self-start max-[900px]:static",style:{top:g},children:[o&&r("h4",{className:"mb-[18px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:c(o)}),x.map((e,t)=>f("a",{href:`#${n[t]}`,className:`flex items-center justify-between gap-3 border-b border-line py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim transition-colors hover:text-fg${t===0?" border-t":""}`,children:[r("span",{children:c(e.label||"Section")}),r("span",{className:"text-accent",children:String(t+1).padStart(2,"0")})]},n[t]))]}),r("div",{className:"flex flex-col gap-16",children:x.map((e,t)=>f("article",{id:n[t],className:"flex flex-col gap-[18px]",style:{scrollMarginTop:g},children:[f("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:[String(t+1).padStart(2,"0")," · ",c(e.label||"Section")]}),e.heading&&r("h2",{className:"mb-2 border-b border-line pb-[18px] font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.5vw,44px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.025em]",children:c(e.heading)}),v(e.body??"").map((i,l)=>i.type==="ul"?r("ul",{className:"flex max-w-[680px] list-none flex-col gap-2.5 pl-0",children:i.items.map((h,b)=>r("li",{className:"relative pl-6 font-serif text-[length:var(--size-body,17px)] leading-[1.65] text-fg-dim before:absolute before:-top-0.5 before:left-1.5 before:text-[length:var(--size-body,24px)] before:leading-none before:text-accent before:content-['·']",children:c(h)},b))},l):r("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,17px)] leading-[1.7] text-fg-dim",children:c(i.text)},l))]},n[t]))})]})})}export{S as default,y as sectionAnchorId};

package/dist/render/components/Eyebrow.d.ts

@@ -0,0 +1,9 @@
+import { type SectionEyebrowLook } from "../../format/lib/sections/section-eyebrow-look.js";
+import type { HeroCopyAlignment } from "../../format/lib/hero-group-placement.js";
+export declare const ALIGN_JUSTIFY: Record<HeroCopyAlignment, string>;
+export interface EyebrowProps {
+    text: string;
+    align?: HeroCopyAlignment;
+    look?: SectionEyebrowLook;
+}
+export default function Eyebrow({ text, align, look, }: EyebrowProps): import("react").JSX.Element;

package/dist/render/components/Eyebrow.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import f from"./SectionEyebrow.js";import{DEFAULT_EYEBROW_BLOCK_LOOK as i}from"../../format/lib/sections/section-eyebrow-look.js";const n={left:"",center:"justify-center",right:"justify-end"};function s({text:e,align:r="left",look:t=i}){return o(f,{text:e,look:t,classNameAfter:t==="line"?n[r]:""})}export{n as ALIGN_JUSTIFY,s as default};