efficient-web-builder 0.10.0 → 1.0.0

package/dist/lib/puck/media-manifest.json

@@ -0,0 +1,138 @@
+{
+  "contentHash": "db2b679aad5380c6",
+  "schema": 1,
+  "mediaFields": {
+    "ImageBlock": [
+      "src"
+    ],
+    "LogoBlock": [
+      "src"
+    ],
+    "Flex": [
+      "bgImage"
+    ],
+    "FeaturedCover": [
+      "image"
+    ],
+    "LongRead": [
+      "image"
+    ],
+    "Banner": [
+      "imageSrc"
+    ],
+    "Timeline": [
+      "imageSrc"
+    ],
+    "Logos": [
+      "items[].src"
+    ],
+    "ContactLocations": [
+      "locations[].photo"
+    ],
+    "HeroSingle": [
+      "imageFocal",
+      "mediaImage",
+      "mediaVideo",
+      "poster"
+    ],
+    "HeroSlide": [
+      "mediaImage",
+      "mediaVideo",
+      "poster"
+    ],
+    "PostCard": [
+      "image"
+    ],
+    "Gallery": [
+      "othersCards[].image",
+      "othersCards[].photos[].src",
+      "vehicleCards[].image",
+      "vehicleCards[].photos[].src",
+      "wheelCards[].image",
+      "wheelCards[].photos[].src"
+    ],
+    "GalleryItem": [
+      "image",
+      "photos[].src"
+    ],
+    "Manifesto": [
+      "imageSrc"
+    ],
+    "SectionHeader": [
+      "logoSrc"
+    ],
+    "IntroBleed": [
+      "imageSrc",
+      "imageSrcMobile"
+    ],
+    "Split": [
+      "imageSrc",
+      "textBgSrc"
+    ],
+    "ProcessSteps": [
+      "steps[].image"
+    ],
+    "DetailRows": [
+      "rows[].image"
+    ],
+    "PaymentBadges": [
+      "badges[].src"
+    ]
+  },
+  "mediaKeyNames": [
+    "bgImage",
+    "image",
+    "imageFocal",
+    "imageSrc",
+    "imageSrcMobile",
+    "logoSrc",
+    "mediaImage",
+    "mediaVideo",
+    "photo",
+    "poster",
+    "src",
+    "textBgSrc"
+  ],
+  "snapshotObjects": {
+    "ProductGrid": {
+      "source": {
+        "keep": [
+          "slug"
+        ]
+      }
+    },
+    "GalleryItem": {
+      "product": {
+        "keep": [
+          "code",
+          "finish"
+        ]
+      }
+    },
+    "FeaturedCover": {
+      "source": {
+        "keep": [
+          "slug"
+        ]
+      }
+    },
+    "LongRead": {
+      "source": {
+        "keep": [
+          "slug"
+        ]
+      }
+    }
+  },
+  "hydratedLists": {
+    "Events": [
+      "posts"
+    ],
+    "SubscribeBlogs": [
+      "posts"
+    ]
+  },
+  "technicalStateKeys": [
+    "imageFocal"
+  ]
+}

package/dist/lib/puck/migrate-legacy.d.ts

@@ -0,0 +1,2 @@
+import type { Data } from "efficient-easel/blocks";
+export declare function migrateLegacyPageData(data: Data): Data;

package/dist/lib/puck/migrate-legacy.js

@@ -0,0 +1 @@
+import{pinnedDuplicateIndices as h}from"./content-tree.js";import{SLOT_SECTION_SPECS as A}from"./slot-specs.js";const S=["GalleryB"];function x(n){const o=n.content;if(!Array.isArray(o))return n;let i=!1;const c=o.map(t=>{const e=t?.type;if(!e||!S.includes(e))return t;const r=A[e];if(!r?.legacy)return t;const s=t.props??{},l=s[r.slot];if(Array.isArray(l)&&l.length>0)return t;const a=r.legacy(s);if(!a.length)return t;i=!0;const y=String(s.id??e),f=a.map((g,m)=>({type:r.childType,props:{id:`${r.childType}-${y}-${m}`,...g}}));return{...t,props:{...s,[r.slot]:f}}}),p=new Set(h(c)),u=p.size?c.filter((t,e)=>!p.has(e)):c;return p.size&&(i=!0),i?{...n,content:u}:n}export{x as migrateLegacyPageData};

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

@@ -0,0 +1,10 @@
+import type { MockupVariant } from "../../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 cullMockupFields<T extends Record<string, unknown>>(fields: T, variant: unknown): T;

package/dist/lib/puck/mockup-variant-fields.js

@@ -0,0 +1 @@
+const o=[{label:"Product record (spec tiles)",value:"spec-card"},{label:"Selector guide (pills + results)",value:"fitment"},{label:"Portal card (stock + button + orders)",value:"portal"},{label:"Kanban board (job columns)",value:"kanban"},{label:"Claims panel (rows + defect bars)",value:"claims"},{label:"Browser storefront (hero + tiles)",value:"browser"},{label:"Terminal (CLI session)",value:"terminal"}],s=o.map(a=>a.value),c="spec-card",i={badge:["spec-card","fitment","portal","kanban","claims","browser"],cardTitle:["spec-card","fitment","portal","kanban","claims"],cardSubtitle:["spec-card","fitment","portal","kanban","claims"],rows:["spec-card","fitment","portal","kanban","claims"],button:["spec-card","fitment","portal","kanban","claims"],footnote:["spec-card","fitment","portal","kanban","claims"],pills:["fitment"],tiles:["spec-card","portal","kanban","claims"],_gKanban:["kanban"],col1Title:["kanban"],col1Cards:["kanban"],col2Title:["kanban"],col2Cards:["kanban"],col3Title:["kanban"],col3Cards:["kanban"],col4Title:["kanban"],col4Cards:["kanban"],_gClaims:["claims"],barsHeading:["claims"],bars:["claims"],_gTerminal:["terminal"],termLines:["terminal"],_gBrowser:["browser"],urlText:["browser"],heroTitle:["browser"],heroButton:["browser"],products:["browser"]};function b(a){return s.includes(a)?a:c}function p(a,r){const l=b(r),e={...a};for(const[t,n]of Object.entries(i))n.includes(l)||delete e[t];return e}export{c as MOCKUP_DEFAULT_VARIANT,s as MOCKUP_VARIANTS,i as MOCKUP_VARIANT_FIELDS,o as MOCKUP_VARIANT_OPTIONS,p as cullMockupFields,b as mockupVariantOf};

