efficient-web-builder 0.10.0 → 2.0.0

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/palette-sections.d.ts

@@ -0,0 +1,2 @@
+export { buildPaletteSections, categoryLabel, matchesQuery, paletteWithoutPinned, pinnedSection } from "efficient-easel/screen/lib/puck/palette-sections";
+export type { PaletteLook, PaletteSection } from "efficient-easel/screen/lib/puck/palette-sections";

package/dist/lib/puck/palette-sections.js

@@ -0,0 +1 @@
+import{buildPaletteSections as i,categoryLabel as n,matchesQuery as o,paletteWithoutPinned as a,pinnedSection as c}from"efficient-easel/screen/lib/puck/palette-sections";export{i as buildPaletteSections,n as categoryLabel,o as matchesQuery,a as paletteWithoutPinned,c as pinnedSection};

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,2 @@
+export { panelFieldsOf } from "efficient-easel/screen/lib/puck/panel-fields";
+export type { PanelFieldMap } from "efficient-easel/screen/lib/puck/panel-fields";

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

@@ -0,0 +1 @@
+import{panelFieldsOf as l}from"efficient-easel/screen/lib/puck/panel-fields";export{l 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,2 @@
+export { NO_CONTROL_ATTR, NO_CONTROL_FIELD, noControlField, NoControlMark, noControlMetaOf } from "efficient-easel/screen/lib/puck/panel-no-control-mark";
+export type { NoControlFieldMeta } from "efficient-easel/screen/lib/puck/panel-no-control-mark";

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

@@ -0,0 +1 @@
+"use client";import{NO_CONTROL_ATTR as n,NO_CONTROL_FIELD as r,noControlField as t,NoControlMark as e,noControlMetaOf as l}from"efficient-easel/screen/lib/puck/panel-no-control-mark";export{n as NO_CONTROL_ATTR,r as NO_CONTROL_FIELD,e as NoControlMark,t as noControlField,l 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-id.d.ts

@@ -0,0 +1 @@
+export { decodePartId, encodePartId, PART_SEP } from "efficient-easel/screen/lib/puck/part-id";

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

@@ -0,0 +1 @@
+import{decodePartId as o,encodePartId as r,PART_SEP as P}from"efficient-easel/screen/lib/puck/part-id";export{P as PART_SEP,o as decodePartId,r as encodePartId};

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};

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

@@ -0,0 +1,133 @@
+import { type FontRole } from "../fonts.js";
+import type { PartEl } from "./part-anchors.js";
+import { type PartNeedle } from "./text-parts.js";
+export declare const PART_STYLES_PROP = "_partStyles";
+export declare const PART_STYLED_ATTR = "data-sf-part-styled";
+export declare const PART_CASES: readonly ["none", "upper", "lower"];
+export type PartCase = (typeof PART_CASES)[number];
+export declare const PART_WEIGHTS: readonly [400, 500, 600, 700];
+export type PartWeight = (typeof PART_WEIGHTS)[number];
+export declare const PART_ALIGNS: readonly ["left", "center", "right", "justify"];
+export type PartAlign = (typeof PART_ALIGNS)[number];
+export declare const PART_SIZE_MIN = 5;
+export declare const PART_SIZE_MAX = 1000;
+export declare const PART_NUDGE_MIN = -5;
+export declare const PART_NUDGE_MAX = 10;
+export declare const PART_PADDING_MIN = 0;
+export declare const PART_PADDING_MAX = 64;
+export declare const PART_PADDING_STEP = 2;
+export declare const PART_WIDTH_MIN = 120;
+export declare const PART_WIDTH_MAX = 1280;
+export declare const PART_WIDTH_STEP = 10;
+export declare const PART_MEASURED_TRACKS: {
+    readonly size: {
+        readonly min: 5;
+        readonly max: 1000;
+        readonly step: 1;
+    };
+    readonly padding: {
+        readonly min: 0;
+        readonly max: 64;
+        readonly step: 2;
+    };
+    readonly width: {
+        readonly min: 120;
+        readonly max: 1280;
+        readonly step: 10;
+    };
+};
+export type PartMeasuredProp = keyof typeof PART_MEASURED_TRACKS;
+export declare const PART_LINE_STEP = 0.05;
+export declare const PART_LETTER_STEP = 0.01;
+export declare const PART_RELATIVE_PROPS: readonly ["line", "letter"];
+export type PartRelativeProp = (typeof PART_RELATIVE_PROPS)[number];
+export declare const PART_LINE_HEIGHT_MIN = 0.5;
+export declare const PART_LINE_HEIGHT_MAX = 2.5;
+export declare const PART_LETTER_EM_MIN = -1;
+export declare const PART_LETTER_EM_MAX = 1;
+export declare const PART_PARAGRAPH_MIN = 0;
+export declare const PART_PARAGRAPH_MAX = 400;
+export type PartStyle = {
+    font?: string;
+    role?: FontRole;
+    weight?: PartWeight;
+    size?: number;
+    line?: number;
+    letter?: number;
+    lineHeight?: number;
+    letterSpacing?: number;
+    paragraphSpacing?: number;
+    case?: PartCase;
+    align?: PartAlign;
+    padding?: number;
+    width?: number;
+    color?: string;
+};
+export type PartStyleBase = {
+    fontKey: string;
+    sizePx: number;
+    weight: PartWeight;
+    lineRatio: number;
+    letterEm: number;
+    align: PartAlign;
+    case: PartCase;
+    paddingPx: number;
+    widthPx: number;
+};
+export type PartStyles = Record<string, PartStyle>;
+export type StyledPartEl = PartEl & {
+    style: Record<string, string>;
+    readonly parentElement: StyledPartEl | null;
+};
+export type StyledPartStamp = {
+    element: StyledPartEl;
+    partId: string;
+};
+export declare function readPartStyles(props: Record<string, unknown> | undefined): PartStyles;
+export declare function readPartStyle(props: Record<string, unknown> | undefined, partKey: string): PartStyle;
+export declare function partStyleCount(props: Record<string, unknown> | undefined, partKey: string): number;
+export declare function propsWithPartStyleValue<K extends keyof PartStyle>(props: Record<string, unknown>, partKey: string, prop: K, value: PartStyle[K] | null): Record<string, unknown>;
+export declare function propsWithoutPartStyle(props: Record<string, unknown>, partKey: string): Record<string, unknown>;
+export declare function partCaseOfTransform(transform: string | null | undefined): PartCase;
+export declare function partCaseTransform(value: PartCase | undefined): string;
+export declare function partSpacingOf(style: PartStyle): {
+    lineHeight?: number;
+    letterSpacingEm?: number;
+};
+export declare const PART_PARAGRAPH_VAR = "--sf-part-para";
+export declare function partStyleDeclarations(style: PartStyle, base: PartStyleBase, statedSteps?: ReadonlySet<string>): Record<string, string>;
+export declare function isHexColour(value: string): boolean;
+export type MeasuredPartStyle = {
+    fontSize: string;
+    fontWeight: string;
+    lineHeight: string;
+    letterSpacing: string;
+    textAlign: string;
+    textTransform: string;
+    paddingTop: string;
+    maxWidth: string;
+};
+export declare function partStyleBase(measured: MeasuredPartStyle, fontKey: string): PartStyleBase;
+export declare function partFontKeyOf(family: string, resolve: (cssVar: string) => string): string;
+export declare function partStyleSource<E extends {
+    getAttribute(name: string): string | null;
+}>(nodeId: string, selectedPartId: string | null, selectedElements: readonly E[], declaresStyle: (className: string | null) => boolean): E | null;
+export declare function applyPartStyles(stamps: readonly StyledPartStamp[], styles: PartStyles, baseOf?: (element: StyledPartEl) => PartStyleBase, styleKeyOf?: (partKey: string) => string, isInline?: (element: StyledPartEl) => boolean): number;
+export declare const PART_PARAGRAPH_ATTR = "data-sf-part-para";
+export declare const PART_STYLE_PROPERTIES: readonly string[];
+export declare const SHARED_PART_PROPERTIES: readonly string[];
+export type PublishedPartRule = {
+    stamp: string;
+    declarations: Record<string, string>;
+};
+export type PublishedPartSheet = {
+    rules: ReadonlyMap<string, PublishedPartRule>;
+    kindRules: ReadonlyMap<string, PublishedPartRule>;
+    drawn: ReadonlySet<string>;
+};
+export declare function publishedPartStyles(needles: readonly PartNeedle[], styles: PartStyles, scope: string, styleKeyOf?: (partKey: string) => string): PublishedPartSheet | null;
+export declare function isPartKindKey(key: string): boolean;
+export declare function partRuleForKind(sheet: PublishedPartSheet | null, kind: string): PublishedPartRule | null;
+export declare function partStyleCss(sheet: PublishedPartSheet): string;
+export declare function paragraphRules(scope: string): string[];
+export declare function partRuleForText(sheet: PublishedPartSheet | null, value: string): PublishedPartRule | null;

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

@@ -0,0 +1,2 @@
+import{FONT_OPTIONS as K,FONT_ROLES as M,fontOption as G,SIZE_STEP_OF_ROLE as R}from"../fonts.js";import{encodePartKey as X}from"./part-key.js";import{decodePartId as F,normalizePartText as b}from"./text-parts.js";import{COLOUR_TOKEN as H}from"../word-styles.js";const E="_partStyles",V="data-sf-part-styled",U=["none","upper","lower"],B=[400,500,600,700],Z=["left","center","right","justify"],Y=5,q=1e3,v=-5,J=10,Q=0,tt=64,et=2,nt=120,T=1280,rt=10,$={size:{min:Y,max:q,step:1},padding:{min:Q,max:tt,step:et},width:{min:nt,max:T,step:rt}},ot=.05,it=.01,st=["line","letter"],at=.5,ct=2.5,lt=-1,ft=1,ut=0,pt=400,w={none:"none",upper:"uppercase",lower:"lowercase"};function P(t){return!t||typeof t!="object"||Array.isArray(t)?null:t}function L(t){return P(t?.[E])??{}}function j(t,e){const n=L(t);return Object.hasOwn(n,e)?P(n[e])??{}:{}}function Xt(t,e){return Object.values(j(t,e)).filter(n=>n!==void 0).length}function k(t,e,n){const r={...L(t)};if(dt(n).length?r[e]=n:delete r[e],!Object.keys(r).length){const{[E]:o,...i}=t;return i}return{...t,[E]:r}}function dt(t){return Object.entries(t).filter(([,e])=>e!==void 0)}function xt(t){return st.includes(t)}const h=(t,e,n)=>Math.min(n,Math.max(e,t));function mt(t,e){if(xt(t)){const n=Math.round(Number(e));return!Number.isFinite(n)||n===0?null:h(n,v,J)}if(t==="lineHeight"){const n=Number(e);return Number.isFinite(n)?m(h(n,at,ct),3):null}if(t==="letterSpacing"){const n=Number(e);return Number.isFinite(n)?m(h(n,lt,ft),4):null}if(t==="paragraphSpacing"){const n=Math.round(Number(e));return!Number.isFinite(n)||n<=0?null:h(n,ut,pt)}if(Object.hasOwn($,t)){const{min:n,max:r}=$[t],o=Math.round(Number(e));return Number.isFinite(o)?h(o,n,r):null}return t==="role"?M.includes(String(e))?e:null:e}const gt=[["font","role"],["line","lineHeight"],["letter","letterSpacing"]];function Pt(t){const e=[];for(const[n,r]of gt)n===t?e.push(r):r===t&&e.push(n);return e}function Vt(t,e,n,r){const o={...j(t,e)},i=r==null?null:mt(n,r);if(i===null)delete o[n];else{o[n]=i;for(const s of Pt(n))delete o[s]}return k(t,e,o)}function Ut(t,e){return k(t,e,{})}function ht(t){for(const e of U)if(w[e]===t)return e;return"none"}function _t(t){return!t||!Object.hasOwn(w,t)?"":w[t]}const At={heading:"--font-role-heading",heading2:"--font-role-heading2",heading3:"--font-role-heading3",body:"--font-role-body",accent:"--font-role-accent",label:"--font-role-label"};function Tt(t){const e=t.role;return e&&M.includes(e)?e:null}const St={headingLarge:"min(clamp(64px,9vw,144px), var(--sf-heading-max,9999px))",headingMedium:"min(32px, var(--sf-heading-max,9999px))",headingSmall:"min(24px, var(--sf-heading-max,9999px))",accent:"32px",body:"14px",label:"12px"};function Rt(t){const e={};return typeof t.lineHeight=="number"?e.lineHeight=t.lineHeight:t.line&&(e.lineHeight=m(bt+t.line*ot,3)),typeof t.letterSpacing=="number"?e.letterSpacingEm=t.letterSpacing:t.letter&&(e.letterSpacingEm=m(t.letter*it,4)),e}const bt=1,_="--sf-part-para";function S(t,e,n){const r=Tt(t),o=Rt(t),i=t.size?`${t.size}px`:r?n?.has(R[r])?`var(--size-${R[r]})`:St[R[r]]??"":"";return{fontFamily:t.font?Ot(t.font):r?`var(${At[r]})`:"",fontWeight:t.weight?String(t.weight):"",fontSize:i,minWidth:i?"0":"",overflowWrap:i?"break-word":"",lineHeight:o.lineHeight!==void 0?String(o.lineHeight):"",letterSpacing:o.letterSpacingEm!==void 0?`${o.letterSpacingEm}em`:"",[_]:t.paragraphSpacing?`${t.paragraphSpacing}px`:"",textTransform:_t(t.case),textAlign:t.align??"",paddingTop:N(t.padding),paddingBottom:N(t.padding),maxWidth:N(t.width),color:Et(t.color)}}const Et=t=>t===void 0||t===""?"":Object.hasOwn(H,t)?H[t]:W.test(t)?t:"",W=/^#[0-9a-fA-F]{6}$/;function Bt(t){return W.test(t)}const N=t=>t===void 0?"":`${t}px`,m=(t,e)=>Number(t.toFixed(e));function Zt(t,e){const n=Number.parseFloat(t.fontSize)||16,r=Number.parseFloat(t.lineHeight),o=Number.parseFloat(t.letterSpacing),i=Number.parseFloat(t.paddingTop),s=Number.parseFloat(t.maxWidth);return{fontKey:e,sizePx:n,weight:wt(Number.parseInt(t.fontWeight,10)),lineRatio:Number.isFinite(r)?m(r/n,3):1.2,letterEm:Number.isFinite(o)?m(o/n,4):0,align:Nt(t.textAlign),case:ht(t.textTransform),paddingPx:Number.isFinite(i)?Math.round(i):0,widthPx:Number.isFinite(s)&&s<T?Math.round(s):T}}function wt(t){return Number.isFinite(t)?B.reduce((e,n)=>Math.abs(n-t)<Math.abs(e-t)?n:e):400}function Nt(t){for(const e of Z)if(e===t)return e;return t==="end"?"right":"left"}function Yt(t,e){const n=D(t);if(!n)return"";for(const r of K)if(D(e(r.cssVar))===n)return r.key;return""}const D=t=>(t.split(",")[0]??"").replace(/["']/g,"").replace(/\s+/g," ").trim().toLowerCase();function Ot(t){const e=G(t);return e?`var(${e.cssVar})`:""}function qt(t,e,n,r){return!e||F(e)?.nodeId!==t?null:n.find(i=>r(i.getAttribute("class")))??n[0]??null}function yt(t){const e=new Set,n=t;if(typeof window>"u"||!n?.ownerDocument)return e;const r=window.getComputedStyle(n);for(const o of It)r.getPropertyValue(`--size-${o}`).trim()&&e.add(o);return e}const It=["headingLarge","headingMedium","headingSmall","accent","body","label"];function vt(t,e,n=()=>A,r=i=>i,o=Ht){let i=0;for(const{element:s,partId:a}of t){const l=F(a)?.propKey;if(!l)continue;const c=r(l),f=Object.hasOwn(e,c)?P(e[c])??{}:{},p=S(f,A,yt(s)),u=y.some(x=>s.style[x]);let d=!1;for(const[x,g]of Object.entries(p))$t(s,x,g),g&&(d=!0);if(u||y.some(x=>p[x]))for(const x of Mt(s,o))for(const g of y)x.style[g]=p[g]??"";d&&(i+=1)}return i}function Mt(t,e){const n=b(t.textContent??""),r=[];let o=t;for(let i=0;i<Ft&&e(o);i+=1){const s=o.parentElement;if(!s||b(s.textContent??"")!==n)break;r.push(s),o=s}return r}const Ft=8;function Ht(t){const e=t;return typeof window>"u"||!e?.ownerDocument?!1:window.getComputedStyle(e).display==="inline"}const A={fontKey:"",sizePx:16,weight:400,lineRatio:1,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:T};function $t(t,e,n){if(!e.startsWith("--")){t.style[e]=n;return}const r=t.style;typeof r.setProperty=="function"?n?r.setProperty(e,n):r.removeProperty?.(e):r[e]=n;const o=t;e===_&&(n?o.setAttribute?.(C,""):o.removeAttribute?.(C))}const C="data-sf-part-para",Lt=Object.keys(S({},A)),O=new Set(["color","overflowWrap",_]),y=Lt.filter(t=>!O.has(t));function Jt(t,e,n,r=o=>o){const o=new Map;for(const a of t){const l=X(a.key,a.row);for(const c of a.texts){const f=o.get(c);f?(f.keys.add(a.key),f.partKeys.add(l)):o.set(c,{keys:new Set([a.key]),partKeys:new Set([l])})}}const i=new Map;for(const a of Object.keys(e)){if(!jt(a))continue;const l=P(e[a])??{},c=S(l,A);Object.values(c).some(Boolean)&&i.set(a,{stamp:z(n,a),declarations:c})}const s=new Map;for(const[a,{keys:l,partKeys:c}]of o){const f=c.size===1?[...c][0]:l.size===1?[...l][0]:null;if(!f)continue;const p=r(f);if(!Object.hasOwn(e,p))continue;const u=P(e[p])??{},d=S(u,A);Object.values(d).some(Boolean)&&s.set(a,{stamp:z(n,f),declarations:d})}return s.size||i.size?{rules:s,kindRules:i,drawn:new Set(o.keys())}:null}function jt(t){return t.startsWith("@")}function Qt(t,e){return t?.kindRules.get(e)??null}function z(t,e){const n=r=>r.replace(/[^A-Za-z0-9_-]+/g,"-");return`${n(t)}~${n(e)}`}function te(t){const e=[],n=new Set,r=o=>{const{stamp:i,declarations:s}=o;if(n.has(i))return;n.add(i);const a=Object.entries(s).filter(([,u])=>u!==""),l=u=>u.map(([d,I])=>`${Wt(d)}: ${I}`).join("; "),c=`[${V}="${i}"]`,f=a.filter(([u])=>!O.has(u)),p=a.filter(([u])=>O.has(u));f.length&&e.push(`${c}, *:has(> ${c}) { ${l(f)} }`),p.length&&e.push(`${c} { ${l(p)} }`),s[_]&&e.push(...kt(c))};for(const o of t.rules.values())r(o);for(const o of t.kindRules.values())r(o);return e.join(`
+`)}function kt(t){const e=`var(${_})`,n=":is([data-sf-bullet], [data-sf-number])";return[`${t} br:not(br + br) { display: block; content: ""; margin-top: ${e} }`,`${t} ${n}:not(:first-child) { margin-top: ${e} }`,`${t} ${n}:not(:last-child) { margin-bottom: ${e} }`]}const Wt=t=>t.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`);function ee(t,e){if(!t)return null;const n=b(e),r=t.rules.get(n);if(r)return r;if(n.length<Dt||t.drawn.has(n))return null;let o=null;for(const[i,s]of t.rules)if(i.includes(n)){if(o&&o.stamp!==s.stamp)return null;o=s}return o}const Dt=8;export{Z as PART_ALIGNS,U as PART_CASES,ft as PART_LETTER_EM_MAX,lt as PART_LETTER_EM_MIN,it as PART_LETTER_STEP,ct as PART_LINE_HEIGHT_MAX,at as PART_LINE_HEIGHT_MIN,ot as PART_LINE_STEP,$ as PART_MEASURED_TRACKS,J as PART_NUDGE_MAX,v as PART_NUDGE_MIN,tt as PART_PADDING_MAX,Q as PART_PADDING_MIN,et as PART_PADDING_STEP,C as PART_PARAGRAPH_ATTR,pt as PART_PARAGRAPH_MAX,ut as PART_PARAGRAPH_MIN,_ as PART_PARAGRAPH_VAR,st as PART_RELATIVE_PROPS,q as PART_SIZE_MAX,Y as PART_SIZE_MIN,V as PART_STYLED_ATTR,E as PART_STYLES_PROP,Lt as PART_STYLE_PROPERTIES,B as PART_WEIGHTS,T as PART_WIDTH_MAX,nt as PART_WIDTH_MIN,rt as PART_WIDTH_STEP,y as SHARED_PART_PROPERTIES,vt as applyPartStyles,Bt as isHexColour,jt as isPartKindKey,kt as paragraphRules,ht as partCaseOfTransform,_t as partCaseTransform,Yt as partFontKeyOf,Qt as partRuleForKind,ee as partRuleForText,Rt as partSpacingOf,Zt as partStyleBase,Xt as partStyleCount,te as partStyleCss,S as partStyleDeclarations,qt as partStyleSource,Vt as propsWithPartStyleValue,Ut as propsWithoutPartStyle,Jt as publishedPartStyles,j as readPartStyle,L as readPartStyles};

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

