efficient-web-builder 23.1.0 → 24.0.0

package/dist/render/lib/puck/blocks/general/TimelineTrack/render.d.ts

@@ -0,0 +1,8 @@
+import type { BlockRender } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const TIMELINE_TRACK_PH: {
+    eyebrow: string;
+    title: string;
+    intro: string;
+    cta: string;
+};
+export declare const TimelineTrackRender: BlockRender;

package/dist/render/lib/puck/blocks/general/TimelineTrack/render.js

@@ -0,0 +1 @@
+import{jsx as m}from"react/jsx-runtime";import c from"../../../../../components/TimelineTrack.js";import{SECTION_BG_INHERIT as d,resolveSectionBackground as u}from"../../../../../../format/lib/content/section-background.js";import{parseSectionHeadPlacement as b}from"../../../../../../format/lib/sections/section-head-placement.js";import{CTA_PH as f,PH as n}from"../../../../../../format/lib/puck/blocks/placeholders.js";import{phRows as T,phHide as r,ctaHide as s}from"../../scaffold.js";import{SECTION_BG_BUILT_IN as k}from"../../../../../../format/lib/puck/blocks/general/section-bg-built-in.js";import{say as t}from"../../../../../../format/lib/editor-words.js";const a={eyebrow:n.eyebrow,title:n.headingAccent,intro:n.body,cta:f.text},h=()=>[{date:t("Year"),title:t("Milestone"),blurb:t("A short line about this milestone."),future:!1},{date:t("Year"),title:t("Milestone"),blurb:t("A short line about this milestone."),future:!1},{date:t("Year"),title:t("Milestone"),blurb:t("A short line about this milestone."),future:!1},{date:t("Year →"),title:t("Upcoming"),blurb:t("A milestone still to come."),future:!0}],A={label:"Milestone Timeline",defaultProps:{eyebrow:"",title:"",intro:"",entries:[],ctaText:"",ctaHref:"",background:d,padTop:120,padBottom:120},render:e=>{const i=b(e.headPlacement)==="own-box",o=l=>i?void 0:l;return m(c,{eyebrow:o(r(e.eyebrow,a.eyebrow,e.puck)),title:o(r(e.title,a.title,e.puck)),intro:o(r(e.intro,a.intro,e.puck)),omitHead:i,entries:T(e.entries,h(),e.puck),cta:s(e.ctaText,e.ctaHref,e.puck),background:u(e.background,k.TimelineTrack),padTop:i?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};export{a as TIMELINE_TRACK_PH,A as TimelineTrackRender};

package/dist/render/lib/puck/blocks/general/TitleWithButtons/render.d.ts

@@ -0,0 +1,5 @@
+import type { BlockRender } from "../../../../../../format/lib/puck/blocks/block-types.js";
+export declare const TITLE_WITH_BUTTONS_PH: {
+    title: string;
+};
+export declare const TitleWithButtonsRender: BlockRender;

package/dist/render/lib/puck/blocks/general/TitleWithButtons/render.js

@@ -0,0 +1,2 @@
+import{jsx as m}from"react/jsx-runtime";import f from"../../../../../components/TitleWithButtons.js";import{readHidable as p}from"efficient-easel/draw";import{CTA_PH as t}from"../../../../../../format/lib/puck/blocks/placeholders.js";import{phRows as h,phHide as b}from"../../scaffold.js";const u={title:`Section heading
+*Highlight line*`},_=[{label:t.text,href:t.href,variant:"primary"},{label:t.text,href:t.href,variant:"outline"}],S={label:"Call-to-Action Heading",defaultProps:{title:"",buttons:[],padTop:140,padBottom:140},render:({title:i,buttons:s,padTop:n,padBottom:r,buttonsAlign:a,puck:e})=>{const o=a,d=o==="center"||o==="left",l=p(i),T=l.hidden?"":l.text.trim();return m(f,{title:d&&!T?void 0:b(i,u.title,e),buttons:h(s,_,e),padTop:typeof n=="number"?n:140,padBottom:typeof r=="number"?r:140,buttonsAlign:o,editing:e?.isEditing})}};export{u as TITLE_WITH_BUTTONS_PH,S as TitleWithButtonsRender};

package/dist/render/lib/puck/blocks/general/render-config.d.ts

@@ -0,0 +1,8 @@
+import type { Config } from "efficient-easel/blocks";
+import type { BlockRender } from "../../../../../format/lib/puck/blocks/block-types.js";
+import { type GeneralBlockType } from "./renders.js";
+export type DrawnBlock = BlockRender & {
+    textParts?: Record<string, unknown>;
+};
+export declare function generalRenderBlocks(): Record<GeneralBlockType, DrawnBlock>;
+export declare function generalRenderConfig(): Config;

package/dist/render/lib/puck/blocks/general/render-config.js

@@ -0,0 +1 @@
+import{GENERAL_REGISTRATION_ORDER as i,generalCategories as f}from"../../../../../format/lib/puck/general-order.js";import{drawPublishedRoot as s}from"../../page-frame.js";import{finishRenderRegistry as R}from"../../render-registry.js";import{GENERAL_RENDERS as c}from"./renders.js";import l from"../../../../../format/lib/puck/blocks/general/text-part-shapes.json";const m=l;function E(){const o={};for(const t of i){const n=c[t],e=m[t];o[t]={...n,...e?{textParts:e}:null}}return o}let r=null;function A(){if(r)return r;const o={root:{render:s},categories:f(),components:E()};return R(o),r=o,r}export{E as generalRenderBlocks,A as generalRenderConfig};

package/dist/render/lib/puck/blocks/general/renders.d.ts

@@ -0,0 +1,58 @@
+import type { BlockRender } from "../../../../../format/lib/puck/blocks/block-types.js";
+export declare const GENERAL_RENDERS: {
+    Banner: BlockRender;
+    Breadcrumb: BlockRender;
+    ButtonBlock: BlockRender;
+    Cards: BlockRender;
+    CategoryBar: BlockRender;
+    Chart: BlockRender;
+    ContactLocations: BlockRender;
+    CustomHTML: BlockRender;
+    Divider: BlockRender;
+    DocBody: BlockRender;
+    DocMasthead: BlockRender;
+    DocMetaCards: BlockRender;
+    DocTabs: BlockRender;
+    Eyebrow: BlockRender;
+    FAQ: BlockRender;
+    FeaturedCover: BlockRender;
+    Flex: BlockRender;
+    Footprint: BlockRender;
+    Grid: BlockRender;
+    Heading: BlockRender;
+    Hero: BlockRender;
+    HeroGroup: BlockRender;
+    HeroSingle: BlockRender;
+    HeroSlide: BlockRender;
+    ImageBlock: BlockRender;
+    Integrations: BlockRender;
+    IntroBleed: BlockRender;
+    Countdown: BlockRender;
+    KeyFeatures: BlockRender;
+    LogoBlock: BlockRender;
+    Logos: BlockRender;
+    LongRead: BlockRender;
+    Manifesto: BlockRender;
+    Masthead: BlockRender;
+    Mockup: BlockRender;
+    OrderSummary: BlockRender;
+    ParagraphsA: BlockRender;
+    PaymentBadges: BlockRender;
+    PostCard: BlockRender;
+    ProcessSteps: BlockRender;
+    Prose: BlockRender;
+    SectionHeader: BlockRender;
+    Series: BlockRender;
+    Spacer: BlockRender;
+    SpecStrip: BlockRender;
+    Split: BlockRender;
+    Stats: BlockRender;
+    StatsParagraph: BlockRender;
+    Testimonials: BlockRender;
+    Text: BlockRender;
+    Ticker: BlockRender;
+    Timeline: BlockRender;
+    TimelineTrack: BlockRender;
+    TitleWithButtons: BlockRender;
+};
+export type GeneralBlockType = keyof typeof GENERAL_RENDERS;

package/dist/render/lib/puck/blocks/scaffold.js

@@ -0,0 +1 @@
+import{say as d}from"../../../../format/lib/editor-words.js";import{readHidable as i}from"efficient-easel/draw";import{CTA_PH as o}from"../../../../format/lib/puck/blocks/placeholders.js";function u(t,r,e){return t||(e?.isEditing?d(r):void 0)}function x(t,r,e){const n=Array.isArray(t)?t:[];return n.length?n:e?.isEditing?r:[]}function f(t,r,e){const n=i(t);if(!n.hidden)return u(n.text,r,e)}function s(t,r,e){return i(t).hidden?"":f(t,r,e)}function a(t,r,e){return{text:f(t,o.text,e),href:r||o.href}}export{a as ctaHide,f as phHide,s as phHideDefault,u as phPrev,x as phRows};

package/dist/render/lib/puck/editing-bridges.d.ts

@@ -0,0 +1,11 @@
+import { type ComponentType, type ReactNode } from "react";
+export type SectionTextPartsProps = {
+    nodeId: string;
+    sectionType: string;
+    children: ReactNode;
+};
+export type EditingBridges = {
+    SectionTextParts?: ComponentType<SectionTextPartsProps>;
+};
+export declare const EditingBridgesProvider: import("react").Provider<EditingBridges>;
+export declare function SectionTextParts(props: SectionTextPartsProps): import("react").JSX.Element;

package/dist/render/lib/puck/editing-bridges.js

@@ -0,0 +1 @@
+"use client";import{jsx as r,Fragment as i}from"react/jsx-runtime";import{createContext as o,useContext as s}from"react";const n=o({}),x=n.Provider;function a(t){const{SectionTextParts:e}=s(n);return e?r(e,{...t}):r(i,{children:t.children})}export{x as EditingBridgesProvider,a as SectionTextParts};

package/dist/render/lib/puck/header-ink.js

@@ -0,0 +1 @@
+import{parseIntroBleedLayout as o}from"../../../format/lib/sections/intro-bleed-layout.js";import{leadSection as n,pageLeadsWithFullBleed as a}from"./header-clearance.js";const E="data-lead-ink",c="data-header-ink",I=["auto","light","dark"],l="auto",_=!0;function u(t){return t.type==="IntroBleed"?o(t.props?.layout)!=="stacked":!0}function d(t){const e=n(t);return e&&a(t)&&u(e)?"light":null}function s(t){return t==="light"||t==="dark"?t:l}function A(t,e){const r=s(t);return r==="auto"?d(e):r}export{l as DEFAULT_HEADER_INK,_ as DEFAULT_TRANSPARENT_TOP,E as HEADER_INK_ATTR,I as HEADER_INK_MODES,c as HEADER_INK_OVERRIDE_ATTR,d as leadSectionInk,A as resolveHeaderInk,s as resolveHeaderInkMode};

package/dist/render/lib/puck/hero-media-parts.js

@@ -0,0 +1 @@
+import{withShowWhen as s}from"./show-when.js";import{heroPictureCount as c}from"../../../format/lib/hero-media-layout.js";const f=["media","image","image2"],u={media:"Media",image:"Image",image2:"Image 2"},P={media:"heroMedia",image:"heroImage",image2:"heroImage2"};function l(e,t){return e==="image"&&c(t)>1?"Image 1":u[e]}const I="Video file",O="Upload a video file";function d(e,t){return{field:"mediaType",is:e,default:t}}const g=new Set(["HeroSingle"]),m="heroPart";function h(e,t){return{...t,[m]:e}}function R(e,{parts:t={},onlyFor:i,fallback:p,rules:a}){const n={...e};for(const r of["image","video"])for(const o of i[r])n[o]=s(n[o],d(r,p));for(const[r,o]of Object.entries(a??{}))o&&(n[r]=s(n[r],o));for(const r of f)for(const o of t[r]??[])n[o]=h(r,n[o]);return n}function E(e){const t=e?.[m];return f.includes(t)?t:null}function T(e,t){const i={};for(const[p,a]of Object.entries(e))E(a)===t&&(i[p]=a);return i}function A(e){if(!g.has(e.type))return[];const t=[{part:"media",label:u.media,depth:0}];return(e.props.mediaType??"image")!=="video"&&(t.push({part:"image",label:l("image",e.props),depth:1}),c(e.props)>1&&t.push({part:"image2",label:l("image2",e.props),depth:1})),t}function M(e,t){return`${e}::${t}`}function y(e){if(!e)return null;const t=e.lastIndexOf("::");if(t<=0)return null;const i=e.slice(t+2);return f.includes(i)?{nodeId:e.slice(0,t),part:i}:null}const H="data-sf-hero-part";export{f as HERO_MEDIA_PARTS,u as HERO_MEDIA_PART_LABELS,g as HERO_MEDIA_PART_TYPES,H as HERO_PART_ATTR,P as HERO_PART_MODE,I as VIDEO_FILE_LABEL,O as VIDEO_FILE_PROMPT,E as fieldPartOf,T as fieldsOfPart,d as forMediaType,R as heroMediaFields,A as heroMediaRows,M as heroPartId,l as heroPartLabel,h as inPart,y as readHeroPartId};

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

@@ -0,0 +1 @@
+import{jsx as n}from"react/jsx-runtime";import{pageBackgroundVars as d}from"../../../format/lib/content/page-background.js";import{SITE_WIDTH_CAP as s}from"../../../format/lib/content/page-width.js";function l(e){return{frameClass:void 0,style:{"--sf-page-width":s}}}function c({w:e,children:r}){const{frameClass:t,style:i}=l(e);return n("div",{className:t,style:i,children:r})}function p({pageBackground:e,inheritBackground:r=!1,w:t,children:i}){return n("div",{style:{...r?{}:d(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:n(c,{w:t,children:i})})}function h(e){const{children:r,widthMode:t,fullWidth:i,pageWidth:o,pageBackground:a}=e;return n(p,{pageBackground:a,w:{widthMode:t,fullWidth:i,pageWidth:o},children:r})}export{c as PageWidthWrapper,p as PublishedPageFrame,h as drawPublishedRoot,l as pageWidthTokens};

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

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

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

@@ -0,0 +1,15 @@
+import { type TextFieldMeta } from "efficient-easel/draw";
+import type { PartRow } from "../../../format/lib/puck/part-key.js";
+import { type TypeInPlaceKind } from "./part-text.js";
+export { decodePartKey, encodePartKey, type PartRow } from "../../../format/lib/puck/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/render/lib/puck/part-rows.js

@@ -0,0 +1 @@
+import{TEXT_FIELD_MARKER as s}from"efficient-easel/draw";import{partText as p,partValueWithText as x,typeInPlaceKind as y}from"./part-text.js";import{decodePartKey as P,encodePartKey as b}from"../../../format/lib/puck/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} · 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/render/lib/puck/part-styles.d.ts

@@ -0,0 +1,144 @@
+import { type FontRole } from "../../../format/lib/fonts.js";
+import type { PartEl } from "../../../editor/lib/puck/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", "capitalize", "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 sizePhone: {
+        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;
+    italic?: boolean;
+    sizePhone?: number;
+};
+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 const PART_PHONE_MAX_CSS = "(max-width: 719.98px)";
+export declare function partPhoneDeclarations(style: PartStyle): Record<string, string>;
+export declare function partStyleForScreen(style: PartStyle, phone: boolean): PartStyle;
+export declare function partStyleDeclarations(style: PartStyle, base: PartStyleBase): 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, phone?: 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>;
+    phone?: 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/render/lib/puck/part-styles.js

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

package/dist/render/lib/puck/passes/borders.d.ts

@@ -0,0 +1,2 @@
+import type { BlockPass } from "../../../../format/lib/puck/passes/types.js";
+export declare const sectionBorder: BlockPass;

package/dist/render/lib/puck/passes/borders.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{SECTION_BORDER_CLASS as d,sectionBorderStyle as c}from"../../../../format/lib/content/borders.js";import{PAD_ON_ROOT as a}from"./section-padding.js";const m={name:"sectionBorder",applies:(e,n,r)=>n.isSection(e)&&!!r&&typeof r.render=="function",draw(e,n){if(a.has(n))return;const r=e.render;e.render=o=>{const t=c(o.sectionBorder,o.sectionBorderPhone),s=r(o);return t?i("div",{className:d,style:{display:"contents",...t},children:s}):s}}};export{m as sectionBorder};

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

@@ -0,0 +1,4 @@
+import { type ShowWhenRule } from "../../../../format/lib/puck/show-when-attach.js";
+import type { BlockPass } from "../../../../format/lib/puck/passes/types.js";
+export declare const CELL_WIDTH_SHOW_WHEN: ShowWhenRule;
+export declare const cellWidth: BlockPass;

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

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import{GRID_SPAN_ATTR as l,resolveGridSpan as o}from"../../../../format/lib/content/grid-span.js";import{withRowsShownWhen as d}from"../../../../format/lib/puck/show-when-attach.js";import{CONTAINER_BLOCK_CHOICES as f}from"../../../../format/lib/puck/container-blocks.js";import{RETIRED_NESTABLE_SECTIONS as _}from"../../../../format/lib/puck/section-catalog.js";import{BOX_MAY_HOLD as a}from"../../../../format/lib/puck/passes/slot-rules.js";const c=Array.from(new Set([...f.map(e=>e.type),...a,..._,"GalleryItem"])),m={not:{context:"parentOffersPositions",is:!1}},C={name:"cellWidth",applies:(e,n,r)=>c.includes(e)&&!!r&&typeof r.render=="function",panel(e,n,r){const t=r.cellWidthFields;e.fields={...e.fields,...t()},e.fields=d(e.fields??{},Object.keys(t()),m)},draw(e){const n=e.render;e.render=r=>{const t=o(r.gridSpan),i=n(r);return t==null?i:s("div",{className:"sf-grid-cell",[l]:String(t),children:i})}}};export{m as CELL_WIDTH_SHOW_WHEN,C as cellWidth};

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

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

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

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

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

@@ -0,0 +1,4 @@
+import type { BlockPass } from "../../../../format/lib/puck/passes/types.js";
+export declare const sectionCorners: BlockPass;
+export declare const CARD_BLOCK_KEYS: readonly string[];
+export declare const cardCorners: BlockPass;

package/dist/render/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"../../../../format/lib/content/card-corners.js";import{sectionCornerStyle as l}from"../../../../format/lib/content/section-corners.js";import{sectionRunsFullWidth as a}from"../../../../format/lib/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{C as CARD_BLOCK_KEYS,m as cardCorners,u as sectionCorners};

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

@@ -0,0 +1,5 @@
+import type { BlockPass, BlockPassContext } from "../../../../format/lib/puck/passes/types.js";
+export type { BlockPass, BlockPassContext, PassBlock, PassInspector } from "../../../../format/lib/puck/passes/types.js";
+export { registryPassContext } from "../../../../format/lib/puck/passes/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/render/lib/puck/passes/index.js

@@ -0,0 +1 @@
+import{catalogueLabel as m}from"../../../../format/lib/puck/passes/catalogue-labels.js";import{cellWidth as n}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 f}from"../../../../format/lib/puck/passes/empty-headings.js";import{showWhenRows as a}from"../../../../format/lib/puck/passes/show-when-rows.js";import{hiddenNodes as d}from"../../../../format/lib/puck/passes/hidden-nodes.js";import{sectionAnchor as l}from"./section-anchor.js";import{sectionAnimation as h}from"./section-animation.js";import{sectionHeight as g}from"./section-height.js";import{cardSticky as u,sectionSticky as w}from"./section-sticky.js";import{sectionBorder as P}from"./borders.js";import{blockPadding as S,sectionPadding as A}from"./section-padding.js";import{sectionTheme as W,slideTheme as b}from"./section-theme.js";import{buttonAlignInRow as C,containedWidth as k,imageWidth as y,sectionWidth as B}from"./section-width.js";import{blockGroups as G,sectionGroups as H}from"../../../../format/lib/puck/passes/settings-groups.js";import{openSlotDisallow as L,sectionGroupAllow as R}from"../../../../format/lib/puck/passes/slot-rules.js";import{registryPassContext as Z}from"../../../../format/lib/puck/passes/registry-context.js";const T=[R,L,A,c,P,p,S,n,B,k,C,y,g,l,W,h,w,u,b,H,G,a,f,s,d,m];function V(r,e,o){const i=e;for(const t of T)t.applies(r,o,i)&&(o.inspector&&t.panel?.(i,r,o.inspector,o),t.draw?.(i,r,o));return e}export{T as BLOCK_PASSES,V as applyBlockPasses,Z as registryPassContext};

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

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

package/dist/render/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"../../../../format/lib/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/render/lib/puck/passes/section-animation.d.ts

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

package/dist/render/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"../../../../format/lib/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/render/lib/puck/passes/section-height.d.ts

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

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

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

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

@@ -0,0 +1,9 @@
+import type { BlockPass } from "../../../../format/lib/puck/passes/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 PAD_ON_ROOT: ReadonlySet<string>;
+export declare const sectionPadding: BlockPass;
+export declare const blockPadding: BlockPass;

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

@@ -0,0 +1 @@
+import{jsx as f}from"react/jsx-runtime";import{isBackgroundBox as h}from"../../../../format/lib/content/box-background.js";import{resolveSectionPadding as u,sectionPadAttrs as r}from"../../../../format/lib/content/section-padding.js";const c={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}},P=new Set(Object.keys(c)),l=new Set(["Flex","Text","Heading"]),m=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),g=new Set(["ProductGrid"]);function a(t,n,o=!1){const d=t.render;t.render=e=>{if(n?.(e))return d(e);const i=o?r(e.sectionPaddingTop,e.sectionPaddingBottom,e.sectionPaddingTopPhone,e.sectionPaddingBottomPhone,e.sectionPaddingLeft,e.sectionPaddingRight,e.sectionPaddingLeftPhone,e.sectionPaddingRightPhone):r(e.sectionPaddingTop,e.sectionPaddingBottom,e.sectionPaddingTopPhone,e.sectionPaddingBottomPhone),s=d(e);return i?f("div",{className:i.className,style:i.style,children:s}):s}}const x={name:"sectionPadding",applies:(t,n,o)=>n.isSection(t)&&!m.has(t)&&!!o&&typeof o.render=="function",panel(t,n,o){P.has(n)||g.has(n)||(t.fields={...t.fields,...o.sidesPaddingFields()})},draw(t,n){if(P.has(n)){const o=t.render,d=c[n];t.render=e=>{const i=u(e,d);return o({...e,padTop:i.top,padBottom:i.bottom})};return}if(g.has(n)){a(t);return}l.has(n)||a(t,n==="Flex"?o=>h(o.bgImage):void 0,!0)}},T=["Heading","Text"],B={name:"blockPadding",applies:(t,n,o)=>T.includes(t)&&!!o&&typeof o.render=="function",panel(t,n,o){t.fields={...t.fields,...o.sidesPaddingFields()}},draw(t,n){l.has(n)||a(t,void 0,!0)}};export{l as PAD_ON_ROOT,P as SECTION_PAD_INNER,c as SECTION_PAD_INNER_DEFAULTS,B as blockPadding,x as sectionPadding};

package/dist/render/lib/puck/passes/section-sticky.d.ts

@@ -0,0 +1,3 @@
+import type { BlockPass } from "../../../../format/lib/puck/passes/types.js";
+export declare const sectionSticky: BlockPass;
+export declare const cardSticky: BlockPass;

package/dist/render/lib/puck/passes/section-sticky.js

@@ -0,0 +1 @@
+import{jsx as c}from"react/jsx-runtime";import{SECTION_STICK_EXCLUDED as a,sectionStickAttrs as d}from"../../../../format/lib/content/section-sticky.js";import{withRowRules as l}from"../../../../format/lib/puck/show-when-attach.js";import{CARD_BLOCK_KEYS as f}from"./corners.js";const T=o("sectionSticky",(e,s,t)=>s.isSection(e)&&!a.has(e)&&!!t&&typeof t.render=="function"),m=o("cardSticky",(e,s,t)=>f.includes(e)&&!!t&&typeof t.render=="function");function o(e,s){return{name:e,applies:s,panel(t,n,i){t.fields={...t.fields,...l(i.stickFields(),k)}},draw(t){const n=t.render;t.render=i=>{const r=d(i);return r?c("div",{className:r.className,style:r.style,children:n(i)}):n(i)}}}}const k=[[["stickTopDistance"],{field:"stickTop",is:!0}],[["stickTopDistancePhone"],{field:"stickTopPhone",is:!0}]];export{m as cardSticky,T as sectionSticky};

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

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

package/dist/render/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"../../../../format/lib/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/render/lib/puck/passes/section-width.d.ts

@@ -0,0 +1,10 @@
+import { type WidthMode } from "../../../../format/lib/content/section-width.js";
+import type { BlockPass } from "../../../../format/lib/puck/passes/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/render/lib/puck/passes/section-width.js

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

package/dist/render/lib/puck/show-when.d.ts

@@ -0,0 +1,19 @@
+import { type ShowWhenContext, type ShowWhenRule } from "efficient-shell/format";
+import type { SlotConfigView, TreeItem } from "efficient-easel/draw";
+export type { ShowWhenRule, ShowWhenContext };
+export { showWhenOf, shownForOption, truthy, withRowRules, withRowsShownWhen, withShowWhen, type RowRule, type WithShowWhen } from "../../../format/lib/puck/show-when-attach.js";
+export declare function visibleFields<T extends Record<string, unknown>>(fields: T, values: Readonly<Record<string, unknown>> | null | undefined, context: ShowWhenContext): T;
+export type ShowWhenSelector = {
+    index: number;
+    zone?: string;
+} | null | undefined;
+export declare function showWhenContext(device: string | undefined, config: SlotConfigView, content: ReadonlyArray<TreeItem>, selector: ShowWhenSelector): ShowWhenContext;
+export declare function readsContext(rule: unknown, name: string): boolean;
+export type ResolverParams = {
+    appState?: unknown;
+    parent?: {
+        type?: unknown;
+        props?: Record<string, unknown>;
+    } | null;
+};
+export declare function resolverContext(params: ResolverParams, extra?: Record<string, () => unknown>): ShowWhenContext;

package/dist/render/lib/puck/show-when.js

@@ -0,0 +1 @@
+import{isShown as s,lazyShowWhenContext as a}from"efficient-shell/format";import{isEditorOnDynamicPage as h}from"../../../format/lib/puck/editor-page-context.js";import{parentOfSelection as u}from"./selection-parent.js";import{showWhenOf as C,shownForOption as b,truthy as g,withRowRules as R,withRowsShownWhen as j,withShowWhen as v}from"../../../format/lib/puck/show-when-attach.js";import{showWhenOf as c}from"../../../format/lib/puck/show-when-attach.js";function d(t,o,e){let r=!1;const n={};for(const[f,i]of Object.entries(t))s(c(i),o??{},e)?n[f]=i:r=!0;return r?n:t}function m(t,o,e,r){const n=u(o,e,r);return{device:t,parentType:n?.item.type,parent:n?.item.props}}function p(t,o){if(!t||typeof t!="object")return!1;const e=t;if(typeof e.context=="string"&&(e.context===o||e.context.startsWith(`${o}.`)))return!0;if("not"in e)return p(e.not,o);for(const r of[e.all,e.any])if(Array.isArray(r)&&r.some(n=>p(n,o)))return!0;return!1}function W(t,o={}){return a({parentType:()=>t.parent?.type??void 0,parent:()=>t.parent?.props??void 0,dynamicPage:()=>h(),root:()=>t.appState?.data?.root?.props,...o})}export{p as readsContext,W as resolverContext,m as showWhenContext,C as showWhenOf,b as shownForOption,g as truthy,d as visibleFields,R as withRowRules,j as withRowsShownWhen,v as withShowWhen};

package/dist/render/lib/puck/slot-specs.d.ts

@@ -0,0 +1,9 @@
+import { type TreeItem } from "efficient-easel/draw";
+import type { NodeDefaults, SlotSectionSpec } from "../../../format/lib/puck/slot-section-spec.js";
+export type { NodeDefaults, SlotSectionSpec } from "../../../format/lib/puck/slot-section-spec.js";
+export declare const SLOT_SECTION_SPECS: Record<string, SlotSectionSpec>;
+export declare function registerSlotSectionSpecs(specs: Record<string, SlotSectionSpec>): void;
+export declare function buildSlotSeedChildren(type: string, defaultsFor?: NodeDefaults): {
+    slot: string;
+    children: TreeItem[];
+} | null;

package/dist/render/lib/puck/slot-specs.js

@@ -0,0 +1 @@
+import{HERO_SLIDE_SEEDS as a}from"../../components/HeroSlide.js";import{heroGroupAddBlocked as l,heroGroupOverCapNotice as c}from"../../../format/lib/hero-group-placement.js";import{newNodeId as p}from"efficient-easel/draw";import{BOX_TYPE as t,CONTAINER_BLOCKS_SLOT as n}from"../../../format/lib/puck/container-blocks.js";import{BOX_LABEL as i}from"../../../format/lib/puck/section-catalog.js";const m="ImageBlock",E=3,d=(e,r,o={})=>({type:e,props:{...r?.(e)??{},id:p(e),...o}}),T=e=>({...e?.(t)??{},direction:"column",[n]:[d(m,e),d(t,e,{direction:"column",[n]:[d("Heading",e),d("Text",e)]})]}),s={Hero:{slot:"slides",childType:"HeroSlide",addLabel:"Add slide",slider:!0,seeds:()=>a.map(e=>({...e}))},HeroSlide:{slot:"groups",childType:"HeroGroup",addLabel:`Add ${i.toLowerCase()}`,seeds:()=>[],addBlocked:l,notice:c},HeroSingle:{slot:"boxes",childType:"HeroGroup",addLabel:`Add ${i.toLowerCase()}`,seeds:()=>[],addBlocked:l,notice:c},ProcessSteps:{slot:"boxes",childType:t,addLabel:`Add ${i.toLowerCase()}`,seeds:e=>Array.from({length:E},()=>T(e)),skipSeed:e=>Array.isArray(e.steps)&&e.steps.length>0}};function u(e){for(const[r,o]of Object.entries(e)){if(r in s&&s[r]!==o)throw new Error(`lib/puck/slot-specs: "${r}" already has a slot spec`);s[r]=o}}function A(e,r){const o=s[e];return o?{slot:o.slot,children:o.seeds(r).map(S=>({type:o.childType,props:{id:p(o.childType),...S}}))}:null}export{s as SLOT_SECTION_SPECS,A as buildSlotSeedChildren,u as registerSlotSectionSpecs};

package/dist/render/lib/puck/text-parts.js

@@ -0,0 +1 @@
+import{decodePartId as m,encodePartId as g}from"efficient-easel/draw";import{stripMarkup as y}from"../../../format/lib/markup.js";import{LINK_FIELD_MARKER as A,SCAFFOLD_FIELD_MARKER as R,TEXT_FIELD_MARKER as u}from"efficient-easel/draw";import{readHidable as b}from"efficient-easel/draw";import{SCALAR_TEXT_CONTROLS as L}from"efficient-easel/draw";import{isStructuralTextProp as _}from"../../../format/lib/puck/neutralization-contracts.js";import{fieldInOwnBox as P}from"../../../format/lib/puck/own-box.js";import{partRowTexts as S}from"./part-rows.js";const B="data-sf-part",H="data-sf-part-selected",W="data-sf-part-kind",j="data-sf-part-style-owner",I="data-sf-part-style-kind";function q(e){for(let t=e;t;t=t.parentElement){const r=t.getAttribute(j),n=t.getAttribute(I);if(r&&n)return{owner:r,kind:n};if(t.getAttribute("data-puck-component"))return null}return null}const h=2;function G(e,t){if(!e)return!1;const r=m(e);return!!r?.propKey&&r.nodeId===t}function E(e){return y(e).replace(/\s+/gu,"")}function l(e,t,r){const n=e[u];if(n){if(n.control==="textList"){const o=n.itemKey??"text";if(!Array.isArray(t))return;for(const i of t){const c=i?.[o];typeof c=="string"&&r.push(c)}return}const{text:s}=b(t);s?r.push(s):n.placeholder&&r.push(n.placeholder);return}if(!e[A]){if(e.type==="text"||e.type==="textarea"){typeof t=="string"&&t&&r.push(t);return}if(e.arrayFields&&Array.isArray(t)){for(const s of t)for(const[o,i]of Object.entries(e.arrayFields))l(i,s?.[o],r);return}if(e.objectFields&&t&&typeof t=="object")for(const[s,o]of Object.entries(e.objectFields))l(o,t[s],r)}}function J(e){if(!e||typeof e!="object")return!1;const t=e;return t[A]?!1:!!t[u]||t.type==="text"||t.type==="textarea"}function w(e,t){const r=e[u];return r?.label?r.label:typeof e.label=="string"?e.label:t}function F(e){const t=e.indexOf(" (");return(t>0?e.slice(0,t):e).trim()}function Q(e,t){if(!e)return[];const r=[];for(const[n,s]of Object.entries(e)){if(!s||typeof s!="object"||_(n))continue;const o=s,i=[];l(o,t?.[n],i),!i.length&&o[R]!==void 0&&l(o,o[R],i);const c=w(o,n),a=new Set;for(const{row:d,text:f}of S(o,t?.[n])){const T=E(f);T.length<h||(a.add(T),r.push({key:n,label:c,texts:[T],row:d}))}const p=new Set(a),x=[];for(const d of i){const f=E(d);f.length<h||p.has(f)||(p.add(f),x.push(f))}x.length&&r.push({key:n,label:c,texts:x})}return r}const K=L;function O(e,t){if(!t||typeof t!="object"||_(e)||P(t))return null;const r=t[u];return!r||!K.includes(r.control)?null:r}function U(e,t){const r=O(e,t);return r!==null&&r.identifier!==!0}function V(e,t){if(!e)return[];const r=[];for(const[n,s]of Object.entries(e)){const o=O(n,s);if(!o)continue;const{text:i,hidden:c}=b(t?.[n]),a=i||o.placeholder||"",p=y(a).replace(/\s+/gu," ").trim();r.push({key:n,label:F(w(s,n)),preview:p,offPage:o.offPage===!0,identifier:o.identifier===!0,hidden:!!c})}return r}export{B as PART_ATTR,W as PART_KIND_ATTR,H as PART_SELECTED_ATTR,I as PART_STYLE_KIND_ATTR,j as PART_STYLE_OWNER_ATTR,m as decodePartId,g as encodePartId,O as entryPartMetaOf,U as fieldDrawsEntryRow,J as holdsAuthoredText,E as normalizePartText,F as partHeadLabel,w as partLabel,Q as partNeedles,G as partOpenOn,q as partStyleOwnerOf,V as sectionTextParts};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "efficient-web-builder",
-  "version": "23.1.0",
+  "version": "24.0.0",
   "description": "The EFFICIENT website builder: the website editor, the general sections and the renderer that draws them, compiled. Hostable by any EFFICIENT product; nothing here imports a host.",
   "license": "UNLICENSED",
   "author": "Efficient Pty Ltd",
@@ -13,11 +13,19 @@
   },
   "exports": {
     "./package.json": "./package.json",
-    "./*.css": "./dist/*.css",
-    "./*.json": "./dist/*.json",
-    "./*": {
-      "types": "./dist/*.d.ts",
-      "default": "./dist/*.js"
+    "./render/*": {
+      "types": "./dist/render/*.d.ts",
+      "default": "./dist/render/*.js"
+    },
+    "./format/*.json": "./dist/format/*.json",
+    "./format/*": {
+      "types": "./dist/format/*.d.ts",
+      "default": "./dist/format/*.js"
+    },
+    "./editor/*.css": "./dist/editor/*.css",
+    "./editor/*": {
+      "types": "./dist/editor/*.d.ts",
+      "default": "./dist/editor/*.js"
     }
   },
   "sideEffects": [
@@ -45,7 +53,7 @@
   "peerDependencies": {
     "@tabler/icons-react": "^3.46.0",
     "efficient-easel": "^13.1.1",
-    "efficient-shell": "^7.74.0",
+    "efficient-shell": "^7.75.0",
     "isomorphic-dompurify": "^3.18.0",
     "next": ">=16",
     "react": ">=19",
@@ -65,7 +73,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "efficient-easel": "^13.1.1",
-    "efficient-shell": "^7.74.0",
+    "efficient-shell": "^7.75.0",
     "esbuild": "^0.28.0",
     "happy-dom": "^20.14.5",
     "isomorphic-dompurify": "^3.18.0",

package/dist/components/ApplyCornersToSiblings.js

@@ -1 +0,0 @@
-"use client";import{jsx as l}from"react/jsx-runtime";import{useCallback as u,useEffect as a,useRef as m,useState as f}from"react";import{useEasel as C}from"efficient-easel/easel";import{SettingsAction as d}from"efficient-easel/panel";import{say as y}from"../lib/editor-words.js";import{applyCorners as A,applyCornersDoneLabel as S,applyCornersNote as b,planApplyCorners as _}from"../lib/puck/apply-card-corners.js";import{useSectionOps as x}from"../lib/puck/use-section-ops.js";const E=2200,L="apply-corners-to-siblings",P="Apply to all cards";function N({plan:e,doneCount:n,onPress:r}){return l(d,{id:L,label:y(P),note:b(e),disabled:!e.can,done:n!==null,doneLabel:S(n??0),onPress:r})}function O(){const{appState:e,config:n}=C(i=>i),r=x(),[p,s]=f(null),o=m(null);a(()=>()=>{o.current&&clearTimeout(o.current)},[]);const t=_(n,e.data.content??[],e.ui.itemSelector),c=u(()=>{A(t,r.replaceComponent),t.can&&(s(t.others),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>s(null),E))},[t,r]);return l(N,{plan:t,doneCount:p,onPress:c})}export{E as APPLY_CORNERS_DONE_MS,P as APPLY_CORNERS_LABEL,N as ApplyCornersButton,O as default};