efficient-web-builder 23.2.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/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};

package/dist/render/components/FAQ.js

@@ -0,0 +1 @@
+import{Fragment as E,jsx as e,jsxs as i}from"react/jsx-runtime";import{stripMarkup as A}from"../../format/lib/markup.js";import{renderGold as o,renderHeadline as v}from"./goldPhrases.js";import F from"./SectionHeader.js";import{SectionTextParts as S}from"../lib/puck/editing-bridges.js";import{TEXT_REGION_ATTR as T,regionStyle as I,textRegionPartKey as O}from"../../format/lib/sections/text-regions.js";import{FAQ_REGIONS as R}from"../../format/lib/sections/faq-text-regions.js";import{SIZE_STEP_OF_ROLE as z}from"../../format/lib/fonts.js";import{say as l}from"../../format/lib/editor-words.js";import{SITE_COLUMN as j}from"../../format/lib/content/page-width.js";function y(t){return A(t).trim()}function d(t,n){return t?{[T]:n}:{}}function x(t,n){const a=t?.[O(n)]?.role;return I(a,R[n],z)}function L({editing:t,nodeId:n,children:a}){return!t||!n?e(E,{children:a}):e(S,{nodeId:n,sectionType:"FAQ",children:a})}const M="relative z-[2] bg-bg py-[120px] max-[800px]:py-[70px]",Q="relative z-[2] bg-bg pt-0 pb-[120px] max-[800px]:pt-0 max-[800px]:pb-[70px]";function k({num:t,title:n,link:a,items:_,defaultOpen:b=!0,editing:s=!1,omitHead:f=!1,nodeId:N,partStyles:p}){const c=(_??[]).filter(r=>(r.question??"").trim()!==""),w=s&&c.length===0;if(c.length===0&&!s)return null;const u=w?[{question:l("Add your first question"),answer:l("Write the answer here.")},{question:l("Add another question"),answer:l("Write the answer here.")}]:c,h=u.filter(r=>(r.answer??"").trim()!=="").map(r=>({"@type":"Question",name:y(r.question??""),acceptedAnswer:{"@type":"Answer",text:y(r.answer??"")}})),g=!s&&h.length>0?JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:h}).replace(/</g,"\\u003c"):null,q=n?v(n,!0):void 0;return i("section",{className:f?Q:M,children:[e("style",{children:".faq-acc__ico{transition:transform .2s ease}details[open]>summary .faq-acc__ico{transform:rotate(45deg)}"}),g&&e("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:g}}),i("div",{className:j,children:[f?null:e(F,{num:t!==void 0?o(t):void 0,title:q,link:a?{text:o(a.text),href:a.href}:void 0,accent:!0}),e(L,{editing:s,nodeId:N,children:e("div",{children:u.map((r,m)=>i("details",{open:m===0&&b,className:"border-b border-line",children:[i("summary",{className:"flex cursor-pointer list-none items-center gap-6 py-7 [&::-webkit-details-marker]:hidden max-[800px]:gap-4 max-[800px]:py-5",children:[e("span",{className:"font-mono text-[length:var(--size-label,14px)] tracking-[0.2em] text-accent",...d(s,"number"),style:x(p,"number"),children:String(m+1).padStart(2,"0")}),e("span",{className:"flex-1 font-display text-[length:var(--size-body,18px)] font-medium uppercase tracking-[0.02em] text-fg max-[800px]:text-[length:var(--size-body,15px)]",...d(s,"question"),style:x(p,"question"),children:o(r.question??"")}),e("span",{"aria-hidden":!0,className:"faq-acc__ico shrink-0 text-[length:var(--size-body,22px)] leading-none text-fg-dim",children:"+"})]}),r.answer&&e("div",{className:"pb-8 pl-11 pr-8 max-[800px]:pl-0 max-[800px]:pr-0",children:e("p",{className:"max-w-[760px] text-[length:var(--size-body,15px)] leading-[1.7] text-fg-dim",...d(s,"answer"),style:x(p,"answer"),children:o(r.answer)})})]},m))})})]})]})}export{k as default};

package/dist/render/components/FeaturedCover.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{sectionRunsFullWidth as h}from"../../format/lib/content/section-width.js";import{Fragment as v}from"react";import{SiteLink as y}from"../lib/site-runtime.js";import{stripMarkup as N}from"../../format/lib/markup.js";import w from"./Placeholder.js";import{renderGold as r,renderHeadline as k,splitParagraphs as z}from"./goldPhrases.js";const t={body:"text-[length:var(--size-body,20px)]",labelSmall:"text-[length:var(--size-label,12px)]",labelLarge:"text-[length:var(--size-label,13px)]"};function S({image:g,badge:i,imageDate:p,category:o,readLabel:m,date:c,title:n,dek:x,ctaText:d,ctaHref:b,...u}){const f=[o?e("span",{className:"text-accent",children:r(o)}):null,m?e("span",{children:r(m)}):null,c?e("span",{children:r(c)}):null].filter(Boolean);return e("section",{className:h(u)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",children:a("article",{className:"sf-card relative grid grid-cols-[1.3fr_1fr] border border-line bg-[var(--card-bg)] max-[1100px]:grid-cols-1",children:[a("div",{className:"relative aspect-[5/4] overflow-hidden border-r border-line bg-surface-2 max-[1100px]:border-r-0 max-[1100px]:border-b",children:[e(w,{label:"featured-cover",src:g||void 0,alt:N(n||"Cover"),sizes:"(max-width: 1100px) 100vw, 56vw"}),e("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.45) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.55) 100%)"}}),i&&e("span",{className:`absolute left-6 top-6 z-[2] bg-accent px-3 py-2 font-mono ${t.labelSmall} uppercase tracking-[0.3em] text-bg`,children:r(i)}),p&&e("span",{className:`absolute right-6 bottom-6 z-[2] font-mono ${t.labelSmall} uppercase tracking-[0.24em] text-overlay-fg`,children:r(p)})]}),a("div",{className:"flex flex-col justify-between gap-6 px-12 py-14 max-[1100px]:px-7 max-[1100px]:py-9",children:[f.length>0&&e("div",{className:`flex items-center gap-4 font-mono ${t.labelSmall} uppercase tracking-[0.28em] text-fg-dim`,children:f.map((s,l)=>a(v,{children:[l>0&&e("span",{className:"opacity-40",children:"·"}),s]},l))}),n&&e("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(34px,3.5vw,58px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:k(n,!0)}),x&&z(x).map((s,l)=>e("p",{className:`max-w-[520px] font-serif ${t.body} italic leading-[1.5] text-fg-dim`,children:r(s,!0)},l)),d&&e("div",{children:a(y,{href:b||"#",className:`group inline-flex items-center gap-3.5 py-3.5 font-mono ${t.labelLarge} uppercase tracking-[0.3em] text-accent`,children:[r(d)," ",e("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"→"})]})})]})]})})}export{S as default};

package/dist/render/components/Flex.js

@@ -0,0 +1 @@
+import{jsx as s,jsxs as q,Fragment as J}from"react/jsx-runtime";import Q from"./BoxTabs.js";import T from"./SiteGutterFrame.js";import{BoxSurfaceProvider as V}from"./BoxSurfaceContext.js";import{useInSiteHeader as Z}from"./PhoneMenuTools.js";import{FRAME_BASE as ee,FRAME_GUTTER as se}from"./BlockFrame.js";import{containerGapProps as re}from"../../format/lib/content/container-gap.js";import{boxLayoutClasses as oe,boxBlockSpacingClass as te,boxPhoneRowClasses as ne,boxShareClasses as le,boxWrapClass as ae}from"../../format/lib/content/box-layout.js";import{BOX_CARD_PAD as e,BOX_OWNS_SIDES_CLASS as ie,boxDarkenStyle as me,boxPlacementClasses as ce,CARD_SHADOW_CLASS as fe,isBackgroundBox as ue}from"../../format/lib/content/box-background.js";import{sectionBorderStyle as de}from"../../format/lib/content/borders.js";import{sectionPadAttrs as be}from"../../format/lib/content/section-padding.js";import{ON_MEDIA_INK_STYLE as ye}from"../../format/lib/content/ink.js";import{sizedBackground as xe}from"../../format/lib/sized-image.js";function Se({direction:t,label:g,gap:k,justify:v,align:E,wrap:P,share:w,phoneRow:B,blockSpacing:D,bgImage:S,darken:F,darkenStyle:j,placement:O,padV2:z=!1,border:H,borderPhone:I,padTop:a,padBottom:i,padTopPhone:m,padBottomPhone:c,padLeft:f,padRight:u,padLeftPhone:d,padRightPhone:b,contained:G=!0,fillHeight:M=!1,content:W}){const o=ue(S),p=Z(),$=[le(w),te(D)].filter(Boolean).join(" "),L=$?` ${$}`:"",C=["flex",t==="row"?`flex-row ${ne(B)}`:"flex-col",ae(P),o?ce(O??"center",t):oe(v,E)].join(" ")+L,r=M||o?" h-full":"",y=o||p||z?"":" py-6",R=`${ee}${y} ${se}${r}`,X=p?r.trim():`w-full${y}${r}`,n=re("Flex",k,t==="row"?"inline":"block"),_=s(W,{className:`${C}${n.className}${r}`,style:n.style,minEmptyHeight:120}),h=t==="tabs"?s(Q,{className:`${C}${n.className}${r}`,style:n.style,children:_}):_,K=g?.trim()||void 0,U={values:{top:a,bottom:i,topPhone:m,bottomPhone:c,left:f,right:u,leftPhone:d,rightPhone:b},frame:y?24:0},A=Y=>s(T,{contained:G,framedClass:R,fillClass:X,tabLabel:K,pad:o?void 0:U,border:de(H,I),children:Y});if(!o)return A(h);const l=me(F,j),x=be(typeof a=="number"?a:e.desktop,typeof i=="number"?i:e.desktop,typeof m=="number"?m:e.phone,typeof c=="number"?c:e.phone,typeof f=="number"?f:e.side,typeof u=="number"?u:e.side,typeof d=="number"?d:e.sidePhone,typeof b=="number"?b:e.sidePhone),N=s("div",{className:`relative z-[1] ${ie} ${x?.className??""}`.trimEnd(),style:l?{...x?.style,...ye}:x?.style,children:h});return A(s(J,{children:q("div",{className:`relative isolate overflow-hidden ${fe}${r}`,style:{backgroundImage:xe(S??""),backgroundSize:"cover",backgroundPosition:"center"},children:[l&&s("div",{className:"absolute inset-0 z-0",style:l,"aria-hidden":!0}),l?s(V,{children:N}):N]})}))}export{Se as default};