@@ -0,0 +1,12 @@
+import { type HidableValue } from "./hidable.js";
+import { type ScalarTextControlKind, type TextControlKind } from "./text-control-kinds.js";
+export declare const TYPE_IN_PLACE_KINDS: readonly ScalarTextControlKind[];
+export type TypeInPlaceKind = ScalarTextControlKind;
+export declare function textControlKind(field: unknown): TextControlKind | null;
+export declare function typeInPlaceKind(field: unknown): TypeInPlaceKind | null;
+export declare function isMultilineKind(kind: TypeInPlaceKind): boolean;
+export declare function partPlaceholder(field: unknown): string | undefined;
+export declare function partText(value: unknown): string;
+export declare function partValueWithText(kind: TypeInPlaceKind, previous: unknown, next: string): HidableValue;
+export declare function panelPartValue(stored: unknown, kind: TypeInPlaceKind | null, draft: string | null): unknown;
+export declare function partPropsWithText(props: Record<string, unknown>, propKey: string, kind: TypeInPlaceKind, next: string): Record<string, unknown> | null;

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

@@ -0,0 +1 @@
+import{TEXT_FIELD_MARKER as o}from"./field-markers.js";import{readHidable as u}from"./hidable.js";import{SCALAR_TEXT_CONTROLS as c}from"./text-control-kinds.js";const l=c,a=["text","textarea"],x=["textarea","plainTextarea"];function p(t){return!t||typeof t!="object"?null:t[o]?.control??null}function E(t){const n=p(t);return n&&l.includes(n)?n:null}function I(t){return x.includes(t)}function _(t){return!t||typeof t!="object"?void 0:t[o]?.placeholder}function f(t){return u(t).text}function i(t,n,e){return a.includes(t)?{text:e,hidden:u(n).hidden}:e}function s(t,n,e){return e===null||!n?t:i(n,t,e)}function L(t,n,e,r){return f(t[n])===r?null:{...t,[n]:i(e,t[n],r)}}export{l as TYPE_IN_PLACE_KINDS,I as isMultilineKind,s as panelPartValue,_ as partPlaceholder,L as partPropsWithText,f as partText,i as partValueWithText,p as textControlKind,E as typeInPlaceKind};

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