package/dist/lib/puck/neutralization-contracts.d.ts

@@ -0,0 +1,43 @@
+export type NeutralizeVerb = "copy" | "link" | "structural" | "reference" | "snapshot" | "emptyList" | "pii" | "groupKey";
+export type TextSemantic = "heading" | "body" | "eyebrow" | "button" | "alt" | "caption" | "address" | "phone" | "email" | "legal" | "generic";
+export declare const SEMANTIC_FALLBACKS: Record<TextSemantic, string | null>;
+export declare function classifyTextSemantic(propName: string, label?: string, multiline?: boolean): TextSemantic;
+export declare const STRUCTURAL_TEXT_PROPS: readonly string[];
+export declare const LINK_TEXT_PROP_RE: RegExp;
+export declare function isStructuralTextProp(prop: string): boolean;
+export declare const REFERENCE_TEXT_FIELDS: Record<string, readonly string[]>;
+export type CustomTextRule = {
+    path: string;
+    semantic: TextSemantic;
+    neutral?: string;
+    shape?: "string" | "hidable" | "textList";
+};
+export declare const CUSTOM_FIELD_TEXT: Record<string, readonly CustomTextRule[]>;
+export type OpaqueRule = {
+    verb: "reference" | "emptyList" | "pii" | "groupKey";
+} | {
+    verb: "snapshot";
+    keep: readonly string[];
+} | {
+    verb: "keys";
+    rules: Record<string, NeutralizeVerb>;
+};
+export declare const CUSTOM_FIELD_VALUES: Record<string, Record<string, OpaqueRule>>;
+export declare const ROOT_REFERENCE_PROPS: readonly string[];
+export declare const SNAPSHOT_PROPS_FROM_MEDIA_CONTRACT: Record<string, readonly string[]>;
+export declare const HYDRATED_PROPS_FROM_MEDIA_CONTRACT: Record<string, readonly string[]>;
+export declare const SEMANTICS_WITH_UNSAFE_PLACEHOLDERS: readonly TextSemantic[];
+export declare const SAFE_SEMANTIC_PLACEHOLDER: Partial<Record<TextSemantic, string>>;
+export declare const PLACEHOLDER_FORBIDDEN: readonly {
+    rule: string;
+    re: RegExp;
+}[];
+export type NeutralResolution = {
+    ok: true;
+    neutral: string | null;
+    source: "declared" | "fallback" | "safe-substitute";
+} | {
+    ok: false;
+    reason: string;
+};
+export declare function resolveNeutralValue(semantic: TextSemantic, declared?: string): NeutralResolution;

package/dist/lib/puck/neutralization-contracts.js

