efficient-web-builder 0.10.0 → 1.0.0

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

package/dist/lib/puck/passes/settings-groups.d.ts

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

package/dist/lib/puck/passes/settings-groups.js

@@ -0,0 +1 @@
+const i=new Set(["Reviews","Cards","FAQ","Prose","ProductHero","SpecTable","ProductGrid","ParagraphsA","KeyFeatures","Stats","StatsParagraph","Chart","Mockup","Testimonials","Logos","ContactRouting","ContactLocations","SubmitBuild","ReviewForm","Form","AppointmentBooking","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Collections","AlloyWheelsListing","CatalogFilterBar","FitmentFinder","GalleryB","BrandStrip","DocMasthead","DocBody","DocMetaCards","Masthead","FeaturedCover","LongRead","Series","Events","SectionHeader","Grid","Flex","Spacer","Divider","CustomHTML","Breadcrumb","CategoryBar","DocTabs","Hero","HeroSingle","IntroBleed","Manifesto","Timeline","TimelineTrack","Footprint","Banner","TitleWithButtons","Ticker","SubscribeBlogs","TyreSizes","TyreFitment","EuTyreLabel","SpecStrip","ProcessSteps","DetailRows","FitmentTable","CompatibleTyres","RelatedProducts","BundleOffer","Split","Gallery","Subscribe"]),a={name:"sectionGroups",applies:(e,o)=>o.isSection(e)&&(i.has(e)||o.isHostBlock(e)),panel(e,o,t){const r=t.assignSectionGroups;e?.fields&&(e.fields=r(e.fields,o))}},s=new Set(["HeroSlide","Heading","Text","ImageBlock","ButtonBlock","HeroGroup","GalleryItem","Footer","FooterLogo","FooterMenu","FooterGroup","FooterText","PostCard","LogoBlock","CollectionCard","Eyebrow","BookingBox","SubmitBox","FooterSocial","MenuBlock","SocialLogosBlock","EmailFormBlock","SearchBlock","CartBlock"]),n={name:"blockGroups",applies:e=>s.has(e),panel(e,o,t){const r=t.assignSectionGroups;e?.fields&&(e.fields=r(e.fields,o))}};export{n as blockGroups,a as sectionGroups};

package/dist/lib/puck/passes/slot-rules.d.ts

@@ -0,0 +1,4 @@
+import type { BlockPass } from "./types.js";
+export declare const sectionGroupAllow: BlockPass;
+export declare const BOX_MAY_HOLD: Set<string>;
+export declare const openSlotDisallow: BlockPass;

package/dist/lib/puck/passes/slot-rules.js

@@ -0,0 +1 @@
+import{SECTION_GROUP_TYPES as p}from"../section-groups.js";import{SPLITTABLE_SECTIONS as a}from"../../sections/section-head-placement.js";const _={name:"sectionGroupAllow",applies:o=>p.includes(o),panel(o,s,n,t){const e=o.fields?.sections;e&&(e.allow=[...t.sectionGroupAllow])}},f=new Set(Object.keys(a)),O={name:"openSlotDisallow",applies:()=>!0,panel(o,s,n,t){const e=t.contentSectionKeys;if(o?.fields)for(const i of Object.values(o.fields)){const l=i;if(l.type!=="slot"||l.allow)continue;const c=s==="Flex"?e.filter(r=>!f.has(r)):e;l.disallow=Array.from(new Set([...l.disallow??[],...c]))}}};export{f as BOX_MAY_HOLD,O as openSlotDisallow,_ as sectionGroupAllow};

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

@@ -0,0 +1,51 @@
+import type { ReactElement, ReactNode } from "react";
+export type PassRenderProps = Record<string, unknown>;
+export type PassResolveFields = (data: {
+    props?: Record<string, unknown>;
+}, params: {
+    fields: Record<string, unknown>;
+    appState?: unknown;
+    parent?: {
+        type?: string;
+    } | null;
+}) => unknown;
+export type PassBlock = {
+    label?: string;
+    fields?: Record<string, unknown>;
+    defaultProps?: Record<string, unknown>;
+    resolveFields?: PassResolveFields;
+    render: (props: PassRenderProps) => ReactNode;
+};
+type FieldMap = Record<string, unknown>;
+export type PassInspector = {
+    spacingFields: (opts: {
+        phone: true;
+    }) => FieldMap;
+    sectionShapeFields: () => FieldMap;
+    cardShapeFields: () => FieldMap;
+    cellWidthFields: () => FieldMap;
+    widthField: (defaultMode: "full" | "page") => FieldMap;
+    heightFields: () => FieldMap;
+    anchorFields: () => FieldMap;
+    sectionThemeFields: (readValue?: (v: unknown) => unknown, followLabel?: string) => FieldMap;
+    sectionAnimationFields: () => FieldMap;
+    slider: (label: string, icon: ReactElement, min: number, max: number, step: number, fallback: number, suffix?: string) => unknown;
+    assignSectionGroups: <T extends FieldMap>(fields: T, where: string) => T;
+    dropEmptyHeadings: <T extends FieldMap>(fields: T) => T;
+    SECTION_THEME_FOLLOW_LABEL: string;
+    BLOCK_THEME_FOLLOW_LABEL: string;
+};
+export type BlockPassContext = {
+    isSection(key: string): boolean;
+    isHostBlock(key: string): boolean;
+    sectionGroupAllow: readonly string[];
+    contentSectionKeys: readonly string[];
+    inspector?: PassInspector;
+};
+export type BlockPass = {
+    name: string;
+    applies(key: string, ctx: BlockPassContext, comp: PassBlock): boolean;
+    panel?(comp: PassBlock, key: string, inspector: PassInspector, ctx: BlockPassContext): void;
+    draw?(comp: PassBlock, key: string, ctx: BlockPassContext): void;
+};
+export {};