@@ -0,0 +1,11 @@
+import type { TreeItem } from "./content-tree.js";
+import { type TypeInPlaceKind } from "./part-text.js";
+export type PartAddress = {
+    node: TreeItem;
+    propKey: string;
+    kind: TypeInPlaceKind;
+    zone: string;
+    index: number;
+};
+export type ReplacePart = (zone: string, index: number, data: TreeItem) => void;
+export declare function commitPartText(at: PartAddress, next: string, replace: ReplacePart): boolean;

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

@@ -0,0 +1 @@
+import{decodePartKey as s,partPropsWithRowText as d}from"./part-rows.js";import{partPropsWithText as c}from"./part-text.js";function x(o,r,i){const e=o.node.props,{key:p,row:t}=s(o.propKey),n=t?d(e,p,t,o.kind,r):c(e,p,o.kind,r);return n?(i(o.zone,o.index,{...o.node,props:n}),!0):!1}export{x as commitPartText};

package/dist/lib/puck/passes/catalogue-labels.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "./types.js";
+export declare const catalogueLabel: BlockPass;

package/dist/lib/puck/passes/catalogue-labels.js

@@ -0,0 +1 @@
+import{SECTION_LABELS as e}from"../section-catalog.js";const t={name:"catalogueLabel",applies:a=>Object.prototype.hasOwnProperty.call(e,a),draw(a,l){a.label=e[l]}};export{t as catalogueLabel};