@@ -0,0 +1 @@
+import{SNAPSHOT_OBJECTS as s,HYDRATED_LISTS as l}from"./snapshot-contracts.js";const b={heading:"Main heading",body:"Add supporting copy.",eyebrow:"Label",button:"Button label",alt:"Image description",caption:"Image caption",address:null,phone:null,email:null,legal:null,generic:"Label"},o=[{semantic:"alt",name:/(^|[a-z])alt$|^imageLabel$|Alt$/i,label:/\balt text\b/i},{semantic:"caption",name:/caption/i,label:/\bcaption\b/i},{semantic:"email",name:/email/i,label:/\be-?mail\b/i},{semantic:"phone",name:/phone|tel$|mobile/i,label:/\bphone\b|\btelephone\b/i},{semantic:"address",name:/address|street|postcode|suburb|^hours$|^timezone$/i,label:/\baddress\b|\bopening hours\b/i},{semantic:"legal",name:/consent|finePrint|legal|disclaimer|copyright|abn|acn/i,label:/\bconsent\b|\bfine print\b|\blegal\b|\bdisclaimer\b/i},{semantic:"button",name:/^cta|Cta|button|Button|submitText|linkText|readLabel|viewLabel|archiveText|subscribedText/i,label:/\bbutton\b|\bcta\b|\blink text\b/i},{semantic:"eyebrow",name:/eyebrow|kicker|badge|^tag$|^num$|Number$|^label$|Label$|^meta|Meta$|^value$/i,label:/\beyebrow\b|\bkicker\b|\bbadge\b|\blabel\b|\bnumber\b|\btag\b/i},{semantic:"heading",name:/heading|Heading|^title|Title$|titleTop|titleBottom|^name$|question/i,label:/\bheading\b|\btitle\b/i},{semantic:"body",name:/body|description|^desc$|^intro|^lead|^dek$|^deck$|blurb|^copy$|quote|tagline|answer|^note$|footnote|^text$/i,label:/\bbody\b|\bdescription\b|\bblurb\b|\bintro\b|\bparagraph\b/i}];function g(e,a="",r=!1){for(const t of o)if(t.name?.test(e))return t.semantic;for(const t of o)if(t.label?.test(a))return t.semantic;return r?"body":"generic"}const c=["anchor"],d=/^href$|Href$|^url$|Url$|^link$|^mailto$|^tel$/;function E(e){return c.includes(e)||d.test(e)}const T={Reviews:["designCode"],ReviewForm:["designCode"],Form:["formSlug"]},v={HeroSingle:[{path:"eyebrow",semantic:"eyebrow",shape:"hidable"},{path:"titleTop",semantic:"heading",shape:"hidable"}],Hero:[{path:"tickerItems",semantic:"eyebrow",shape:"textList"}],ContactLocations:[{path:"sectionNumber",semantic:"eyebrow"},{path:"heading",semantic:"heading"},{path:"tagline",semantic:"body"},{path:"galleryKicker",semantic:"eyebrow"},{path:"galleryHint",semantic:"body"},{path:"locations[].groupName",semantic:"eyebrow"},{path:"locations[].name",semantic:"heading",neutral:"City name"},{path:"locations[].address",semantic:"address"},{path:"locations[].phone",semantic:"phone"},{path:"locations[].email",semantic:"email"},{path:"locations[].state",semantic:"address"},{path:"locations[].country",semantic:"address"},{path:"locations[].region",semantic:"address"},{path:"locations[].hours",semantic:"address"},{path:"locations[].timezone",semantic:"address"}]},p={Gallery:{source:{verb:"snapshot",keep:[]}},ProductHero:{source:{verb:"snapshot",keep:[]}},SpecTable:{source:{verb:"snapshot",keep:[]},wheel:{verb:"reference"},finish:{verb:"reference"},size:{verb:"reference"}},CollectionCard:{collection:{verb:"snapshot",keep:[]}},FooterMenu:{menu:{verb:"snapshot",keep:[]}},MenuBlock:{menu:{verb:"snapshot",keep:[]}},BrandStrip:{picks:{verb:"reference"}},ProductGrid:{design_codes:{verb:"reference"}},ProductRef:{code:{verb:"reference"},finish:{verb:"reference"}},FitmentTable:{wheel:{verb:"reference"}},GalleryItem:{fromProduct:{verb:"reference"}},Footprint:{"offices[].group":{verb:"groupKey"},"offices[].lat":{verb:"pii"},"offices[].lng":{verb:"pii"},"offices[].geocode":{verb:"pii"}}};p.ContactLocations={"locations[].lat":{verb:"pii"},"locations[].lng":{verb:"pii"},"locations[].mapsUrl":{verb:"pii"},"locations[].geocode":{verb:"pii"}};const S=["previewProduct"],y=Object.fromEntries(Object.entries(s).map(([e,a])=>[e,Object.keys(a)])),_=Object.fromEntries(Object.entries(l).map(([e,a])=>[e,[...a]])),m=["email","phone","address"],u={email:"Email address",phone:"Phone number",address:"Address"},h=[{rule:"email address",re:/[\w.+-]+@[\w-]+\.[\w.]+/},{rule:"url or domain",re:/https?:\/\/|\bwww\.|\.(?:com|net|org|au|co|io)\b/i},{rule:"phone number",re:/(?:\+\d[\d\s-]{7,}|\b0\d[\d\s-]{7,})/},{rule:"street address",re:/\b\d+[a-z]?\s+[A-Z][a-z]+\s+(?:St|Street|Rd|Road|Ave|Avenue|Hwy|Highway|Dr|Drive)\b/}];function $(e,a){const r=(a??"").trim();if(r){const t=h.find(({re:i})=>i.test(r));if(!t)return{ok:!0,neutral:r,source:"declared"};const n=m.includes(e)?u[e]:void 0;return n?{ok:!0,neutral:n,source:"safe-substitute"}:{ok:!1,reason:`declared placeholder ${JSON.stringify(r)} looks like a ${t.rule}. A placeholder is copied verbatim into every platform template \u2014 make it generic.`}}return{ok:!0,neutral:b[e],source:"fallback"}}export{v as CUSTOM_FIELD_TEXT,p as CUSTOM_FIELD_VALUES,_ as HYDRATED_PROPS_FROM_MEDIA_CONTRACT,d as LINK_TEXT_PROP_RE,h as PLACEHOLDER_FORBIDDEN,T as REFERENCE_TEXT_FIELDS,S as ROOT_REFERENCE_PROPS,u as SAFE_SEMANTIC_PLACEHOLDER,m as SEMANTICS_WITH_UNSAFE_PLACEHOLDERS,b as SEMANTIC_FALLBACKS,y as SNAPSHOT_PROPS_FROM_MEDIA_CONTRACT,c as STRUCTURAL_TEXT_PROPS,g as classifyTextSemantic,E as isStructuralTextProp,$ as resolveNeutralValue};

package/dist/lib/puck/one-h1.d.ts

@@ -0,0 +1,3 @@
+export declare const H1_SECTIONS: readonly ["DocMasthead", "AlloyWheelsListing"];
+export declare const PAGE_TITLE_LEVEL_PROP = "titleLevel";
+export declare function oneH1<T>(data: T): T;

package/dist/lib/puck/one-h1.js

@@ -0,0 +1 @@
+const c=["DocMasthead","AlloyWheelsListing"],l="titleLevel";function p(e){const n=e;if(!n?.content?.length)return e;let r=!1,s=!1;const o=n.content.map(t=>c.includes(t?.type??"")?r?(s=!0,{...t,props:{...t.props??{},[l]:2}}):(r=!0,t):t);return s?{...n,content:o}:e}export{c as H1_SECTIONS,l as PAGE_TITLE_LEVEL_PROP,p as oneH1};

package/dist/lib/puck/overlay-portal.d.ts

@@ -0,0 +1,2 @@
+export declare const OVERLAY_PORTAL_ATTR = "data-puck-overlay-portal";
+export declare function markOverlayPortal(el: Element): () => void;

package/dist/lib/puck/overlay-portal.js

@@ -0,0 +1 @@
+const r="data-puck-overlay-portal";function e(t){return t.setAttribute(r,"true"),()=>t.removeAttribute(r)}export{r as OVERLAY_PORTAL_ATTR,e as markOverlayPortal};