package/dist/lib/puck/phone-override.d.ts

@@ -0,0 +1,4 @@
+export declare function phoneKey(desktopKey: string): string;
+export declare function hasPhoneOverride(stored: unknown): boolean;
+export declare function resolvePhoneValue(stored: unknown, desktop: unknown, fallback: number): number;
+export declare const PHONE_CLEAR: undefined;

package/dist/lib/puck/phone-override.js

@@ -0,0 +1 @@
+function o(e){return`${e}Phone`}function t(e){return typeof e=="number"}function u(e,n,r){return typeof e=="number"?e:typeof n=="number"?n:r}const f=void 0;export{f as PHONE_CLEAR,t as hasPhoneOverride,o as phoneKey,u as resolvePhoneValue};

package/dist/lib/puck/pinned-seed-gate.d.ts

@@ -0,0 +1,17 @@
+import type { AutosaveSnapshot } from "efficient-easel/autosave";
+import { type EditAccess } from "efficient-easel/edit-lock";
+export type SaveStatus = "idle" | "saving" | "saved" | "error";
+export declare function saveStatusOf(state: AutosaveSnapshot): SaveStatus;
+export declare function canSeedPinnedChrome(state: {
+    docId: string | null;
+    saveStatus: SaveStatus;
+    seededDocId: string | null;
+}): boolean;
+export declare function saveStatusForNewDocument(_previous: SaveStatus): SaveStatus;
+export type DocumentSwitchSetters = {
+    resetAutosave: () => void;
+    setVersion: (version: string | null) => void;
+    setSaveConflict: (conflict: null) => void;
+    setAccess: (access: EditAccess) => void;
+};
+export declare function resetForDocumentSwitch(hasEditLock: boolean, apply: DocumentSwitchSetters): void;

package/dist/lib/puck/pinned-seed-gate.js