package/dist/lib/puck/passes/cell-width.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "./types.js";
+export declare const cellWidth: BlockPass;

package/dist/lib/puck/passes/cell-width.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{GRID_SPAN_ATTR as _,containerOffersPositions as p,resolveGridSpan as S}from"../../content/grid-span.js";import{CONTAINER_BLOCK_CHOICES as m}from"../container-blocks.js";import{RETIRED_NESTABLE_SECTIONS as E}from"../section-catalog.js";import{findParentNode as O}from"./document-position.js";import{BOX_MAY_HOLD as u}from"./slot-rules.js";const y=Array.from(new Set([...m.map(e=>e.type),...u,...E,"GalleryItem"])),R={name:"cellWidth",applies:(e,i,r)=>y.includes(e)&&!!r&&typeof r.render=="function",panel(e,i,r){const n=r.cellWidthFields;e.fields={...e.fields,...n()};const t=e.resolveFields;e.resolveFields=(s,o)=>{const l=t?t(s,o):o.fields,d=O(o.appState,s.props?.id);if(d===void 0||p(d))return l;const f={...l};for(const c of Object.keys(n()))delete f[c];return f}},draw(e){const i=e.render;e.render=r=>{const n=S(r.gridSpan),t=i(r);return n==null?t:a("div",{className:"sf-grid-cell",[_]:String(n),children:t})}}};export{R as cellWidth};