package/dist/lib/puck/overrides.d.ts

@@ -0,0 +1,2 @@
+import { type EaselCanvasProps } from "efficient-easel/easel";
+export declare function SiteCanvas(props: Omit<EaselCanvasProps, "frameWrapper" | "overlay" | "height" | "mirrorStyles">): import("react").JSX.Element;

package/dist/lib/puck/overrides.js

@@ -0,0 +1 @@
+"use client";import{Fragment as o,jsx as a}from"react/jsx-runtime";import{EaselCanvas as m}from"efficient-easel/easel";import n from"../../components/PreviewThemeFrame.js";import{usePreviewParts as s}from"../../components/PreviewPartsContext.js";import{partOpenOn as i}from"./text-parts.js";import{useBlockMetadata as f}from"../editor-block-metadata.js";import{useEditorCanvasStyles as l}from"../editor-canvas-styles.js";function p({children:r,componentId:t}){const{selectedPartId:e}=s();return i(e,t)?a(o,{}):a(o,{children:r})}function C(r){const{mirrorHostStyles:t}=l(),e=f();return a(m,{...r,metadata:r.metadata??e,height:"fill",mirrorStyles:t,frameWrapper:n,overlay:p})}export{C as SiteCanvas};

package/dist/lib/puck/page-render.d.ts

@@ -0,0 +1,5 @@
+import type { Config } from "efficient-easel/blocks";
+export default function PageRender({ config, data }: {
+    config: Config;
+    data: unknown;
+}): import("react").JSX.Element;

package/dist/lib/puck/page-render.js

@@ -0,0 +1 @@
+"use client";import{jsx as e}from"react/jsx-runtime";import{Render as m}from"efficient-easel/render";import{capHeroGroups as t}from"./cap-hero-groups.js";import{oneH1 as a}from"./one-h1.js";import{migrateLegacyPageData as i}from"./migrate-legacy.js";import{migrateRenamedProps as p}from"./renamed-props.js";function f({config:r,data:o}){return e(m,{config:r,data:a(t(p(i(o))))})}export{f as default};

package/dist/lib/puck/page-root-fields.d.ts

@@ -0,0 +1,29 @@
+export declare function pageWidthField(): {
+    type: "custom";
+    render: ({ value, onChange }: {
+        value: unknown;
+        onChange: (v: unknown) => void;
+    }) => import("react").JSX.Element;
+};
+export declare const TOP_SPACE_OPTIONS: readonly [{
+    readonly label: "Auto";
+    readonly value: "auto";
+}, {
+    readonly label: "Shared";
+    readonly value: "shared";
+}, {
+    readonly label: "Its own";
+    readonly value: "own";
+}];
+export declare const GENERAL_ROOT_FIELDS: {
+    title: import("./controls.js").CustomField<import("./controls.js").HidableValue>;
+    pageBackground: import("./controls.js").CustomField<string>;
+    topSpace: import("./controls.js").SelectField;
+    widthChoice: {
+        type: "custom";
+        render: ({ value, onChange }: {
+            value: unknown;
+            onChange: (v: unknown) => void;
+        }) => import("react").JSX.Element;
+    };
+};

package/dist/lib/puck/page-root-fields.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{PaddingTopIcon as n}from"efficient-easel/icons";import r from"../../components/WidthFollowField.js";import{pageBackgroundField as a,plainText as i,select as s}from"./controls.js";import{DEFAULT_TOP_SPACE as p}from"./header-clearance.js";function d(){return{type:"custom",render:({value:e,onChange:t})=>o(r,{value:e==="full"?"full":e==="content"?"content":void 0,resolved:"content",followsLabel:"Follows the site",hint:"Whether this page sits on the site's content column, or runs edge to edge.",onChange:l=>t(l)})}}const c=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],T={title:i("Page Title"),pageBackground:a(),topSpace:s("Top space",o(n,{}),c,p),widthChoice:d()};export{T as GENERAL_ROOT_FIELDS,c as TOP_SPACE_OPTIONS,d as pageWidthField};

package/dist/lib/puck/page-root.d.ts