@@ -0,0 +1 @@
+import{accessForNewDocument as n}from"efficient-easel/edit-lock";function t(e){return e.failed?"error":e.pending?"saving":e.saved?"saved":"idle"}function u(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function i(e){return"idle"}function s(e,r){r.resetAutosave(),r.setVersion(null),r.setSaveConflict(null),r.setAccess(n(e))}export{u as canSeedPinnedChrome,s as resetForDocumentSwitch,i as saveStatusForNewDocument,t as saveStatusOf};

package/dist/lib/puck/preview-click.d.ts

@@ -0,0 +1,2 @@
+export declare function runAsPreviewClick<T>(handler: () => T): T;
+export declare function isPreviewClick(): boolean;

package/dist/lib/puck/preview-click.js

@@ -0,0 +1 @@
+let e=0;function t(r){e+=1;try{return r()}finally{e-=1}}function i(){return e>0}export{i as isPreviewClick,t as runAsPreviewClick};

package/dist/lib/puck/preview-dom.d.ts

@@ -0,0 +1,6 @@
+export declare const previewFrame: () => HTMLIFrameElement | null;
+export declare function scrollPreviewToSection(id: string): void;
+export declare function gotoPreviewSlide(heroId: string, index: number): void;
+export declare function scrollPreviewToTop(): void;
+export declare function pinPreviewToSection(id: string): () => void;
+export declare function pinPreviewToBottom(onPinned?: () => void): () => void;

package/dist/lib/puck/preview-dom.js

@@ -0,0 +1 @@
+import{HERO_SLIDER_GOTO_EVENT as w}from"../../components/HeroSection.js";import{isPreviewClick as h}from"./preview-click.js";const v=".sf-editor #preview-frame",i=()=>document.querySelector(v);function T(t){h()||requestAnimationFrame(()=>{i()?.contentDocument?.querySelector(`[data-puck-component="${CSS.escape(t)}"]`)?.scrollIntoView({behavior:"smooth",block:"start"})})}function P(t,n){const e=i()?.contentWindow;if(!e)return;const o={id:t,index:n};e.dispatchEvent(new CustomEvent(w,{detail:o}))}function g(){requestAnimationFrame(()=>{i()?.contentWindow?.scrollTo({top:0,behavior:"smooth"})})}function f(t,{passes:n=[150,400],onPinned:e}={}){let o=0,l=!1;const c=[],s=()=>{const a=i(),r=a?.contentWindow,m=a?.contentDocument;if(!r||!m)return!1;const p=t(r,m);if(p==null)return!1;if(r.scrollTo({left:r.scrollX,top:p,behavior:"instant"}),!l){l=!0,e?.();for(const d of n)c.push(setTimeout(s,d))}return!0},u=()=>{!s()&&o++<150&&c.push(setTimeout(u,32))};return u(),()=>c.forEach(clearTimeout)}function x(t){return f((n,e)=>{const o=e.querySelector(`[data-puck-component="${CSS.escape(t)}"]`);return o?n.scrollY+o.getBoundingClientRect().top:null})}function k(t){return f((n,e)=>{if(!e.querySelector("[data-puck-component]"))return null;const o=Math.max(e.documentElement.scrollHeight,e.body?.scrollHeight??0);return o<=e.documentElement.clientHeight?null:o},{passes:[150,400,800,1300,2e3],onPinned:t})}export{P as gotoPreviewSlide,k as pinPreviewToBottom,x as pinPreviewToSection,i as previewFrame,T as scrollPreviewToSection,g as scrollPreviewToTop};

package/dist/lib/puck/preview-selection-context.d.ts

@@ -0,0 +1,19 @@
+import { type ReactNode } from "react";
+export declare function useSelectHandler<Args extends unknown[]>(): {
+    select: (...args: Args) => void;
+    setSelectHandler: (fn: (...args: Args) => void) => void;
+};
+export type PreviewIdSelection<Key extends string> = {
+    [P in Key]: string | null;
+} & {
+    [P in Key as `set${Capitalize<P>}`]: (id: string | null) => void;
+} & {
+    select: (id: string) => void;
+    setSelectHandler: (fn: (id: string) => void) => void;
+};
+export declare function createPreviewSelectionContext<Key extends string>(idKey: Key): {
+    Provider: ({ children }: {
+        children: ReactNode;
+    }) => import("react").JSX.Element;
+    useSelection: () => PreviewIdSelection<Key>;
+};

package/dist/lib/puck/preview-selection-context.js

@@ -0,0 +1 @@
+"use client";import{jsx as d}from"react/jsx-runtime";import{createContext as S,useCallback as u,useContext as f,useRef as x,useState as m}from"react";import{runAsPreviewClick as p}from"./preview-click.js";function v(){const e=x(()=>{}),n=u((...t)=>p(()=>e.current(...t)),[]),r=u(t=>{e.current=t},[]);return{select:n,setSelectHandler:r}}function w(e){const n=`set${e.charAt(0).toUpperCase()}${e.slice(1)}`,r=(c,o,s,l)=>({[e]:c,[n]:o,select:s,setSelectHandler:l}),t=S(r(null,()=>{},()=>{},()=>{}));function i({children:c}){const[o,s]=m(null),{select:l,setSelectHandler:a}=v();return d(t.Provider,{value:r(o,s,l,a),children:c})}return{Provider:i,useSelection:()=>f(t)}}export{w as createPreviewSelectionContext,v as useSelectHandler};

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

@@ -0,0 +1,3 @@
+import type { Config } from "efficient-easel/blocks";
+import { type BlockPassContext } from "./passes/index.js";
+export declare function finishRegistry(config: Config): BlockPassContext;

package/dist/lib/puck/registry.js

@@ -0,0 +1 @@
+import{dropEmptyHeadings as r}from"./panel-drop-empty-headings.js";import{applyBlockPasses as l,registryPassContext as d}from"./passes/index.js";import{PASS_INSPECTOR as m}from"./passes/inspector.js";function u(o){const n={...d(Object.keys(o.components),o.categories?.structure?.components??[]),inspector:m};for(const[t,e]of Object.entries(o.components))l(t,e,n);const i=o.root,c=i.resolveFields;return i.resolveFields=c?(t,e)=>{const s=c(t,e);return s instanceof Promise?s.then(p=>r(p??e.fields,"page")):r(s??e.fields,"page")}:(t,e)=>r(e.fields,"page"),n}export{u as finishRegistry};

package/dist/lib/puck/renamed-props.d.ts

@@ -0,0 +1,2 @@
+export declare const RENAMED_PROPS: Readonly<Record<string, string>>;
+export declare function migrateRenamedProps<T>(data: T): T;

package/dist/lib/puck/renamed-props.js

@@ -0,0 +1 @@
+const l={"Logos.logosPerRow":"columns","HeroSlide.tintOpacity":"overlay","Split.textBgTint":"overlay"};function u(t){return Array.isArray(t)&&t.length>0&&t.every(e=>!!e&&typeof e=="object"&&typeof e.type=="string")}function y(t){let e=t.props,c=!1;if(t.type&&e)for(const[o,r]of Object.entries(l)){const n=o.indexOf("."),i=o.slice(0,n),s=o.slice(n+1);if(i!==t.type||!(s in e))continue;const p=e[s],f={...e};delete f[s],(!(r in f)||f[r]===void 0)&&(f[r]=p),e=f,c=!0}if(e){let o=e;for(const[r,n]of Object.entries(e)){if(!u(n))continue;const i=n.map(y);i.some((s,p)=>s!==n[p])&&(o===e&&(o={...e}),o[r]=i,c=!0)}e=o}return c?{...t,props:e}:t}function m(t){const e=t;if(!e||typeof e!="object")return t;let c=!1;const o={...t};if(Array.isArray(e.content)){const r=e.content.map(y);r.some((n,i)=>n!==e.content[i])&&(o.content=r,c=!0)}if(e.zones&&typeof e.zones=="object"){let r=!1;const n=Object.fromEntries(Object.entries(e.zones).map(([i,s])=>{if(!Array.isArray(s))return[i,s];const p=s.map(y);return p.some((f,a)=>f!==s[a])&&(r=!0),[i,p]}));r&&(o.zones=n,c=!0)}return c?o:t}export{l as RENAMED_PROPS,m as migrateRenamedProps};

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

@@ -0,0 +1 @@
+export declare function sanitizeHtml(html: string): string;

package/dist/lib/puck/sanitize.js

@@ -0,0 +1 @@
+import e from"isomorphic-dompurify";e.addHook("afterSanitizeAttributes",t=>{t.tagName==="A"&&t.getAttribute("target")==="_blank"&&t.setAttribute("rel","noopener noreferrer")});function i(t){return e.sanitize(t,{ALLOWED_TAGS:["p","br","hr","span","div","section","article","header","footer","h1","h2","h3","h4","h5","h6","strong","em","b","i","u","small","sup","sub","mark","ul","ol","li","blockquote","a","img","picture","source","figure","figcaption","video","table","thead","tbody","tr","th","td"],ALLOWED_ATTR:["href","title","alt","src","srcset","sizes","class","style","target","rel","width","height","loading","poster","controls"],ALLOW_DATA_ATTR:!1})}export{i as sanitizeHtml};

package/dist/lib/puck/section-catalog.d.ts

@@ -0,0 +1,36 @@
+export type BlockSet = "general" | "commerce" | "service";
+export declare const BLOCK_SETS: readonly ["general", "commerce", "service"];
+export interface CatalogSection {
+    type: string;
+    label: string;
+    set: BlockSet;
+}
+export interface CatalogGroup {
+    key: string;
+    title: string;
+    defaultExpanded?: boolean;
+    templateable: boolean;
+    sections: CatalogSection[];
+}
+export declare const SECTION_CATALOG: CatalogGroup[];
+export declare function buildPuckCategories(): Record<string, {
+    title: string;
+    components: string[];
+    defaultExpanded?: boolean;
+}>;
+export declare const RETIRED_SECTIONS: Record<string, string>;
+export declare const RETIRED_NESTABLE_SECTIONS: readonly ["Grid"];
+export declare const ALL_SECTION_TYPES: string[];
+export declare const SECTION_LABELS: Record<string, string>;
+export declare const UNLISTED_BLOCK_SETS: Readonly<Record<string, BlockSet>>;
+export declare function blockSetOf(type: string): BlockSet | undefined;
+export declare function blocksInSet(set: BlockSet): string[];
+export declare const GENERAL_BLOCKS: readonly string[];
+export declare const COMMERCE_BLOCKS: readonly string[];
+export declare const SERVICE_BLOCKS: readonly string[];
+export type NodeLevel = "section" | "block";
+export declare const LEVEL_NAMED_TYPE = "Flex";
+export declare const BOX_LABEL = "Box";
+export declare const BOX_LABEL_PLURAL = "Boxes";
+export declare function labelForFlex(level: NodeLevel): string;
+export declare function labelAtLevel(type: string, level: NodeLevel, base: string): string;