package/dist/lib/puck/passes/clickable-parts.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "./types.js";
+export declare const clickableParts: BlockPass;

package/dist/lib/puck/passes/clickable-parts.js

@@ -0,0 +1 @@
+import{jsx as l}from"react/jsx-runtime";import d from"../../../components/PreviewPartAnchors.js";import{PublishedPartStyles as a}from"../../../components/PublishedPartStylesContext.js";import{readPartStyles as o}from"../part-styles.js";import{partNeedles as c}from"../text-parts.js";const h={name:"clickableParts",applies:(s,r,t)=>typeof t?.render=="function",draw(s,r){const t=s,n=t.render;t.render=e=>{const i=o(e);return e.puck?.isEditing?l(d,{needles:c(t.fields,e),styles:i,type:r,children:n(e)}):Object.keys(i).length?l(a,{needles:c(t.fields,e),styles:i,type:r,children:n(e)}):n(e)}}};export{h as clickableParts};

package/dist/lib/puck/passes/corners.d.ts

@@ -0,0 +1,3 @@
+import type { BlockPass } from "./types.js";
+export declare const sectionCorners: BlockPass;
+export declare const cardCorners: BlockPass;

package/dist/lib/puck/passes/corners.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{CARD_FOLLOWS_SITE_CLASS as c,cardCornerStyle as d}from"../../content/card-corners.js";import{sectionCornerStyle as l}from"../../content/section-corners.js";import{sectionRunsFullWidth as a}from"../../content/section-width.js";const u={name:"sectionCorners",applies:(n,r,e)=>r.isSection(n)&&!!e&&typeof e.render=="function",panel(n,r,e){n.fields={...n.fields,...e.sectionShapeFields()}},draw(n){const r=n.render;n.render=e=>{const s=l(e.sectionCorners,e.sectionCornerSides),t=r(e),i=a(e)?`sf-section-corners ${c}`:"sf-section-corners";return s?o("div",{className:i,style:{display:"contents",...s},children:t}):t}}},C=["CollectionCard"],m={name:"cardCorners",applies:(n,r,e)=>C.includes(n)&&!!e&&typeof e.render=="function",panel(n,r,e){n.fields={...n.fields,...e.cardShapeFields()}},draw(n){const r=n.render;n.render=e=>{const s=d(e.cardCorners,e.cardCornerSides),t=r(e);return s?o("div",{className:"sf-card-corners",style:{display:"contents",...s},children:t}):t}}};export{m as cardCorners,u as sectionCorners};

package/dist/lib/puck/passes/document-position.d.ts

@@ -0,0 +1,16 @@
+export type ResolveFields = (data: {
+    props: Record<string, unknown>;
+}, params: {
+    fields: Record<string, unknown>;
+    appState?: unknown;
+}) => Record<string, unknown>;
+export declare function isNestedNode(data: {
+    props: Record<string, unknown>;
+}, params: {
+    appState?: unknown;
+}): boolean;
+export type DocNode = {
+    type?: unknown;
+    props?: Record<string, unknown>;
+};
+export declare function findParentNode(appState: unknown, id: unknown): DocNode | null | undefined;

package/dist/lib/puck/passes/document-position.js