@@ -0,0 +1,55 @@
+import type { CSSProperties, ReactNode, MouseEvent } from "react";
+import type { WidthMode } from "../content/section-width.js";
+import { type ThemeValue, type HeadingTypographyValue } from "../theme.js";
+import { type FontsValue } from "../fonts.js";
+export declare const SECTION_PREVIEW_CANVAS = "color-mix(in oklab, var(--bg) 40%, #ffffff)";
+export declare const SECTION_PREVIEW_CANVAS_TAIL = "12vh";
+export declare function EditorPageBody({ style, frameClass, children, }: {
+    style: CSSProperties;
+    frameClass?: string;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function pageWidthTokens(w: {
+    widthMode?: unknown;
+    fullWidth?: unknown;
+    pageWidth?: unknown;
+}): {
+    frameClass?: string;
+    style: CSSProperties;
+};
+export declare function PageWidthWrapper({ w, children, }: {
+    w: {
+        widthMode?: unknown;
+        fullWidth?: unknown;
+        pageWidth?: unknown;
+    };
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare function EditorThemedBody({ propsTheme, propsFonts, propsCornerStyle, propsCornerRadiusPx, propsHeadingCompression, propsHeadingTypography, widthMode, fullWidth, pageWidth, pageBackground, chromeInheritsSiteBackground, suppressPreviewNav, footer, overlay, children, }: {
+    propsTheme?: ThemeValue;
+    propsFonts?: FontsValue;
+    propsCornerStyle?: string;
+    propsCornerRadiusPx?: number | null;
+    propsHeadingCompression?: string;
+    propsHeadingTypography?: HeadingTypographyValue;
+    widthMode?: WidthMode;
+    fullWidth?: boolean;
+    pageWidth?: number;
+    suppressPreviewNav?: (e: MouseEvent<HTMLDivElement>) => void;
+    footer?: ReactNode;
+    pageBackground?: string;
+    chromeInheritsSiteBackground?: boolean;
+    overlay?: ReactNode;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+export declare const suppressPreviewNav: (e: MouseEvent<HTMLDivElement>) => void;
+export declare function PublishedPageFrame({ pageBackground, inheritBackground, w, children, }: {
+    pageBackground?: unknown;
+    inheritBackground?: boolean;
+    w: {
+        widthMode?: unknown;
+        fullWidth?: unknown;
+        pageWidth?: unknown;
+    };
+    children?: ReactNode;
+}): import("react").JSX.Element;

package/dist/lib/puck/page-root.js

@@ -0,0 +1 @@
+import{jsx as n,jsxs as L}from"react/jsx-runtime";import{pageWidthMarker as M,PAGE_WIDTH_ATTR as X,SITE_WIDTH_CAP as K,siteWidthTokens as Y,siteGutterTokens as q,heroBackgroundTokens as J}from"../content/page-width.js";import{siteBlockGapTokens as Q}from"../content/container-gap.js";import{siteCardRadiusTokens as U}from"../content/card-corners.js";import{usePreviewHeader as Z}from"../../components/PreviewHeaderContext.js";import{SitePhotographyProvider as ee}from"../../components/SitePhotographyContext.js";import{CORNER_STYLE_TO_PX as te,normalizeCornerStyle as oe,normalizeCornerRadius as re,themeColorStyle as ne,typeSizesStyle as ae,headingTypographyStyle as se,themeAccentStyle as de,themeButtonStyle as ie,themePresetAccentVars as ce,themeSurfaceStyle as le,siteCornerRadiusTokens as C,shadowColorTokens as he,headingCompressionAttr as pe,cardShadowAttr as fe,cardGapAttr as me,hoverEffectAttr as ue}from"../theme.js";import{fontRoleStyle as ge}from"../fonts.js";import{isStandaloneSectionDocument as Se,pageHasHeaderSection as k,pageTakesTopSpace as ye,topSpaceMarker as Te,TOP_SPACE_ATTR as xe,HEADER_CLEARANCE_CLASS as Ce}from"./header-clearance.js";import{leadSectionInk as ke,HEADER_INK_ATTR as Ae}from"./header-ink.js";import{useEasel as ve}from"efficient-easel/easel";import{pageBackgroundVars as A}from"../content/page-background.js";const Ee="color-mix(in oklab, var(--bg) 40%, #ffffff)",Pe="12vh";function _e({style:t,frameClass:o,children:a}){const{appState:r}=ve(g=>g),s=r.data.content,d=r.data.root;if(Se(s))return n("div",{className:`sf-themed-content${o?` ${o}`:""}`,style:{...t,background:Ee,minHeight:"100vh",paddingBottom:Pe},children:n("div",{style:{background:"var(--bg)"},children:a})});const c=k(s)&&ye(d,s),l=k(s)?Te(d,s):null,f=l?{[xe]:l}:null,h=M(d?.widthChoice),m=h?{[X]:h}:null,p=c?null:ke(s),u=p?{[Ae]:p}:null;return n("div",{className:`sf-themed-content${c?` ${Ce}`:""}${o?` ${o}`:""}`,style:t,...u,...f,...m,children:n("div",{style:{background:"var(--bg)",minHeight:"100%"},children:a})})}function v(t){return{frameClass:void 0,style:{"--sf-page-width":K}}}function we({w:t,children:o}){const{frameClass:a,style:r}=v(t);return n("div",{className:a,style:r,children:o})}function Fe({propsTheme:t,propsFonts:o,propsCornerStyle:a,propsCornerRadiusPx:r,propsHeadingCompression:s,propsHeadingTypography:d,widthMode:c,fullWidth:l,pageWidth:f,pageBackground:h,chromeInheritsSiteBackground:m,suppressPreviewNav:p,footer:u,overlay:g,children:E}){const{theme:P,fonts:_,sizes:w,cornerRadiusPx:R,cardShadow:S,shadowColor:H,cardGap:W,hoverEffect:y,headingCompression:G,siteWidth:I,siteGutter:N,blockGap:b,headingTypography:B,heroBackgroundFollowsWidth:D,photographyGrayscale:z,themeFromDocument:e}=Z(),i=e?t:P,V=e?o:_,$=e?void 0:w,T=e?r===void 0?te[oe(a)]:re(r):R,F=e?s:G,O=e?d:B,x=v({widthMode:c,fullWidth:l,pageWidth:f}),j={...ne(i),...ae($),...se(O),...x.style,...m?{}:A(h)};return n("div",{className:"sf-theme-surfaces sf-theme-accent",style:{...ge(V),...de(i),...ie(i),...ce(i),...le(i),...C(T),...U(C(T)),...he(e?void 0:S,e?void 0:H,e?void 0:y),...Y(e?void 0:I),...q(e?void 0:N),...Q(e?void 0:b),...J(e?void 0:D)},"data-sf-headings":pe(F),"data-sf-card-shadow":e?void 0:fe(S),"data-sf-card-gap":e?void 0:me(W),"data-sf-card-hover":e?void 0:ue(y),onClickCapture:p,children:L(ee,{grayscale:e?void 0:z,children:[n(_e,{style:j,frameClass:x.frameClass,children:E}),u,g]})})}const Oe=t=>{t.target?.closest?.("a")&&t.preventDefault()};function je({pageBackground:t,inheritBackground:o=!1,w:a,children:r}){return n("div",{style:{...o?{}:A(t),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:n(we,{w:a,children:r})})}export{_e as EditorPageBody,Fe as EditorThemedBody,we as PageWidthWrapper,je as PublishedPageFrame,Ee as SECTION_PREVIEW_CANVAS,Pe as SECTION_PREVIEW_CANVAS_TAIL,v as pageWidthTokens,Oe as suppressPreviewNav};

package/dist/lib/puck/panel-drop-empty-headings.d.ts

@@ -0,0 +1,3 @@
+export declare function drawsControlOnSectionScreen(key: string, field: unknown): boolean;
+export type PanelScreen = "section" | "page";
+export declare function dropEmptyHeadings<T extends Record<string, unknown>>(fields: T, screen?: PanelScreen): T;

package/dist/lib/puck/panel-drop-empty-headings.js

@@ -0,0 +1 @@
+import{foldMetaOf as g,isBucketHeader as d}from"./controls.js";import{deviceMetaOf as k}from"./device-fields.js";import{BUCKET_KEY as h,hasBucketTabs as M,reseatBucketTabs as x,seatContentBucket as B}from"./field-groups.js";import{isStructuralTextProp as O}from"./neutralization-contracts.js";import{noControlMetaOf as T}from"./panel-no-control-mark.js";import{fieldDrawsEntryRow as y}from"./text-parts.js";function b(e,o){const r=k(o),s=r?r.inner:o;if(g(s))return!1;if(s?.type==="slot")return!0;const n=T(s);return n==="always"?!1:n==="authored-copy"?O(e):!0}function v(e){const o=k(e),r=o?o.inner:e,s=g(r);return s?d(r)?0:s.level:null}function E(e,o,r){return r&&o===0&&e===h.Content}const S=new WeakMap,R=new WeakMap;function F(e,o="section"){const r=o==="page"?R:S,s=r.get(e);if(s)return s;const n=Object.entries(e).map(([t,a])=>({key:t,field:a,level:v(a),draws:b(t,a)||o==="page"&&v(a)===null&&y(t,a)})),l=o==="section"&&n.some(t=>y(t.key,t.field)),i=new Set;for(let t=0;t<n.length;t++){const a=n[t].level;if(a===null)continue;let m=0;for(let c=t+1;c<n.length;c++){const w=n[c].level;if(w!==null&&w<=a)break;n[c].draws&&(m+=1)}m===0&&!E(n[t].key,a,l)&&i.add(n[t].key)}const f=l&&M(e),C=f&&!(h.Content in e);if(!i.size&&!C)return r.set(e,e),e;const u={};for(const t of n)i.has(t.key)||(u[t.key]=t.field);const p=x(f?B(u):u);return r.set(e,p),p}export{b as drawsControlOnSectionScreen,F as dropEmptyHeadings};

package/dist/lib/puck/panel-fields.d.ts

@@ -0,0 +1,12 @@
+export type PanelFieldMap = Record<string, unknown>;
+interface PanelComponent {
+    fields?: PanelFieldMap;
+    resolveFields?: (data: unknown, params: Record<string, unknown>) => unknown;
+}
+export declare function panelFieldsOf(config: {
+    components?: Record<string, PanelComponent>;
+}, node: {
+    type: string;
+    props: Record<string, unknown>;
+} | null | undefined): PanelFieldMap | null;
+export {};

package/dist/lib/puck/panel-fields.js

@@ -0,0 +1 @@
+function p(r,e){if(!e)return null;const n=r.components?.[e.type],t=n?.fields??null;if(!t||typeof n?.resolveFields!="function")return t;try{const l=n.resolveFields({type:e.type,props:e.props},{fields:t,lastFields:t,lastData:null,changed:{},parent:null,appState:{}});return!l||typeof l.then=="function"?t:l}catch{return t}}export{p as panelFieldsOf};

package/dist/lib/puck/panel-heading-scope.d.ts

@@ -0,0 +1,8 @@
+import { type ReactNode } from "react";
+export declare const PANEL_NAME_LEVEL = 2;
+export declare const FOLD_TOP_LEVEL: number;
+export declare function FoldHeadingScope({ tier, children }: {
+    tier: 1 | 2;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useFoldHeadingLevel(level: 1 | 2): 3 | 4;

package/dist/lib/puck/panel-heading-scope.js

@@ -0,0 +1 @@
+"use client";import{jsx as n}from"react/jsx-runtime";import{createContext as r,useContext as c}from"react";const i=2,s=i+1,t=r(2);function u({tier:e,children:o}){return n(t.Provider,{value:e,children:o})}function a(e){const o=c(t);return s+Math.max(0,e-o)}export{s as FOLD_TOP_LEVEL,u as FoldHeadingScope,i as PANEL_NAME_LEVEL,a as useFoldHeadingLevel};

package/dist/lib/puck/panel-no-control-mark.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+export declare const NO_CONTROL_ATTR = "data-sf-no-control";
+export declare function NoControlMark(): ReactElement;
+export declare const NO_CONTROL_FIELD: "__noControl";
+export type NoControlFieldMeta = "always" | "authored-copy";
+export declare function noControlMetaOf(field: unknown): NoControlFieldMeta | null;
+export declare function noControlField<F>(field: F, reason: NoControlFieldMeta): F;

package/dist/lib/puck/panel-no-control-mark.js

@@ -0,0 +1 @@
+"use client";import{jsx as r}from"react/jsx-runtime";const e="data-sf-no-control";function s(){return r("span",{[e]:"",hidden:!0})}const n="__noControl";function u(o){return o?.[n]??null}function a(o,t){return{...o,[n]:t}}export{e as NO_CONTROL_ATTR,n as NO_CONTROL_FIELD,s as NoControlMark,a as noControlField,u as noControlMetaOf};

package/dist/lib/puck/part-anchors.d.ts

@@ -0,0 +1,23 @@
+import { type PartNeedle } from "./text-parts.js";
+export declare const PUCK_COMPONENT_ATTR = "data-puck-component";
+export type PartEl = {
+    textContent: string | null;
+    closest(selectors: string): PartEl | null;
+    contains(other: unknown): boolean;
+    getAttribute(name: string): string | null;
+    setAttribute(name: string, value: string): void;
+    removeAttribute(name: string): void;
+};
+export type PartHost = {
+    querySelectorAll(selectors: string): ArrayLike<PartEl>;
+};
+export type PartStamp = {
+    element: PartEl;
+    partId: string;
+};
+export declare function resolvePartStamps(host: PartHost, nodeId: string, needles: readonly PartNeedle[]): PartStamp[];
+export declare function applyPartStamps(host: PartHost, nodeId: string, stamps: readonly PartStamp[]): PartEl[];
+export type PartAnchorHost = PartHost;
+export declare function engagePartAnchors(host: PartAnchorHost, needles: readonly PartNeedle[], ownWrapper: () => PartEl | null, watchWrapperStamp: (onStamp: () => void) => (() => void) | null, onEngage: (wrapper: PartEl, nodeId: string, stamped: PartEl[]) => void, watchSubtree?: (onChange: () => void) => (() => void) | null): () => void;
+export declare function partIdForClick(target: PartEl | null | undefined, nodeId: string): string;
+export declare function isPartClick(partId: string, nodeId: string): boolean;

package/dist/lib/puck/part-anchors.js

@@ -0,0 +1 @@
+import{encodePartKey as C}from"./part-key.js";import{PART_ATTR as S,PART_KIND_ATTR as _,encodePartId as T,normalizePartText as $}from"./text-parts.js";const K="data-puck-component";function I(r,n){return r.closest(`[${K}]`)?.getAttribute(K)===n}function R(r,n,m){const u=r.querySelectorAll("*"),h=[],a=new Set;for(let t=0;t<u.length;t+=1){const e=u[t];if(!I(e,n))continue;const o=e.getAttribute(_);o&&(h.push({element:e,partId:T(n,o)}),a.add(e))}const l=[];for(let t=0;t<u.length;t+=1){const e=u[t];if(!I(e,n)||a.has(e))continue;const o=$(e.textContent??"");o&&l.push({element:e,text:o})}const f=new Map,y=[],k=t=>t.row?`${t.key}.${t.row.rowKey}`:null,d=new Map;for(const t of m){const e=k(t);if(!e)continue;const o=d.get(e);o?o.push(t):d.set(e,[t])}const p=new Set;for(const[t,e]of d){if(e.length<2)continue;const o=e.flatMap(i=>i.texts);if(new Set(o).size===o.length)continue;const s=l.filter(i=>o.includes(i.text));if(s.length!==e.length)continue;const g=[...e].sort((i,A)=>(i.row?.index??0)-(A.row?.index??0));for(let i=0;i<g.length;i+=1){const A=g[i],c=s[i].element,x={key:A.key,partKey:C(A.key,A.row),exact:!0},P=f.get(c);P?P.push(x):(f.set(c,[x]),y.push(c))}p.add(t)}for(const t of m){if(p.has(k(t)??""))continue;const e=C(t.key,t.row);for(const o of t.texts){const s=[];let g=null;for(const c of l)c.text===o?s.push(c.element):!s.length&&c.text.includes(o)&&(!g||c.text.length<=g.length)&&(g={element:c.element,length:c.text.length});const i=s.length?s:g?[g.element]:[],A=i.filter(c=>!i.some(x=>x!==c&&c.contains(x)));for(const c of A){const x={key:t.key,partKey:e,exact:s.length>0},P=f.get(c);P?P.push(x):(f.set(c,[x]),y.push(c))}}}const w=[...h];for(const t of y){const e=f.get(t)??[],o=e.some(s=>s.exact)?e.filter(s=>s.exact):e;if(new Set(o.map(s=>s.partKey)).size===1){w.push({element:t,partId:T(n,o[0].partKey)});continue}new Set(o.map(s=>s.key)).size===1&&w.push({element:t,partId:T(n,o[0].key)})}return w}function b(r,n,m){const u=r.querySelectorAll(`[${S}]`);for(let a=0;a<u.length;a+=1){const l=u[a];I(l,n)&&l.removeAttribute(S)}const h=[];for(const{element:a,partId:l}of m)a.setAttribute(S,l),h.push(a);return h}function v(r,n,m,u,h,a=()=>null){let l=null,f=null,y=null;const k=()=>{const d=m(),p=d?.getAttribute(K)??null;if(!d||!p)return!1;l=p;let w=R(r,p,n);return h(d,p,b(r,p,w)),y=a(()=>{const t=R(r,p,n);z(w,t)||(w=t,h(d,p,b(r,p,t)))}),!0};return k()||(f=u(()=>{(l||k())&&(f?.(),f=null)})),()=>{f?.(),f=null,y?.(),y=null,l&&b(r,l,[])}}function z(r,n){return r.length===n.length&&r.every((m,u)=>m.element===n[u].element&&m.partId===n[u].partId)}function O(r,n){return r?.closest(`[${S}]`)?.getAttribute(S)??T(n,null)}function q(r,n){return r!==T(n,null)}export{K as PUCK_COMPONENT_ATTR,b as applyPartStamps,v as engagePartAnchors,q as isPartClick,O as partIdForClick,R as resolvePartStamps};

package/dist/lib/puck/part-inks.d.ts

@@ -0,0 +1,9 @@
+import { type WordStyleColour } from "../word-styles.js";
+export type PartInk = {
+    key: WordStyleColour;
+    name: string;
+    value: string;
+};
+export declare function partInks(read?: Partial<Record<WordStyleColour, string>> | null): PartInk[];
+export declare function readInks(element: HTMLElement): Partial<Record<WordStyleColour, string>>;
+export declare function toHex(css: string): string | null;

package/dist/lib/puck/part-inks.js

@@ -0,0 +1 @@
+import{COLOUR_TOKEN as m,WORD_STYLE_COLOURS as s,WORD_STYLE_COLOUR_LABELS as p}from"../word-styles.js";const S="#9ca3af";function O(n){return s.map(t=>({key:t,name:p[t],value:n?.[t]||S}))}function L(n){const t={},r=n.ownerDocument,e=r?.defaultView;if(!r||!e)return t;const u=e.getComputedStyle(n),o=r.createElement("canvas").getContext("2d");for(const c of s){const l=m[c].replace(/^var\((--[\w-]+)\)$/,"$1"),i=u.getPropertyValue(l).trim();if(!i)continue;let a=f(i);!a&&o&&(o.fillStyle="#000000",o.fillStyle=i,a=f(String(o.fillStyle))),a&&(t[c]=a)}return t}function f(n){const t=n.trim().toLowerCase();if(/^#[0-9a-f]{6}$/.test(t))return t;if(/^#[0-9a-f]{3}$/.test(t))return`#${[...t.slice(1)].map(e=>e+e).join("")}`;const r=t.match(/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/);return r?`#${r.slice(1,4).map(e=>Math.min(255,Number(e)).toString(16).padStart(2,"0")).join("")}`:null}export{O as partInks,L as readInks,f as toHex};

package/dist/lib/puck/part-key.d.ts

@@ -0,0 +1,9 @@
+export type PartRow = {
+    index: number;
+    rowKey: string;
+};
+export declare function encodePartKey(key: string, row?: PartRow | null): string;
+export declare function decodePartKey(partKey: string): {
+    key: string;
+    row: PartRow | null;
+};

package/dist/lib/puck/part-key.js

@@ -0,0 +1 @@
+function r(n,e){return e?`${n}[${e.index}].${e.rowKey}`:n}function t(n){const e=/^([A-Za-z0-9_$]+)\[(\d+)\]\.([A-Za-z0-9_$]+)$/u.exec(n);return e?{key:e[1],row:{index:Number(e[2]),rowKey:e[3]}}:{key:n,row:null}}export{t as decodePartKey,r as encodePartKey};

package/dist/lib/puck/part-row-field.d.ts

@@ -0,0 +1,2 @@
+import type { PartRow } from "./part-key.js";
+export declare function partRowField(field: unknown, row: PartRow): unknown | null;

package/dist/lib/puck/part-row-field.js

@@ -0,0 +1 @@
+import{textListRowField as o}from"./controls.js";import{arrayFieldsOf as i,textMeta as n}from"./part-rows.js";function x(r,t){const e=n(r);return e?.control==="textList"?t.rowKey===(e.itemKey??"text")?o(e,t.index):null:i(r)?.[t.rowKey]??null}export{x as partRowField};

package/dist/lib/puck/part-rows.d.ts

@@ -0,0 +1,15 @@
+import { type TextFieldMeta } from "./field-markers.js";
+import type { PartRow } from "./part-key.js";
+import { type TypeInPlaceKind } from "./part-text.js";
+export { decodePartKey, encodePartKey, type PartRow } from "./part-key.js";
+export declare function textMeta(field: unknown): TextFieldMeta | undefined;
+export declare function arrayFieldsOf(field: unknown): Record<string, unknown> | null;
+export type PartRowText = {
+    row: PartRow;
+    text: string;
+};
+export declare function partRowTexts(field: unknown, value: unknown): PartRowText[];
+export declare function partRowValue(listValue: unknown, row: PartRow): unknown;
+export declare function partPropsWithRowValue(props: Record<string, unknown>, key: string, row: PartRow, value: unknown): Record<string, unknown> | null;
+export declare function partPropsWithRowText(props: Record<string, unknown>, key: string, row: PartRow, kind: TypeInPlaceKind, next: string): Record<string, unknown> | null;
+export declare function partRowHeadLabel(label: string, row: PartRow | null): string;

package/dist/lib/puck/part-rows.js

@@ -0,0 +1 @@
+import{TEXT_FIELD_MARKER as s}from"./field-markers.js";import{partText as p,partValueWithText as x,typeInPlaceKind as y}from"./part-text.js";import{decodePartKey as P,encodePartKey as b}from"./part-key.js";function d(t){if(!(!t||typeof t!="object"))return t[s]}function l(t){if(!t||typeof t!="object")return null;const r=t.arrayFields;return r&&typeof r=="object"?r:null}function A(t,r){if(!Array.isArray(r))return[];const e=d(t),i=[];if(e?.control==="textList"){const n=e.itemKey??"text";return r.forEach((u,a)=>{const c=u?.[n];typeof c=="string"&&c&&i.push({row:{index:a,rowKey:n},text:c})}),i}const o=l(t);return o?(r.forEach((n,u)=>{for(const[a,c]of Object.entries(o)){if(!y(c))continue;const f=p(n?.[a]);f&&i.push({row:{index:u,rowKey:a},text:f})}}),i):[]}function w(t,r){if(Array.isArray(t))return t[r.index]?.[r.rowKey]}function K(t,r,e,i){const o=t[r];return!Array.isArray(o)||e.index<0||e.index>=o.length?null:{...t,[r]:o.map((n,u)=>u===e.index?{...n,[e.rowKey]:i}:n)}}function R(t,r,e,i,o){const n=w(t[r],e);return p(n)===o?null:K(t,r,e,x(i,n,o))}function T(t,r){return r?`${t} \xB7 row ${r.index+1}`:t}export{l as arrayFieldsOf,P as decodePartKey,b as encodePartKey,R as partPropsWithRowText,K as partPropsWithRowValue,T as partRowHeadLabel,A as partRowTexts,w as partRowValue,d as textMeta};