efficient-web-builder 0.10.0 → 1.0.0

package/dist/lib/puck/controls.js

@@ -0,0 +1 @@
+"use client";import{jsx as r,jsxs as m,Fragment as y}from"react/jsx-runtime";import{useRef as z,useState as Y}from"react";import{useEasel as O}from"efficient-easel/easel";import{readHidable as se,hidableText as ce}from"./hidable.js";import{FOCAL_DEFAULT as ue}from"../image-focus.js";import{LINK_FIELD_MARKER as de,SCAFFOLD_FIELD_MARKER as pe,TEXT_FIELD_MARKER as I}from"./field-markers.js";import je from"../../components/ApplyCornersToSiblings.js";import{PartResetDot as j}from"../../components/PartResetDot.js";import{CARD_IMAGE_RADIUS_STEP as qe,CORNER_RADIUS_MAX as $,CORNER_RADIUS_MIN as B}from"../content/card-image-shape.js";import{IMAGE_CORNER_STEP as Je,IMAGE_CORNERS_LABEL as Ze}from"../content/image-corners.js";import{GRID_MAX_COLUMNS as Qe}from"../content/grid-span.js";import{GALLERY_ACROSS_BUCKETS as et,GALLERY_LAYOUTS as L,GALLERY_LAYOUT_KEYS as fe}from"../content/gallery-layout.js";import{anchorSiblingsOf as tt,HERO_GROUP_PLACEMENTS as nt,HERO_GROUP_PLACEMENT_DEFAULT as ot,normalisePlacement as rt,placementPoints as he}from"../hero-group-placement.js";import{AlignLeftIcon as it,AlignSeparateIcon as lt,AnimationIcon as me,BackgroundIcon as at,CartIcon as st,ColumnWidthsIcon as ge,ColumnsIcon as ct,CornerIcon as be,DirectionDownIcon as ut,DirectionLeftIcon as dt,DirectionRightIcon as pt,DirectionUpIcon as ft,DollarIcon as ht,FinishIcon as mt,GapIcon as Ce,GridIcon as gt,GroundIcon as bt,HashIcon as xe,ImageIcon as Ct,LayoutIcon as xt,ListIcon as St,LocationIcon as q,PaddingBottomIcon as _t,PaddingLeftIcon as yt,PaddingRightIcon as It,PaddingTopIcon as Tt,PageIcon as Se,PhoneIcon as Et,PlacementIcon as vt,ProductSizeIcon as Nt,RotateIcon as Rt,SquareIcon as Ot,StylesIcon as Lt,TextLinesIcon as At,WidthIcon as Ft,WrapIcon as wt}from"efficient-easel/icons";import{FieldGlyph as _e}from"../../components/FieldGlyph.js";import{resolvePageBackground as Pt}from"../content/page-background.js";import{CORNER_SIDES as A,CORNER_SIDE_POINTS as J,CORNER_SIDES_LABEL as F,cornerSidesSummary as ye,hasOwnSectionCorners as kt,normalizeCornerSides as W}from"../content/section-corners.js";import{hasOwnCardCorners as Bt}from"../content/card-corners.js";import{SECTION_MOTION_NONE as Dt,SECTION_MOTION_OPTIONS as Ht}from"../content/section-animation.js";import{enclosingSectionProps as Ie}from"./enclosing-section.js";import{SettingsCorners as Te,SettingsField as h,SettingsGroupHead as Gt,SettingsGroupSub as Mt,SettingsPlacement as $t,SettingsSegmented as Wt,SettingsSwitch as Ut}from"efficient-easel/panel";import{FieldSelect as Kt,ListField as Xt}from"efficient-easel/fields";import{ColourControl as Ee}from"./ColourControl.js";import ve from"./MarkupToolbar.js";import{deviceField as T}from"./device-fields.js";import{noControlField as Vt}from"./panel-no-control-mark.js";import{phoneKey as U,resolvePhoneValue as Z}from"./phone-override.js";import{SuppressibleText as zt}from"./section-text-suppress.js";import{TYPED_NUMBER_COMMIT as Yt,typedNumberKey as Ne}from"./slider-typing.js";import{CARD_INDEX_OPTIONS as jt,CARD_OUTLINE_OPTIONS as qt,DEFAULT_CARD_INDEX_FORMAT as Jt,DEFAULT_CARD_OUTLINE as Zt}from"../sections/product-card-style.js";import{COVER_INDEX_OPTIONS as Qt,DEFAULT_COVER_INDEX as en}from"../sections/card-cover-index.js";import{SCALAR_TEXT_CONTROLS as tn}from"./text-control-kinds.js";import nn from"../../components/ImageFocusRow.js";import on from"../../components/MediaUploadField.js";import rn from"../../components/MultiSelectField.js";import ln from"../../components/SectionThemePicker.js";import an from"../../components/SearchSelectField.js";import sn from"../../components/StorefrontLinkField.js";import Re from"../../components/UiIcon.js";import{SECTION_PADDING as S}from"../content/section-padding.js";import{hasPhoneHeight as cn,resolveSectionMinHeight as un}from"../content/section-min-height.js";import{VIEW_TIER_LABEL as D}from"../content/view-tiers.js";import{SECTION_MIN_HEIGHT as dn,SECTION_MIN_HEIGHT_GROUP_LABEL as H,SECTION_SCREEN_PCT as pn}from"../content/section-min-height.js";import{CONTAINER_DIRECTION_LABEL as fn,containerDirectionPoints as hn,resolveContainerDirection as Oe}from"../content/container-direction.js";import{BOX_ALIGN_POINTS as mn,BOX_BLOCK_SPACING_LABEL as gn,BOX_BLOCK_SPACING_POINTS as Le,BOX_JUSTIFY_POINTS as Ae,BOX_PHONE_ROW_LABEL as bn,BOX_PHONE_ROW_MAX as Cn,BOX_PHONE_ROW_MIN as Fe,BOX_SHARE_LABEL as we,BOX_SHARE_POINTS as Q,BOX_WRAP_LABEL as xn,BOX_WRAP_POINTS as Pe}from"../content/box-layout.js";import{usePreviewHeader as ee}from"../../components/PreviewHeaderContext.js";import{CONTAINER_GAP as te,CONTAINER_GAP_BUILT_IN as Sn,GAP_FIELD_CONTAINER as _n,hasOwnContainerGap as yn,resolveContainerGap as In}from"../content/container-gap.js";import{CARD_IMAGE_BG_INHERIT as Tn,CARD_IMAGE_BG_OFF as En,CARD_IMAGE_BG_SWATCH_NAMES as vn,CARD_IMAGE_BG_SWATCHES as Nn,isCardImageBackgroundInheriting as Rn,resolveCardImageBackground as On,THEME_CARD_IMAGE_BG as Ln}from"../content/card-image-background.js";import{SECTION_BG_INHERIT as An,SECTION_BG_SWATCHES as Fn,SECTION_BG_SWATCH_NAMES as wn,THEME_SECTION_BG as Pn,isSectionBackgroundInheriting as kn}from"../content/section-background.js";import{SECTION_THEME_GROUP_LABEL as Bn}from"../content/section-surface.js";import{TYPE_SIZE_FIXED as Dn,TYPE_SIZE_INHERIT as Hn,isTypeSizeInheriting as Gn}from"../content/section-type-size.js";import{SECTION_WIDTH_CHOICES as Mn,WIDTH_CHOICE_LABEL as $n,WIDTH_INHERIT as Wn,resolveWidth as Un,sectionRunsFullWidth as ke}from"../content/section-width.js";import{useFoldHeadingLevel as Be}from"./panel-heading-scope.js";import{withStyleKind as Kn}from"efficient-easel/style-clipboard";function G(e){for(const[t,n]of Object.entries(e))n&&typeof n=="object"&&!He(n)&&Kn(n,`section:${t}`);return e}function Wr({children:e}){return r("div",{className:"sf-field-label",children:e})}function De(){return null}function Xn(e){if(!e.trim())throw new Error("noGlyph() needs a reason naming the ruling that decided it.");return r(De,{},e)}function Vn(e){return e.type===De}function K(e){return Vn(e)?void 0:e}function E({inherited:e,source:t,detail:n,onReset:o,onOptOut:i,optOutTitle:l,label:a}){if(e){const c=n?`Following the ${t.toLowerCase()} setting \u2014 ${n}`:`Following the ${t.toLowerCase()} setting`;if(!i)return m("span",{className:"sf-inherit",title:n?c:void 0,children:["Inherits \xB7 ",t]});const d=`${c}. ${l??`Click to keep ${a} at this section's own size instead`}`;return m("button",{type:"button",className:"sf-inherit sf-inherit--following",onClick:i,title:d,"aria-label":d,children:["Inherits \xB7 ",t,r("span",{className:"sf-inherit-revert","aria-hidden":"true",children:"\u21F1"})]})}const s=`Reset ${a} to follow the ${t.toLowerCase()} setting${n?` (${n})`:""}`;return m("button",{type:"button",className:"sf-inherit sf-inherit--over",onClick:o,title:s,"aria-label":s,children:["Overridden",r("span",{className:"sf-inherit-revert","aria-hidden":"true",children:"\u21BA"})]})}function zn(){const{appState:e}=O(i=>i),t=e.data.root?.props??{},{mode:n,pageWidth:o}=Un(t,"full");return n==="page"?`Page width \u2014 ${o}px`:n==="contained"?"Page width \u2014 Contained":"Page width \u2014 Full"}function Yn(){const{blockGap:e}=ee();return e===null?"Site block gap \u2014 not set, so this container keeps its own spacing":`Site block gap \u2014 ${e}px`}function jn({inherited:e,onReset:t,label:n}){return r(E,{inherited:e,source:"Site",detail:Yn(),onReset:t,label:n})}function qn({inherited:e,onReset:t,label:n}){return r(E,{inherited:e,source:"Page",detail:zn(),onReset:t,label:n})}function Jn(){return m("svg",{className:"sf-field-type",width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.8,"aria-hidden":"true",children:[r("polyline",{points:"4 7 4 4 20 4 20 7"}),r("line",{x1:"9",x2:"15",y1:"20",y2:"20"}),r("line",{x1:"12",x2:"12",y1:"4",y2:"20"})]})}function w({value:e,onChange:t,label:n,placeholder:o,hint:i,multiline:l,hideable:a=!0,markup:s=!0}){const{text:c,hidden:d}=se(e),f=z(null),u=z(null),p=b=>t(a?{text:b,hidden:d}:b),g=()=>t({text:c,hidden:!d});return m("div",{className:`sf-field${a&&d?" is-hidden":""}`,children:[m("div",{className:"sf-field-head",children:[r(Jn,{}),r("span",{className:"sf-field-label sf-field-label--inline",children:n}),a&&r("button",{type:"button",className:"sf-field-eye","aria-pressed":d,"aria-label":d?`Show ${n} on the slide`:`Hide ${n} on the slide`,title:d?`Show ${n} on the slide`:`Hide ${n} on the slide`,onClick:g,children:d?r(Re,{name:"eye-off",size:14}):r(Re,{name:"eye",size:14})})]}),m("div",{className:"sf-copybox",children:[s&&r(ve,{target:l?u:f,value:c,onChange:p}),l?r("textarea",{ref:u,value:c,placeholder:o,onChange:b=>p(b.target.value)}):r("input",{ref:f,type:"text",value:c,placeholder:o,onChange:b=>p(b.target.value)})]}),i&&r("p",{className:`sf-field-hint${no(i)?" sf-field-hint--while-typing":""}`,children:i})]})}function Ur(e,t){return{...e,[pe]:t}}function Kr(e){const t=e[I];if(!t)throw new Error("withOffPage: the field holds no authored text");return{...e,[I]:{...t,offPage:!0}}}function Xr(e){return!e||typeof e!="object"?!1:e[I]?.offPage===!0}function Vr(e){const t=e[I];if(!t)throw new Error("withIdentifier: the field holds no authored text");return{...e,[I]:{...t,identifier:!0}}}function zr(e){return!e||typeof e!="object"?!1:e[I]?.identifier===!0}import{TEXT_CONTROL_KINDS as qi,SCALAR_TEXT_CONTROLS as Ji}from"./text-control-kinds.js";const Zn=new Set(tn),P=(e,t)=>{const n={...t,[I]:e};if(!Zn.has(e.control))return n;const o=t.render;return{...Vt(n,"authored-copy"),render:i=>r(zt,{name:i.name,children:o(i)})}},Yr="Everything else on this block comes from the linked post. Unlink it to edit by hand.",Qn="Select a word, then press the highlighter.",eo="A short name so a link can jump straight to this section, like yoursite.com/page#about.",to=new Set([Qn]),no=e=>to.has(e);function jr(e,t,n){return P({control:"text",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(w,{value:o,onChange:i,label:e,placeholder:t,hint:n})})}function qr(e,t,n){return P({control:"textarea",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(w,{value:o,onChange:i,label:e,placeholder:t,hint:n,multiline:!0})})}function oo(e,t,n){return P({control:"plainText",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(w,{value:o,onChange:i,label:e,placeholder:t,hint:n,hideable:!1,markup:!1})})}function Jr(e,t,n){return P({control:"copyText",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(w,{value:o,onChange:i,label:e,placeholder:t,hint:n,hideable:!1})})}function Zr(e){return{type:"custom",[de]:{label:e},render:({value:t,onChange:n})=>r(sn,{value:ce(t),onChange:n,label:e})}}function Qr(e,t,n){return P({control:"plainTextarea",label:e,placeholder:t,hint:n},{type:"custom",render:({value:o,onChange:i})=>r(w,{value:o,onChange:i,label:e,placeholder:t,hint:n,multiline:!0,hideable:!1})})}const ei={Content:At,Style:Lt,Layout:xt,Animation:me};function ti(e,t){return e.includes("Content")?t!=="Content":null}function ro({label:e}){return r(Gt,{title:e,level:Be(1)})}function io({level:e,label:t}){return e===1?r(ro,{label:t}):r(ao,{label:t})}const ne="__fold";function He(e){return e?.[ne]??null}function Ge(e,t){return{type:"custom",[ne]:{label:e,level:t},render:()=>r(io,{level:t,label:e})}}function C(e){return Ge(e,2)}function ni(e){return{type:"custom",render:()=>r(lo,{text:e})}}function lo({text:e}){return r("p",{className:"sf-note",children:e})}function oi(e){return Ge(e,1)}function ri(e){return He(e)!==null&&e?.tabs!==void 0}const Me=new Map;function ii(e,t){const n=`${e}\0${t?t.join("
"):""}`,o=Me.get(n)??{type:"custom",tabs:t,[ne]:{label:e,level:1},bucket:e,marker:!0,render:()=>r(y,{})};return Me.set(n,o),o}function ao({label:e}){return r(Mt,{title:e,level:Be(2)})}function $e({swatches:e,current:t,onPick:n,names:o}){const i=e.find(a=>a.toLowerCase()===t.toLowerCase()),l=(i?o?.[i]:void 0)??t;return m("div",{className:"sf-swatches",children:[e.map(a=>{const s=o?.[a]??a;return r("button",{type:"button","aria-pressed":t.toLowerCase()===a.toLowerCase(),className:`sf-swatch ${t.toLowerCase()===a.toLowerCase()?"is-active":""}`,style:{background:a},onClick:()=>n(a),"aria-label":s,title:s},a)}),r("span",{className:"sf-swatch-hex",children:l})]})}function li(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=kn(n,t);return r(h,{label:e,icon:r(at,{}),action:r(E,{inherited:i,source:"Theme",detail:"the theme's section background",onReset:()=>o(An),label:e}),children:$e({swatches:Fn,current:i?Pn:n??t??"",onPick:o,names:wn})})}}}function so(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=n,l=Rn(i,t);return r(h,{label:e,icon:r(bt,{}),action:r(E,{inherited:l,source:"Theme",detail:"the theme's image stage",onReset:()=>o(Tn),label:e}),children:$e({swatches:Nn,current:l?Ln:On(i,t),onPick:o,names:vn})})}}}function ai(e=n=>n,t){return G({_gSectionTheme:C(Bn),sectionAccent:{type:"custom",render:({value:n,onChange:o})=>r(ln,{value:e(n),onChange:o,followLabel:t})}})}function N({min:e,max:t,step:n,value:o,onChange:i,suffix:l="",readout:a=!0,notch:s,ariaLabel:c,disabled:d=!1}){const f=s!==void 0&&Number.isFinite(s)&&s>=e&&s<=t;return m("div",{className:f?"sf-slider has-notch":"sf-slider",style:f?{"--sf-notch":(s-e)/(t-e)}:void 0,children:[r("input",{type:"range",min:e,max:t,step:n,value:o,"aria-label":c,disabled:d||void 0,onChange:u=>i(Number(u.target.value))}),a&&r(co,{value:o,min:e,max:t,step:n,suffix:l,ariaLabel:c,onChange:i})]})}function co({value:e,min:t,max:n,step:o,onChange:i,suffix:l="",ariaLabel:a,children:s}){const[c,d]=Y(null),f=u=>{u.editing||d(null),u.commit!==null&&u.commit!==e&&i(u.commit)};return c===null?r("button",{type:"button",className:"sf-slider-val",title:"Click to type a value","aria-label":a?`${a}: type a value`:"Type a value",onClick:()=>d(String(e)),children:s??m(y,{children:[e,l]})}):r("input",{autoFocus:!0,type:"text",inputMode:"decimal",className:"sf-slider-val sf-slider-typed",value:c,"aria-label":a,onChange:u=>d(u.target.value),onFocus:u=>u.currentTarget.select(),onKeyDown:u=>{const p=Ne(u.key,c,t,n,o);p.handled&&(u.preventDefault(),u.stopPropagation(),f(p))},onBlur:()=>f(Ne(Yt,c,t,n,o))})}function k(e,t,n,o,i,l,a="",s){return{type:"custom",render:c=>r(h,{label:e,icon:K(t),action:s?s("storedValue"in c?c.storedValue:c.value,c.onChange):void 0,children:N({min:n,max:o,step:i,value:typeof c.value=="number"?c.value:l,suffix:a,onChange:c.onChange})})}}function We({min:e,max:t,step:n,px:o,label:i,onChange:l,disabled:a=!1}){const{cornerRadiusPx:s}=ee();return r(y,{children:N({min:e,max:t,step:n,value:o??(typeof s=="number"?s:e),readout:!1,ariaLabel:i,disabled:a,onChange:l})})}function M(e,t){const{min:n,max:o,step:i=1,unsetLabel:l="Not set",hint:a,restAtSite:s=!1,restTrack:c,unsetMark:d}=t;return{type:"custom",render:({value:f,onChange:u})=>{const p=typeof f=="number"?f:null,g=p===null;return r(h,{label:e,value:g?d?"":l:`${p}px`,changed:!g,action:g?d??null:r(j,{label:e,what:"change",onClear:()=>u(null)}),hint:a,children:c?c({min:n,max:o,step:i,px:p,label:e,onChange:u}):s?r(We,{min:n,max:o,step:i,px:p,label:e,onChange:u}):N({min:n,max:o,step:i,value:p??n,readout:!1,ariaLabel:e,onChange:u})})}}}function si(e){const t=k("Gap",r(Ce,{}),te.min,te.max,te.step,Sn[e],"px",(n,o)=>r(jn,{inherited:!yn(e,n),onReset:()=>o(void 0),label:"Gap"}));return{type:"custom",[_n]:e,render:n=>t.render({...n,value:In(e,n.value,n.field?.siteGap),storedValue:n.value,onChange:o=>n.onChange(o)})}}function uo(){return{type:"custom",render:({value:e,onChange:t})=>{const o=W(e)??[...A],i=o.length===A.length;return r(h,{label:F,icon:r(be,{}),value:ye(o),changed:!i,action:i?null:r(j,{label:F,what:"change",onClear:()=>t(null)}),hint:"Corners left off stay square. The row above sets how round the others are.",children:r(mo,{value:o,onChange:l=>{const a=W(l)??[];t(a.length===A.length?null:a)}})})}}}function po(){return M("Corners",{min:B,max:$,unsetLabel:"Inherits \xB7 Site",restTrack:e=>r(fo,{...e}),hint:r(ho,{})})}const Ue="This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";function oe(){return ke(X())}function fo(e){return r(We,{...e,disabled:oe()})}function ho(){return r(y,{children:oe()?Ue:"Follows Site styles \u25B8 Basics \u25B8 Corners until you set a number here."})}function mo({value:e,onChange:t}){const n=oe();return r(Te,{label:F,value:e,corners:n?J.map(o=>({...o,disabled:!0,title:Ue})):J,onChange:t})}function ci(){return G({_gShape:C("Shape"),sectionCorners:po(),sectionCornerSides:uo()})}function ui(){return{_gMotion:C("Motion"),sectionAnimation:ae("Entrance",r(me,{}),[...Ht],Dt)}}function re(){let e=null;try{const{appState:t,selectedItem:n}=O(i=>i),o=n?.props?.id?String(n.props.id):void 0;e=o?Ie(t?.data,o):null}catch{e=null}return e!==null&&ke(e)}function Ke(e){const{cornerRadiusPx:t}=ee(),n=re(),o=typeof t=="number"?t:e;let i=null;try{const{appState:a,selectedItem:s}=O(d=>d),c=s?.props?.id?String(s.props.id):void 0;i=c?Ie(a?.data,c):null}catch{i=null}if(n||!i)return o;const l=i.sectionCorners;return kt(l)?l:o}function go({min:e,max:t,step:n,px:o,label:i,onChange:l}){const a=Ke(e);return r(y,{children:N({min:e,max:t,step:n,value:o??a,readout:!1,ariaLabel:i,onChange:l})})}function bo({label:e}){const t=re(),n=Ke(B);return r(E,{inherited:!0,source:t?"Site":"Section",detail:`${t?"Site":"Section"} \u2014 ${n}px`,onReset:()=>{},label:e})}function Co(){return r(y,{children:re()?"The section is full width, so this card follows Site styles \u25B8 Basics \u25B8 Corners.":"Follows the section's Corners until you set a number here."})}function xo(){return M("Corners",{min:B,max:$,unsetLabel:"Inherits \xB7 Section",unsetMark:r(bo,{label:"Corners"}),restTrack:e=>r(go,{...e}),hint:r(Co,{})})}function So({value:e,onChange:t}){return r(Te,{label:F,value:e,corners:J,onChange:t})}function _o({unset:e}){return r(y,{children:e?"Set a number above first \u2014 there is nothing to shape yet.":"Corners left off stay square. The row above sets how round the others are."})}function yo(){return{type:"custom",render:({value:e,onChange:t})=>{const o=W(e)??[...A],i=o.length===A.length;return r(h,{label:F,icon:r(be,{}),value:ye(o),changed:!i,action:i?null:r(j,{label:F,what:"change",onClear:()=>t(null)}),hint:r(_o,{unset:!Bt(e)}),children:r(So,{value:o,onChange:l=>{const a=W(l)??[];t(a.length===A.length?null:a)}})})}}}function Io(){return{type:"custom",render:()=>r(je,{})}}function di(){return{_gShape:C("Shape"),cardCorners:xo(),cardCornerSides:yo(),cardCornersApplyAll:Io()}}function pi(){return v("Justify",r(lt,{}),Ae,Ae[0].value)}function fi(){return v("Item alignment",r(it,{}),mn,"stretch")}function hi(){return v(xn,r(wt,{}),Pe,Pe[0].value)}function mi(){return{type:"custom",render:({value:e,onChange:t})=>{const n=Q.find(o=>o.value===e)??Q[0];return r(h,{label:we,icon:r(ge,{}),value:n.label,children:r("div",{className:"sf-gallery-layouts",role:"group","aria-label":we,children:Q.map(o=>r("button",{type:"button","aria-pressed":n.value===o.value,"aria-label":o.label,title:o.label,onClick:()=>t(o.value),children:r("span",{className:"sf-gallery-pic",children:To(o.weights).map((i,l)=>r("i",{style:{gridColumn:`span ${i}`}},l))})},o.value))})})}}}function To(e){if(!e)return[3,4];const t=e.reduce((n,o)=>n+o,0);return e.map(n=>Math.round(n/t*12))}function gi(){return v(gn,r(Ce,{}),Le,Le[0].value)}function bi(){return k(bn,r(Et,{}),Fe,Cn,1,Fe)}function Ci(e){const t=ae(fn,Xn("`Direction` names how a container's children run \u2014 a MODIFIER, not a thing. doc/naming.md N10.1 gives the idea a dash in its Glyph column; editor-shell's own `direction` meaning says the bare row is CORRECT and not an omission (SS seat, 2026-09-11)."),hn(e),Oe(e,void 0));return{type:"custom",render:n=>t.render({...n,value:Oe(e,n.value),onChange:o=>n.onChange(o)})}}function xi(e,t,n,o,i,l){return{type:"custom",render:({value:a,onChange:s})=>r(h,{label:e,icon:r(_e,{noun:l}),action:r(E,{inherited:Gn(a),source:"Text",detail:"Website settings \u2192 Text",onReset:()=>s(Hn),onOptOut:()=>s(Dn),optOutTitle:`Click to keep ${e} at this section's own built-in size instead`,label:e}),children:N({min:t,max:n,step:o,value:typeof a=="number"?a:i,suffix:"px",onChange:s})})}}function Si(){return{_gCellWidth:C("Cell width"),gridSpan:v("Positions",r(ge,{}),[{label:"Auto",value:""},...Array.from({length:Qe},(e,t)=>({label:t===0?"1 position":`${t+1} positions`,value:String(t+1)}))],"")}}function X(){let e=null;try{e=O(t=>t).selectedItem}catch{e=null}return e?.props??{}}function Eo({min:e,max:t,step:n,px:o,label:i,onChange:l,desktopKey:a,fallback:s}){const c=X()[a],d=Z(void 0,c,s);return r(y,{children:N({min:e,max:t,step:n,value:Z(o,c,s),readout:!1,ariaLabel:i,notch:d,onChange:l})})}function vo({label:e,desktopKey:t,fallback:n}){const o=X()[t],i=Z(void 0,o,n);return r(E,{inherited:!0,source:D.desktop,detail:`${D.desktop} \u2014 ${i}px`,onReset:()=>{},label:e})}function No(e){return M(e.label,{min:e.min,max:e.max,step:e.step,unsetLabel:`Inherits \xB7 ${D.desktop}`,unsetMark:r(vo,{label:e.label,desktopKey:e.desktopKey,fallback:e.fallback}),restTrack:t=>r(Eo,{...t,desktopKey:e.desktopKey,fallback:e.fallback})})}function _i(e={}){const t=e.keys?.top??"sectionPaddingTop",n=e.keys?.bottom??"sectionPaddingBottom",o=e.group!==!1,i=_=>o?_:`Padding ${_.toLowerCase()}`,l=_=>k(i("Top"),r(Tt,{}),S.min,S.max,S.step,_,"px"),a=(_,ze,Ye,V=S)=>T("mobile",No({label:i(_),desktopKey:ze,min:V.min,max:V.max,step:V.step,fallback:Ye})),s=e.top??S.min,c=e.bottom??S.min,d="sectionPaddingLeft",f="sectionPaddingRight",u=e.sideBounds??S,p=e.side??u.min,g=e.sidePhone??p,x=e.phone===!0,b=_=>x?T("desktop",_):_;return G({...o?{_gSpacing:C("Padding")}:{},[t]:b(l(s)),...x?{[U(t)]:a("Top",t,s)}:{},...e.only==="top"?{}:{[n]:b(k(i("Bottom"),r(_t,{}),S.min,S.max,S.step,c,"px")),...x?{[U(n)]:a("Bottom",n,c)}:{}},...e.sides?{[d]:b(k(i("Left"),r(yt,{}),u.min,u.max,u.step,p,"px")),...x?{[U(d)]:a("Left",d,g,u)}:{},[f]:b(k(i("Right"),r(It,{}),u.min,u.max,u.step,p,"px")),...x?{[U(f)]:a("Right",f,g,u)}:{}}:{}})}const Ro={contained:"Contained",page:"Page",full:"Full"},ie="Width";function yi(e,t=Mn,n=!0){const o=t.map(i=>({label:$n[i]??Ro[i],value:i}));return G({...n?{_gWidth:C(ie)}:{},widthMode:{type:"custom",render:({onChange:i,field:l})=>r(h,{label:"Width",icon:r(Ft,{}),action:n?r(qn,{inherited:l?.inherited??!1,onReset:()=>i(Wn),label:ie}):void 0,children:le({options:o,value:l?.currentValue||e,onChange:i,ariaLabel:ie})})}})}function Ii(){const e=o=>({type:"custom",render:({value:i,onChange:l})=>m("div",{className:"sf-field",children:[o?m("div",{className:"sf-field-head",children:[r("span",{className:"sf-field-label sf-field-label--inline",children:H}),o(l)]}):null,r("div",{children:le({options:[{label:"Auto",value:"auto"},{label:"Fixed",value:"fixed"},{label:"Screen",value:"screen"}],value:["auto","fixed","screen"].includes(i)?i:"auto",onChange:l,ariaLabel:H})})]})}),t=()=>({type:"custom",render:({value:o,onChange:i,field:l})=>{const a=l?.unit==="%"?"%":"px",s=a==="%"?pn:dn;return r("div",{className:"sf-field",children:N({min:s.min,max:s.max,step:s.step,value:typeof o=="number"?o:s.fallback,suffix:a,ariaLabel:H,onChange:i})})}}),n=()=>ae("Unit",r(xe,{}),[{label:"px",value:"px"},{label:"%",value:"%"}],"px");return G({_gHeight:C(H),sectionHeightMode:T("desktop",e()),sectionHeightValue:T("desktop",t()),sectionHeightUnit:T("desktop",n()),sectionHeightModePhone:T("mobile",e(o=>r(Oo,{onClear:()=>o(void 0)}))),sectionHeightValuePhone:T("mobile",t()),sectionHeightUnitPhone:T("mobile",n())})}function Oo({onClear:e}){const t=X(),n=cn(t),o=un(t),i=`${D.desktop} \u2014 ${o.mode==="auto"?"Auto":`${o.value}${o.unit}`}`;return r(E,{inherited:!n,source:D.desktop,detail:i,onReset:e,label:H})}function Ti(){return{_gAnchor:C("Anchor"),anchor:oo("Anchor name","e.g. about",eo)}}function R(e,t,n){return{type:"custom",render:({value:o,onChange:i,id:l,name:a})=>{const s=typeof o=="boolean"?o:t,c=`${l??a??e}-label`;return r(h,{label:e,labelId:c,icon:n,action:r(Ut,{checked:s,onChange:i,ariaLabelledBy:c})})}}}function Ei(){return{type:"custom",render:({value:e,onChange:t,id:n,name:o})=>{const i=`${String(n??o??"pageBackground")}-colour`;return r(h,{label:"Background",icon:r(Se,{}),htmlFor:i,action:r(Ee,{id:i,label:"Background",value:Pt(e),onChange:t})})}}}function vi(e,t){return{type:"custom",render:({value:n,onChange:o})=>{const i=typeof n=="boolean"?n:t;return m("label",{className:"sf-field sf-field--row sf-checkbox",children:[r("span",{className:"sf-field-label sf-field-label--inline",children:e}),r("input",{type:"checkbox",checked:i,onChange:l=>o(l.target.checked)})]})}}}function Ni(e,t){return{type:"custom",render:({value:n,onChange:o})=>m("div",{className:"sf-field sf-field--row",children:[r("span",{className:"sf-field-label sf-field-label--inline",children:e}),Ee({value:n||t,onChange:o,label:e})]})}}const Lo=[{value:"0% 0%",label:"Top left"},{value:"50% 0%",label:"Top"},{value:"100% 0%",label:"Top right"},{value:"0% 50%",label:"Left"},{value:"50% 50%",label:"Center"},{value:"100% 50%",label:"Right"},{value:"0% 100%",label:"Bottom left"},{value:"50% 100%",label:"Bottom"},{value:"100% 100%",label:"Bottom right"}];function Xe({label:e,value:t,onChange:n,points:o=Lo}){return r($t,{label:e,value:t,points:o,onChange:n})}function Ri(e,t=ue,n="mediaImage"){return{type:"custom",render:({value:o,onChange:i})=>r("div",{className:"sf-field",children:r(Ao,{label:e,value:o||t,onChange:i,imageProp:n})})}}function Ao({label:e,value:t,onChange:n,imageProp:o}){const{selectedItem:i}=O(a=>a),l=i?.props?.[o];return r(nn,{label:e,value:t,onChange:n,image:typeof l=="string"?l:void 0})}const Fo=he([]);function Oi(e,{stacking:t,fallback:n=ot}){return{type:"custom",render:({value:o,onChange:i})=>{const l=nt.includes(o)?o:n;return t?r(wo,{label:e,value:l,onChange:i}):Ve({label:e,value:l,onChange:i,points:Fo})}}}function wo({label:e,value:t,onChange:n}){const{appState:o,selectedItem:i}=O(s=>s),l=i?.props?.id?String(i.props.id):void 0,a=l?tt(o?.data,l):[];return Ve({label:e,value:t,onChange:n,points:he(a,l)})}function Ve({label:e,value:t,onChange:n,points:o}){const i=o.find(l=>l.disabled);return r(h,{label:e,icon:r(vt,{}),hint:i?i.title:void 0,children:Xe({label:e,value:rt(t),onChange:n,points:o})})}const Li={top:r(ft,{}),right:r(pt,{}),bottom:r(ut,{}),left:r(dt,{})};function Ai(e,t,n,o,i,l){const a=f=>t.find(u=>u.value===f),s=f=>({value:f,label:"",disabled:!0,title:o}),c=f=>{const u=t.find(g=>g.cell===f);if(!u)return s(`missing-${f}`);const p=l?.[f];return p?{value:u.value,label:u.label,icon:p}:{value:u.value,label:u.label}},d=[s("corner-top-left"),c("top"),s("corner-top-right"),c("left"),s("centre"),c("right"),s("corner-bottom-left"),c("bottom"),s("corner-bottom-right")];return{type:"custom",render:({value:f,onChange:u})=>{const p=t.some(g=>g.value===f)?f:n;return r(h,{label:e,icon:i,value:a(p)?.label??"",children:Xe({label:e,value:p,onChange:u,points:d})})}}}const Po="\0note";function v(e,t,n,o,i){return{type:"custom",options:n,fallback:o,...i?{note:i}:{},render:({value:l,onChange:a,field:s})=>{const c=s.options??n,d=s.fallback??o,f=c.some(u=>u.value===l)?l:d;return r(h,{label:e,icon:K(t),children:r(Kt,{value:f,ariaLabel:e,onChange:a,options:[...i?[{label:i,value:Po,disabled:!0}]:[],...c.map(u=>({label:u.label,value:u.value}))]})})}}}function Fi(e,t,n){return{type:"custom",options:t,render:({value:o,onChange:i,field:l})=>r(rn,{label:e,options:l.options??t,value:Array.isArray(o)?o:[],onChange:i,...n?{emptyLabel:n}:{}})}}function wi(e,t,n,o){return{type:"custom",options:t,fallback:n,render:({value:i,onChange:l,field:a})=>r(an,{label:e,options:a.options??t,fallback:a.fallback??n,value:i,onChange:l,placeholder:o})}}function Pi(e,t={}){return{type:"custom",render:({value:n,onChange:o})=>{const i={value:n,onChange:o,...t};return r(e,{...i})}}}function le({options:e,value:t,onChange:n,ariaLabel:o,disabled:i=!1}){return r(Wt,{options:e.map(l=>({id:l.value,label:l.label,title:l.title})),value:t,onChange:n,ariaLabel:o,disabled:i})}const ki=[{label:"Image",value:"image"},{label:"Video",value:"video"}];function ae(e,t,n,o){const i=n.map(l=>typeof l=="string"?{label:l,value:l}:l);return{type:"custom",render:({value:l,onChange:a,field:s})=>r(h,{label:e,icon:K(t),children:le({options:i,value:i.some(c=>c.value===l)?l:l||s?.currentValue||o,onChange:a,ariaLabel:e})})}}const ko="__media";function Bi(e,t,n){return{type:"custom",[ko]:!0,render:({value:o,onChange:i})=>r(on,{value:o||"",onChange:i,label:e,accept:t,placeholder:n})}}const Di={HeroSingle:["imageFocal"],ContactLocations:["locations[].photo"],ProcessSteps:["steps[].image"]};function Hi({value:e,onChange:t,label:n}){const o=e||{},i=!!o.pending,l=i?"var(--fg-dim, #888)":o.ok?"#1d9e75":"#d85a30",a=(s,c)=>t({...o,[s]:c===""?void 0:Number(c)});return m(h,{label:n,icon:r(q,{}),children:[r("button",{type:"button",disabled:i,onClick:()=>t({...o,pending:!0,ok:!1,status:"Finding\u2026"}),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,padding:"8px 10px",fontSize:13,cursor:i?"default":"pointer",opacity:i?.6:1,border:"1px solid var(--border-strong, #ccc)",borderRadius:6,background:"transparent",color:"inherit"},children:i?"Finding\u2026":"Find coordinates"}),o.status&&r("div",{style:{marginTop:6,fontSize:12,lineHeight:1.4,color:l},children:o.status}),r("div",{style:{marginTop:6,fontSize:11,color:"var(--fg-dim, #999)"},children:"Coordinates from OpenStreetMap"}),r("button",{type:"button",onClick:()=>t({...o,manual:!o.manual}),style:{marginTop:8,padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer",textDecoration:"underline"},children:o.manual?"Hide manual coordinates":"Enter coordinates manually"}),o.manual&&m("div",{style:{marginTop:8,display:"grid",gap:8},children:[r(h,{label:"Latitude",icon:r(q,{}),children:r("input",{type:"number",step:"any",placeholder:"e.g. 34.0990198",value:typeof o.lat=="number"?o.lat:"",onChange:s=>a("lat",s.target.value)})}),r(h,{label:"Longitude",icon:r(q,{}),children:r("input",{type:"number",step:"any",placeholder:"e.g. -117.9842833",value:typeof o.lng=="number"?o.lng:"",onChange:s=>a("lng",s.target.value)})})]})]})}function Bo(e,t){return t===null||t<0||t>=e.length?"":e[t]?.text??""}function Do(e,t,n){const o=e.map(i=>({text:i?.text??""}));return t===null||t<0||t>=e.length?o:o.map((i,l)=>l===t?{text:n}:i)}function Gi(e,t){return e===null?null:t>e?e:null}function Ho(e,t,n){if(n===null||n>=t.length)return null;for(let o=0;o<n;o+=1)if(e[o]!==t[o])return null;return e[n]!==t[n]&&t.includes(e[n])||e[n]!==t[n]&&t.length!==e.length?null:n}const Mi={label:"Ticker items",icon:r(St,{})};function $i(e,t,n,o){return{type:"custom",[I]:{control:"textList",label:e,placeholder:n,itemKey:"text",rendering:o},render:({value:i,onChange:l})=>r(Go,{label:e,icon:K(t),items:Array.isArray(i)?i:[],placeholder:n,onChange:l,markup:o==="markup"})}}function Go({label:e,icon:t,items:n,placeholder:o,onChange:i,markup:l=!1}){const a=z(null),[s,c]=Y(null),d=u=>u.map(p=>({text:p?.text??""}));return r(Xt,{label:e,icon:t,noun:"item",items:n,onChange:u=>{const p=Ho(n,u,s);p===null&&(a.current=null),c(p),i(d(u))},newItem:()=>({text:""}),open:null,onOpen:()=>{},renderItem:()=>null,above:l?r(ve,{target:a,value:Bo(n,s),onChange:u=>i(Do(n,s??-1,u)),disabled:s===null,label:s===null?"Formatting \u2014 click a row first":`Formatting \u2014 row ${s+1}`}):void 0,renderRow:(u,p,g)=>r("input",{type:"text",className:l&&s===p?"sf-list-marking":void 0,value:u?.text??"",placeholder:o,"aria-label":`${e} ${p+1}`,onChange:x=>g({text:x.target.value}),onFocus:x=>{a.current=x.currentTarget,c(p)}})})}function Wi(e,t){const n=`${e.label} \u2014 row ${t+1}`;return P({control:"plainText",label:n,placeholder:e.placeholder,offPage:e.offPage},{type:"custom",render:({value:o,onChange:i})=>r(w,{value:o,onChange:i,label:n,placeholder:e.placeholder,hideable:!1,markup:e.rendering==="markup"})})}function Ui(e){return{_gCards:C("Cards"),coverIndex:v("Cover image",r(Ct,{}),Qt,String(en),e?.coverHint??"A card's opening picture \u2014 a card pinned to a finish keeps its own."),imageBackground:so("Image background",En),cardImage:Mo(),spinOnHover:R("Rotate on hover",e?.spinDefault??!0,r(Rt,{}))}}function Ki(){return{outline:v("Card outline",r(Ot,{}),qt,Zt),indexBadge:v("Card number",r(xe,{}),jt,Jt),showBadge:R("Product badge",!0,r(_e,{noun:"tag"}))}}function Xi(e){const t=e?.bottomDefault??!0;return{_gShowOnCard:C("Show on a card"),showCardPrice:R("Price",!0,r(ht,{})),showCardFinishes:R("Finish swatches",!0,r(mt,{})),showCardSizes:R("Sizes",t,r(Nt,{})),showCardBuy:R("Buy button",t,r(st,{})),showCardPage:R("Page button",t,r(Se,{}))}}function Mo(){return M("Card image",{min:B,max:$,step:qe,hint:"Rounds the picture. The card's own corner is in Site styles."})}function Vi(){return M(Ze,{min:B,max:$,step:Je,unsetLabel:"Square",hint:"Rounds the picture. Left alone it stays square."})}function zi(){return{type:"custom",render:({value:e,onChange:t})=>r($o,{value:typeof e=="string"?e:"",onChange:t})}}function $o({value:e,onChange:t}){const[n,o]=Y(null),i=fe.filter(a=>n===null||L[a].across===n),l=e&&e in L?L[e]:null;return m(y,{children:[r(h,{label:"Photos in a row",icon:r(ct,{}),children:m("div",{className:"sf-gallery-filter",children:[r("button",{type:"button","aria-pressed":n===null,onClick:()=>o(null),children:"All"}),et.map(a=>r("button",{type:"button","aria-pressed":n===a,onClick:()=>o(a),children:a},a))]})}),r(h,{label:"Layout",icon:r(gt,{}),value:l?l.label:"Not chosen",hint:`${i.length} of ${fe.length} layouts`,children:r("div",{className:"sf-gallery-layouts",children:i.map(a=>r("button",{type:"button","aria-pressed":e===a,"aria-label":L[a].label,title:L[a].label,onClick:()=>t(e===a?"":a),children:r("span",{className:"sf-gallery-pic",children:L[a].desktop.map(([s,c],d)=>r("i",{style:{gridColumn:`span ${s}`,gridRow:`span ${c}`}},d))})},a))})})]})}export{eo as ANCHOR_HINT,Yr as BOUND_TO_POST_NOTE,ei as BUCKET_ICONS,Di as CUSTOM_FIELD_MEDIA,Hi as CoordsField,Li as EDGE_ARROWS,ue as FOCAL_DEFAULT,Lo as FOCAL_POINTS,ne as FOLD_FIELD_MARKER,Xe as FocalPicker,ao as GroupLabel,Qn as HIGHLIGHT_HINT,w as HidableTextField,E as InheritBadge,de as LINK_FIELD_MARKER,Wr as Label,ko as MEDIA_FIELD_MARKER,ki as MEDIA_TYPE_OPTIONS,lo as PanelNoteLine,Ve as PlacementGridView,pe as SCAFFOLD_FIELD_MARKER,Ji as SCALAR_TEXT_CONTROLS,Ue as SECTION_BLEEDS_HINT,ro as SectionHeading,le as Segmented,jn as SiteGapInheritBadge,N as Slider,co as SliderValue,$e as Swatches,qi as TEXT_CONTROL_KINDS,I as TEXT_FIELD_MARKER,Mi as TICKER_ITEMS_ROW,Go as TextListField,Jn as TypeGlyph,qn as WidthInheritBadge,Ho as aimAfterListChange,Ti as anchorFields,li as backgroundField,fi as boxAlignField,gi as boxBlockSpacingField,pi as boxJustifyField,bi as boxPhoneRowField,mi as boxShareField,hi as boxWrapField,ii as bucketHeader,yo as cardCornerSidesField,xo as cardCornersField,so as cardImageBackgroundField,Mo as cardImageField,Ui as cardMediaFields,di as cardShapeFields,Xi as cardShowFields,Ki as cardStyleFields,Si as cellWidthFields,vi as checkbox,Ni as colorInput,Jr as copyText,Ci as directionField,Ai as edgePad,ti as entriesHiddenForTab,Ri as focalPicker,Gi as focusAfterRemove,He as foldMetaOf,zi as galleryLayoutField,si as gapField,C as group,Ii as heightFields,ce as hidableText,no as hintIsWhileTyping,K as iconOf,Vi as imageCornersField,ri as isBucketHeader,Vn as isNoGlyph,Zr as linkField,Fi as multiSelect,Xn as noGlyph,Ei as pageBackgroundField,ni as panelNote,No as phoneOverrideField,Oi as placementField,oo as plainText,Qr as plainTextarea,M as pxField,se as readHidable,Bo as rowText,wi as searchSelect,oi as section,ui as sectionAnimationFields,uo as sectionCornerSidesField,po as sectionCornersField,ci as sectionShapeFields,ai as sectionThemeFields,ae as segmented,v as select,Do as setRowText,xi as sizeField,k as slider,Pi as sourceField,_i as spacingFields,jr as text,zr as textFieldIdentifier,Xr as textFieldOffPage,$i as textList,Wi as textListRowField,qr as textarea,R as toggle,Bi as upload,zn as usePageWidthDetail,Yn as useSiteGapDetail,yi as widthField,Vr as withIdentifier,Kr as withOffPage,Ur as withScaffold};

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

@@ -0,0 +1,24 @@
+import type { ReactElement } from "react";
+import { type PreviewDevice } from "../../components/PreviewDeviceContext.js";
+export type DeviceTier = "desktop" | "mobile";
+export declare function shownTier(device: PreviewDevice): DeviceTier;
+export declare const DEVICE_NOTE: Readonly<Record<PreviewDevice, string | null>>;
+export declare const DEVICE_HIDDEN_ATTR = "data-sf-device-hidden";
+type FieldRender = (props: Record<string, unknown>) => ReactElement;
+type AnyCustomField = {
+    type: "custom";
+    render: FieldRender;
+};
+export declare const DEVICE_FIELD_MARKER: "__device";
+export type DeviceFieldMeta = {
+    tier: DeviceTier;
+    inner: unknown;
+};
+export declare function deviceMetaOf(field: unknown): DeviceFieldMeta | null;
+export declare function withoutDeviceGate(field: unknown): unknown;
+export declare function deviceField<F extends {
+    type: "custom";
+    render: (p: never) => ReactElement;
+}>(tier: DeviceTier, field: F): F;
+export declare function deviceNote(): AnyCustomField;
+export {};

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

@@ -0,0 +1 @@
+"use client";import{jsx as t}from"react/jsx-runtime";import{usePreviewDevice as i}from"../../components/PreviewDeviceContext.js";import{noControlField as d}from"./panel-no-control-mark.js";function p(e){return e==="mobile"?"mobile":"desktop"}const a={desktop:null,tablet:"Tablet uses the desktop settings.",mobile:"Showing the phone settings for this section."},f="data-sf-device-hidden";function c(){return t("span",{hidden:!0,[f]:""})}function v({tier:e,render:n,...r}){const o=i();return p(o)===e?t(n,{...r}):t(c,{})}const s="__device";function l(e){return e?.[s]??null}function E(e){return l(e)?.inner??e}function _(e,n){const r=n.render,o=u=>t(v,{tier:e,render:r,...u});return{...n,[s]:{tier:e,inner:n},render:o}}function m(){const e=a[i()];return e?t("div",{className:"sf-device-scope",children:e}):t(c,{})}function b(){return d({type:"custom",render:()=>t(m,{})},"always")}export{s as DEVICE_FIELD_MARKER,f as DEVICE_HIDDEN_ATTR,a as DEVICE_NOTE,_ as deviceField,l as deviceMetaOf,b as deviceNote,p as shownTier,E as withoutDeviceGate};

package/dist/lib/puck/editor-page-context.d.ts

@@ -0,0 +1,6 @@
+import { type TemplateProductKind } from "../content/product-page.js";
+export declare function setEditorPage(slug: string | null, kind: string | null): void;
+export declare function setEditorPageSlug(slug: string | null): void;
+export declare function getEditorPageSlug(): string | null;
+export declare function isEditorOnDynamicPage(): boolean;
+export declare function editorTemplateProductKind(rootProps?: Record<string, unknown> | null): TemplateProductKind;

package/dist/lib/puck/editor-page-context.js

@@ -0,0 +1 @@
+import{PRODUCT_PAGE_SLUG as r,templateProductKind as i}from"../content/product-page.js";let e=null,n=null;function l(t,o){e=t,n=o}function d(t){l(t,null)}function a(){return e}function g(){return n==="dynamic"||e===r}function P(t){return i(e??"",t)??"alloy-wheel"}export{P as editorTemplateProductKind,a as getEditorPageSlug,g as isEditorOnDynamicPage,l as setEditorPage,d as setEditorPageSlug};

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

@@ -0,0 +1 @@
+export declare function enclosingSectionProps(data: unknown, id: string): Record<string, unknown> | null;

package/dist/lib/puck/enclosing-section.js

@@ -0,0 +1 @@
+function f(r,n){const t=r?.content;if(!Array.isArray(t))return null;for(const o of t){if(!o||typeof o!="object")continue;const e=o.props;if(e?.id===n)return null;if(s(o,n,0))return e??{}}return null}function s(r,n,t){if(t>12||!r||typeof r!="object")return!1;if(Array.isArray(r))return r.some(e=>s(e,n,t+1));const o=r.props;return o&&typeof o=="object"&&o.id===n?!0:Object.values(r).some(e=>s(e,n,t+1))}export{f as enclosingSectionProps};

package/dist/lib/puck/field-groups.d.ts

@@ -0,0 +1,23 @@
+import { type SettingsBucket } from "efficient-easel/panel";
+export declare const BUCKETS: readonly ["Content", "Style", "Layout", "Animation"];
+export type Bucket = SettingsBucket;
+export declare const BUCKET_KEY: Record<Bucket, string>;
+export declare const LAYOUT_FIELD_KEYS: readonly string[];
+export declare const SECTION_THEME_FIELD_KEYS: readonly string[];
+export declare const SECTION_SHAPE_FIELD_KEYS: readonly string[];
+export declare const SECTION_ANIM_FIELD_KEYS: readonly string[];
+export declare const CARD_MEDIA_FIELD_KEYS: readonly string[];
+export declare const BOUND_CARD_MEDIA_FIELD_KEYS: readonly string[];
+export declare const CARD_STYLE_FIELD_KEYS: readonly string[];
+export declare const CARD_SHOW_FIELD_KEYS: readonly string[];
+export declare const EDITOR_ONLY_GROUP = "Editor only \u2014 not shown live";
+export declare const LABEL_BUCKET: Record<string, Bucket>;
+export declare const KEY_BUCKET: Readonly<Record<string, Bucket>>;
+export declare function bucketOf(where: string, key: string, label: string): Bucket | undefined;
+export declare const RETIRED: Readonly<Record<string, string>>;
+export declare function foldTopTier(fields: Record<string, unknown>): 1 | 2;
+export declare function retiredHeadings(where: string): string[];
+export declare function assignSectionGroups<T extends Record<string, unknown>>(fields: T, where: string): T;
+export declare function seatContentBucket<T extends Record<string, unknown>>(fields: T): T;
+export declare function hasBucketTabs(fields: Record<string, unknown>): boolean;
+export declare function reseatBucketTabs<T extends Record<string, unknown>>(fields: T): T;

package/dist/lib/puck/field-groups.js

@@ -0,0 +1 @@
+import{anchorFields as m,bucketHeader as y,cardMediaFields as B,cardShowFields as E,cardStyleFields as w,foldMetaOf as p,group as O,heightFields as T,sectionAnimationFields as F,sectionShapeFields as I,sectionThemeFields as x,spacingFields as A,widthField as H}from"./controls.js";import{deviceField as R,deviceMetaOf as D}from"./device-fields.js";import{SETTINGS_BUCKETS as $}from"efficient-easel/panel";const s=$,r={Content:"_sContent",Style:"_sStyle",Layout:"_sLayout",Animation:"_sAnimation"},J=[r.Layout,...Object.keys(A({phone:!0})),...Object.keys(H("full")),...Object.keys(T()),...Object.keys(m())],V=[r.Style,...Object.keys(x())],z=[r.Style,...Object.keys(I())],X=[r.Animation,...Object.keys(F())],K=Object.keys(B()),M=new Set(["cardImage","imageBackground"]),Z=[r.Style,...K.filter(o=>o.startsWith("_g")||M.has(o))],ee=Object.keys(w()),te=Object.keys(E({bottomDefault:!0})),P="Editor only \u2014 not shown live",_={"Archive link":"Content",Article:"Content",Boxes:"Content",Blocks:"Content","Blog posts":"Content","Browser mock":"Content",Button:"Content","Call to action":"Content","Car prompt":"Content","Card link":"Content",Cards:"Content","Claims bars":"Content","Contact info":"Content",Content:"Content","Content source":"Content",Contents:"Content",Filters:"Content","Show on a card":"Content","Opening filter":"Content",Footnote:"Content",Form:"Content",Founders:"Content","Gallery A":"Content","Gallery B":"Content","Gallery link":"Content",Header:"Content","Header link":"Content","Image caption":"Content","In this issue":"Content",Items:"Content","Kanban columns":"Content",Lead:"Content","Left panel":"Content",Link:"Content",Links:"Content","Message form":"Content",Metadata:"Content",Milestones:"Content","Mockup card":"Content","Newsletter panel":"Content",Offices:"Content",Options:"Content","Others gallery":"Content","Overlay button":"Content",Product:"Content","Product page":"Content",Products:"Content","Pull quote":"Content",Questions:"Content","Recent issues":"Content","Recent posts":"Content",Reviews:"Content","Right panel \xB7 actions":"Content","Right panel \xB7 choices":"Content","Right panel \xB7 form":"Content","Routing groups":"Content",Rows:"Content",Section:"Content","Section header":"Content",Sections:"Content","Signup form":"Content","Source product":"Content","Stat & note":"Content",Stats:"Content","Submit button":"Content","Success state":"Content",Wheel:"Content",Terminal:"Content",Text:"Content","Text column":"Content","Timeline entries":"Content","Top row":"Content",Total:"Content","Trailing note":"Content","\u201COther\u201D reason":"Content","Background images":"Style",Gallery:"Style",Image:"Style","Image column":"Style",Images:"Style",Logo:"Style",Media:"Style","Background image":"Style",Color:"Style","Image tint":"Style",Style:"Style",Shape:"Style",Texture:"Style","Text style":"Style",Motion:"Animation",Animation:"Animation",Anchor:"Layout",Arrangement:"Layout","Auto-slide":"Layout",Bar:"Layout","Cell width":"Layout",Behavior:"Layout",Controls:"Layout",Diagram:"Layout",[P]:"Layout","Filters shown":"Layout","Slide picker":"Layout",Arrows:"Layout","On a phone":"Layout",Nudge:"Layout","Image gallery":"Layout",Grid:"Layout",Layout:"Layout",Padding:"Layout",Price:"Layout",Preview:"Layout",Setup:"Layout","Show / hide elements":"Layout","Show in the buy box":"Layout",Visibility:"Layout",Width:"Layout",Height:"Layout"},v={"AlloyWheelsListing._gCards":"Style","ProductGrid._gCards":"Style"};function j(o,t,n){return v[`${o}.${t}`]??_[n]}const G={"ImageBlock._gStyle":"duplicated the Style bucket header above it (2026-09-04)","ButtonBlock._gStyle":"duplicated the Style bucket header above it (2026-09-04)","HeroGroup._gContent":"duplicated the Content bucket header above it (2026-09-04)","HeroGroup._gLayout":"duplicated the Layout bucket header above it (2026-09-04)","Footer._gLayout":"duplicated the Layout bucket header above it (2026-09-04)","FooterLogo._gContent":"duplicated the Content bucket header above it (2026-09-04)","FooterLogo._gStyle":"duplicated the Style bucket header above it (2026-09-04)","FooterMenu._gContent":"duplicated the Content bucket header above it (2026-09-04)","FooterMenu._gStyle":"duplicated the Style bucket header above it (2026-09-04)","FooterGroup._gLayout":"duplicated the Layout bucket header above it (2026-09-04)","FooterText._gContent":"duplicated the Content bucket header above it (2026-09-04)","FooterText._gStyle":"duplicated the Style bucket header above it (2026-09-04)","FooterSocial._gStyle":"duplicated the Style bucket header above it (born tabbed, 2026-09-17)","FooterSocial._gLayout":"duplicated the Layout bucket header above it (born tabbed, 2026-09-17)","MenuBlock._gContent":"duplicated the Content bucket header above it (born tabbed, H.1)","MenuBlock._gStyle":"duplicated the Style bucket header above it (born tabbed, H.1)","EmailFormBlock._gContent":"duplicated the Content bucket header above it (born tabbed, H.1)","SocialLogosBlock._gStyle":"duplicated the Style bucket header above it (born tabbed, H.1)","SocialLogosBlock._gLayout":"duplicated the Layout bucket header above it (born tabbed, H.1)","SearchBlock._gStyle":"duplicated the Style bucket header above it (born tabbed, H.2)","CartBlock._gStyle":"duplicated the Style bucket header above it (born tabbed, H.2)","Split._gContent":"duplicated the Content bucket header above it (2026-09-04)","Gallery._gVehicleContent":"duplicated the Content bucket header above it (2026-09-04)","Gallery._gWheelContent":"duplicated the Content bucket header above it (2026-09-04)","Gallery._gOthersContent":"duplicated the Content bucket header above it (2026-09-04)","Subscribe._gHeadCopy":"duplicated the Content bucket header above it (2026-09-04)","Subscribe._gLeftCopy":"duplicated the Content bucket header above it (2026-09-04)","Subscribe._gRightCopy":"duplicated the Content bucket header above it (2026-09-04)","CollectionCard._gContent":"duplicated the Content bucket header above it (A Card Sets Its Own Corners)","HeroSlide._gContent":"duplicated the Content bucket header above it (Hero Slide Tabs And Theme)","BrandStrip._gContent":"duplicated the Content bucket header above it (66338)","BrandStrip._gStyle":"duplicated the Style bucket header above it (66338)","BrandStrip._gLayout":"duplicated the Layout bucket header above it (66338)","KeyFeatures._gContent":"duplicated the Content bucket header above it (66049)","KeyFeatures._gStyle":"duplicated the Style bucket header above it (66049)","ParagraphsA._gContent":"duplicated the Content bucket header above it (66049)","ParagraphsA._gStyle":"duplicated the Style bucket header above it (66049)","Chart._gContent":"duplicated the Content bucket header above it (66049)","Chart._gStyle":"duplicated the Style bucket header above it (66049)","Logos._gContent":"duplicated the Content bucket header above it (66049)","Logos._gStyle":"duplicated the Style bucket header above it (66049)","Mockup._gContent":"duplicated the Content bucket header above it (66049)","Mockup._gStyle":"duplicated the Style bucket header above it (66049)","Stats._gContent":"duplicated the Content bucket header above it (66049)","Stats._gStyle":"duplicated the Style bucket header above it (66049)","StatsParagraph._gContent":"duplicated the Content bucket header above it (66049)","StatsParagraph._gStyle":"duplicated the Style bucket header above it (66049)","Testimonials._gContent":"duplicated the Content bucket header above it (66049)","Testimonials._gStyle":"duplicated the Style bucket header above it (66049)","AppointmentBooking._gContent":"duplicated the Content bucket header above it (66050)","BookingBox._gContent":"duplicated the Content bucket header above it ([SPLIT] Booking Form Into Three Boxes) \u2014 the same fault its own section retired in 66050, one level down","FAQ._gContent":"duplicated the Content bucket header above it (66050, family sweep)","FAQ._gLayout":"duplicated the Layout bucket header above it (66050, family sweep)","Form._gContent":"duplicated the Content bucket header above it (66050)","ReviewForm._gContent":"duplicated the Content bucket header above it (66050)","SubmitBuild._gContent":"duplicated the Content bucket header above it (66050)","SubmitBox._gContent":"duplicated the Content bucket header above it ([SPLIT] SubmitBuild Keeps Its Two Columns) \u2014 the same fault its own section retired in 66050, one level down","CheckoutCTA._gContent":"duplicated the Content bucket header above it (66051)","CheckoutCTA._gLayout":"duplicated the Layout bucket header above it (66051)","DeliveryOptions._gContent":"duplicated the Content bucket header above it (66051)","DeliveryOptions._gLayout":"duplicated the Layout bucket header above it (66051)","OrderSummary._gContent":"duplicated the Content bucket header above it (66051)","OrderSummary._gLayout":"duplicated the Layout bucket header above it (66051)","PaymentBadges._gContent":"duplicated the Content bucket header above it (66051)","PaymentBadges._gLayout":"duplicated the Layout bucket header above it (66051)","Collections._gContent":"duplicated the Content bucket header above it (66052)","Collections._gLayout":"duplicated the Layout bucket header above it (66052)","DocMasthead._gContent":"duplicated the Content bucket header above it (66053)","Events._gContent":"duplicated the Content bucket header above it (66054)","Events._gLayout":"duplicated the Layout bucket header above it (66054)","FeaturedCover._gContent":"duplicated the Content bucket header above it (66054)","Series._gStyle":"duplicated the Style bucket header above it (66054)","Flex._gContent":"duplicated the Content bucket header above it (66055)","Flex._gLayout":"duplicated the Layout bucket header above it (66055)","SectionHeader._gContent":"duplicated the Content bucket header above it (66055)","Breadcrumb._gContent":"duplicated the Content bucket header above it (66056)","CategoryBar._gStyle":"duplicated the Style bucket header above it (66056)","Hero._gContent":"duplicated the Content bucket header above it (66056)","Hero._gStyle":"duplicated the Style bucket header above it (66056)","HeroSingle._gStyle":"duplicated the Style bucket header above it (66056)","IntroBleed._gContent":"duplicated the Content bucket header above it (66056)","IntroBleed._gLayout":"duplicated the Layout bucket header above it (66056)","BundleOffer._gLayout":"duplicated the Layout bucket header above it (66059)","ProcessSteps._gContent":"duplicated the Content bucket header above it (66059)","Banner._gContent":"duplicated the Content bucket header above it (66060.1)","Banner._gLayout":"duplicated the Layout bucket header above it, and governed no controls (66060.1)","Manifesto._gContent":"duplicated the Content bucket header above it (66060.1)","SubscribeBlogs._gHeadCopy":"duplicated the Content bucket header above it (66060.1)","SubscribeBlogs._gLeftCopy":"duplicated the Content bucket header above it (66060.1)","SubscribeBlogs._gRightCopy":"duplicated the Content bucket header above it (66060.1)","Ticker._gContent":"duplicated the Content bucket header above it (66060.1)","Ticker._gStyle":"duplicated the Style bucket header above it (66060.1)","Timeline._gContent":"duplicated the Content bucket header above it (66060.1)","TitleWithButtons._gContent":"duplicated the Content bucket header above it (66060.1)","TitleWithButtons._gStyle":"duplicated the Style bucket header above it (66060.1)","Cards._gContent":"duplicated the Content bucket header above it (66218)","Cards._gStyle":"duplicated the Style bucket header above it (66218)","Prose._gContent":"duplicated the Content bucket header above it (66218)","Reviews._gContent":"duplicated the Content bucket header above it (66218)","Reviews._gStyle":"duplicated the Style bucket header above it (66218)"};function oe(o){const t=new Set(Object.values(r));for(const[n,d]of Object.entries(o))if(!t.has(n)&&p(d)?.level===1)return 1;return 2}function Y(o){const t=`${o}.`;return Object.keys(G).filter(n=>n.startsWith(t)).map(n=>n.slice(t.length))}function N(o,t){const n=D(o),d=O(t);return n?R(n.tier,d):d}function ne(o,t){const n=[],d=new Set(Y(t)),g=new Set;let h=null;for(const[e,i]of Object.entries(o)){const a=p(i);if(!a){h||n.push(h={bucket:"Content",entries:[]}),h.entries.push([e,i]);continue}if(d.has(e)){const c=_[a.label];if(a.level!==2||!c||a.label!==c)throw new Error(`${t}.${e}: RETIRED (lib/puck/field-groups.ts) lists this sub-heading as one whose name duplicates its bucket, but it is a level-${a.level} "${a.label}" header in the ${c??"(unclassified)"} bucket. Only a level-2 header whose label IS its bucket's name may be retired \u2014 anything else is a heading a merchant reads for its own sake. Fix the row or drop it.`);g.add(e),n.push(h={bucket:c,entries:[]});continue}const l=j(t,e,a.label);if(!l)throw new Error(`${t}.${e}: the inspector group "${a.label}" is not classified in LABEL_BUCKET (lib/puck/field-groups.ts), so there is no way to say which of ${s.join(" / ")} its controls belong under. Classify it \u2014 an unclassified group silently lands wherever it was declared, which is the whole bug.`);const u=e===r[l]&&a.level===1;if(!u&&e===r[l])throw new Error(`${t}.${e}: that key is reserved for the ${l} bucket header, but this field is a level-${a.level} "${a.label}" header, so it cannot serve as one. Rename the section's own field.`);n.push(h={bucket:l,entries:[[e,u||a.level===2?i:N(i,a.label)]],isBucketHeader:u})}const L=new Set(Object.entries(o).filter(([,e])=>p(e)).map(([e])=>e)),k=Object.keys(v).filter(e=>e.startsWith(`${t}.`)).filter(e=>!L.has(e.slice(t.length+1)));if(k.length)throw new Error(`${t}: KEY_BUCKET (lib/puck/field-groups.ts) lists ${JSON.stringify(k)}, but no fold header by that key is in this section's panel. Either the heading was renamed or removed and the row is stale, or the row names the wrong key \u2014 an override that quietly matches nothing is worse than no override.`);const b=n.some(e=>e.isBucketHeader)?[]:[...d].filter(e=>!g.has(e));if(b.length)throw new Error(`${t}: RETIRED (lib/puck/field-groups.ts) lists ${JSON.stringify(b)}, but this section has no such fold header${b.length>1?"s":""}. Either the heading was renamed or removed and the row is stale, or the row names the wrong section \u2014 a list that quietly matches nothing is worse than no list.`);for(const e of s){const i=r[e];if(i in o&&!n.some(a=>a.isBucketHeader&&a.entries[0]?.[0]===i))throw new Error(`${t}.${i} is reserved for the ${e} bucket header but is not a level-1 "${e}" fold header. Rename the section's own field.`)}const S=s.filter(e=>n.some(i=>i.bucket===e)),C={};for(const e of s){const i=n.filter(u=>u.bucket===e);if(!i.length)continue;const a=i.findIndex(u=>u.isBucketHeader);a>0&&i.unshift(...i.splice(a,1));const l=y(e,e===S[0]?S:null);a<0&&(C[r[e]]=l);for(const u of i)for(const[c,f]of u.entries)C[c]=u.isBucketHeader&&c===r[e]?l:f}return C}function ae(o){return r.Content in o?o:{[r.Content]:y("Content",null),...o}}function ie(o){return s.some(t=>r[t]in o)}function re(o){const t=s.filter(d=>r[d]in o);if(t.length===0)return o;const n={...o};for(const d of t)n[r[d]]=y(d,d===t[0]?t:null);return n}export{Z as BOUND_CARD_MEDIA_FIELD_KEYS,s as BUCKETS,r as BUCKET_KEY,K as CARD_MEDIA_FIELD_KEYS,te as CARD_SHOW_FIELD_KEYS,ee as CARD_STYLE_FIELD_KEYS,P as EDITOR_ONLY_GROUP,v as KEY_BUCKET,_ as LABEL_BUCKET,J as LAYOUT_FIELD_KEYS,G as RETIRED,X as SECTION_ANIM_FIELD_KEYS,z as SECTION_SHAPE_FIELD_KEYS,V as SECTION_THEME_FIELD_KEYS,ne as assignSectionGroups,j as bucketOf,oe as foldTopTier,ie as hasBucketTabs,re as reseatBucketTabs,Y as retiredHeadings,ae as seatContentBucket};

package/dist/lib/puck/field-markers.d.ts

@@ -0,0 +1,16 @@
+import type { TextControlKind } from "./text-control-kinds.js";
+export declare const TEXT_FIELD_MARKER: "__text";
+export declare const LINK_FIELD_MARKER: "__link";
+export declare const SCAFFOLD_FIELD_MARKER: "__scaffold";
+export type TextListRendering = "markup" | "verbatim";
+export type TextFieldMeta = {
+    control: TextControlKind;
+    label: string;
+    placeholder?: string;
+    hint?: string;
+    offPage?: true;
+    identifier?: true;
+    itemKey?: string;
+    rendering?: TextListRendering;
+};
+export type EdgeCell = "top" | "right" | "bottom" | "left";

package/dist/lib/puck/field-markers.js

@@ -0,0 +1 @@
+const _="__text",t="__link",o="__scaffold";export{t as LINK_FIELD_MARKER,o as SCAFFOLD_FIELD_MARKER,_ as TEXT_FIELD_MARKER};

package/dist/lib/puck/field-noun.d.ts

@@ -0,0 +1,3 @@
+export declare const FIELD_NOUNS: readonly ["eyebrow", "heading", "title", "body", "intro", "button", "link", "label", "number", "value", "name", "price", "date", "caption", "note", "quote", "tag", "meta"];
+export type FieldNoun = (typeof FIELD_NOUNS)[number];
+export declare function fieldNoun(label: string): FieldNoun | null;

package/dist/lib/puck/field-noun.js

@@ -0,0 +1 @@
+const o=["eyebrow","heading","title","body","intro","button","link","label","number","value","name","price","date","caption","note","quote","tag","meta"],r=new Set(o);function l(n){const t=n.toLowerCase().split(/[^a-z]+/).filter(Boolean);for(let e=t.length-1;e>=0;e-=1)if(r.has(t[e]))return t[e];return null}export{o as FIELD_NOUNS,l as fieldNoun};

package/dist/lib/puck/footer-blocks.d.ts

@@ -0,0 +1,19 @@
+import { HEADER_TYPE, FOOTER_TYPE, type TreeItem } from "./content-tree.js";
+export { HEADER_TYPE, FOOTER_TYPE };
+export declare function buildDefaultHeaderNode(): TreeItem;
+export type BlockChoice = {
+    type: string;
+    label: string;
+    group?: string;
+};
+export type BlockChoiceRun = {
+    group?: string;
+    items: BlockChoice[];
+};
+export declare function blockRuns(choices: BlockChoice[]): BlockChoiceRun[];
+export declare const FOOTER_BLOCK_CHOICES: BlockChoice[];
+export declare const GROUP_BLOCK_CHOICES: BlockChoice[];
+export declare const FOOTER_GROUP_TYPE = "FooterGroup";
+export declare const FOOTER_BLOCKS_SLOT = "blocks";
+export declare function blockChoicesFor(parentType: string): BlockChoice[] | null;
+export declare function buildDefaultFooterBlocks(): TreeItem[];

package/dist/lib/puck/footer-blocks.js

@@ -0,0 +1 @@
+import{HEADER_TYPE as l,FOOTER_TYPE as i,newNodeId as p}from"./content-tree.js";function c(){return{type:l,props:{id:p(l)}}}function F(o){const e=[];for(const t of o){const r=e[e.length-1];r&&r.group===t.group?r.items.push(t):e.push({group:t.group,items:[t]})}return e}const n=[{type:"FooterLogo",label:"Logo"},{type:"FooterMenu",label:"Menu"},{type:"FooterText",label:"Text"},{type:"FooterEmailSignup",label:"Email Form"},{type:"FooterSocial",label:"Social Logos"},{type:"FooterGroup",label:"Footer Box"},{type:"FooterDivider",label:"Divider"}],u=n.filter(o=>o.type!=="FooterLogo"&&o.type!=="FooterGroup"),s="FooterGroup",d="blocks";function b(o){return o===i?n:o===s?u:null}function g(){const o=(e,t)=>({type:e,props:{id:`${e}-${crypto.randomUUID()}`,...t}});return[o("FooterLogo",{widthPct:100,align:"left",tagline:""}),o("FooterGroup",{direction:"vertical",align:"start",blocks:[o("FooterText",{text:"Join our email list",size:"md",tone:"default"}),o("FooterEmailSignup",{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"})]})]}export{d as FOOTER_BLOCKS_SLOT,n as FOOTER_BLOCK_CHOICES,s as FOOTER_GROUP_TYPE,i as FOOTER_TYPE,u as GROUP_BLOCK_CHOICES,l as HEADER_TYPE,b as blockChoicesFor,F as blockRuns,g as buildDefaultFooterBlocks,c as buildDefaultHeaderNode};

package/dist/lib/puck/footer-return.d.ts

@@ -0,0 +1,3 @@
+export declare function markFooterReturn(originSlug: string): void;
+export declare function readFooterReturn(): string | null;
+export declare function clearFooterReturn(): void;

package/dist/lib/puck/footer-return.js

@@ -0,0 +1 @@
+const e="sf-editor-footer-return";function n(t){if(!(typeof window>"u"))try{window.sessionStorage.setItem(e,t)}catch{}}function r(){if(typeof window>"u")return null;try{return window.sessionStorage.getItem(e)}catch{return null}}function o(){if(!(typeof window>"u"))try{window.sessionStorage.removeItem(e)}catch{}}export{o as clearFooterReturn,n as markFooterReturn,r as readFooterReturn};

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

@@ -0,0 +1,4 @@
+import type { Config } from "efficient-easel/blocks";
+export declare const GENERAL_REGISTRATION_ORDER: readonly ["Heading", "Text", "Eyebrow", "ImageBlock", "LogoBlock", "ButtonBlock", "Spacer", "Divider", "Grid", "Flex", "Breadcrumb", "Masthead", "CategoryBar", "FeaturedCover", "LongRead", "Series", "Banner", "ParagraphsA", "StatsParagraph", "Timeline", "Footprint", "TimelineTrack", "TitleWithButtons", "Stats", "Integrations", "Mockup", "Chart", "KeyFeatures", "Testimonials", "Prose", "Cards", "Logos", "Ticker", "ContactLocations", "HeroSingle", "Hero", "HeroSlide", "HeroGroup", "PostCard", "DocMetaCards", "DocTabs", "DocMasthead", "DocBody", "FAQ", "SpecStrip", "Manifesto", "SectionHeader", "IntroBleed", "Split", "ProcessSteps", "OrderSummary", "PaymentBadges", "CustomHTML"];
+export declare const generalRegistry: Config;
+export default generalRegistry;

package/dist/lib/puck/general-registry.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import{assembleGeneralBlocks as l}from"./blocks/general/index.js";import{EditorThemedBody as m,PublishedPageFrame as u,suppressPreviewNav as g}from"./page-root.js";import{GENERAL_ROOT_FIELDS as f}from"./page-root-fields.js";import{finishRegistry as h}from"./registry.js";import{blockSetOf as B,buildPuckCategories as S}from"./section-catalog.js";const k=["Heading","Text","Eyebrow","ImageBlock","LogoBlock","ButtonBlock","Spacer","Divider","Grid","Flex","Breadcrumb","Masthead","CategoryBar","FeaturedCover","LongRead","Series","Banner","ParagraphsA","StatsParagraph","Timeline","Footprint","TimelineTrack","TitleWithButtons","Stats","Integrations","Mockup","Chart","KeyFeatures","Testimonials","Prose","Cards","Logos","Ticker","ContactLocations","HeroSingle","Hero","HeroSlide","HeroGroup","PostCard","DocMetaCards","DocTabs","DocMasthead","DocBody","FAQ","SpecStrip","Manifesto","SectionHeader","IntroBleed","Split","ProcessSteps","OrderSummary","PaymentBadges","CustomHTML"];function T(e){const o=Object.fromEntries(Object.entries(e.fields??{}).map(([t,r])=>[t,r&&typeof r=="object"&&r.type==="slot"?{...r}:r]));return{...e,...e.fields?{fields:o}:null}}function y(){const e={};for(const[o,t]of Object.entries(S())){const r=t.components.filter(s=>B(s)==="general");(r.length>0||o==="structure")&&(e[o]={...t,components:r})}return e}const E=l(),c={root:{fields:{...f},render:e=>{const{children:o,puck:t,widthMode:r,fullWidth:s,pageWidth:i,pageBackground:n,theme:d,fonts:p}=e;return t?.isEditing?a(m,{propsTheme:d,propsFonts:p,widthMode:r,fullWidth:s,pageWidth:i,pageBackground:typeof n=="string"?n:void 0,suppressPreviewNav:g,children:o}):a(u,{pageBackground:n,w:{widthMode:r,fullWidth:s,pageWidth:i},children:o})}},categories:y(),components:Object.fromEntries(k.map(e=>[e,T(E[e])]))};h(c);var L=c;export{k as GENERAL_REGISTRATION_ORDER,L as default,c as generalRegistry};

package/dist/lib/puck/geocode-resolve.d.ts

@@ -0,0 +1,14 @@
+import { type GeocodeResult } from "../geocode.js";
+import type { GeocodeState } from "../content/contact.js";
+export interface Geocodable {
+    lat: number;
+    lng: number;
+    geocode?: GeocodeState;
+}
+type Geocoder = (query: string) => Promise<GeocodeResult | null>;
+export declare function needsGeocodeWork(rows: readonly Geocodable[]): boolean;
+export declare function resolveGeocodeRows<T extends Geocodable>(rows: readonly T[], toQuery: (row: T) => string, { geocode, courtesyGapMs }?: {
+    geocode?: Geocoder;
+    courtesyGapMs?: number;
+}): Promise<T[]>;
+export {};

package/dist/lib/puck/geocode-resolve.js

@@ -0,0 +1 @@
+import{geocodeAddress as c}from"../geocode.js";const i=a=>typeof a=="number"&&Number.isFinite(a);function r(a){return a.some(g=>{const l=g?.geocode;return l?l.pending||l.manual&&l.lat===void 0&&l.lng===void 0?!0:i(l.lat)&&l.lat!==g.lat||i(l.lng)&&l.lng!==g.lng:!1})}async function m(a,g,{geocode:l=c,courtesyGapMs:s=1100}={}){const u=e=>new Promise(n=>setTimeout(n,e));let d=a.slice();if(a.some(e=>e?.geocode?.pending)){const e=[];let n=!1;for(const t of a){if(!t?.geocode?.pending){e.push(t);continue}n&&s>0&&await u(s),n=!0;try{const o=await l(g(t));e.push(o?{...t,lat:o.lat,lng:o.lng,geocode:{...t.geocode,pending:!1,ok:!0,status:`Found \u2014 ${o.label.split(",").slice(0,3).join(",").trim()}`,lat:o.lat,lng:o.lng}}:{...t,geocode:{...t.geocode,pending:!1,ok:!1,status:"No match \u2014 check the address and try again."}})}catch{e.push({...t,geocode:{...t.geocode,pending:!1,ok:!1,status:"Lookup busy \u2014 try again in a moment."}})}}d=e}return d.map(e=>{const n=e?.geocode;if(!n)return e;if(n.manual&&n.lat===void 0&&n.lng===void 0)return{...e,geocode:{...n,lat:e.lat,lng:e.lng}};const t=i(n.lat)&&n.lat!==e.lat?n.lat:e.lat,o=i(n.lng)&&n.lng!==e.lng?n.lng:e.lng;return t!==e.lat||o!==e.lng?{...e,lat:t,lng:o}:e})}export{r as needsGeocodeWork,m as resolveGeocodeRows};

package/dist/lib/puck/header-clearance.d.ts

@@ -0,0 +1,49 @@
+export declare const FULLBLEED_LEAD_SECTIONS: Set<string>;
+export declare const HEADER_HEIGHT_PX: {
+    readonly min: 56;
+    readonly max: 140;
+    readonly default: 88;
+};
+export declare const HEADER_MENU_GAP_PX: {
+    readonly min: 0;
+    readonly max: 120;
+    readonly step: 2;
+    readonly default: 28;
+};
+export declare const HEADER_HEIGHT_CSS: string;
+export declare const HEADER_SET_HEIGHT_VAR = "--sf-header-set-h";
+export declare const HEADER_DRAWN_HEIGHT_VAR = "--sf-header-h";
+export declare const HEADER_SET_HEIGHT_CSS: string;
+export declare const HEADER_CLEARANCE_CLASS = "sf-header-clearance";
+export declare const STICKY_UNDERHEADER_CLASS = "sf-sticky-underheader";
+export declare function leadSection<T extends {
+    type?: string;
+}>(content?: T[] | null): T | null;
+export declare function pageClearsHeader(content?: {
+    type?: string;
+}[] | null): boolean;
+export declare function pageLeadsWithFullBleed(content?: {
+    type?: string;
+}[] | null): boolean;
+export declare function pageHasHeaderSection(content?: {
+    type?: string;
+}[] | null): boolean;
+export declare function isStandaloneSectionDocument(content?: {
+    type?: string;
+}[] | null): boolean;
+export declare const TOP_SPACE_MODES: readonly ["auto", "shared", "own"];
+export type TopSpaceMode = (typeof TOP_SPACE_MODES)[number];
+export declare const DEFAULT_TOP_SPACE: TopSpaceMode;
+export declare const TOP_SPACE_PROP = "topSpace";
+export declare const TOP_SPACE_ATTR = "data-top-space";
+export declare function resolveTopSpace(v: unknown): TopSpaceMode;
+export declare function pageTakesTopSpace(root?: {
+    props?: Record<string, unknown>;
+} | null, content?: {
+    type?: string;
+}[] | null): boolean;
+export declare function topSpaceMarker(root?: {
+    props?: Record<string, unknown>;
+} | null, content?: {
+    type?: string;
+}[] | null): "own" | null;

package/dist/lib/puck/header-clearance.js

@@ -0,0 +1 @@
+import{HEADER_TYPE as o,FOOTER_TYPE as a}from"./content-tree.js";const E=new Set(["Hero","HeroSingle","IntroBleed"]),n={min:56,max:140,default:88},A={min:0,max:120,step:2,default:28},H=`var(--sf-header-h, ${n.default}px)`,s="--sf-header-set-h",d="--sf-header-h",l=`var(${s}, ${n.default}px)`,T="sf-header-clearance",R="sf-sticky-underheader";function c(e){return e?.find(t=>t?.type&&t.type!==o)??null}function p(e){const t=c(e)?.type;return!t||!E.has(t)}function D(e){return!p(e)}function P(e){return!!e?.some(t=>t?.type===o)}function h(e){return!e||e.length===0?!1:!e.some(t=>t?.type===o||t?.type===a)}const u=["auto","shared","own"],_="auto",S="topSpace",C="data-top-space";function f(e){return u.includes(e)?e:_}function x(e,t){const r=f(e?.props?.[S]);return r==="own"?!0:r==="shared"?!1:p(t)}function m(e,t){return x(e,t)?"own":null}export{_ as DEFAULT_TOP_SPACE,E as FULLBLEED_LEAD_SECTIONS,T as HEADER_CLEARANCE_CLASS,d as HEADER_DRAWN_HEIGHT_VAR,H as HEADER_HEIGHT_CSS,n as HEADER_HEIGHT_PX,A as HEADER_MENU_GAP_PX,l as HEADER_SET_HEIGHT_CSS,s as HEADER_SET_HEIGHT_VAR,R as STICKY_UNDERHEADER_CLASS,C as TOP_SPACE_ATTR,u as TOP_SPACE_MODES,S as TOP_SPACE_PROP,h as isStandaloneSectionDocument,c as leadSection,p as pageClearsHeader,P as pageHasHeaderSection,D as pageLeadsWithFullBleed,x as pageTakesTopSpace,f as resolveTopSpace,m as topSpaceMarker};

package/dist/lib/puck/header-ink.d.ts

@@ -0,0 +1,16 @@
+export type HeaderInk = "light" | "dark";
+export declare const HEADER_INK_ATTR = "data-lead-ink";
+export declare const HEADER_INK_OVERRIDE_ATTR = "data-header-ink";
+export declare const HEADER_INK_MODES: readonly ["auto", "light", "dark"];
+export type HeaderInkMode = (typeof HEADER_INK_MODES)[number];
+export declare const DEFAULT_HEADER_INK: HeaderInkMode;
+export declare const DEFAULT_TRANSPARENT_TOP = true;
+export declare function leadSectionInk(content?: {
+    type?: string;
+    props?: Record<string, unknown>;
+}[] | null): HeaderInk | null;
+export declare function resolveHeaderInkMode(v: unknown): HeaderInkMode;
+export declare function resolveHeaderInk(mode: unknown, content?: {
+    type?: string;
+    props?: Record<string, unknown>;
+}[] | null): HeaderInk | null;

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

@@ -0,0 +1 @@
+import{parseIntroBleedLayout as o}from"../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/lib/puck/heading-outline.d.ts

@@ -0,0 +1,7 @@
+import { type SlotConfigView } from "./content-tree.js";
+export interface HeadingItem {
+    level: number;
+    text: string;
+}
+export declare const SECTION_TOP_LEVEL_FOR_TEST: Record<string, number>;
+export declare function headingOutline(content: unknown[], config: SlotConfigView): HeadingItem[];

package/dist/lib/puck/heading-outline.js

@@ -0,0 +1 @@
+import{slotFieldsOf as u}from"./content-tree.js";import{readHidable as l}from"./hidable.js";function d(s){return s.replace(/<[^>]+>/g," ").replace(/\s+/g," ").trim()}function p(s){const n=[],e=/<h([1-6])\b[^>]*>([\s\S]*?)<\/h\1>/gi;let a;for(;a=e.exec(s);)n.push({level:Number(a[1]),text:d(a[2])||"(empty)"});return n}const m=new Set(["SubmitBuild"]),h={AlloyWheelsListing:1,DocMasthead:1,AppointmentBooking:2,BookingBox:2,SubmitBox:2,Banner:2,BundleOffer:2,Cards:2,Chart:2,CheckoutCTA:2,CollectionCard:3,Collections:2,CompatibleTyres:2,ContactLocations:2,ContactRouting:2,DeliveryOptions:2,DetailRows:2,DocBody:2,EuTyreLabel:2,Events:2,FAQ:2,FeaturedCover:2,FitmentFinder:2,FitmentTable:2,FooterEmailSignup:4,FooterMenu:4,Footprint:2,Form:2,Gallery:2,GalleryB:2,GalleryItem:2,Integrations:2,IntroBleed:2,KeyFeatures:2,Logos:2,LongRead:2,Manifesto:2,Mockup:2,OrderSummary:2,PostCard:2,ProcessSteps:2,ProductGrid:2,Prose:2,RelatedProducts:2,ReviewForm:2,Reviews:2,SectionHeader:2,Series:2,SpecTable:2,Split:2,StatsParagraph:2,SubmitBuild:2,Subscribe:2,SubscribeBlogs:2,Testimonials:2,Timeline:2,TimelineTrack:2,TitleWithButtons:2,TyreFitment:2,TyreSizes:2};function b(s,n){const e=[];for(const a of s??[]){const r=a,i=r.props??{};switch(r.type){case"Heading":{const{text:t,hidden:o}=l(i.text);if(o)break;e.push({level:Number(i.level)||2,text:t||"(empty heading)"})}break;case"Hero":e.push({level:1,text:"Hero (brand headline)"});break;case"CustomHTML":e.push(...p(l(i.html).text));break;default:{const t=h[r.type??""],o=l(i.title??i.heading),c=o.text.trim();if(!t||o.hidden)break;c?e.push({level:t,text:c}):m.has(r.type??"")&&e.push({level:t,text:String(r.type)});break}}for(const t of u(n,r.type??"")){const o=i[t];Array.isArray(o)&&e.push(...b(o,n))}}return e}export{h as SECTION_TOP_LEVEL_FOR_TEST,b as headingOutline};

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

@@ -0,0 +1,9 @@
+export type HidableValue = {
+    text?: string;
+    hidden?: boolean;
+} | string | undefined;
+export declare function readHidable(v: HidableValue): {
+    text: string;
+    hidden: boolean;
+};
+export declare function hidableText(v: HidableValue): string;

package/dist/lib/puck/hidable.js

@@ -0,0 +1 @@
+function t(e){return e&&typeof e=="object"?{text:e.text??"",hidden:!!e.hidden}:{text:typeof e=="string"?e:"",hidden:!1}}function n(e){return t(e).text}export{n as hidableText,t as readHidable};

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

@@ -0,0 +1 @@
+export declare const HOME_PAGE_SLUG = "homepage";

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

@@ -0,0 +1 @@
+const e="homepage";export{e as HOME_PAGE_SLUG};

package/dist/lib/puck/left-view.d.ts

@@ -0,0 +1,5 @@
+export type LeftView = "pages" | "sections" | "styles" | "media";
+export declare function readLeftView(): LeftView;
+export declare function writeLeftView(view: LeftView): void;
+export declare function resolveLeftView(view: LeftView, hasSiteTheme: boolean, hasMedia?: boolean): LeftView;
+export declare function leftViewForSelection(selectedId: string | null | undefined, current: LeftView): LeftView;

package/dist/lib/puck/left-view.js

@@ -0,0 +1 @@
+const n="sf-editor-left-view";function o(){if(typeof window>"u")return"pages";try{const e=window.localStorage.getItem(n);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function i(e){if(!(typeof window>"u"))try{window.localStorage.setItem(n,e)}catch{}}function s(e,t,r=!1){return e==="styles"&&!t||e==="media"&&!r?"sections":e}function f(e,t){return e?"sections":t}export{f as leftViewForSelection,o as readLeftView,s as resolveLeftView,i as writeLeftView};

package/dist/lib/puck/locations-focus.d.ts

@@ -0,0 +1,22 @@
+export type LocationsFocus = {
+    level: "groups";
+} | {
+    level: "group";
+    key: string;
+} | {
+    level: "city";
+    index: number;
+} | {
+    level: "image";
+    index: number;
+} | {
+    level: "map";
+    index: number;
+} | {
+    level: "texts";
+};
+export declare const CITY_FOCUS_LEVELS: readonly ["city", "image", "map"];
+export declare function focusCityIndex(focus: LocationsFocus): number | null;
+export declare function setLocationsFocus(next: LocationsFocus): void;
+export declare function resetLocationsFocus(): void;
+export declare function useLocationsFocus(): LocationsFocus;

package/dist/lib/puck/locations-focus.js

@@ -0,0 +1 @@
+"use client";import{useSyncExternalStore as c}from"react";const u=["city","image","map"];function a(e){return u.includes(e.level)?e.index:null}const n={level:"groups"};let o=n;const t=new Set;function i(e){o=e;for(const r of t)r()}function f(){i(n)}function l(e){return t.add(e),()=>{t.delete(e)}}const s=()=>o;function x(){return c(l,s,s)}export{u as CITY_FOCUS_LEVELS,a as focusCityIndex,f as resetLocationsFocus,i as setLocationsFocus,x as useLocationsFocus};

package/dist/lib/puck/locations-tree.d.ts

@@ -0,0 +1,23 @@
+import type { ContactLocationCard } from "../content/contact.js";
+export declare const groupKeyOf: (c: ContactLocationCard | undefined) => string;
+export declare function cardKey(card: ContactLocationCard): string;
+export declare const groupLabelOf: (key: string, name: string) => string;
+export declare const NEW_CITY: ContactLocationCard;
+export interface LocationBucket {
+    key: string;
+    name: string;
+    cards: ContactLocationCard[];
+}
+export declare function bucketsOf(cards: ContactLocationCard[]): LocationBucket[];
+export declare function absCityIndex(cards: ContactLocationCard[], groupKey: string, pos: number): number;
+export declare function moveGroup(cards: ContactLocationCard[], from: number, gap: number): ContactLocationCard[];
+export declare function moveCity(cards: ContactLocationCard[], fromKey: string, fromPos: number, toKey: string, toGap: number): ContactLocationCard[];
+export declare function addCity(cards: ContactLocationCard[], groupKey: string): ContactLocationCard[];
+export declare function addGroup(cards: ContactLocationCard[]): {
+    cards: ContactLocationCard[];
+    key: string;
+};
+export declare function deleteGroup(cards: ContactLocationCard[], key: string): ContactLocationCard[];
+export declare function deleteCity(cards: ContactLocationCard[], groupKey: string, pos: number): ContactLocationCard[];
+export declare function writeGroupCities(cards: ContactLocationCard[], groupKey: string, next: ContactLocationCard[]): ContactLocationCard[];
+export declare function writeGroupOrder(cards: ContactLocationCard[], keys: string[], seed: (key: string) => ContactLocationCard[]): ContactLocationCard[];

package/dist/lib/puck/locations-tree.js

@@ -0,0 +1,2 @@
+import{bucketByGroup as h}from"../locations-grid.js";const s=t=>String(t?.group??""),d=new WeakMap;let x=0;function b(t){let e=d.get(t);return e||(e=`loc${++x}`,d.set(t,e)),e}const w=(t,e)=>e||t||"Ungrouped",y={photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
+Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""};function a(t){return h(t,s,e=>String(e?.groupName??"")).map(e=>({key:e.key,name:e.name,cards:e.items.map(n=>n.item)}))}const m=t=>t.flatMap(e=>e.cards),g=(t,e,n)=>Math.min(Math.max(t,e),n);function C(t,e,n){let r=0;for(let o=0;o<t.length;o++)if(s(t[o])===e){if(r===n)return o;r++}return-1}function G(t,e,n){const r=a(t);if(e<0||e>=r.length)return t;const[o]=r.splice(e,1),u=g(e<n?n-1:n,0,r.length);return r.splice(u,0,o),m(r)}function N(t,e,n,r,o){const u=a(t),c=u.find(f=>f.key===e),i=u.find(f=>f.key===r);if(!c||!i||n<0||n>=c.cards.length)return t;const[p]=c.cards.splice(n,1),l=e===r?p:{...p,group:i.key,groupName:i.name};l!==p&&d.set(l,b(p));const k=g(c===i&&n<o?o-1:o,0,i.cards.length);return i.cards.splice(k,0,l),m(u)}function S(t,e){const n=a(t),r=n.find(u=>u.key===e),o={...y,group:e,groupName:r?.name??""};return r?(r.cards.push(o),m(n)):[...t,o]}function O(t){const e=new Set(a(t).map(o=>o.key));let n=e.size+1,r=`Group ${n}`;for(;e.has(r);)r=`Group ${++n}`;return{cards:[...t,{...y,group:r,groupName:""}],key:r}}function _(t,e){return t.filter(n=>s(n)!==e)}function v(t,e,n){const r=C(t,e,n);return r<0?t:t.filter((o,u)=>u!==r)}function T(t,e,n){const r=t.flatMap((c,i)=>s(c)===e?[i]:[]),o=t.slice();r.forEach((c,i)=>{o[c]=n[i]});const u=n.slice(r.length);return[...o.filter(c=>c!==void 0),...u]}function U(t,e,n){return e.flatMap(r=>{const o=t.filter(u=>s(u)===r);return o.length?o:n(r)})}export{y as NEW_CITY,C as absCityIndex,S as addCity,O as addGroup,a as bucketsOf,b as cardKey,v as deleteCity,_ as deleteGroup,s as groupKeyOf,w as groupLabelOf,N as moveCity,G as moveGroup,T as writeGroupCities,U as writeGroupOrder};

package/dist/lib/puck/locked-blocks.d.ts

@@ -0,0 +1,2 @@
+export declare const LOCKED_BLOCK_TYPES: ReadonlySet<string>;
+export declare function isLockedBlock(type: string | undefined): boolean;

package/dist/lib/puck/locked-blocks.js

@@ -0,0 +1 @@
+const t=new Set(["BookingBox","SubmitBox"]);function n(o){return typeof o=="string"&&t.has(o)}export{t as LOCKED_BLOCK_TYPES,n as isLockedBlock};