@@ -0,0 +1 @@
+function d(o,e){const t=o.props?.id,n=e.appState?.data?.content;return!Array.isArray(n)||typeof t!="string"?!0:!n.some(i=>i?.props?.id===t)}function a(o,e){const t=o?.data?.content;if(!Array.isArray(t)||typeof e!="string")return;const n=(i,u)=>{for(const s of i){if(s?.props?.id===e)return u;for(const r of Object.values(s?.props??{}))if(Array.isArray(r)&&r.length>0&&typeof r[0]=="object"&&r[0]!==null&&"type"in r[0]){const f=n(r,s);if(f!==void 0)return f}}};return n(t,null)}export{a as findParentNode,d as isNestedNode};

package/dist/lib/puck/passes/empty-headings.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "./types.js";
+export declare const emptyHeadings: BlockPass;

package/dist/lib/puck/passes/empty-headings.js

@@ -0,0 +1 @@
+const p={name:"emptyHeadings",applies:()=>!0,panel(t,r,o){const s=o.dropEmptyHeadings,d=t.resolveFields;t.resolveFields=d?(i,e)=>{const n=d(i,e);return n instanceof Promise?n.then(l=>s(l??e.fields)):s(n??e.fields)}:(i,e)=>s(e.fields)}};export{p as emptyHeadings};

package/dist/lib/puck/passes/hidden-nodes.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "./types.js";
+export declare const hiddenNodes: BlockPass;

package/dist/lib/puck/passes/hidden-nodes.js

@@ -0,0 +1 @@
+const r={name:"hiddenNodes",applies:(n,d,e)=>typeof e?.render=="function",draw(n){const d=n.render;n.render=e=>e._hidden?null:d(e)}};export{r as hiddenNodes};

package/dist/lib/puck/passes/index.d.ts

@@ -0,0 +1,5 @@
+import type { BlockPass, BlockPassContext } from "./types.js";
+export type { BlockPass, BlockPassContext, PassBlock, PassInspector } from "./types.js";
+export { registryPassContext } from "./registry-context.js";
+export declare const BLOCK_PASSES: readonly BlockPass[];
+export declare function applyBlockPasses<T extends object>(key: string, block: T, ctx: BlockPassContext): T;

package/dist/lib/puck/passes/index.js

@@ -0,0 +1 @@
+import{catalogueLabel as n}from"./catalogue-labels.js";import{cellWidth as m}from"./cell-width.js";import{clickableParts as s}from"./clickable-parts.js";import{cardCorners as p,sectionCorners as c}from"./corners.js";import{emptyHeadings as a}from"./empty-headings.js";import{hiddenNodes as f}from"./hidden-nodes.js";import{sectionAnchor as l}from"./section-anchor.js";import{sectionAnimation as d}from"./section-animation.js";import{sectionHeight as h}from"./section-height.js";import{blockPadding as g,sectionPadding as u}from"./section-padding.js";import{sectionTheme as P,slideTheme as A}from"./section-theme.js";import{buttonAlignInRow as b,containedWidth as w,imageWidth as C,sectionWidth as S}from"./section-width.js";import{blockGroups as W,sectionGroups as G}from"./settings-groups.js";import{openSlotDisallow as B,sectionGroupAllow as H}from"./slot-rules.js";import{registryPassContext as J}from"./registry-context.js";const L=[H,B,u,c,p,g,m,S,w,b,C,h,l,P,d,A,G,W,a,s,f,n];function x(r,e,o){const i=e;for(const t of L)t.applies(r,o,i)&&(o.inspector&&t.panel?.(i,r,o.inspector,o),t.draw?.(i,r,o));return e}export{L as BLOCK_PASSES,x as applyBlockPasses,J as registryPassContext};

package/dist/lib/puck/passes/inspector.d.ts

@@ -0,0 +1,2 @@
+import type { PassInspector } from "./types.js";
+export declare const PASS_INSPECTOR: PassInspector;

package/dist/lib/puck/passes/inspector.js

@@ -0,0 +1 @@
+import{BLOCK_THEME_FOLLOW_LABEL as i,SECTION_THEME_FOLLOW_LABEL as e}from"../../../components/SectionThemePicker.js";import{anchorFields as o,cardShapeFields as s,cellWidthFields as d,heightFields as t,sectionAnimationFields as r,sectionShapeFields as l,sectionThemeFields as m,slider as n,spacingFields as p,widthField as F}from"../controls.js";import{assignSectionGroups as c}from"../field-groups.js";import{dropEmptyHeadings as E}from"../panel-drop-empty-headings.js";const S={spacingFields:p,sectionShapeFields:l,cardShapeFields:s,cellWidthFields:d,widthField:F,heightFields:t,anchorFields:o,sectionThemeFields:m,sectionAnimationFields:r,slider:n,assignSectionGroups:c,dropEmptyHeadings:E,SECTION_THEME_FOLLOW_LABEL:e,BLOCK_THEME_FOLLOW_LABEL:i};export{S as PASS_INSPECTOR};

package/dist/lib/puck/passes/registry-context.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPassContext } from "./types.js";
+export declare function registryPassContext(registered: Iterable<string>, structure: readonly string[]): BlockPassContext;

package/dist/lib/puck/passes/registry-context.js

@@ -0,0 +1 @@
+import{SECTION_GROUP_TYPES as _}from"../section-groups.js";import{ALL_SECTION_TYPES as c,RETIRED_NESTABLE_SECTIONS as r}from"../section-catalog.js";const O=["Form","Stats"];function I(E,s){const e=new Set(E),o=c.filter(t=>e.has(t)),n=o.filter(t=>t!=="Header"&&t!=="Footer"&&!_.includes(t)),S=new Set([...s,...r,...O]),T=o.filter(t=>!S.has(t)),N=new Set(o);return{isSection:t=>N.has(t),isHostBlock:()=>!1,sectionGroupAllow:n,contentSectionKeys:T}}export{I as registryPassContext};

package/dist/lib/puck/passes/section-anchor.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "./types.js";
+export declare const sectionAnchor: BlockPass;

package/dist/lib/puck/passes/section-anchor.js

@@ -0,0 +1 @@
+import{jsx as s,Fragment as i,jsxs as t}from"react/jsx-runtime";import{slugifyAnchor as a}from"../../links/page-link-rules.js";function c({anchor:n}){const e=a(typeof n=="string"?n:"");return e?s("span",{id:e,className:"sf-section-anchor","aria-hidden":"true"}):null}const f={name:"sectionAnchor",applies:(n,e,r)=>e.isSection(n)&&!!r&&typeof r.render=="function",panel(n,e,r){const o=r.anchorFields;n.fields={...n.fields,...o()}},draw(n){n.defaultProps={...n.defaultProps,anchor:""};const e=n.render;n.render=r=>t(i,{children:[s(c,{anchor:r.anchor}),e(r)]})}};export{f as sectionAnchor};

package/dist/lib/puck/passes/section-animation.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "./types.js";
+export declare const sectionAnimation: BlockPass;

package/dist/lib/puck/passes/section-animation.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{SectionAnimation as s}from"../../../components/SectionAnimation.js";import{SECTION_ANIM_EXCLUDED as a,normalizeSectionMotion as c}from"../../content/section-animation.js";const f={name:"sectionAnimation",applies:(n,t,i)=>t.isSection(n)&&!a.has(n)&&!!i&&typeof i.render=="function",panel(n,t,i){const o=i.sectionAnimationFields;n.fields={...n.fields,...o()}},draw(n){const t=n,i=t.render;t.render=o=>{const e=c(o.sectionAnimation);return e?r(s,{motion:e,editing:!!o.puck?.isEditing,children:i(o)}):i(o)}}};export{f as sectionAnimation};

package/dist/lib/puck/passes/section-height.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "./types.js";
+export declare const sectionHeight: BlockPass;

package/dist/lib/puck/passes/section-height.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{SECTION_MIN_HEIGHT_EXCLUDED as f,hasPhoneHeight as P,resolvePhoneHeight as v,resolveSectionMinHeight as F,sectionMinHeightAttrs as V}from"../../content/section-min-height.js";const M={name:"sectionHeight",applies:(t,n,e)=>n.isSection(t)&&!f.has(t)&&!!e&&typeof e.render=="function",panel(t,n,e){const i=e.heightFields;t.fields={...t.fields,...i()};const r=t.resolveFields;t.resolveFields=(c,h)=>{const o=r?r(c,h):h.fields,s=c?.props??{},l=F(s),u=P(s)?v(s):null;return o&&typeof o.then=="function"?o.then(d=>H(g(d,l),u)):H(g(o,l),u)}},draw(t){const n=t.render;t.render=e=>{const i=V(e);return i?a("div",{className:i.className,style:i.style,children:n(e)}):n(e)}}};function g(t,n){if(!t||!("sectionHeightMode"in t))return t;const e={...t};if(n.mode==="auto")return delete e.sectionHeightValue,delete e.sectionHeightUnit,e;n.mode==="screen"&&delete e.sectionHeightUnit;const i=e.sectionHeightValue;return i&&(e.sectionHeightValue={...i,unit:n.unit}),e}function H(t,n){if(!t||!("sectionHeightModePhone"in t))return t;const e={...t};if(!n||n.mode==="auto")return delete e.sectionHeightValuePhone,delete e.sectionHeightUnitPhone,e;n.mode==="screen"&&delete e.sectionHeightUnitPhone;const i=e.sectionHeightValuePhone;return i&&(e.sectionHeightValuePhone={...i,unit:n.unit}),e}export{M as sectionHeight};

package/dist/lib/puck/passes/section-padding.d.ts

@@ -0,0 +1,8 @@
+import type { BlockPass } from "./types.js";
+export declare const SECTION_PAD_INNER_DEFAULTS: Record<string, {
+    top: number;
+    bottom: number;
+}>;
+export declare const SECTION_PAD_INNER: Set<string>;
+export declare const sectionPadding: BlockPass;
+export declare const blockPadding: BlockPass;

package/dist/lib/puck/passes/section-padding.js

@@ -0,0 +1 @@
+import{jsx as l}from"react/jsx-runtime";import{isBackgroundBox as P}from"../../content/box-background.js";import{resolveSectionPadding as g,sectionPadAttrs as f}from"../../content/section-padding.js";const d={ParagraphsA:{top:60,bottom:80},StatsParagraph:{top:120,bottom:120},Timeline:{top:120,bottom:120},Footprint:{top:120,bottom:120},TimelineTrack:{top:120,bottom:120},TitleWithButtons:{top:140,bottom:140},ProcessSteps:{top:120,bottom:120},DetailRows:{top:100,bottom:100}},s=new Set(Object.keys(d)),m=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),c=new Set(["ProductGrid"]);function a(t,n){const e=t.render;t.render=o=>{if(n?.(o))return e(o);const i=f(o.sectionPaddingTop,o.sectionPaddingBottom,o.sectionPaddingTopPhone,o.sectionPaddingBottomPhone),r=e(o);return i?l("div",{className:i.className,style:i.style,children:r}):r}}const _={name:"sectionPadding",applies:(t,n,e)=>n.isSection(t)&&!m.has(t)&&!!e&&typeof e.render=="function",panel(t,n,e){s.has(n)||c.has(n)||(t.fields={...t.fields,...e.spacingFields({phone:!0})})},draw(t,n){if(s.has(n)){const e=t.render,o=d[n];t.render=i=>{const r=g(i,o);return e({...i,padTop:r.top,padBottom:r.bottom})};return}if(c.has(n)){a(t);return}a(t,n==="Flex"?e=>P(e.bgImage):void 0)}},p=["Heading","Text"],b={name:"blockPadding",applies:(t,n,e)=>p.includes(t)&&!!e&&typeof e.render=="function",panel(t,n,e){t.fields={...t.fields,...e.spacingFields({phone:!0})}},draw(t){a(t)}};export{s as SECTION_PAD_INNER,d as SECTION_PAD_INNER_DEFAULTS,b as blockPadding,_ as sectionPadding};

package/dist/lib/puck/passes/section-theme.d.ts

@@ -0,0 +1,3 @@
+import type { BlockPass } from "./types.js";
+export declare const sectionTheme: BlockPass;
+export declare const slideTheme: BlockPass;

package/dist/lib/puck/passes/section-theme.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{SECTION_THEME_EXCLUDED as a,SECTION_THEME_NESTED_READING as r,nestedAccentValue as d,sectionThemeWrap as E}from"../../content/section-surface.js";const f={name:"sectionTheme",applies:(e,t,s)=>t.isSection(e)&&!a.has(e)&&!!s&&typeof s.render=="function",panel(e,t,s){const{sectionThemeFields:i,SECTION_THEME_FOLLOW_LABEL:n}=s,c=r.has(t);e.fields={...e.fields,...c?i(d,n):i()}},draw(e,t){const s=r.has(t),i=e.render;e.render=n=>{const c=E(s?{...n,sectionAccent:d(n.sectionAccent)}:n),l=i(n);return c?o("div",{className:c.className,style:c.style,children:l}):l}}},h={name:"slideTheme",applies:e=>e==="HeroSlide",panel(e,t,s){const{sectionThemeFields:i,BLOCK_THEME_FOLLOW_LABEL:n}=s;e?.fields&&(e.fields={...e.fields,...i(d,n)})}};export{f as sectionTheme,h as slideTheme};

package/dist/lib/puck/passes/section-width.d.ts

@@ -0,0 +1,10 @@
+import { type WidthMode } from "../../content/section-width.js";
+import type { BlockPass } from "./types.js";
+export declare const sectionWidth: BlockPass;
+export declare function widthModeFields<T extends Record<string, unknown>>(fields: T, w: {
+    mode: WidthMode;
+    inherited: boolean;
+}): T;
+export declare const containedWidth: BlockPass;
+export declare const buttonAlignInRow: BlockPass;
+export declare const imageWidth: BlockPass;

package/dist/lib/puck/passes/section-width.js

@@ -0,0 +1 @@
+import{jsx as p}from"react/jsx-runtime";import{WidthIcon as w}from"efficient-easel/icons";import{resolveContainerDirection as C}from"../../content/container-direction.js";import{IMAGE_WIDTH as u}from"../../content/image-width.js";import{HERO_BACKGROUND_VAR as I,HERO_CHROME_CAP_VAR as T,HERO_CHROME_INSET_VAR as m,SITE_WIDTH_CAP as h,centredCap as O}from"../../content/page-width.js";import{resolveWidth as a}from"../../content/section-width.js";import{isInsideSiteGutter as S}from"../../content/site-gutter.js";import{parentCapsWidth as E}from"../../sections/section-head-placement.js";import{findParentNode as H,isNestedNode as g}from"./document-position.js";const v=new Set(["SectionHeader","ProductGrid","IntroBleed","RelatedProducts","Banner","Stats","Logos","Divider","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer","Flex","Grid"]),y=new Set(["Hero","HeroSingle","Manifesto","ProductHero"]),B=new Set(["ProductHero"]),j={name:"sectionWidth",applies:(e,n,t)=>n.isSection(e)&&!v.has(e)&&!!t&&typeof t.render=="function",panel(e,n,t){const r=t.widthField;e.fields={...e.fields,...r("full")};const s=e.resolveFields;e.resolveFields=(i,d)=>{const o=s?s(i,d):d.fields,l=a(i?.props??{},"full");return o&&typeof o.then=="function"?o.then(c=>f(c,l)):f(o,l)}},draw(e,n){const t=y.has(n),r=e.render;e.render=s=>{const{mode:i,inherited:d}=a(s,"full"),o=r(s);if(i==="full")return t&&!d&&!B.has(n)?p("div",{style:{[I]:"none",[m]:"initial",[T]:"initial"},children:o}):o;const l=O(h);return t?p("div",{style:{"--sf-page-cap":h},children:o}):p("div",{style:l,children:o})}}};function f(e,n){if(!e||!("widthMode"in e))return e;const t={...e},r=t.widthMode;return r&&(t.widthMode={...r,currentValue:n.mode,inherited:n.inherited}),t}const W=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),L={name:"containedWidth",applies:(e,n,t)=>W.has(e)&&!!t&&typeof t.render=="function",panel(e,n,t){const r=t.widthField;e.fields={...e.fields,...r("page")};const s=e.resolveFields;e.resolveFields=(i,d)=>{const o=s?s(i,d):d.fields,l=a(i?.props??{},"page"),c=_=>A(f(_,l),i,d);return o&&typeof o.then=="function"?o.then(c):c(o)}},draw(e){const n=e.render;e.render=t=>{const{mode:r}=a(t,"page");return n({...t,contained:r!=="full"})}}},V={name:"buttonAlignInRow",applies:e=>e==="ButtonBlock",panel(e){const n=e,t=n?.resolveFields;n.resolveFields=(r,s)=>{const i=t?t(r,s):s.fields,d=o=>{const l=H(s.appState,r.props?.id);if(!l||l.type!=="HeroGroup"||C("HeroGroup",l.props?.direction)!=="row")return o;const c={...o};return delete c.align,c};return i&&typeof i.then=="function"?i.then(d):d(i)}}};function F(e){return Object.values(e).some(n=>!!n&&typeof n=="object"&&n.type==="slot")}function A(e,n,t){if(F(e)){const s=t.appState?.data?.content;if(S(s,n.props?.id)!==!0)return e;const i={...e};return delete i.widthMode,delete i.pageWidth,i}if("parent"in t){if(!E(t.parent))return e}else if(!g({props:n.props??{}},t))return e;const r={...e};return delete r.widthMode,delete r.pageWidth,r}const U={name:"imageWidth",applies:e=>e==="ImageBlock",panel(e,n,t){const r=t.slider;if(e?.fields){const s=r("Image width",p(w,{}),u.min,u.max,u.step,u.fallback,u.unit),i="focal",d=Object.entries(e.fields),o=d.findIndex(([l])=>l===i);e.fields=Object.fromEntries(o===-1?[...d,["width",s]]:[...d.slice(0,o+1),["width",s],...d.slice(o+1)])}}};export{V as buttonAlignInRow,L as containedWidth,U as imageWidth,j as sectionWidth,f as widthModeFields};