efficient-storefront-blocks 0.47.0 → 0.48.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +20 -0
- package/dist/chunks/{EditorPreviewCheckout-33A6G6NG.js → EditorPreviewCheckout-KOPGAH7L.js} +1 -1
- package/dist/chunks/{SiteEditorProvider-F3CFXIIO.js → SiteEditorProvider-QS2PKQJ6.js} +1 -1
- package/dist/chunks/chunk-HOORZY5J.js +1 -0
- package/dist/chunks/chunk-MTNZH7OX.js +255 -0
- package/dist/chunks/{chunk-IAV6LRGK.js → chunk-S3SSECGB.js} +1 -1
- package/dist/chunks/{chunk-PNTJHDOO.js → chunk-VIRWFFWD.js} +1 -1
- package/dist/chunks/{fitment-data-2FUV22CG.js → fitment-data-ZOKPAVMT.js} +1 -1
- package/dist/contract.js +1 -1
- package/dist/editor.css +1 -1
- package/dist/index.d.ts +21 -91
- package/dist/index.js +83 -60
- package/dist/words.d.ts +2 -1
- package/dist/words.js +3 -3
- package/package.json +2 -2
- package/dist/chunks/chunk-C6CQWBF7.js +0 -255
- package/dist/chunks/chunk-OUTUANSR.js +0 -1
- /package/dist/chunks/{SectionEditorShell-3ZKNO54T.js → SectionEditorShell-KMWXI5OZ.js} +0 -0
- /package/dist/chunks/{chunk-64T5EISP.js → chunk-5P3HGIOR.js} +0 -0
- /package/dist/chunks/{chunk-C6CQWBF7.js.LEGAL.txt → chunk-MTNZH7OX.js.LEGAL.txt} +0 -0
|
@@ -0,0 +1,255 @@
|
|
|
1
|
+
import{$ as gs,A as $o,Aa as pu,B as _t,C as Dt,Ca as Ga,Da as mu,E as Jd,Ea as xu,H as Ar,J as eu,K as Is,L as ou,N as tu,O as ru,Q as au,R as hs,T as nu,U as oo,V as lt,W as lu,X as Io,Y as za,_ as su,a as $d,c as qd,ca as iu,d as no,da as bs,e as At,f as Eo,fa as ys,g as Wa,h as Vd,ja as fu,l as Rr,n as ms,pa as st,ra as cu,s as Yd,t as Xd,ta as du,u as xs,v as Qe,va as uu,w as Zd,x as Qd,y as Bt,z as xo,za as X}from"./chunk-HOORZY5J.js";import{a as Ud,c as ao,l as jd,m as Or,n as Kd,q as Iu,u as Ss}from"./chunk-5P3HGIOR.js";var Ua=null,RC="en",gu=null;function XM(e,o,t){Ua=e??null,RC=o||"en",gu=t??null}function j(){return gu}function bu(){return Ua}function hu(e,o){return o?e.replace(/\{([A-Za-z][A-Za-z0-9_]*)\}/g,(t,r)=>Object.prototype.hasOwnProperty.call(o,r)?String(o[r]):t):e}function l(e,o){let t=Ua?Ua[e]:void 0;if(typeof t=="function"){try{let r=t(o??{});if(typeof r=="string"&&r)return r}catch{}return hu(e,o)}return hu(typeof t=="string"&&t?t:e,o)}function it(e,o,t,r){return l(t===1?e:o,{...r,n:t})}import{hostLoadRefusalOf as AC,hostUnreachableMessage as BC,isBackendError as _C,provideHostFailures as DC,readHostFailure as NC,STATUS_UNREACHABLE as MC,WebsiteBackendError as Cs}from"efficient-easel/screen/lib/backend-error";function Me(e,o){if(typeof e=="string")return e||o;if(e&&typeof e=="object"&&"text"in e){let t=e.text;return typeof t=="string"&&t?t:o}return o}function yu(e,o){return typeof e=="number"&&Number.isFinite(e)?e:o}function Su(e,o){return typeof e=="boolean"?e:o}function $a(e,o){if(!Array.isArray(e))return o;let t=e.map(r=>typeof r=="string"?r:Me(r?.text,"")).map(r=>r.trim()).filter(Boolean);return t.length?t:o}var Cu="cart-drawer",a2="cart-drawer";var HC={kickerBadge:"",kickerText:"Your order",titleLead:"Your",titleAccent:"cart.",subtitleEmpty:"Empty for now.",subtitleOne:"One set in your cart.",subtitleMany:"{count} sets in your cart.",leadTimeValue:"",shipsToFallback:"",promises:[],emptyKicker:"No wheels yet",emptyBody:"Your cart is empty. Pick a wheel to get started."};function n2(e,o){return o===0?e.subtitleEmpty:o===1?e.subtitleOne:e.subtitleMany.replace("{count}",String(o))}function l2(e){let o=e??{},t=HC;return{kickerBadge:Me(o.kickerBadge,t.kickerBadge),kickerText:Me(o.kickerText,t.kickerText),titleLead:Me(o.titleLead,t.titleLead),titleAccent:Me(o.titleAccent,t.titleAccent),subtitleEmpty:Me(o.subtitleEmpty,t.subtitleEmpty),subtitleOne:Me(o.subtitleOne,t.subtitleOne),subtitleMany:Me(o.subtitleMany,t.subtitleMany),leadTimeValue:Me(o.leadTimeValue,t.leadTimeValue),shipsToFallback:Me(o.shipsToFallback,t.shipsToFallback),promises:$a(o.promises,t.promises),emptyKicker:Me(o.emptyKicker,t.emptyKicker),emptyBody:Me(o.emptyBody,t.emptyBody)}}var WC=["meta","eyebrow","heading","body","statName","statValue","formEyebrow","formHeading","formIntro","fieldLabel","option","finePrint","dismiss","doneHeading","doneBody"],f2={meta:"Meta line",eyebrow:"Eyebrow",heading:"Heading",body:"Body",statName:"Stat name",statValue:"Stat value",formEyebrow:"Form eyebrow",formHeading:"Form heading",formIntro:"Form intro",fieldLabel:"Field label",option:"Option",finePrint:"Fine print",dismiss:"Dismiss link",doneHeading:"Success heading",doneBody:"Success message"},zC={meta:"styleMeta",eyebrow:"styleEyebrow",heading:"styleHeading",body:"styleBody",statName:"styleStatName",statValue:"styleStatValue",formEyebrow:"styleFormEyebrow",formHeading:"styleFormHeading",formIntro:"styleFormIntro",fieldLabel:"styleFieldLabel",option:"styleOption",finePrint:"styleFinePrint",dismiss:"styleDismiss",doneHeading:"styleDoneHeading",doneBody:"styleDoneBody"},c2={meta:{font:"--pp-meta-font",size:"--pp-meta-size"},eyebrow:{font:"--pp-eyebrow-font",size:"--pp-eyebrow-size"},heading:{font:"--pp-heading-font",size:"--pp-heading-size"},body:{font:"--pp-body-font",size:"--pp-body-size"},statName:{font:"--pp-statname-font",size:"--pp-statname-size"},statValue:{font:"--pp-statvalue-font",size:"--pp-statvalue-size"},formEyebrow:{font:"--pp-formeyebrow-font",size:"--pp-formeyebrow-size"},formHeading:{font:"--pp-formheading-font",size:"--pp-formheading-size"},formIntro:{font:"--pp-formintro-font",size:"--pp-formintro-size"},fieldLabel:{font:"--pp-fieldlabel-font",size:"--pp-fieldlabel-size"},option:{font:"--pp-option-font",size:"--pp-option-size"},finePrint:{font:"--pp-fineprint-font",size:"--pp-fineprint-size"},dismiss:{font:"--pp-dismiss-font",size:"--pp-dismiss-size"},doneHeading:{font:"--pp-doneheading-font",size:"--pp-doneheading-size"},doneBody:{font:"--pp-donebody-font",size:"--pp-donebody-size"}};function GC(e){return typeof e=="string"&&Eo.includes(e)?e:null}function vu(e){let o={};for(let t of WC){let r=GC(e[zC[t]]);r&&(o[t]=r)}return o}var Nt="site-footer";var u2=Nt,p2={desktop:!0,tablet:!0,mobile:!0},m2={desktop:!1,tablet:!1,mobile:!1},vs=1,wu=6,x2=Array.from({length:wu-vs+1},(e,o)=>vs+o),qa={desktop:6,tablet:3,mobile:2},UC={2:{desktop:2,tablet:2,mobile:1},3:{desktop:3,tablet:3,mobile:1},4:{desktop:4,tablet:2,mobile:2},5:{desktop:5,tablet:3,mobile:2},6:{desktop:6,tablet:3,mobile:2}},ft=e=>Math.min(Math.max(Math.round(e),vs),wu);function I2(e){if(typeof e=="number")return UC[ft(e)]??{desktop:ft(e),tablet:ft(e),mobile:ft(e)};if(e&&typeof e=="object"){let o=e;return{desktop:ft(o.desktop??qa.desktop),tablet:ft(o.tablet??qa.tablet),mobile:ft(o.mobile??qa.mobile)}}return{...qa}}var $C="subscribe-popup",C2="subscribe-popup";var qC=[$C,Nt,Cu];function Fu(e){return qC.includes(e)}var jC=["delay","scroll","exit"],KC=["all","chosen"],VC=["visit","days","never"],YC=["right","left"],XC={min:0,max:60},ZC={min:10,max:90},QC={min:1,max:90},ks={metaLabel:"Meta label",issueLabel:"Label",issueNumber:"00",kicker:"Kicker",heading:`Main heading
|
|
2
|
+
*Highlight line*`,deck:"Add a sentence or two of supporting copy.",stats:[{label:"Label",value:"Value"},{label:"Label",value:"Value"},{label:"Label",value:"Value"},{label:"Label",value:"Value"}],formLabel:"Section label",formHeading:"Main heading *highlight*",formIntro:"Add a sentence or two of supporting copy.",firstNameLabel:"Field label",firstNamePlaceholder:"Placeholder",emailLabel:"Field label",emailPlaceholder:"Placeholder",interestsLabel:"Field label",interests:["Option one","Option two","Option three"],frequencyLabel:"Field label",frequencies:["Option one","Option two","Option three"],submitText:"Button label",finePrint:"Fine print",dismissText:"Dismiss link",emailInvalidText:"Enter a valid email address.",submitErrorText:"Could not subscribe right now. Please try again.",successHeading:"Main heading *highlight*",successBody:"Add a sentence or two of supporting copy \u2014 the {email} and {issue} tokens are substituted here.",keepBrowsingText:"Button label",autoOpen:!1,autoOpenDelaySec:15,formSlug:"",trigger:"delay",scrollPercent:50,showOn:"all",showOnPages:[],hideAfter:"days",hideDays:7,formSide:"right",valuePanelOnPhone:!1,sectionAccent:void 0,sectionCorners:void 0,sectionCornerSides:void 0,textStyles:{}},he=Me,JC=yu,ku=Su,Eu=$a;function ja(e,o,t){return typeof o=="string"&&e.includes(o)?o:t}function ws(e,o,t){let r=JC(e,t);return Math.min(o.max,Math.max(o.min,Math.round(r)))}function ev(e){return typeof e.hideAfter=="string"?ja(VC,e.hideAfter,ks.hideAfter):e.oncePerSession===!0?"visit":e.oncePerSession===!1?"never":ks.hideAfter}function ov(e){return Array.isArray(e)?e.map(o=>typeof o=="string"?o.trim():"").filter(Boolean).map(o=>o.startsWith("/")?o:`/${o}`):[]}function Tu(e,o){if(e==null)return o;let t=r=>r.trim()?r:"";if(typeof e=="string")return t(e);if(typeof e=="object"&&"text"in e){let r=e.text;return typeof r=="string"?t(r):""}return o}function tv(e,o){return Array.isArray(e)?Eu(e,[]):o}function rv(e,o){return Array.isArray(e)?e.map(t=>{let r=t??{};return{label:he(r.label,""),value:he(r.value,"")}}).filter(t=>t.label||t.value):o}function v2(e){let o=e??{},t=ks;return{metaLabel:he(o.metaLabel,t.metaLabel),issueLabel:Tu(o.issueLabel,t.issueLabel),issueNumber:Tu(o.issueNumber,t.issueNumber),kicker:he(o.kicker,t.kicker),heading:he(o.heading,t.heading),deck:he(o.deck,t.deck),stats:rv(o.stats,t.stats),formLabel:he(o.formLabel,t.formLabel),formHeading:he(o.formHeading,t.formHeading),formIntro:he(o.formIntro,t.formIntro),firstNameLabel:he(o.firstNameLabel,t.firstNameLabel),firstNamePlaceholder:he(o.firstNamePlaceholder,t.firstNamePlaceholder),emailLabel:he(o.emailLabel,t.emailLabel),emailPlaceholder:he(o.emailPlaceholder,t.emailPlaceholder),interestsLabel:he(o.interestsLabel,t.interestsLabel),interests:Eu(o.interests,t.interests),frequencyLabel:he(o.frequencyLabel,t.frequencyLabel),frequencies:tv(o.frequencies,t.frequencies),submitText:he(o.submitText,t.submitText),finePrint:he(o.finePrint,t.finePrint),dismissText:he(o.dismissText,t.dismissText),emailInvalidText:he(o.emailInvalidText,t.emailInvalidText),submitErrorText:he(o.submitErrorText,t.submitErrorText),successHeading:he(o.successHeading,t.successHeading),successBody:he(o.successBody,t.successBody),keepBrowsingText:he(o.keepBrowsingText,t.keepBrowsingText),formSlug:typeof o.formSlug=="string"?o.formSlug.trim():t.formSlug,autoOpen:ku(o.autoOpen,t.autoOpen),autoOpenDelaySec:ws(o.autoOpenDelaySec,XC,t.autoOpenDelaySec),trigger:ja(jC,o.trigger,t.trigger),scrollPercent:ws(o.scrollPercent,ZC,t.scrollPercent),showOn:ja(KC,o.showOn,t.showOn),showOnPages:ov(o.showOnPages),hideAfter:ev(o),hideDays:ws(o.hideDays,QC,t.hideDays),formSide:ja(YC,o.formSide,t.formSide),valuePanelOnPhone:ku(o.valuePanelOnPhone,t.valuePanelOnPhone),sectionAccent:o.sectionAccent,sectionCorners:o.sectionCorners,sectionCornerSides:o.sectionCornerSides,textStyles:vu(o)}}import{jsx as Ts,Fragment as av,jsxs as nv}from"react/jsx-runtime";import{createContext as lv,useContext as sv}from"react";var iv={mirrorHostStyles:!0,css:null,fontHrefs:[]},Pu=lv(iv);function F2({value:e,children:o}){return Ts(Pu.Provider,{value:e,children:o})}function Fs(){return sv(Pu)}function Lu(){let{css:e,fontHrefs:o}=Fs();return nv(av,{children:[o.map(t=>Ts("link",{rel:"stylesheet",href:t},t)),e?Ts("style",{"data-sf-canvas-css":"",children:e}):null]})}import{jsx as fv}from"react/jsx-runtime";import{createContext as cv,useContext as dv}from"react";var Ou=cv(void 0);function O2({metadata:e,children:o}){return fv(Ou.Provider,{value:e,children:o})}var Ru=()=>dv(Ou);import{jsx as ue,Fragment as SC,jsxs as Da}from"react/jsx-runtime";import{useCallback as Na,useEffect as To,useRef as kM,useState as TM}from"react";import{Button as FM,Tooltip as EM}from"efficient-shell/ui";import{SettingsSwitch as PM}from"efficient-easel/panel";import{PagesIcon as LM,StylesIcon as OM}from"efficient-easel/rail";import{TemplateIcon as RM}from"efficient-easel/icons";import{Subtree as AM,TreeRow as CC}from"efficient-easel/tree";import{useEasel as BM}from"efficient-easel/easel";import{useEaselStrings as vC}from"efficient-easel/strings";import{createContext as uv,useContext as pv}from"react";var Es=uv(!1),B2=()=>pv(Es);import{jsx as fe,Fragment as ch,jsxs as cl}from"react/jsx-runtime";import{Fragment as dL,useEffect as uL,useId as pL,useMemo as dh,useState as lr}from"react";import{ScreenDocumentContext as Mt,ScreenDocumentProvider as N2,useScreenDocument as Se}from"efficient-easel/screen/components/ScreenDocumentContext";import{UiIcon as dl}from"efficient-easel/draw/client";import{default as Ka,PanelHideButton as Ps,PanelModeExit as W2,PanelShowStrip as z2}from"efficient-easel/screen/components/SidePanelHead";import{jsx as J,jsxs as wt,Fragment as ar}from"react/jsx-runtime";import{useEasel as rh}from"efficient-easel/easel";import{useState as Hf}from"react";import{jsx as Qt,jsxs as Yx,Fragment as iE}from"react/jsx-runtime";import{useState as Xx}from"react";import{SettingsDefaultReset as fE,SettingsField as cE}from"efficient-easel/panel";import{useEaselStrings as dE}from"efficient-easel/strings";import{AddIcon as uE}from"efficient-easel/icons";import{jsx as I,jsxs as Ct,Fragment as _o}from"react/jsx-runtime";import{cloneElement as fx,useId as rT,useRef as Wi,useState as Pn}from"react";import{useEasel as Vr,useSelectedFields as cx}from"efficient-easel/easel";import{readHidable as Qo,hidableText as aT}from"efficient-easel/draw";import{FOLD_FIELD_MARKER as zi,LINK_FIELD_MARKER as nT,MEDIA_FIELD_MARKER as lT,SCAFFOLD_FIELD_MARKER as sT,TEXT_FIELD_MARKER as Bo,foldMetaOf as Do,textFieldIdentifier as zW}from"efficient-easel/draw";import{jsx as Hu}from"react/jsx-runtime";import{useCallback as gv,useEffect as bv,useRef as yv,useState as Sv}from"react";import{useEasel as Cv}from"efficient-easel/easel";import{SettingsAction as vv}from"efficient-easel/panel";function Ls(e){return typeof e=="number"&&Number.isFinite(e)}function $2(e,o){if(!Ls(e))return;let t=za(Io(e));if(Object.keys(t).length===0)return;let r=t[Va];if(typeof r!="string")return t;let a=Br(o)?_r(r,Po(o)??[]):r;return{...t,[mv]:a}}var mv="--sf-section-radius",Va="--sf-card-radius",ct=["tl","tr","br","bl"];function Po(e){if(!Array.isArray(e))return null;let o=e.filter(t=>ct.includes(t));return ct.filter(t=>o.includes(t))}function Br(e){let o=Po(e);return o!==null&&o.length<ct.length}function _r(e,o){return ct.map(t=>o.includes(t)?e:"0").join(" ")}var Au=[{value:"tl",label:"Top left"},{value:"tr",label:"Top right"},{value:"bl",label:"Bottom left"},{value:"br",label:"Bottom right"}];var xv="--sf-card-box-radius",Iv="--sf-site-card-radius",V2="sf-section-bleeds";function Os(e){return typeof e=="number"&&Number.isFinite(e)}function Y2(e,o){if(!Os(e))return;let t=za(Io(e))[Va];if(typeof t!="string")return;let r=Br(o)?_r(t,Po(o)??[]):t;return{[xv]:r}}function X2(e){let o=e[Va];return typeof o=="string"?{[Iv]:o}:{}}function Bu(e,o){let t=e.find(n=>n?.props?.id===o);if(!t)return[...e];let r=t.props?.cardCorners,a=t.props?.cardCornerSides;return e.map(n=>n?.props?.id===o?n:{...n,props:{...n.props,cardCorners:r,cardCornerSides:a}})}import{locateNode as hv}from"efficient-easel/draw";function Dr(e){if(!e)return null;let o=e.lastIndexOf(":");return o>0?{ownerId:e.slice(0,o),slot:e.slice(o+1)}:null}function Ya(e,o,t){let r=Dr(t?.zone),a=r?hv(e,o,r.ownerId):null;return a&&r?{...a,slot:r.slot}:null}function _u(e,o,t){let r=Ya(e,o,t),a=r?.slot??"",n=r&&Array.isArray(r.item.props[a])?r.item.props[a]:[],s=t?.index??-1,i=s>=0?n[s]:void 0,f=i?.props?.id?String(i.props.id):"",u=Math.max(n.length-1,0);return!r||!f?{can:!1,reason:"unreachable",others:0}:n.length<=1?{can:!1,reason:"alone",others:u}:Os(i?.props?.cardCorners)?{can:!0,others:u,zone:r.zone,index:r.index,data:{...r.item,props:{...r.item.props,[a]:Bu(n,f)}}}:{can:!1,reason:"unset",others:u}}function Du(e){return e.can?it("Gives the other card this card's Corners.","Gives the other {n} cards this card's Corners.",e.others):e.reason==="alone"?l("This is the only card in the section."):e.reason==="unset"?l("Set this card's corners first."):l("This card is not in a section that can share corners.")}function Nu(e){return it("Applied to {n} card","Applied to {n} cards",e)}function Mu(e,o){e.can&&o(e.zone,e.index,e.data)}import{useSectionOps as qo}from"efficient-easel/screen/lib/puck/use-section-ops";var wv=2200,kv="apply-corners-to-siblings",Tv="Apply to all cards";function Fv({plan:e,doneCount:o,onPress:t}){return Hu(vv,{id:kv,label:l(Tv),note:Du(e),disabled:!e.can,done:o!==null,doneLabel:Nu(o??0),onPress:t})}function Wu(){let{appState:e,config:o}=Cv(f=>f),t=qo(),[r,a]=Sv(null),n=yv(null);bv(()=>()=>{n.current&&clearTimeout(n.current)},[]);let s=_u(o,e.data.content??[],e.ui.itemSelector),i=gv(()=>{Mu(s,t.replaceComponent),s.can&&(a(s.others),n.current&&clearTimeout(n.current),n.current=setTimeout(()=>a(null),wv))},[s,t]);return Hu(Fv,{plan:s,doneCount:r,onPress:i})}var zu=1;function Ev(e){return Io(e)}function xH(e){let o=Ev(e);return o===null?{}:{"--sf-card-image-radius":`${o}px`}}var Gu=1,Uu="Corners";function Pv(e){return Io(e)}function bH(e,o){let t=Pv(e);if(t===null)return null;let r=`${t}px`;return{borderRadius:Br(o)?_r(r,Po(o)??[]):r}}var Lo={twoAcross:{label:"Two across",across:2,acrossPhone:2,desktop:[[6,1],[6,1]],phone:[[3,1],[3,1]]},zigzag:{label:"Zigzag",across:2,acrossPhone:2,desktop:[[8,1],[4,1],[4,1],[8,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},brick:{label:"Brick",across:2,acrossPhone:2,desktop:[[5,1],[7,1],[7,1],[5,1]],phone:[[2,1],[4,1],[4,1],[2,1]]},twoTall:{label:"Two tall",across:2,acrossPhone:2,desktop:[[6,2],[6,2]],phone:[[3,2],[3,2]]},offsetTall:{label:"Offset tall",across:2,acrossPhone:2,desktop:[[5,2],[7,1],[3,1],[4,1]],phone:[[3,2],[3,1],[3,1]]},ladder:{label:"Ladder",across:2,acrossPhone:2,desktop:[[3,2],[9,1],[5,1],[4,1]],phone:[[2,2],[4,1],[2,1],[2,1]]},threeAcross:{label:"Three across",across:3,acrossPhone:3,desktop:[[4,1],[4,1],[4,1]],phone:[[2,1],[2,1],[2,1]]},bigLeft:{label:"Big left",across:3,acrossPhone:3,desktop:[[6,1],[3,1],[3,1]],phone:[[4,1],[1,1],[1,1]]},bigRight:{label:"Big right",across:3,acrossPhone:3,desktop:[[3,1],[3,1],[6,1]],phone:[[1,1],[1,1],[4,1]]},threeStagger:{label:"Three stagger",across:3,acrossPhone:3,desktop:[[5,1],[4,1],[3,1],[3,1],[4,1],[5,1]],phone:[[3,1],[2,1],[1,1],[1,1],[2,1],[3,1]]},threeLadder:{label:"Three ladder",across:3,acrossPhone:3,desktop:[[3,1],[4,1],[5,1],[5,1],[4,1],[3,1]],phone:[[1,1],[2,1],[3,1],[3,1],[2,1],[1,1]]},tallMiddle:{label:"Tall middle",across:3,acrossPhone:3,desktop:[[4,1],[4,2],[4,1],[4,1],[4,1]],phone:[[2,1],[2,2],[2,1],[2,1],[2,1]]},fourAcross:{label:"Four across",across:4,acrossPhone:2,desktop:[[3,1],[3,1],[3,1],[3,1]],phone:[[3,1],[3,1]]},bigFirst:{label:"Big first",across:4,acrossPhone:2,desktop:[[6,1],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},fourStagger:{label:"Four stagger",across:4,acrossPhone:2,desktop:[[4,1],[3,1],[2,1],[3,1],[2,1],[3,1],[4,1],[3,1]],phone:[[4,1],[2,1],[2,1],[4,1]]},tallFirst:{label:"Tall first",across:4,acrossPhone:2,desktop:[[3,2],[3,1],[3,1],[3,1],[3,1],[3,1],[3,1]],phone:[[3,2],[3,1],[3,1]]},oneThenFour:{label:"One then four",across:4,acrossPhone:2,desktop:[[12,1],[3,1],[3,1],[3,1],[3,1]],phone:[[6,1],[3,1],[3,1]]},sixAcross:{label:"Six across",across:6,acrossPhone:3,desktop:[[2,1],[2,1],[2,1],[2,1],[2,1],[2,1]],phone:[[2,1],[2,1],[2,1]]},sixStagger:{label:"Six stagger",across:6,acrossPhone:6,desktop:[[3,1],[2,1],[1,1],[2,1],[1,1],[3,1],[1,1],[3,1],[2,1],[2,1],[1,1],[3,1]],phone:[[1,1],[1,1],[1,1],[1,1],[1,1],[1,1]]}},Rs=Object.keys(Lo),qu=[2,3,4,6];function ju(e){return typeof e!="string"||e===""?null:Lo[e]??null}function $u(e,o){return o?6/e.acrossPhone:12/e.across}var Lv="sf-wall--";function Ov(e){return`${Lv}${e}`}function SH(e){let o=Lo[e],t=`.${Ov(e)}`,r=[],a=(n,s)=>{let i=[],f=n.length;n.forEach(([u,p],m)=>{i.push(`${t} > :nth-child(${f}n+${m+1}){grid-column:span ${u};grid-row:span ${p}}`)});for(let u=1;u<f;u+=1)i.push(`${t}:has(> :nth-child(${f}n+${u}):last-child) > :nth-last-child(-n+${u}){grid-column:span ${s};grid-row:span 1}`);return i};return r.push(`${t}{grid-template-columns:repeat(12,minmax(0,1fr))}`),r.push(...a(o.desktop,$u(o,!1))),r.push("@media (max-width:800px){"),r.push(`${t}{grid-template-columns:repeat(6,minmax(0,1fr))}`),r.push(...a(o.phone,$u(o,!0))),r.push("}"),r.join("")}var Xa=12,Ku=1,Rv=3;var Av=3;function As(e,o,t){let r=typeof e=="number"?e:Number.parseInt(String(e??""),10);return Number.isFinite(r)?Math.min(t,Math.max(o,Math.trunc(r))):null}function Bv(e){return As(e,1,Xa)??Av}function wH(e,o){return As(e,Ku,Rv)??(Bv(o)===4?2:Ku)}function kH(e){return e==null||e===""?null:As(e,1,Xa)}var TH="data-sf-span";function FH(e){if(!e)return!1;if(e.type==="Grid")return!0;if(e.type==="GalleryB"){if(ju(e.props?.layout))return!1;let o=e.props?.columns;return o!=null&&o!==""}return!1}var ho=["top-left","top-center","top-right","left","center","right","bottom-left","bottom-center","bottom-right"],Za="bottom-left";var Qa={"top-left":"Top left","top-center":"Top center","top-right":"Top right",left:"Left",center:"Center",right:"Right","bottom-left":"Bottom left","bottom-center":"Bottom center","bottom-right":"Bottom right"};function _v(e){let o=ho.indexOf(dt(e));return{band:Math.floor(o/3),column:["start","center","end"][o%3]}}function Dv(e){return 1+_v(e).band*6}function PH(e){return Dv(e)+1}function dt(e){return ho.includes(e)?e:Za}function LH(e){let o=typeof e=="number"&&Number.isFinite(e)?e:0;return Math.max(-40,Math.min(40,Math.round(o)))}function OH(e,o=60){let t=typeof e=="number"&&Number.isFinite(e)?e:o;return Math.max(30,Math.min(100,Math.round(t)))}function Bs(e,o){let t=dt(o);return e.filter(r=>dt(r?.props?.placement)===t).length}function Vu(e){return`${Qa[dt(e)]} already holds 4 boxes. Move one somewhere else first.`}function _s(e,o){let t=e.filter(r=>r?.props?.id!==o);return ho.map(r=>{let a=Bs(t,r)>=4,n=Qa[r];return a?{value:r,label:n,disabled:!0,title:Vu(r)}:{value:r,label:n}})}function Ja(e,o){let t=o===void 0?Za:dt(o?.props?.placement);return Bs(e,t)>=4?Vu(t):null}var en="HeroGroup";function Nv(e){return ho.map(o=>{let t=Bs(e,o);return{anchor:o,total:t,hidden:t-4}}).filter(o=>o.hidden>0)}function Ds(e){let o=Nv(e);return o.length===0?null:o.map(({anchor:t,total:r,hidden:a})=>{let n=Qa[t],s=a===1?"1 is not shown":`${a} are not shown`;return`${n} holds ${r} boxes. The published page draws the first 4, so ${s}. ${a===1?"Move it":"Move them"} somewhere else.`}).join(" ")}function Yu(e,o){let t=o;if(t?.type!==en)return null;let r=t.props?.id===void 0?"":String(t.props.id);return r?Ja(Ns(e,r),t):null}function Ns(e,o){let t=Zu(e,o);return t&&t.ownerType===Hv?t.siblings:[]}function Xu(e,o){let t=Zu(e,o);return t?t.ancestorTypes.filter(r=>r===en).length:Mv}var Mv=1,Hv="HeroSlide";function Zu(e,o){let t=a=>Array.isArray(a)&&a.length>0&&a.every(n=>!!n&&typeof n=="object"&&typeof n.type=="string"),r=(a,n,s)=>{if(n>12||!a||typeof a!="object")return null;if(t(a)){if(a.some(i=>i?.props?.id===o))return{siblings:a,ownerType:s.at(-1)??null,ancestorTypes:s};for(let i of a){let f=i.type,u=r(i,n+1,[...s,String(f)]);if(u)return u}return null}for(let i of Object.values(a)){let f=r(i,n+1,s);if(f)return f}return null};return r(e,0,[])}import{jsx as Wv}from"react/jsx-runtime";var zv="sf-hint-keep";function Qu({children:e}){return Wv("span",{className:zv,children:e})}import{AdjustIcon as iT,AlignLeftIcon as fT,EyeIcon as cT,AlignSeparateIcon as dT,AnimationIcon as dx,BackgroundIcon as uT,BorderAllIcon as pT,BlockSectionIcon as mT,CartIcon as xT,ColumnWidthsIcon as ux,ColumnsIcon as IT,CornerIcon as hT,DirectionDownIcon as gT,DirectionLeftIcon as bT,DirectionRightIcon as yT,DirectionUpIcon as ST,DollarIcon as CT,FinishIcon as vT,GapIcon as px,GridIcon as wT,GroundIcon as kT,HashIcon as mx,HeightIcon as TT,ImageIcon as FT,ListIcon as ET,LocationIcon as Hi,PaddingAllIcon as PT,PaddingBottomIcon as xx,PaddingLeftIcon as Ix,PaddingRightIcon as hx,PaddingTopIcon as gx,PageIcon as bx,PhoneIcon as LT,PlacementIcon as OT,ProductSizeIcon as RT,StickyIcon as AT,RotateIcon as BT,SquareIcon as _T,TypeIcon as DT,WidthIcon as NT,WrapIcon as MT}from"efficient-easel/icons";import{jsx as Q,Fragment as go,jsxs as bo}from"react/jsx-runtime";import{TitleIcon as Gv,ButtonIcon as Uv,DollarIcon as $v,HashIcon as qv,LinkIcon as jv,NoteIcon as Kv,TagIcon as Vv,TextLinesIcon as Yv}from"efficient-easel/icons";var Ju={body:Yv,button:Uv,link:jv,label:Vv,number:qv,price:$v,note:Kv,title:Gv},ep={eyebrow:bo(go,{children:[Q("path",{d:"M5 6.5h5"}),Q("path",{d:"M5 12.5h14"}),Q("path",{d:"M5 18h11"})]}),heading:bo(go,{children:[Q("path",{d:"M6.5 5v14"}),Q("path",{d:"M17.5 5v14"}),Q("path",{d:"M6.5 12h11"})]}),intro:bo(go,{children:[Q("path",{d:"M4 5.5v13"}),Q("path",{d:"M8 7.5h12"}),Q("path",{d:"M8 12h12"}),Q("path",{d:"M8 16.5h8"})]}),value:bo(go,{children:[Q("rect",{x:"2.5",y:"7",width:"19",height:"10",rx:"2"}),Q("path",{d:"M6.5 12h7"})]}),name:bo(go,{children:[Q("path",{d:"M6 3.5v17"}),Q("path",{d:"M6 5h11.5l-2.6 3.6L17.5 12H6z"})]}),date:bo(go,{children:[Q("rect",{x:"4",y:"5.5",width:"16",height:"15",rx:"2"}),Q("path",{d:"M4 10.5h16"}),Q("path",{d:"M9 3.2v4.4"}),Q("path",{d:"M15 3.2v4.4"})]}),caption:bo(go,{children:[Q("rect",{x:"3.5",y:"4.5",width:"17",height:"11",rx:"2"}),Q("path",{d:"M3.5 12.8l4.2-3.2 3.6 2.8 3.4-2.4 5.8 4"}),Q("path",{d:"M6.5 19.5h11"})]}),quote:bo(go,{children:[Q("path",{d:"M9.5 5.5C7 7.2 5.5 9.7 5.5 12.8h4v5.7h-5v-5.7"}),Q("path",{d:"M19.5 5.5c-2.5 1.7-4 4.2-4 7.3h4v5.7h-5v-5.7"})]}),tag:bo(go,{children:[Q("rect",{x:"3",y:"5.5",width:"18",height:"13",rx:"2.5"}),Q("path",{d:"M8 9.5h8"}),Q("path",{d:"M12 9.5v5"})]}),meta:bo(go,{children:[Q("path",{d:"M4 7h16"}),Q("path",{d:"M4 14h3.5"}),Q("path",{d:"M10.5 14h3"}),Q("path",{d:"M17 14h3"})]})};function Ms({noun:e,size:o=14,strokeWidth:t=1.8,className:r,style:a}){let n=Ju[e];return n?Q("span",{className:r,style:{display:"inline-flex",...a},"aria-hidden":"true",children:Q(n,{size:o})}):Q("svg",{className:r,style:a,width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:ep[e]})}var NH=Object.keys(Ju);var MH=Object.keys(ep);var Xv="#ffffff",Zv=/^#[0-9a-fA-F]{6}$/;function Hs(e){return Qv(e)?e:Xv}function Qv(e){return typeof e=="string"&&Zv.test(e)}function WH(e){return{"--bg":Hs(e)}}var Ws=[{role:"bg",token:"--bg",ink:!1},{role:"fg",token:"--fg",ink:!0},{role:"surface",token:"--site-surface",ink:!1},{role:"surface-2",token:"--site-surface-2",ink:!1},{role:"line",token:"--site-line",ink:!0},{role:"muted",token:"--fg-dim",ink:!0}],Jv=Ws.filter(e=>e.ink);function ew(e){let o={color:e.fg};for(let{role:t,token:r}of Jv)o[r]=e[t];return o}var ow={fg:"var(--overlay-fg)",line:"color-mix(in srgb, var(--overlay-fg) 24%, transparent)",muted:"color-mix(in srgb, var(--overlay-fg) 76%, transparent)"},op=Object.freeze(ew(ow));var on=-1,tw="sf-section-accent",tp="Color",rp=new Set(["CategoryBar","DocTabs"]),$H=new Set(["Flex"]),rw=0;function zs(e){return e===on?null:typeof e=="number"&&Number.isInteger(e)&&e>=0?e:rw}function qH(e){return e??on}function aw(e){let o=`--theme-preset-${e}`,t={"--sf-sec-accent":`var(${o}-accent)`,"--sf-sec-accent-2":`var(${o}-accent-2)`,"--sf-sec-accent-ink":`var(${o}-accent-ink)`};for(let{role:r}of Ws)t[`--sf-sec-${r}`]=`var(${o}-${r}, var(--theme-${r}))`;return t}function jH(e){let o=zs(e.sectionAccent);return o===null?null:{className:tw,style:aw(o)}}var nw=["fade","rise","scale"],Gs="none",ap=[{label:"None",value:Gs},{label:"Fade",value:"fade"},{label:"Rise",value:"rise"},{label:"Scale",value:"scale"}];function YH(e){return nw.includes(e)?e:null}var np="data-sf-anim",Nr="data-sf-anim-state";function XH(e){let o=()=>{};if(typeof IntersectionObserver>"u"||!e.getAttribute(np))return o;let t=window.innerHeight||document.documentElement.clientHeight;if(e.getBoundingClientRect().top<t)return o;e.setAttribute(Nr,"armed");let r=new IntersectionObserver(a=>{for(let n of a)if(n.isIntersecting){r.disconnect(),lw(e);break}},{threshold:0});return r.observe(e),()=>{r.disconnect(),e.removeAttribute(Nr)}}function lw(e){if(!e.getAttribute(np))return;e.removeAttribute(Nr),e.offsetWidth,e.setAttribute(Nr,"play");let o=t=>{t.target===e&&(e.removeAttribute(Nr),e.removeEventListener("animationend",o))};e.addEventListener("animationend",o)}var ZH=rp;function $s(e,o){let t=e?.content;if(!Array.isArray(t))return null;for(let r of t){if(!r||typeof r!="object")continue;let a=r.props;if(a?.id===o)return null;if(Us(r,o,0))return a??{}}return null}function Us(e,o,t){if(t>12||!e||typeof e!="object")return!1;if(Array.isArray(e))return e.some(a=>Us(a,o,t+1));let r=e.props;return r&&typeof r=="object"&&r.id===o?!0:Object.values(e).some(a=>Us(a,o,t+1))}import{SettingsDefaultReset as qe,SettingsField as ne,SettingsGroupHead as HT,SettingsGroupSub as WT,SettingsBorder as zT,SettingsSegmented as GT,SettingsSides as UT,SettingsSidesEach as yx,sidesStartEach as $T,SettingsSwitch as Sx,borderSides as qT,borderStartEach as jT}from"efficient-easel/panel";import{FieldSelect as KT,ListField as VT}from"efficient-easel/fields";import{DisplayChips as YT}from"efficient-shell/ui";function Ht(e){if(!e||typeof e!="object"||Array.isArray(e))return{};let o={};for(let[t,r]of Object.entries(e))typeof r=="boolean"&&(o[t]=r);return o}function tn(e,o){return Ht(e)[o]!==!1}function qs(e,o,t){let r=Ht(o)[t];return typeof r=="boolean"?r:tn(e,t)}function lp(e){return Object.values(Ht(e)).some(o=>o===!1)}function sp(e){return Object.keys(Ht(e)).length>0}function ip(e,o,t){let r={...Ht(e)};return t?delete r[o]:r[o]=!1,Object.keys(r).length?r:void 0}function fp(e,o,t){return{...Ht(e),[o]:t}}function e5(e,o,t){let r=tn(e,t),a=qs(e,o,t);return r&&a?"":!r&&!a?"hidden":r?"max-[720px]:hidden":"min-[720px]:hidden"}import{AlignmentGrid as XT,Checkbox as lz,CornersInput as ZT,DateTimePicker as QT,FOCAL_DEFAULT as sz,PictureTiles as Cx,Slider as JT,Tooltip as vx}from"efficient-shell/ui";import{jsx as ut,jsxs as iw}from"react/jsx-runtime";import{ColorPicker as fw,HexInput as cw}from"efficient-shell/ui";import{SettingsDefaultReset as dw,SettingsField as uw}from"efficient-easel/panel";import{typedHex as js}from"efficient-easel/pick";import{typedHex as sw}from"efficient-easel/pick";function cp(e){let o=new Set,t=[];return Qe(e).themes.forEach((r,a)=>{let n=[[l("Theme {n} main color",{n:a+1}),r.accent],[l("Theme {n} text color",{n:a+1}),r.text],[l("Theme {n} background",{n:a+1}),r.background]];for(let[s,i]of n){let f=i?sw(i):null;!f||o.has(f)||(o.add(f),t.push({name:s,value:f}))}}),t}function to({value:e,onChange:o,label:t,id:r,caption:a,inherited:n,after:s,ariaLabel:i}){return ut(mw,{value:e,onChange:o,label:l(i??t),id:r,caption:a,inherited:n,after:s})}function pw(){let{theme:e}=X();return cp(e).map(o=>({value:o.value,label:o.name}))}function mw({value:e,onChange:o,label:t,id:r,caption:a,inherited:n,after:s}){let i=pw(),f=e?null:js(n??""),u=a!==void 0&&(!e||js(a)!==js(e))?a:null,p=m=>{m!==e&&o(m)};return iw("div",{className:"sf-colour",children:[ut(fw,{id:r,value:e,onChange:p,label:t,presets:i,fallback:f??void 0,size:"sm",align:"end"}),u!==null?ut("span",{className:"sf-colour-caption",children:u}):ut("span",{className:"sf-colour-hexwrap",children:ut(cw,{value:e||f||"",onChange:p,label:l("{label} hex code",{label:t}),placeholder:e||f?void 0:l("Not set"),className:f?"sf-colour-hex is-inherited":"sf-colour-hex",size:"sm"})}),s]})}function rn({label:e,icon:o,value:t,inherited:r,resetTo:a,onChange:n,onReset:s,hint:i}){let f=!!t;return ut(uw,{label:e,icon:o,changed:f,action:to({value:t,inherited:f?void 0:r,onChange:n,label:e,after:ut(dw,{words:j()?.panel,label:e,changed:f,detail:a,onReset:s})}),hint:i})}import{jsx as Mr}from"react/jsx-runtime";import{useEffect as Dw,useState as Nw}from"react";import{markSelection as Mw,useCaretEdit as Hw}from"efficient-easel/copy";import{RevertIcon as Ww}from"efficient-easel/icons";import{IconButton as zw,TextToolbar as Gw,Tooltip as Uw}from"efficient-shell/ui";import{applyMark as b5,markupTools as y5,MARKUP_TOOLS as S5,COPY_FIELD_TOOLS as C5,STOREFRONT_MARKUP as v5,tokenizeInline as w5,stripInline as k5,isSafeLinkHref as T5}from"efficient-shell/markup";import{applyMark as Tw,markedAt as Fw,markupTools as Ew,MARKUP_TOOLS as Pw,parseMarkup as Lw,RETIRED_MARKS as Ow,STOREFRONT_MARKUP as Rw,tokenizeInline as E5}from"efficient-shell/markup";var pt=["highlight","strong","quiet"],mt={highlight:"Highlight",strong:"Bold",quiet:"Quiet"},yo={highlight:{kind:"wordHighlight",delimiter:"@@"},strong:{kind:"wordStrong",delimiter:"++"},quiet:{kind:"wordQuiet",delimiter:"^^"}},mp=Object.fromEntries(pt.map(e=>[yo[e].kind,e])),xp="data-sf-ws",an=["accent","text","labels"],Ip={accent:"Accent",text:"Text",labels:"Labels"},Oo={accent:"var(--accent)",text:"var(--fg)",labels:"var(--fg-dim)"},xw=80,Iw=120,hw=100,gw=900,bw=.5,yw=3,Sw=-.1,Cw=.5,vw=3,Ks={font:null,size:null,weight:null,bold:null,italic:null,lineGap:null,textGap:null,colour:null},ww={highlight:{...Ks},strong:{...Ks},quiet:{...Ks}};function dp(e,o,t){return typeof e!="number"||!Number.isFinite(e)?null:Math.round(Math.min(Math.max(e,o),t))}function up(e,o,t){if(typeof e!="number"||!Number.isFinite(e))return null;let r=10**vw;return Math.round(Math.min(Math.max(e,o),t)*r)/r}function pp(e){return typeof e=="boolean"?e:null}function kw(e){let o=typeof e?.font=="string"&&no.some(r=>r.key===e.font)?e.font:null,t=typeof e?.colour=="string"&&an.includes(e.colour)?e.colour:null;return{font:o,size:dp(e?.size,xw,Iw),weight:dp(e?.weight,hw,gw),bold:pp(e?.bold),italic:pp(e?.italic),lineGap:up(e?.lineGap,bw,yw),textGap:up(e?.textGap,Sw,Cw),colour:t}}function hp(e){let o={};for(let t of pt)o[t]=e&&t in e&&e[t]?kw(e[t]):{...ww[t]};return o}function x5(e){let o=hp(e),t={};for(let r of pt){let a=o[r],n=`--sf-ws-${r}`;if(a.font){let s=no.find(i=>i.key===a.font);s&&(t[`${n}-font`]=`var(${s.cssVar})`)}a.size!==null&&(t[`${n}-size`]=`${a.size/100}em`),a.weight!==null&&(t[`${n}-weight`]=String(a.weight)),a.bold!==null&&(t[`${n}-weight-bold`]=a.bold?"700":"400"),a.italic!==null&&(t[`${n}-style`]=a.italic?"italic":"normal"),a.lineGap!==null&&(t[`${n}-line`]=String(a.lineGap)),a.textGap!==null&&(t[`${n}-track`]=`${a.textGap}em`),a.colour!==null&&(t[`${n}-color`]=Oo[a.colour])}return t}function I5(e){let o=e?.word_styles??void 0,t={};for(let r of pt)o&&r in o&&(t[r]=o[r]??null);return hp(t)}var Aw=new Set(["strong"]),gp=pt.map(e=>({open:yo[e].delimiter,close:yo[e].delimiter,kind:yo[e].kind,...Aw.has(e)?{wordStart:!0}:{}})),L5=[{style:yo.highlight.kind,label:mt.highlight,title:`${mt.highlight} word style`},{style:yo.strong.kind,label:mt.strong,title:`${mt.strong} word style`},{style:yo.quiet.kind,label:mt.quiet,title:`${mt.quiet} word style`}],Bw=new Set(gp.map(e=>e.open)),Wt=[...Rw.filter(e=>!Bw.has(e.open)),...gp];function Vs(e){return e.bullet?"- ":e.number!=null?`${e.number}. `:""}function Ys(e){return Lw(typeof e=="string"?e:"",Wt)}var _w=Pw.map(e=>e.style).filter(e=>!Ow.includes(e)).filter(e=>Wt.some(o=>o.kind===e));function bp(){return Ew(_w)}var yp=Object.fromEntries(pt.map(e=>[yo[e].kind,yo[e].delimiter]));function Sp(e,o,t,r){let a=yp[r];if(!a)return Tw(e,o,t,r);let n=e.slice(o,t),s=e.slice(Math.max(0,o-a.length),o),i=e.slice(t,t+a.length);if(s===a&&i===a)return{text:e.slice(0,o-a.length)+n+e.slice(t+a.length),selectionStart:o-a.length,selectionEnd:o-a.length+n.length};let f=n||"styled text";return{text:e.slice(0,o)+a+f+a+e.slice(t),selectionStart:o+a.length,selectionEnd:o+a.length+f.length}}function Cp(e,o,t,r){let a=yp[r];return a?o>=a.length&&e.slice(o-a.length,o)===a&&e.slice(t,t+a.length)===a:Fw(e,o,t,r)}function xt(e){return Ys(e).map(o=>Vs(o)+vp(o.children)).join(`
|
|
3
|
+
`)}function vp(e){return e.map(o=>o.kind==="text"?o.text:vp(o.children)).join("")}var wp="Clear formatting";function $w(e,o,t){return Mw(e,o,t,Sp)}function qw(e){let[o,t]=Nw(null);return Dw(()=>{let r=e.current?.ownerDocument??(typeof document>"u"?null:document);if(!r)return;let a=()=>{let n=e.current;if(!n||r.activeElement!==n)return;let s=n.selectionStart??n.value.length,i=n.selectionEnd??s;t(f=>f&&f.start===s&&f.end===i?f:{start:s,end:i})};return r.addEventListener("selectionchange",a),()=>r.removeEventListener("selectionchange",a)},[e]),[o,t]}function jw({target:e,value:o,onChange:t,disabled:r=!1,label:a="Formatting"}){let n=Hw({target:e,onChange:t}),[s,i]=qw(e),f=x=>n(h=>{let b=$w(o,x,h);return i({start:b.selectionStart,end:b.selectionEnd}),b}),u=bp(),p={};if(s)for(let x of u)p[x.style]=Cp(o,s.start,s.end,x.style);let m=xt(o);return Mr(Gw,{offered:new Set(u.map(x=>x.style)),onMark:x=>f(x),pressed:p,disabled:r,"aria-label":l(a),className:"sf-markup-bar",last:Mr("span",{className:"sf-markup-clear",children:Mr(Uw,{content:l(wp),children:Mr(zw,{size:"sm",onMouseDown:x=>x.preventDefault(),onClick:()=>t(m),disabled:r||m===o,"aria-label":l(wp),children:Mr(Ww,{size:14})})})})})}var Xs=jw;import{DEVICE_FIELD_MARKER as z5,DEVICE_HIDDEN_ATTR as G5,DEVICE_NOTE as U5,deviceField as ve,deviceMetaOf as Zs,deviceNote as $5,shownTier as q5,withoutDeviceGate as j5}from"efficient-easel/screen/lib/puck/device-fields";import{NO_CONTROL_ATTR as Y5,NO_CONTROL_FIELD as kp,noControlField as Hr,NoControlMark as zt,noControlMetaOf as X5}from"efficient-easel/screen/lib/puck/panel-no-control-mark";var Qs="__ownBox";function Tp(e){return!!e&&typeof e=="object"&&e[Qs]===!0}function Ro(e){return`${e}Phone`}function nn(e,o,t){return typeof e=="number"?e:typeof o=="number"?o:t}var ln=void 0;import{jsx as ei,Fragment as Yw}from"react/jsx-runtime";import{createContext as Xw,useContext as Zw}from"react";var sn={ProductGrid:{source:{keep:["slug"]}},GalleryItem:{product:{keep:["code","finish"]}},FeaturedCover:{source:{keep:["slug"]}},LongRead:{source:{keep:["slug"]}}},fn={Events:["posts"],SubscribeBlogs:["posts"]};var Kw=["anchor"],Vw=/^href$|Href$|^url$|Url$|^link$|^mailto$|^tel$/;function Wr(e){return Kw.includes(e)||Vw.test(e)}var Js={Gallery:{source:{verb:"snapshot",keep:[]}},ProductHero:{source:{verb:"snapshot",keep:[]}},SpecTable:{source:{verb:"snapshot",keep:[]},wheel:{verb:"reference"},finish:{verb:"reference"},size:{verb:"reference"}},CollectionCard:{collection:{verb:"snapshot",keep:[]}},FooterMenu:{menu:{verb:"snapshot",keep:[]}},MenuBlock:{menu:{verb:"snapshot",keep:[]}},BrandStrip:{picks:{verb:"reference"}},ProductGrid:{design_codes:{verb:"reference"}},ProductRef:{code:{verb:"reference"},finish:{verb:"reference"}},FitmentTable:{wheel:{verb:"reference"}},GalleryItem:{fromProduct:{verb:"reference"}},Footprint:{"offices[].group":{verb:"groupKey"},"offices[].lat":{verb:"pii"},"offices[].lng":{verb:"pii"},"offices[].geocode":{verb:"pii"}}};Js.ContactLocations={"locations[].lat":{verb:"pii"},"locations[].lng":{verb:"pii"},"locations[].mapsUrl":{verb:"pii"},"locations[].geocode":{verb:"pii"}};var t3=Object.fromEntries(Object.entries(sn).map(([e,o])=>[e,Object.keys(o)])),r3=Object.fromEntries(Object.entries(fn).map(([e,o])=>[e,[...o]]));var Fp=Xw(!1);function Ep({children:e}){return ei(Fp.Provider,{value:!0,children:e})}function Qw(){return Zw(Fp)}function Pp({name:e,children:o}){return!Qw()||!e||Wr(e)?ei(Yw,{children:o}):ei(zt,{})}function Je(e,o,t){return e.some(r=>(typeof r=="object"?r.value:r)===t)?t:o}var oi="off",ti="none",ri=[{label:"None",value:"off"},{label:"1, 2, 3",value:"plain"},{label:"01, 02, 03",value:"padded"},{label:"N\xB001, N\xB002",value:"numero"}],ai=[{label:"None",value:"none"},{label:"Hairline",value:"hairline"}];function u3(e){return Je(ri,oi,e)}function p3(e){return Je(ai,ti,e)}var Lp="sf-card-index",zr="sf-card-index",m3="pointer-events-none absolute left-[18px] top-[18px] z-10 border border-line bg-bg/70 px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.16em] text-fg-dim",Jw={plain:`counter(${zr})`,padded:`counter(${zr}, decimal-leading-zero)`,numero:`"N\xB0" counter(${zr}, decimal-leading-zero)`};function x3(e,o){return o==="off"?"":`.${e}{counter-reset:${zr}}.${e} .${Lp}{counter-increment:${zr}}.${e} .${Lp}::before{content:${Jw[o]}}`}function I3(e){return e==="hairline"?"border border-line hover:border-accent":""}var Op=[{value:"1",label:"1st rendering"},{value:"2",label:"2nd rendering"},{value:"3",label:"3rd rendering"},{value:"4",label:"4th rendering"},{value:"5",label:"5th rendering"}];import{SCALAR_TEXT_CONTROLS as eF}from"efficient-easel/draw";import{jsx as Ao}from"react/jsx-runtime";import{SettingsDefaultReset as ek,SettingsField as Bp}from"efficient-easel/panel";import{useSelectedFields as ok}from"efficient-easel/easel";import{FOCAL_DEFAULT as tk}from"efficient-shell/format";import{ImageIcon as _p,PlayIcon as Dp}from"efficient-easel/icons";import{ImageBox as rk}from"efficient-easel/pick";import{useEaselStrings as ak}from"efficient-easel/strings";import{useContext as nk}from"react";import{usePreviewDevice as lk}from"efficient-easel/draw/client";import{requestMediaPick as Rp,resolveMediaPick as y3}from"efficient-easel/screen/lib/media-picker";import{createEaselHost as v3,DETACHED_EASEL_HOST as w3,EaselHostContext as k3,EaselHostProvider as T3,useEaselHost as Gt}from"efficient-easel/screen/lib/host";var Ue=Ud,Ap=e=>e.blocks;import{EaselSessionProvider as O3,useEaselSession as Ae}from"efficient-easel/screen/lib/session-context";function sk(e,o){let t=null;try{t=ok()}catch{t=null}let r=lk()==="mobile";if(!e||!t||o&&!o(t.values??{}))return null;let a=typeof t.values?.[e]=="string"&&t.values[e]?String(t.values[e]):tk,n=Ro(e),s=typeof t.values?.[n]=="string"&&t.values[n]?String(t.values[n]):void 0,i=t.onChange;return{phone:r,desktop:a,own:s,focus:r?s??a:a,set:f=>i(r?n:e,f),clear:()=>i(n,ln)}}function Np({value:e,onChange:o,label:t,accept:r,placeholder:a,focusKey:n,focusWhen:s}){let i=Gt(),f=Ae(),u=ak(),p=l(t),m=r.startsWith("video"),x=sk(m?void 0:n,s),h=nk(Mt),b=k=>Rp(i,{accept:r,title:p,...k?{file:k}:{}}).then(v=>v?.url??null);if(h&&!h.capabilities.mediaEditing)return Ao(Bp,{label:p,icon:m?Ao(Dp,{}):Ao(_p,{}),children:Ao("div",{className:"sf-image-slot-inert",children:m?l("Templates don\u2019t store videos \u2014 this slot stays a placeholder. Each website picks its own after it\u2019s created."):l("Templates don\u2019t store images \u2014 this slot stays a placeholder. Each website picks its own after it\u2019s created.")})});let C=x?.phone&&e?Ao(ek,{words:j()?.panel,label:l("Image focus"),changed:!!x.own,detail:l("{value} on desktop",{value:x.desktop}),onReset:x.clear}):void 0;return Ao(Bp,{label:p,icon:m?Ao(Dp,{}):Ao(_p,{}),action:C,children:Ao(rk,{value:e,onChange:o,label:p,kind:m?"video":"image",placeholder:a===void 0?void 0:l(a),openLibrary:b,maxSizeBytes:Ue(f).media.maxUploadBytes,...x?{focus:x.focus,onFocusChange:x.set}:{},words:u.pick.image})})}import{jsx as Mp}from"react/jsx-runtime";import{useId as ik}from"react";import{FieldSelect as fk}from"efficient-easel/fields";import{SettingsField as ck}from"efficient-easel/panel";function dk(e){return e.map(({value:o,label:t,note:r})=>({value:o,label:t,...r?{meta:r}:{}}))}function Hp({label:e,options:o,value:t,onChange:r,emptyLabel:a,icon:n,hint:s}){let i=ik(),f=`${i}-label`,u=`${i}-button`,p=Array.isArray(t)?t:[];return Mp(ck,{label:l(e),labelId:f,icon:n,hint:s,children:Mp(fk,{id:u,multiple:!0,value:p,options:dk(o),onChange:r,placeholder:a===void 0?l("None"):l(a),ariaLabelledBy:`${f} ${u}`,inline:!0})})}import{jsx as Te,jsxs as ht,Fragment as Ak}from"react/jsx-runtime";import{useCallback as Bk,useContext as _k,useEffect as Dk,useId as em,useRef as Qp,useState as Jp}from"react";import{ThemeIcon as Nk}from"efficient-easel/icons";import{SettingsField as Mk}from"efficient-easel/panel";import{jsx as $,jsxs as Ko,Fragment as bk}from"react/jsx-runtime";import{SettingsField as si,SettingsGroupSub as yk}from"efficient-easel/panel";import{Button as li}from"efficient-shell/ui";import{jsx as jo,jsxs as Wp}from"react/jsx-runtime";import{SettingsField as uk}from"efficient-easel/panel";import{AccentIcon as pk}from"efficient-easel/icons";import{Tooltip as mk}from"efficient-shell/ui";function ni(e){return xo(e).background}function xk(e){let o=$o(e.accent,ni(e));return o===null?null:{ratio:o,grade:Dt(o)}}function Ik(e){let o=ni(e),t=$o(e.accent,o);return t===null?[]:Jd(e.accent).filter(r=>{let a=$o(r,o);return a!==null&&a>t&&Dt(a)==="good"})}var hk={good:"Easy to read","large-only":_t["large-only"],hard:_t.hard};function zp({value:e,onChange:o}){let t=xk(e),r=t?.grade,a=t&&t.grade!=="good"?Ik(e):[];return jo(uk,{label:l("Main color"),icon:jo(pk,{}),hint:t?l(hk[t.grade]):void 0,action:jo(to,{value:e.accent,onChange:n=>o({...e,accent:n}),label:l("Main color")}),children:a.length>0?jo("div",{className:"w-full min-w-0",children:Wp("div",{className:"sf-readability",children:[jo("p",{className:"sf-readability-advice",children:gk(r,!0)}),jo("div",{className:"sf-readability-suggestions",children:a.map(n=>{let s=$o(n,ni(e));return jo(mk,{content:l("Use {colour}",{colour:n.toUpperCase()}),children:Wp("button",{type:"button",className:"sf-readability-suggestion",onClick:()=>o({...e,accent:n}),children:[jo("span",{className:"sf-readability-chip",style:{background:n},"aria-hidden":!0}),s?`${s.toFixed(1)}:1`:n.toUpperCase()]})},n)})})]})}):null})}function gk(e,o){return e?e==="good"?l("This color reads clearly on your pages."):o?l("This color is hard to read on this theme's page. The buttons below are the same hue, darkened."):l("This color is hard to read on your page background. Pick one further from it \u2014 lighter if your pages are dark, deeper if they are light."):l("Pick a color to see how it reads.")}import{ButtonIcon as Sk,GroundIcon as Ck,LayoutIcon as vk,SquareIcon as wk,TextSmallIcon as kk,TypeIcon as Gp}from"efficient-easel/icons";var Gr=e=>l("Theme {n}",{n:e+1});function Up({colors:e}){let o=xo(e),t=Ar(e)??o.accent;return Ko("span",{className:"sf-theme-page",style:{background:o.background,color:o.text},"aria-hidden":!0,children:[$("span",{className:"sf-theme-eyebrow",style:{color:o.muted},children:l("label")}),Ko("span",{className:"sf-theme-headline",children:[l("Heading")," ",$("span",{style:{color:o.accent},children:l("accent")})]}),$("span",{className:"sf-theme-body",children:l("body text")}),Ko("span",{className:"sf-theme-row",children:[$("span",{className:"sf-theme-btn",style:{background:t,color:Is(e,o.accent)},children:l("button")}),$("span",{className:"sf-theme-mini",style:{background:o.surface,borderColor:o.line},children:l("card")})]})]})}var ii={"Text color":$(Gp,{}),"Label color":$(kk,{}),Background:$(Ck,{}),"Panels & cards":$(vk,{}),Borders:$(wk,{}),"Button color":$(Sk,{}),"Button text color":$(Gp,{})};function Tk({label:e,colorKey:o,value:t,onChange:r,idPrefix:a="sf-theme-ink"}){let n=`${a}-${o}`;return $(si,{label:l(e),icon:ii[e],htmlFor:n,action:$(to,{id:n,label:l(e),value:t,onChange:s=>r(o,s)})})}function Fk({value:e,accent:o,onChange:t,idPrefix:r="sf-theme-ink"}){let a=`${r}-button`,n=/^#[0-9a-fA-F]{6}$/.test(e??""),s=n?e:o;return $(si,{label:l("Button color"),icon:ii["Button color"],htmlFor:a,action:$(to,{id:a,label:l("Button color"),value:s,caption:n?s:l("Main"),onChange:t})})}function Ek({colors:e,accent:o,onChange:t,idPrefix:r="sf-theme-ink"}){let a=`${r}-button-ink`,n=eu(e),s=Is(e,o),i=Ar(e)??o,f=Dt($o(s,i)??0);return $(si,{label:l("Button text color"),icon:ii["Button text color"],hint:n&&f!=="good"?l("{grade} on the button",{grade:l(_t[f])}):void 0,htmlFor:a,action:$(to,{id:a,label:l("Button text color"),value:s,caption:n?s:l("Auto"),onChange:t})})}var Pk=[{colour:!0},{label:"Text color",key:"text"},{label:"Label color",key:"muted"},{button:!0},{buttonInk:!0},{group:"Surfaces"},{label:"Background",key:"background"},{label:"Panels & cards",key:"surface"},{label:"Borders",key:"line"}];function fi({colors:e,onChange:o,idPrefix:t}){let r=xo(e);return $(bk,{children:Pk.map(a=>"colour"in a?$(zp,{value:e,onChange:o},"colour"):"group"in a?$(yk,{title:l(a.group)},a.group):"button"in a?$(Fk,{value:e.button,accent:r.accent,onChange:n=>o({...e,button:n}),idPrefix:t},"button"):"buttonInk"in a?$(Ek,{colors:e,accent:r.accent,onChange:n=>o({...e,buttonInk:n}),idPrefix:t},"buttonInk"):$(Tk,{label:a.label,colorKey:a.key,value:r[a.key],onChange:(n,s)=>o({...e,[n]:s}),idPrefix:t},a.key))})}function cn({index:e,colors:o,selected:t,role:r="radio",open:a,editable:n=!0,onPick:s,onEdit:i,onChangeColors:f}){let u=xo(o),p=Gr(e),m=e<xs.length&&!o.brandInk?xs[e]:null,x=Dt($o(u.text,u.background)??0),h=m?JSON.stringify(o)!==JSON.stringify(m):!1,b=a!==void 0;return Ko("div",{className:`sf-theme-card${t?" is-selected":""}`,children:[$("button",{type:"button",role:r,"aria-checked":r==="radio"?t:void 0,"aria-selected":r==="option"?t:void 0,"aria-label":p,className:"sf-theme-pick",onClick:s,children:$(Up,{colors:o})}),Ko("div",{className:"sf-theme-foot",children:[$("span",{className:"sf-theme-name",children:p}),x!=="good"&&$("span",{className:"sf-theme-warn",children:l(_t[x])}),n&&i&&$(li,{variant:a?"primary":"secondary",size:"sm",className:"sf-theme-edit","aria-expanded":b?a:void 0,"aria-controls":b?`sf-theme-colours-${e}`:void 0,"aria-label":a?l("Done {name}",{name:p}):l("Edit {name}",{name:p}),onClick:i,children:a?l("Done"):l("Edit")})]}),a&&Ko("div",{id:`sf-theme-colours-${e}`,className:"sf-theme-colours",children:[$(fi,{colors:o,onChange:C=>f?.(C)}),m&&$(li,{variant:"link",size:"sm",className:"sf-theme-reset",disabled:!h,onClick:()=>f?.({...m}),children:h?l("Reset {name} to the preset",{name:p}):l("Not changed")})]})]})}function $p({colors:e,name:o,nameId:t,open:r,menuId:a,labelId:n,buttonRef:s,onClick:i,onKeyDown:f,onEdit:u}){return Ko("div",{className:"sf-secttheme-btn",children:[$("button",{ref:s,type:"button",className:"sf-theme-pick","aria-expanded":r,"aria-controls":a,"aria-labelledby":`${n} ${t}`,onClick:i,onKeyDown:f,children:e?$(Up,{colors:e}):$("span",{className:"sf-secttheme-nopreview","aria-hidden":"true"})}),Ko("div",{className:"sf-theme-foot",children:[$("span",{id:t,className:"sf-theme-name",children:o}),u&&$(li,{variant:"secondary",size:"sm",className:"sf-theme-edit","aria-label":l("Edit {name}",{name:o}),onClick:u,children:l("Edit")}),$("button",{type:"button",className:"sf-secttheme-caret","aria-hidden":"true",tabIndex:-1,onClick:i,children:$("span",{className:"sf-multi-caret",children:"\u25BE"})})]})]})}import{useCallback as xi,useEffect as Yp,useRef as pn}from"react";import{useSyncExternalStore as Lk}from"react";var jp,ci=null,It=null,dn=0,di=new Set;function ui(e){jp=e;for(let o of di)o()}function pi(e){ci=e,dn+=1,It&&clearTimeout(It),It=null,ui(void 0)}function y4(e){dn+=1,ui(e)}function un(e=250){ci&&(It&&clearTimeout(It),It=setTimeout(()=>{It=null;let o=ci;if(!o)return;let t=++dn;o().then(r=>{t===dn&&ui(r)}).catch(()=>{})},e))}function qp(){return jp}function Ok(e){return di.add(e),()=>{di.delete(e)}}function Kp(){return Lk(Ok,qp,qp)}var mi=new Set;function Vp(e){return mi.add(e),()=>{mi.delete(e)}}async function C4(){let e=(await Promise.allSettled([...mi].map(async o=>o()))).find(o=>o.status==="rejected");if(e)throw e.reason}function Xp(e=ao()){return(o,t,r)=>{let a=Ue(e).theme;return a?a.update(o,r?{siteId:r}:void 0):Promise.reject(new Cs("invalid","This backend stores no site theme."))}}function Zp(e){return e.themeFromDocument?{status:"skipped",reason:"template"}:e.token?null:{status:"skipped",reason:"no-token"}}async function Rk(e,o=Xp()){let{themeFromDocument:t,token:r,siteId:a,patch:n}=e,s=Zp({themeFromDocument:t,token:r});if(s)return s;if(Object.keys(n).length===0)return{status:"skipped",reason:"empty"};try{return await o(n,r,a??void 0),{status:"saved"}}catch(i){return{status:"failed",error:i}}}function Ut({themeFromDocument:e,tokenRef:o,siteId:t,onResult:r}){let a=pn(null),n=pn({}),s=Ae(),i=pn(r);i.current=r;let f=pn(null),u=xi(x=>{if(x.status==="skipped"){let h=`skipped:${x.reason}`;if(f.current===h)return;f.current=h}else f.current=null;i.current?.(x)},[]),p=xi(async()=>{a.current&&(clearTimeout(a.current),a.current=null);let x=n.current;n.current={};let h=await Rk({themeFromDocument:e,token:o?.current,siteId:t,patch:x},Xp(s));return u(h),h.status==="saved"&&un(),h.status==="failed"&&(n.current={...x,...n.current}),h},[e,o,t,u,s]),m=xi((x,h=!1)=>{let b=Zp({themeFromDocument:e,token:o?.current});if(b){u(b);return}n.current={...n.current,...x},a.current&&clearTimeout(a.current),h?p():a.current=setTimeout(()=>{p()},500)},[e,o,p,u]);return Yp(()=>()=>{p()},[p]),Yp(()=>Vp(async()=>{if(!a.current&&Object.keys(n.current).length===0)return;let x=await p();if(x.status==="failed")throw x.error}),[p]),{persist:m,flush:p}}var Hk="Follow the page",U4="Follow the slideshow",Wk=e=>l("Editing {name} changes it everywhere.",{name:e});function zk({colors:e}){if(!e)return Te("span",{className:"sf-secttheme-chip sf-secttheme-chip--none","aria-hidden":"true"});let o=xo(e);return ht("span",{className:"sf-secttheme-chip","aria-hidden":"true",children:[Te("i",{style:{background:o.background}}),Te("i",{className:"sf-secttheme-chip-accent",style:{background:o.accent}})]})}function Gk({themes:e,value:o,onPick:t,onEdit:r,menuId:a,followLabel:n}){return ht("div",{className:"sf-multi-menu sf-secttheme-menu",id:a,role:"listbox",children:[n!==void 0&&ht(Ak,{children:[ht("button",{type:"button",role:"option","aria-selected":o===null,className:`sf-secttheme-item${o===null?" is-active":""}`,onClick:()=>t(on),children:[Te(zk,{}),Te("span",{className:"sf-secttheme-name",children:l(n)})]}),Te("div",{className:"sf-secttheme-sep",role:"presentation"})]}),o!==null&&e[o]&&Te("p",{className:"sf-secttheme-oncard",role:"presentation",children:l("{name} is on this section",{name:Gr(o)})}),e.map((s,i)=>i===o?null:Te(cn,{role:"option",index:i,colors:s,selected:!1,onPick:()=>t(i),onEdit:()=>r(i)},i))]})}function Uk({index:e,colors:o,onChange:t,onDone:r}){let a=Gr(e),n=em();return ht("div",{className:"sf-secttheme-sheet",children:[ht("div",{className:"sf-secttheme-sheet-head",children:[Te("span",{children:a}),Te("button",{type:"button",className:"sf-secttheme-done",onClick:r,children:l("Done")})]}),Te("div",{className:"sf-secttheme-rows",children:Te(fi,{colors:o,onChange:t,idPrefix:n})}),Te("p",{className:"sf-secttheme-warn",children:Wk(a)})]})}function om({value:e,onChange:o,followLabel:t,hint:r}){let{theme:a,setTheme:n}=X(),s=Qe(a),i=_k(Mt),f=i?.tokenRef,u=i?.siteId??null,p=!i?.capabilities?.hasSiteTheme,{persist:m,flush:x}=Ut({themeFromDocument:p,tokenRef:f,siteId:u}),h=Qe(s),b=h.themes,C=zs(e),k=C!==null?b[C]:void 0,v=k??(b.length?Bt(h):void 0),[w,g]=Jp(!1),[y,E]=Jp(null),F=Qp(null),L=Qp(null),B=em(),O=Bk(()=>{g(!1),E(null)},[]);Dk(()=>{if(!w&&y===null)return;let H=z=>{F.current&&!F.current.contains(z.target)&&(x(),O())};return document.addEventListener("mousedown",H),()=>document.removeEventListener("mousedown",H)},[w,y,O,x]);let M=H=>{o(H),O()},re=H=>{if(y===null)return;let z=b.map((oe,Oe)=>Oe===y?H:oe),A={...h,themes:z};n(A),m({selected_preset:A.selected,theme_presets:A.themes})};return ht("div",{className:"sf-secttheme",ref:F,children:[Te(Mk,{label:l("Theme"),icon:Te(Nk,{}),labelId:`${B}-label`,hint:r,children:Te($p,{colors:v,onEdit:C!==null?()=>{E(C),g(!1)}:void 0,name:k?Gr(C):l(t??Hk),nameId:`${B}-value`,labelId:`${B}-label`,open:w,menuId:B,buttonRef:L,onClick:()=>{E(null),g(H=>!H)},onKeyDown:H=>{H.key==="Escape"&&(w||y!==null)&&(H.preventDefault(),O())}})}),w&&y===null&&Te("div",{onKeyDown:H=>{H.key==="Escape"&&(H.preventDefault(),O(),L.current?.focus())},children:Te(Gk,{themes:b,value:C,onPick:M,onEdit:H=>{E(H),g(!1)},menuId:B,followLabel:t})}),y!==null&&b[y]&&Te(Uk,{index:y,colors:b[y],onChange:re,onDone:()=>{x(),O(),L.current?.focus()}})]})}import{jsx as tm}from"react/jsx-runtime";import{useId as $k}from"react";import{FieldSelect as qk}from"efficient-easel/fields";import{SettingsField as jk}from"efficient-easel/panel";function Kk(e){return e.map(({value:o,label:t,group:r,thumb:a,meta:n})=>({value:o,label:t,...r!==void 0?{group:r}:{},...a!==void 0?{thumb:a}:{},...n!==void 0?{meta:n}:{}}))}function X4({label:e,options:o,fallback:t,value:r,onChange:a,placeholder:n,bare:s=!1,icon:i}){let f=$k(),u=`${f}-label`,p=`${f}-button`,m=r??"",x=o.some(k=>k.value===m)?m:t,h=l(e),b=n===void 0?void 0:l(n),C=tm(qk,{id:p,value:x,options:Kk(o),onChange:a,placeholder:b,searchPlaceholder:b,...s?{ariaLabel:h}:{ariaLabelledBy:`${u} ${p}`},searchable:!0,groupCount:!0,inline:!0});return s?C:tm(jk,{label:h,labelId:u,icon:i,children:C})}import{jsx as gt,jsxs as Zk}from"react/jsx-runtime";import{SettingsField as um}from"efficient-easel/panel";import{LinkIcon as Qk}from"efficient-easel/icons";import{LinkPicker as Jk,TextLinkField as e0}from"efficient-shell/ui";import{useEffect as dm,useMemo as In,useRef as o0,useState as xn}from"react";function rm(){return ao().auth.token}var mn="homepage";function am(e){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}var nm=[{value:"page",label:"Page"},{value:"anchor",label:"Anchor"},{value:"blog",label:"Blog post",needs:"service"},{value:"product",label:"Product",needs:"commerce"},{value:"custom",label:"Custom URL"}];function lm(e){return e.offersCommerce&&e.offersService?nm:nm.filter(o=>!o.needs||(o.needs==="commerce"?e.offersCommerce:e.offersService))}function Ur(e){return e===mn?"/":`/${e}`}function sm(e){return`/journal/${e}`}function a6(e){return`/wheels/${e}`}function im(e,o){return`${Ur(e)}#${o}`}function Vk(e){return am(e)}function Yk(e){return typeof e=="string"?e.trim():e&&typeof e=="object"&&typeof e.text=="string"?e.text.trim():""}function fm(...e){let o=new Set,t=[];for(let r of e)for(let a of r?.content??[]){let n=Yk(a?.props?.anchor);if(!n)continue;let s=Vk(n);!s||o.has(s)||(o.add(s),t.push({slug:s,name:n}))}return t}function n6(e){let o=e.indexOf("#"),t=o===-1?e:e.slice(0,o),r=t.indexOf("?");return r===-1?t:t.slice(0,r)}var Xk=()=>({choosePage:l("Choose a page"),chooseSection:l("Choose a section"),noSections:l("No section anchors yet"),sectionHint:l("Jumps to a section on that page."),choosePost:l("Choose a post"),chooseProduct:l("Choose a product")});function cm(e,o,t){if(!e)return"page";if(e.startsWith("/journal/"))return"blog";if(e.startsWith("/wheels/"))return"product";if(e.includes("#")){let r=e.slice(0,e.indexOf("#"));if(r===""||r==="/"||o.includes(r))return"anchor"}return e==="/"||o.includes(e)||t&&t.listingPaths.includes(t.targetOf(e))?"page":"custom"}function Ii(e,o){let t=Xk(),r=e.pages.map(p=>({value:Ur(p.slug),label:p.title})),a=o?.pageOptions?o.pageOptions(r):r,n=a.map(p=>p.value),s=e.pages.map(p=>({label:p.title,options:fm(...p.docs).map(m=>({value:im(p.slug,m.slug),label:m.name}))})).filter(p=>p.options.length>0),i=p=>{switch(p){case"page":return{type:"select",options:a,placeholder:t.choosePage};case"anchor":return{type:"groups",groups:s,placeholder:s.length?t.chooseSection:t.noSections};case"blog":return{type:"select",options:e.posts.map(m=>({value:sm(m.slug),label:m.title||m.slug})),placeholder:t.choosePost};case"product":return{type:"select",options:e.products.map(m=>({value:m.href,label:m.name||m.href})),placeholder:t.chooseProduct};case"custom":return{type:"text"}}},f=lm(e.offers).map(p=>({value:p.value,label:l(p.label),target:i(p.value),...p.value==="anchor"?{hint:t.sectionHint}:{},...p.value==="blog"||p.value==="product"?{hideWhenEmpty:!0}:{}}));if(!o)return{kinds:f,rules:{kindOf:p=>cm(p,n),targetOf:p=>p,readFilter:()=>null,withFilter:p=>p}};let u=p=>{let m=o.withFilter(p,null);return o.listingPaths.includes(m)?m:p};return{kinds:f,rules:{kindOf:p=>cm(p,n,{listingPaths:o.listingPaths,targetOf:u}),targetOf:u,readFilter:o.readFilter,withFilter:o.withFilter},filtersFor:p=>o.listingPaths.includes(p)?o.filtersFor(p):null}}function pm(e){let o=new Map;return(t="")=>{let r=rm(),a=o.get(t);if(!a||a.token===null&&r!==null){let n=r||!ao().usesBridgedToken?e(r??"",t).catch(()=>[]):Promise.resolve([]);return o.set(t,{promise:n,token:r}),n}return a.promise}}var t0=pm(async(e,o)=>{let t=o?{siteId:o}:void 0,{pages:r}=Ue();return r.linkTargets?r.linkTargets(t):(await r.list(t)).map(a=>({id:a.id,slug:a.slug,label:a.label,layout:null}))}),r0=pm(async(e,o)=>await Ue().blog?.posts(o?{siteId:o}:void 0)??[]);function a0({value:e,onChange:o,label:t="Link",data:r,filters:a}){let n=In(()=>Ii(r,a),[r,a]),s=l(t);return gt(um,{label:s,icon:gt(Qk,{}),children:gt(Jk,{value:e,onChange:i=>o(i),kinds:n.kinds,rules:n.rules,filtersFor:n.filtersFor,label:s})})}function mm(){let{siteId:e,capabilities:o}=Se(),{offersCommerce:t,hasBlog:r}=o,[a,n]=xn([]),[s,i]=xn([]),[f,u]=xn([]),[p,m]=xn(null),x=Ae().chrome,h=x?.products?.list,b=x?.linkFilters,C=b?void 0:x?.linkRow,k=o0(!0);dm(()=>(k.current=!0,()=>{k.current=!1}),[]),dm(()=>{let g=!0;return t0(e??void 0).then(y=>g&&k.current&&n(y)),r&&r0(e??void 0).then(y=>g&&k.current&&i(y)),t&&h?.().then(y=>g&&k.current&&u(y)),t&&b?b.load(e).catch(()=>null).then(y=>g&&k.current&&m(()=>y)):m(null),()=>{g=!1}},[e,t,r,h,b]);let v=In(()=>({pages:a.filter(g=>!Fu(g.slug)).map(g=>({slug:g.slug,title:g.label,docs:[g.layout]})),posts:r?s.map(g=>({slug:g.slug,title:g.title})):[],products:t?f.map(g=>({href:g.href,name:g.name})):[],offers:{offersCommerce:t,offersService:r}}),[a,s,f,t,r]),w=In(()=>p?p(v.pages):null,[p,v]);return{data:v,filters:w,pages:a,offersCommerce:t,HostLinkRow:C}}function w6({label:e,icon:o,text:t,onTextChange:r,link:a,onLinkChange:n}){let{data:s,filters:i}=mm(),f=In(()=>Ii(s,i),[s,i]),u=l(e);return gt(um,{label:u,icon:o,children:gt(e0,{label:u,text:t,onTextChange:r,link:a,onLinkChange:p=>n(p),kinds:f.kinds,rules:f.rules,filtersFor:f.filtersFor})})}function xm({value:e,onChange:o,label:t="Link"}){let r=typeof e=="string"?e:"",{data:a,filters:n,pages:s,offersCommerce:i,HostLinkRow:f}=mm(),u=a.pages.map(m=>Ur(m.slug)),p=i&&f&&(r==="/"||u.includes(r))?f:void 0;return Zk("div",{children:[gt(a0,{value:r,onChange:o,label:t,data:a,filters:n}),p&>(p,{value:r,onChange:o,pages:s})]})}import{UiIcon as ax}from"efficient-easel/draw/client";var lo={min:10,max:200,step:10};function Im(e,o){let t=typeof e=="number"?e:void 0,r=typeof o=="number"?o:void 0;if(!(t===void 0&&r===void 0))return{paddingTop:t,paddingBottom:r}}var n0="sf-pad-top-phone",l0="sf-pad-bottom-phone",s0="--sf-pad-t-phone",i0="--sf-pad-b-phone",f0="sf-pad-left-phone",c0="sf-pad-right-phone",d0="--sf-pad-l-phone",u0="--sf-pad-r-phone";function bm(e,o,t,r,a,n,s,i){let f=Im(e,o)??{},u={},p=["sf-section-pad"];typeof t=="number"&&(p.push(n0),u[s0]=`${t}px`),typeof r=="number"&&(p.push(l0),u[i0]=`${r}px`);let m={};return typeof a=="number"&&(m.paddingLeft=a),typeof n=="number"&&(m.paddingRight=n),typeof s=="number"&&(p.push(f0),u[d0]=`${s}px`),typeof i=="number"&&(p.push(c0),u[u0]=`${i}px`),p.length===1&&Im(e,o)===void 0&&!Object.keys(m).length?null:{className:p.join(" "),style:{...f,...m,...u}}}var hm=e=>typeof e=="number"?e:void 0;function gm(e,o,t){let r=hm(e)??t,a=hm(o);return r===void 0?a:a===void 0?r:r+a}function T6(e,o={}){return{top:gm(e.padTop,e.sectionPaddingTop,o.top),bottom:gm(e.padBottom,e.sectionPaddingBottom,o.bottom)}}function F6(e){return{top:e.sectionPaddingTop,bottom:e.sectionPaddingBottom,topPhone:e.sectionPaddingTopPhone,bottomPhone:e.sectionPaddingBottomPhone,left:e.sectionPaddingLeft,right:e.sectionPaddingRight,leftPhone:e.sectionPaddingLeftPhone,rightPhone:e.sectionPaddingRightPhone}}function E6(e){return bm(e.top,e.bottom,e.topPhone,e.bottomPhone,e.left,e.right,e.leftPhone,e.rightPhone)}function P6(e,o){let t=r=>typeof r=="number"?r+o:void 0;return bm(t(e.top),t(e.bottom),t(e.topPhone),t(e.bottomPhone),e.left,e.right,e.leftPhone,e.rightPhone)}var p0=["auto","fixed","screen"],m0=["px","%"];var x0="var(--sf-header-h, 88px)",hi={min:40,max:2e3,step:10,fallback:600},gi={min:10,max:200,step:5,fallback:100},I0="sf-section-minh",ym={base:"--sf-section-minh",small:"--sf-section-minh-s"},Cm=e=>typeof e=="string"&&p0.includes(e),h0=e=>typeof e=="string"&&m0.includes(e);function hn(e){let o=Cm(e.sectionHeightMode)?e.sectionHeightMode:"auto",t=o==="screen"?"%":h0(e.sectionHeightUnit)?e.sectionHeightUnit:"px",r=o==="screen"?gi.fallback:hi.fallback,a=typeof e.sectionHeightValue=="number"?e.sectionHeightValue:r;return{mode:o,value:a,unit:t}}function vm(e){let{mode:o,value:t,unit:r}=hn(e);if(o==="auto")return;if(o==="fixed"&&r==="px")return[`${t}px`,null];let a=t/100,n=s=>o==="screen"?`(100${s} - ${x0})`:`100${s}`;return[`calc(${n("vh")} * ${a})`,`calc(${n("svh")} * ${a})`]}function g0(e){let o=vm(e);if(!o)return;let[t,r]=o;return{display:"grid",[ym.base]:t,...r?{[ym.small]:r}:{}}}var O6=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),$t="Height",b0="sf-section-minh-phone",Sm={base:"--sf-section-minh-p",small:"--sf-section-minh-ps"};function bi(e){return Cm(e.sectionHeightModePhone)}function R6(e){return hn({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone})}function y0(e){let o=g0(e),t=bi(e)?vm({sectionHeightMode:e.sectionHeightModePhone,sectionHeightValue:e.sectionHeightValuePhone,sectionHeightUnit:e.sectionHeightUnitPhone}):void 0;if(!o&&!t)return null;let r=[I0],a={...o??{}};return t&&(r.push(b0),a[Sm.base]=t[0],t[1]&&(a[Sm.small]=t[1])),{className:r.join(" "),style:a}}function A6(e){return y0(e)!==null}var gn="Stick to top",Vo={min:0,max:200,step:4,fallback:0},S0="sf-section-stick",C0="sf-section-stick-phone-on",v0="sf-section-stick-phone-off",wm={desktop:"--sf-stick-distance",phone:"--sf-stick-distance-phone"},_6=new Set(["CategoryBar","DocTabs","IntroBleed"]);function km(e){let o=typeof e=="number"&&Number.isFinite(e)?e:Vo.fallback;return Math.min(Vo.max,Math.max(Vo.min,Math.round(o)))}function yi(e){return typeof e.stickTopPhone=="boolean"}function Si(e){let o=e.stickTop===!0,t=km(e.stickTopDistance),r=yi(e),a=r?e.stickTopPhone===!0:o,n=r?km(e.stickTopDistancePhone):t;return{desktop:o,desktopDistance:t,phone:a,phoneDistance:n,ownPhone:r}}function D6(e){let o=Si(e);if(!o.desktop&&!o.phone)return null;let t=[S0],r={};return o.desktop&&(r[wm.desktop]=`${o.desktopDistance}px`),(o.ownPhone||o.phone!==o.desktop)&&(t.push(o.phone?C0:v0),o.phone&&(r[wm.phone]=`${o.phoneDistance}px`)),o.desktop||t.push("sf-section-stick-desktop-off"),{className:t.join(" "),style:r}}var w0=["column","row","tabs"],Tm="Direction",k0={column:"Stacked",row:"One row",tabs:"Tabs"},Fm={Flex:w0,HeroGroup:["column","row"]},T0={Flex:"row",HeroGroup:"column"},F0={column:"flex-col",row:"flex-row",tabs:"flex-col"};function bn(e,o){return Fm[e].includes(o)?o:T0[e]}function M6(e,o){return F0[bn(e,o)]}function Em(e){return Fm[e].map(o=>({label:k0[o],value:o}))}var Ci=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"Space between",value:"between"},{label:"End",value:"end"}],Om=[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"Stretch",value:"stretch"}],Rm="Wrap",vi=[{label:"Wrap",value:"wrap"},{label:"No wrap",value:"nowrap"}],Pm={start:"justify-start",center:"justify-center",between:"justify-between",end:"justify-end"},Lm={start:"items-start",center:"items-center",stretch:"items-stretch"};function W6(e,o){let t=typeof e=="string"&&e in Pm?Pm[e]:"",r=typeof o=="string"&&o in Lm?Lm[o]:"";return[t,r].filter(Boolean).join(" ")}function z6(e){return e===!0||e==="wrap"?"flex-wrap":""}var wi="Block widths",yn=[{label:"Fit content",value:"content",weights:null},{label:"Equal",value:"equal",weights:[1,1]},{label:"Big left",value:"bigLeft",weights:[2,1]},{label:"Big right",value:"bigRight",weights:[1,2]},{label:"Bigger left",value:"biggerLeft",weights:[3,1]},{label:"Bigger right",value:"biggerRight",weights:[1,3]}],$r="[&>*]:min-w-0 [&>*]:flex-1 [&>*]:basis-0",E0={equal:$r,bigLeft:`${$r} [&>*:first-child]:min-[800px]:grow-[2]`,bigRight:`${$r} [&>*:last-child]:min-[800px]:grow-[2]`,biggerLeft:`${$r} [&>*:first-child]:min-[800px]:grow-[3]`,biggerRight:`${$r} [&>*:last-child]:min-[800px]:grow-[3]`};function G6(e){return typeof e=="string"?E0[e]??"":""}var Am="Columns on phone",ki=1,Bm=3,P0={2:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len,0px))/2)]",3:"max-[800px]:flex-wrap [&>*]:max-[800px]:min-w-0 [&>*]:max-[800px]:basis-[calc((100%_-_var(--sf-gap-len,0px)_*_2)/3)]"};function U6(e){let o=Number(e);return P0[o]??"max-[800px]:flex-col"}var _m="Block spacing",Ti=[{label:"Each block",value:"each"},{label:"Gap only",value:"gap"}],L0="sf-box-gap-only";function $6(e){return e==="gap"?L0:""}var O0=["solid","dashed","dotted"],R0=["top","right","bottom","left"],j6="sf-section-border",K6="sf-section-border-self",A0=/^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i,Dm=e=>typeof e=="number"&&Number.isFinite(e)?`${Math.min(20,Math.max(0,Math.round(e)))}px`:void 0;function Nm(e,{phone:o=!1}={}){if(!e||typeof e!="object")return;let t=o?"-phone":"",r={};for(let a of R0){let n=Dm(e[a])??Dm(e.width);n!==void 0&&(r[`--sf-border-${a}-width${t}`]=n)}return typeof e.style=="string"&&O0.includes(e.style)&&(r[`--sf-border-style${t}`]=e.style),typeof e.color=="string"&&A0.test(e.color)&&(r[`--sf-border-color${t}`]=e.color.toLowerCase()),Object.keys(r).length?r:void 0}function V6(e,o){let t=Nm(e),r=Nm(o,{phone:!0});return t||r?{...t,...r}:void 0}var Wm="sf.gapContainer",Yo={min:-32,max:64,step:2},zm={Grid:{sm:12,md:24,lg:40},Flex:{sm:12,md:24,lg:40},FooterGroup:{sm:8,md:16,lg:32},HeroGroup:null,Events:null,GalleryB:null,ProductGrid:null},qt={Grid:24,Flex:24,FooterGroup:16,HeroGroup:0,Events:24,GalleryB:8,ProductGrid:2},B0=new Set(["Events","GalleryB"]);function Fi(e,o,t){if(typeof o=="number"&&Number.isFinite(o)&&o>=Yo.min)return o;if(typeof o=="string"){let r=zm[e]?.[o];if(typeof r=="number")return r}return typeof t=="number"&&Number.isFinite(t)?t:qt[e]}var _0="sf-gap-overlap",D0="--sf-gap-overlap",Gm="--sf-block-gap",N0="--sf-block-gap-rem",bt={min:0,max:Yo.max,step:Yo.step};function M0(e){if(typeof e!="number"||!Number.isFinite(e))return null;let o=Math.min(Math.max(Math.round(e),bt.min),bt.max);return o-o%bt.step}function X6(e){let o=M0(e);return o===null?{}:{[Gm]:`${o}px`,[N0]:`${o/16}rem`}}var Mm="sf-gap-zone",Hm="--sf-gap-len";function Ei(e,o){return typeof o=="number"&&Number.isFinite(o)&&o>=Yo.min?!0:typeof o=="string"&&typeof zm[e]?.[o]=="number"}var H0={block:"sf-gap-overlap-block",inline:"sf-gap-overlap-inline",both:"sf-gap-overlap-both"};function Z6(e,o,t){if(!Ei(e,o)){let a=`${qt[e]}px`,n=B0.has(e)?`var(--sf-card-gap, ${a})`:a;return{className:` ${Mm}`,style:{[Hm]:`var(${Gm}, ${n})`}}}let r=Fi(e,o);return r>=0?{className:` ${Mm}`,style:{[Hm]:`${r}px`}}:{className:` ${_0} ${H0[t]}`,style:{gap:"0px",[D0]:`${-r/2}px`}}}var Um=["transparent","var(--section-bg)","var(--surface)","var(--surface-2)"],$m={transparent:"No fill","var(--section-bg)":"Section band","var(--surface)":"Panels and cards","var(--surface-2)":"Second surface"},Sn="var(--section-bg)",Cn="inherit";function J6(e,o){return e===Cn?Sn:e===void 0?o:vn(e)}var W0=/var\(\s*--(surface-2|surface|line)\s*(?=[,)])/g;function vn(e){return e.replace(W0,"var(--site-$1")}function qm(e,o){return e===Cn?!0:e===void 0&&o===Sn}var jm=["transparent","var(--wheel-stage)","var(--surface)","var(--surface-2)"],Km={transparent:"No fill","var(--wheel-stage)":"Image stage","var(--surface)":"Panels and cards","var(--surface-2)":"Second surface"},jt="var(--wheel-stage)",wn="transparent",qr="inherit";function tW(e,o){return vn(Pi(e,o))}function Pi(e,o){return e===qr?jt:e==null?o:e===!0?jt:e===!1?wn:e}function rW(e){return typeof e=="string"&&e!==qr?vn(e):jt}function aW(e){return e!==wn&&e!=="none"&&e!==""}function Vm(e,o){return e===qr||e===!0?!0:e==null?o===jt:!1}var Ym="inherit",kn="fixed",Xm=e=>typeof e!="number"&&e!==kn,z0="var(--sf-heading-max, 9999px)";function lW(e,o,t,r){if(typeof e=="number")return`${e}px`;if(e===kn)return o;let a=r?`var(--size-${r}, ${o})`:o;return t==="heading"?`min(${a}, ${z0})`:a}var Be={min:1e3,max:2e3,step:50,default:1600};function Zm(e){return{maxWidth:e,marginInline:"auto",width:"100%"}}function iW(e,o){if(e!==!1)return null;let t=typeof o=="number"?o:Be.default;return Zm(t)}var Qm="--sf-site-width",Tn=`var(${Qm},${Be.default}px)`,fW=`max-w-[${Tn}]`,cW=`max-w-[${Be.default}px]`;function G0(e){return typeof e!="number"||!Number.isFinite(e)?Be.default:Math.round(Math.min(Math.max(e,Be.min),Be.max))}function dW(e){let o=G0(e);return o===Be.default?{}:{[Qm]:`${o}px`}}var So={min:0,max:80,step:4,default:40},Jm="--sf-site-gutter",$e=`var(${Jm},${So.default}px)`,U0=`px-[${$e}]`;var Xo={md:`min(24px,${$e})`,sm:`min(20px,${$e})`,frame:`min(24px,${$e})`,tabs:`min(16px,${$e})`},uW=[[`max-[1100px]:px-[${Xo.md}]`,"max-[1100px]:px-6"],[`max-[1100px]:px-[${Xo.tabs}]`,"max-[1100px]:px-4"],[`max-[960px]:px-[${Xo.frame}]`,"max-[960px]:px-6"],[`max-[900px]:px-[${Xo.md}]`,"max-[900px]:px-6"],[`max-[800px]:px-[${Xo.md}]`,"max-[800px]:px-6"],[`max-[720px]:px-[${Xo.sm}]`,"max-[720px]:px-5"],[`max-[800px]:px-[${Xo.sm}]`,"max-[800px]:px-5"],[`max-[640px]:px-[${Xo.sm}]`,"max-[640px]:px-5"],[`min-[800px]:px-[${$e}]`,"min-[800px]:px-10"],[`max-[720px]:px-[min(24px,${$e})]`,"max-[720px]:px-6"],[`max-[800px]:-mx-[min(20px,${$e})]`,"max-[800px]:-mx-5"],[`max-[720px]:-mx-[min(20px,${$e})]`,"max-[720px]:-mx-5"],[`-mx-[${$e}]`,"-mx-10"],[U0,"px-10"]];var pW="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]";function $0(e){return typeof e!="number"||!Number.isFinite(e)?So.default:Math.round(Math.min(Math.max(e,So.min),So.max))}function mW(e){let o=$0(e);return o===So.default?{}:{[Jm]:`${o}px`}}var Fn=`min(var(--sf-page-cap,${Tn}),${Tn})`,xW=`max-w-[${Fn}]`,IW=`max-w-[min(var(--sf-page-cap,${Be.default}px),${Be.default}px)]`,ex="--sf-hero-cap",q0=`var(${ex},none)`,hW=`max-w-[${q0}]`,Li="--sf-hero-bleed-m",Oi="--sf-hero-bleed-w",gW=`var(${Li},calc(50% - 50vw))`,bW=`var(${Oi},100vw)`,yW=`mx-[var(${Li},calc(50%_-_50vw))]`,SW=`w-[var(${Oi},100vw)]`,Ri="--sf-hero-chrome-x",Ai="--sf-hero-chrome-cap";function CW(e){return e===!0?{[ex]:Fn,[Li]:"auto",[Oi]:"100%",[Ri]:"24px",[Ai]:"none"}:{}}var Bi=`calc(${Tn} - ${$e}*2)`,vW=`max-w-[${Bi.replace(/ /g,"_")}]`;var j0="--sf-chrome-cap",K0=`var(${j0},${Bi})`,wW="data-page-width";function kW(e){return e==="full"?"full":null}function TW(e){return e==="full"?null:Zm(e==="content"?Bi:K0)}function FW(e){if(e==="full")return"full";if(e==="content")return"content"}var V0=["contained","page","full"],ox=["full","page"],jr={full:"Full width",page:"Content width"},_i="inherit",Y0=e=>typeof e=="string"&&V0.includes(e),X0=e=>e===_i;function Di(e,o){let t=typeof e.pageWidth=="number"?e.pageWidth:Be.default;return X0(e.widthMode)?{mode:"full",pageWidth:t,inherited:!0}:e.widthMode==="contained"?{mode:"page",pageWidth:t,inherited:!1}:Y0(e.widthMode)?{mode:e.widthMode,pageWidth:t,inherited:!1}:e.contained===!0?{mode:"page",pageWidth:t,inherited:!1}:typeof e.fullWidth=="boolean"?{mode:e.fullWidth?"full":"page",pageWidth:t,inherited:!1}:e.contained===!1?{mode:"full",pageWidth:t,inherited:!1}:{mode:o,pageWidth:t,inherited:o==="full"}}function Ni(e){return Di(e,"page").mode==="full"}import{jsx as Z0}from"react/jsx-runtime";import{createContext as Q0,useContext as J0}from"react";var eT=2,oT=eT+1,tx=Q0(2);function rx({tier:e,children:o}){return Z0(tx.Provider,{value:e,children:o})}function Mi(e){let o=J0(tx);return oT+Math.max(0,e-o)}import{withStyleKind as oF}from"efficient-easel/style-clipboard";import{TEXT_CONTROL_KINDS as $z,SCALAR_TEXT_CONTROLS as qz}from"efficient-easel/draw";function Vt(e){for(let[o,t]of Object.entries(e))t&&typeof t=="object"&&!Do(t)&&oF(t,`section:${o}`);return e}function wx(){return null}function Gi(e){if(!e.trim())throw new Error("noGlyph() needs a reason naming the ruling that decided it.");return I(wx,{},e)}function tF(e){return e.type===wx}function Co(e){return tF(e)?void 0:e}function St(e,o){return l("{value} from {from}",{value:e,from:o})}function rF(){let{appState:e}=Vr(a=>a),o=e.data.root?.props??{},{mode:t,pageWidth:r}=Di(o,"full");return t==="page"?St(`${r}px`,l("the page")):t==="contained"?St(l("Contained"),l("the page")):St(l("Full"),l("the page"))}function aF(){let{blockGap:e}=X();return e===null?l("this container's own spacing"):St(`${e}px`,l("Site styles"))}function nF({inherited:e,onReset:o,label:t}){return I(qe,{words:j()?.panel,label:l(t),changed:!e,detail:aF(),onReset:o})}function lF({inherited:e,onReset:o,label:t}){return I(qe,{words:j()?.panel,label:l(t),changed:!e,detail:rF(),onReset:o})}function Yt({value:e,onChange:o,label:t,placeholder:r,hint:a,multiline:n,hideable:s=!0,markup:i=!0}){let{text:f,hidden:u}=Qo(e),p=Wi(null),m=Wi(null),x=w=>o(s?{text:w,hidden:u}:w),h=()=>o({text:f,hidden:!u}),b=s&&u,C=rT(),k=a?uF(a)?I("span",{className:"sf-hint-keep sf-hint-while-typing",children:l(a)}):I(Qu,{children:l(a)}):void 0,v=u?l("Show {label} on the slide",{label:l(t)}):l("Hide {label} on the slide",{label:l(t)});return I(ne,{label:l(t),icon:I(DT,{}),htmlFor:C,className:b?"is-hidden":void 0,hint:k,action:s?I(vx,{content:v,children:I("button",{type:"button",className:"sf-field-eye","aria-pressed":u,"aria-label":v,onClick:h,children:u?I(ax,{name:"eye-off",size:14}):I(ax,{name:"eye",size:14})})}):void 0,children:Ct("div",{className:"sf-copybox",children:[i&&I(Xs,{target:n?m:p,value:f,onChange:x}),n?I("textarea",{id:C,ref:m,value:f,placeholder:r===void 0?void 0:l(r),onChange:w=>x(w.target.value)}):I("input",{id:C,ref:p,type:"text",value:f,placeholder:r===void 0?void 0:l(r),onChange:w=>x(w.target.value)})]})})}function Hz(e,o){return{...e,[sT]:o}}function Wz(e){let o=e[Bo];if(!o)throw new Error("withOffPage: the field holds no authored text");return{...e,[Bo]:{...o,offPage:!0}}}function Ln(e){return!e||typeof e!="object"?!1:e[Bo]?.offPage===!0}var kx="sfPanelOnly";function zz(e){if(!e[Bo])throw new Error("withPanelOnly: the field holds no authored text");return{...e,[kx]:!0}}function Tx(e){return!!e&&typeof e=="object"&&e[kx]===!0}function Gz(e){let o=e[Bo];if(!o)throw new Error("withIdentifier: the field holds no authored text");return{...e,[Bo]:{...o,identifier:!0}}}function jz(e,o){if(!e[Bo])throw new Error("inOwnBox: the field holds no authored text");let{[kp]:t,...r}=e;return{...r,[Qs]:!0,render:o}}var sF=new Set(eF),Xt=(e,o)=>{let t={...o,[Bo]:e};if(!sF.has(e.control))return t;let r=o.render;return{...Hr(t,"authored-copy"),render:a=>I(Pp,{name:a.name,children:r(a)})}},Kz="Everything else on this block comes from the linked post. Unlink it to edit by hand.",iF={field:"source.slug",set:!0},Vz={not:iF},fF="Select a word, then press the highlighter.",cF="A short name so a link can jump straight to this section, like yoursite.com/page#about.",dF=new Set([fF]),uF=e=>dF.has(e);function Yz(e,o,t){return Xt({control:"text",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t})})}function Xz(e,o,t){return Xt({control:"textarea",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t,multiline:!0})})}function pF(e,o,t){return Xt({control:"plainText",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t,hideable:!1,markup:!1})})}function Zz(e,o,t){return Xt({control:"copyText",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t,hideable:!1})})}function Qz(e){return{type:"custom",[nT]:{label:e},render:({value:o,onChange:t})=>I(xm,{value:aT(o),onChange:t,label:e})}}function Jz(e,o,t){return Xt({control:"plainTextarea",label:e,placeholder:o,hint:t},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:e,placeholder:o,hint:t,multiline:!0,hideable:!1})})}var Fx={Design:iT,Animation:dx};function Ex(e,o){return e.includes("Design")?o!=="Design":null}function mF({label:e}){return I(HT,{title:l(e),level:Mi(1)})}function xF({level:e,label:o}){return e===1?I(mF,{label:o}):I(Zt,{label:o})}function Px(e,o){return{type:"custom",[zi]:{label:e,level:o},render:()=>I(xF,{level:o,label:e})}}function He(e){return Px(e,2)}function eG(e){return{type:"custom",render:()=>I(IF,{text:e})}}function IF({text:e}){return I("p",{className:"sf-note",children:l(e)})}function oG(e){return Px(e,1)}function tG(e){return Do(e)!==null&&e?.tabs!==void 0}var nx=new Map;function On(e,o){let t=`${e}\0${o?o.join(""):""}`,r=nx.get(t)??{type:"custom",tabs:o,[zi]:{label:e,level:1},bucket:e,marker:!0,render:()=>I(_o,{})};return nx.set(t,r),r}var lx=new Map;function Ui(e){let o=lx.get(e)??{type:"custom",[zi]:{label:e,level:1},designGroup:e,marker:!0,...e==="Content"?{}:{fold:e},render:()=>I(_o,{})};return lx.set(e,o),o}function hF(e){let o=e;return o?.marker===!0&&typeof o.fold=="string"?o.fold:null}function Lx(e,o){return hF(e)===o?e:{...e,marker:!0,fold:o,render:()=>I(_o,{})}}function Ox(e){let o=e;if(o.marker===!0&&o.fold===void 0)return e;let{fold:t,...r}=e;return{...r,marker:!0,render:()=>I(_o,{})}}function Zt({label:e}){return I(WT,{title:l(e),level:Mi(2)})}function Rx({swatches:e,current:o,onPick:t,names:r}){let a=e.find(i=>i.toLowerCase()===o.toLowerCase()),n=a?r?.[a]:void 0,s=n?l(n):o;return Ct("div",{className:"sf-swatches",children:[e.map(i=>{let f=r?.[i]?l(r[i]):i;return I(vx,{content:f,children:I("button",{type:"button","aria-pressed":o.toLowerCase()===i.toLowerCase(),className:`sf-swatch ${o.toLowerCase()===i.toLowerCase()?"is-active":""}`,style:{background:i},onClick:()=>t(i),"aria-label":f})},i)}),I("span",{className:"sf-swatch-hex",children:s})]})}function rG(e,o){return{type:"custom",render:({value:t,onChange:r})=>{let a=qm(t,o);return I(ne,{label:l(e),icon:I(uT,{}),changed:!a,action:I(qe,{words:j()?.panel,label:l(e),changed:!a,detail:l("the theme's section background"),onReset:()=>r(Cn)}),children:Rx({swatches:Um,current:a?Sn:t??o??"",onPick:r,names:$m})})}}}function gF(e,o){return{type:"custom",render:({value:t,onChange:r})=>{let a=t,n=Vm(a,o);return I(ne,{label:l(e),icon:I(kT,{}),changed:!n,action:I(qe,{words:j()?.panel,label:l(e),changed:!n,detail:l("the theme's image stage"),onReset:()=>r(qr)}),children:Rx({swatches:jm,current:n?jt:Pi(a,o),onPick:r,names:Km})})}}}function Rn(e=t=>t,o){return Vt({_gSectionTheme:He(tp),sectionAccent:{type:"custom",render:({value:t,onChange:r})=>I(om,{value:e(t),onChange:r,followLabel:o})}})}function je({min:e,max:o,step:t,value:r,onChange:a,suffix:n="",readout:s=!0,notch:i,ariaLabel:f,disabled:u=!1}){let p=i!==void 0&&Number.isFinite(i)&&i>=e&&i<=o;return I("div",{className:p?"sf-slider has-notch":"sf-slider",style:p?{"--sf-notch":(i-e)/(o-e)}:void 0,children:I(JT,{min:e,max:o,step:t,value:r,suffix:n||void 0,showInput:s,label:f===void 0?void 0:l(f),disabled:u,size:"sm",className:"sf-slider-track",onChange:m=>{m!==null&&m!==r&&a(m)}})})}function Kt(e,o,t,r,a,n,s="",i){return{type:"custom",render:f=>I(ne,{label:l(e),icon:Co(o),action:i?i("storedValue"in f?f.storedValue:f.value,f.onChange):void 0,children:je({min:t,max:r,step:a,value:typeof f.value=="number"?f.value:n,suffix:s,ariaLabel:e,onChange:f.onChange})})}}function Ax(e,o){let{min:t,max:r,step:a=1,unsetLabel:n,hint:s,restTrack:i,unsetMark:f,icon:u}=o;return{type:"custom",render:({value:p,onChange:m})=>{let x=typeof p=="number"?p:null,h=x===null;return I(ne,{label:l(e),icon:u?Co(u):void 0,value:h?f||n===void 0?void 0:l(n):`${x}px`,changed:!h,action:f?fx(f,{changed:!h,onReset:()=>m(null)}):I(qe,{words:j()?.panel,label:l(e),changed:!h,onReset:()=>m(null)}),hint:typeof s=="string"?l(s):s,children:i?i({min:t,max:r,step:a,px:x,label:e,onChange:m}):je({min:t,max:r,step:a,value:x??t,readout:!1,ariaLabel:e,onChange:m})})}}}function aG(e){let o=Kt("Gap",I(px,{}),Yo.min,Yo.max,Yo.step,qt[e],"px",(t,r)=>I(nF,{inherited:!Ei(e,t),onReset:()=>r(void 0),label:"Gap"}));return{type:"custom",[Wm]:e,render:t=>o.render({...t,value:Fi(e,t.value,t.field?.siteGap),storedValue:t.value,onChange:r=>t.onChange(r)})}}var An="Corners";function $i(e){return{type:"custom",render:({value:o,onChange:t})=>{let r=typeof o=="number"&&Number.isFinite(o)?o:null,a=r!==null;return I(ne,{label:l(An),icon:I(hT,{}),changed:a,action:fx(e.mark,{changed:a,onReset:()=>t(null)}),hint:e.hint,children:I(bF,{tier:e,px:r,onRadius:t})})}}}function Bx(e){let o=null;try{o=cx()}catch{o=null}return[o?.values?.[e],t=>o?.onChange(e,t)]}function bF({tier:e,px:o,onRadius:t}){let r=e.useFollowed(),a=e.useClosedReason?e.useClosedReason():null,[n,s]=Bx(e.sidesKey),i=Po(n)??[...ct];return I(ZT,{label:l(An),value:i,corners:Au,onChange:f=>{let u=Po(f)??[];s(u.length===ct.length?null:u)},radius:o,onRadiusChange:t,radiusMin:oo,radiusMax:lt,radiusStep:e.step??1,radiusPlaceholder:String(r),disabled:a!==null,disabledReason:a??void 0})}function _x(){return Hr({type:"custom",render:()=>I(zt,{})},"always")}function yF({label:e,changed:o=!1,onReset:t=()=>{}}){let{cornerRadiusPx:r}=X(),a=typeof r=="number"?`${r}px`:l("not set");return I(qe,{words:j()?.panel,label:l(e),changed:o,detail:r==null?l("the built-in corners"):St(a,l("Site styles")),onReset:t})}function SF(){let{cornerRadiusPx:e}=X();return typeof e=="number"?e:oo}function CF(){return $i({sidesKey:"sectionCornerSides",useFollowed:SF,useClosedReason:()=>Nx()?l(Dx):null,mark:I(yF,{label:An}),hint:I(vF,{})})}var Dx="This section runs edge to edge, so its corners sit off the page. Set Width to Content width to use them.";function Nx(){return Ni(vt())}function vF(){return I(_o,{children:Nx()?Dx:"Follows Site styles \u25B8 Basics \u25B8 Corners until you set a number here."})}function Bn(){return Vt({_gShape:He("Shape"),sectionCorners:CF(),sectionCornerSides:_x(),sectionBorder:sx("desktop"),sectionBorderPhone:sx("mobile")})}var wF=()=>({width:l("Border width"),sides:{top:l("Border top"),right:l("Border right"),bottom:l("Border bottom"),left:l("Border left")},style:l("Border style"),styles:{solid:l("Solid"),dashed:l("Dashed"),dotted:l("Dotted")},color:l("Border color"),unit:"px"});function kF(e){let o=Object.fromEntries(Object.entries(e).filter(([,t])=>t!=null&&t!==""));return Object.keys(o).length?o:void 0}function TF(){let e;try{let o=Qe(X().theme);e=o.themes[o.selected]?.line}catch{e=void 0}return e||Xd.line}function FF({value:e,onChange:o,tier:t}){let[r]=Bx("sectionBorder"),a=TF(),n=e&&typeof e=="object"?e:{},s=t==="mobile"?r&&typeof r=="object"?r:{}:{},[i,f]=Pn(()=>jT(n,s)),u=wF();return I(ne,{label:l("Border"),icon:I(pT,{}),action:I(yx,{each:i,label:l("Each side"),onChange:f}),children:I(zT,{label:l("Border"),value:n,each:i,onChange:p=>o(kF(p)),placeholder:{sides:qT(s),style:s.style??"solid",color:s.color||a},presets:[a],words:u,max:20})})}function sx(e){return ve(e,{type:"custom",render:({value:o,onChange:t})=>I(FF,{value:o,onChange:t,tier:e})})}function _n(){return{_gMotion:He("Motion"),sectionAnimation:Ki("Entrance",I(dx,{}),[...ap],Gs)}}function qi(){let e=null;try{let{appState:o,selectedItem:t}=Vr(a=>a),r=t?.props?.id?String(t.props.id):void 0;e=r?$s(o?.data,r):null}catch{e=null}return e!==null&&Ni(e)}function Mx(e){let{cornerRadiusPx:o}=X(),t=qi(),r=typeof o=="number"?o:e,a=null;try{let{appState:s,selectedItem:i}=Vr(u=>u),f=i?.props?.id?String(i.props.id):void 0;a=f?$s(s?.data,f):null}catch{a=null}if(t||!a)return r;let n=a.sectionCorners;return Ls(n)?n:r}function EF({label:e,changed:o=!1,onReset:t=()=>{}}){let r=qi(),a=Mx(oo),n=r?"Site":"Section";return I(qe,{words:j()?.panel,label:l(e),changed:o,detail:St(`${a}px`,r?l("Site styles"):l("the section")),onReset:t})}function PF(){return I(_o,{children:qi()?l("The section is full width, so this card follows Site styles \u25B8 Basics \u25B8 Corners."):l("Follows the section's Corners until you set a number here.")})}function LF(){return $i({sidesKey:"cardCornerSides",useFollowed:()=>Mx(oo),mark:I(EF,{label:An}),hint:I(PF,{})})}function OF(){return{type:"custom",render:()=>I(Wu,{})}}function nG(){return{_gShape:He("Shape"),cardCorners:LF(),cardCornerSides:_x(),cardCornersApplyAll:OF()}}function lG(){return Zo("Justify",I(dT,{}),Ci,Ci[0].value)}function sG(){return Zo("Item alignment",I(fT,{}),Om,"stretch")}function iG(){return Zo(Rm,I(MT,{}),vi,vi[0].value)}function fG(){return{type:"custom",render:({value:e,onChange:o})=>{let t=yn.find(r=>r.value===e)??yn[0];return I(ne,{label:l(wi),icon:I(ux,{}),value:l(t.label),children:I(Cx,{className:"sf-gallery-layouts",label:l(wi),value:t.value,onChange:o,options:yn.map(r=>({value:r.value,label:l(r.label),picture:I("span",{className:"sf-gallery-pic",children:RF(r.weights).map((a,n)=>I("i",{style:{gridColumn:`span ${a}`}},n))})}))})})}}}function RF(e){if(!e)return[3,4];let o=e.reduce((t,r)=>t+r,0);return e.map(t=>Math.round(t/o*12))}function cG(){return Zo(_m,I(px,{}),Ti,Ti[0].value)}function dG(){return Kt(Am,I(LT,{}),ki,Bm,1,ki)}function uG(e){let o=Ki(Tm,Gi("`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)."),Em(e),bn(e,void 0));return{type:"custom",render:t=>o.render({...t,value:bn(e,t.value),onChange:r=>t.onChange(r)})}}function pG(e,o,t,r,a,n){return{type:"custom",render:({value:s,onChange:i})=>I(ne,{label:l(e),icon:I(Ms,{noun:n}),action:I(qe,{words:j()?.panel,label:l(e),changed:!Xm(s),detail:l("the Text style in Site styles"),onReset:()=>i(Ym),defaultAction:{onPress:()=>i(kn),title:l("Keep this section's own built-in size"),icon:I(mT,{})}}),children:je({min:o,max:t,step:r,value:typeof s=="number"?s:a,suffix:"px",ariaLabel:e,onChange:i})})}}function mG(){return{_gCellWidth:He("Cell width"),gridSpan:Zo("Positions",I(ux,{}),[{label:"Auto",value:""},...Array.from({length:Xa},(e,o)=>({label:o===0?"1 position":`${o+1} positions`,value:String(o+1)}))],"")}}function vt(){let e=null;try{e=Vr(o=>o).selectedItem}catch{e=null}return e?.props??{}}function AF({min:e,max:o,step:t,px:r,label:a,onChange:n,desktopKey:s,fallback:i}){let f=vt()[s],u=nn(void 0,f,i);return I(_o,{children:je({min:e,max:o,step:t,value:nn(r,f,i),readout:!1,ariaLabel:a,notch:u,onChange:n})})}function BF({label:e,desktopKey:o,fallback:t,changed:r=!1,onReset:a=()=>{}}){let n=vt()[o],s=nn(void 0,n,t);return I(qe,{words:j()?.panel,label:l(e),changed:r,detail:l("{value} on desktop",{value:`${s}px`}),onReset:a})}function _F(e){return Ax(e.label,{icon:e.icon,min:e.min,max:e.max,step:e.step,unsetLabel:"Follows Desktop",unsetMark:I(BF,{label:e.label,desktopKey:e.desktopKey,fallback:e.fallback}),restTrack:o=>I(AF,{...o,desktopKey:e.desktopKey,fallback:e.fallback})})}function xG(e){return{type:"custom",render:({value:o,onChange:t})=>I(NF,{...e,value:o,onChange:t})}}function DF({label:e,icon:o,options:t,value:r,resolved:a,restWord:n,onChange:s}){let i=t.some(f=>f.value===r);return I(ne,{label:l(e),icon:Co(o),action:I(qe,{words:j()?.panel,label:l(e),changed:i,detail:l("{value} on desktop",{value:l(n)}),onReset:()=>s(void 0)}),children:Wn({options:t,value:i?r:a,onChange:f=>s(f),ariaLabel:e})})}function NF({label:e,icon:o,options:t,desktopKey:r,resolve:a,value:n,onChange:s}){let i=vt()[r],f=a(void 0,i),u=t.find(p=>p.value===f)?.label??"";return I(DF,{label:e,icon:o,options:t,value:n,resolved:f,restWord:u,onChange:s})}var MF={Top:"Padding top",Bottom:"Padding bottom",Left:"Padding left",Right:"Padding right"},HF={Top:gx,Bottom:xx,Left:Ix,Right:hx},WF=e=>{let o=HF[e];return I(o,{})};function IG(e={}){let o=e.keys?.top??"sectionPaddingTop",t=e.keys?.bottom??"sectionPaddingBottom",r=e.group!==!1,a=k=>MF[k],n=k=>Kt(a("Top"),I(gx,{}),lo.min,lo.max,lo.step,k,"px"),s=(k,v,w,g=lo)=>ve("mobile",_F({label:a(k),icon:WF(k),desktopKey:v,min:g.min,max:g.max,step:g.step,fallback:w})),i=e.top??lo.min,f=e.bottom??lo.min,u="sectionPaddingLeft",p="sectionPaddingRight",m=e.sideBounds??lo,x=e.side??m.min,h=e.sidePhone??x,b=e.phone===!0,C=k=>b?ve("desktop",k):k;return Vt({...r?{_gSpacing:He("Padding")}:{},[o]:C(n(i)),...b?{[Ro(o)]:s("Top",o,i)}:{},...e.only==="top"?{}:{[t]:C(Kt(a("Bottom"),I(xx,{}),lo.min,lo.max,lo.step,f,"px")),...b?{[Ro(t)]:s("Bottom",t,f)}:{}},...e.sides?{[u]:C(Kt(a("Left"),I(Ix,{}),m.min,m.max,m.step,x,"px")),...b?{[Ro(u)]:s("Left",u,h,m)}:{},[p]:C(Kt(a("Right"),I(hx,{}),m.min,m.max,m.step,x,"px")),...b?{[Ro(p)]:s("Right",p,h,m)}:{}}:{}})}var Kr=["top","right","bottom","left"],zF={top:"sectionPaddingTop",right:"sectionPaddingRight",bottom:"sectionPaddingBottom",left:"sectionPaddingLeft"},ix=e=>typeof e=="number"?e:null;function GF(e,o,t){let r={};for(let a of Kr)t[a]!==o[a]&&(r[e[a]]=t[a]??void 0);return r}function UF({tier:e,o}){let t=null;try{t=cx()}catch{t=null}let r=t?.values??{},a=e==="mobile"?o.phoneKeys:o.keys,n=Object.fromEntries(Kr.map(u=>[u,ix(r[a[u]])])),s=Object.fromEntries(Kr.map(u=>[u,String(e==="mobile"?ix(r[o.keys[u]])??o.fallback[u]:o.fallback[u])])),[i,f]=Pn(()=>$T(n,s));return I(ne,{label:l("Padding"),icon:I(PT,{}),action:I(yx,{each:i,label:l("Each side"),onChange:f}),children:I(UT,{label:l("Padding"),each:i,value:n,placeholder:s,min:o.min,max:o.max,step:o.step,onChange:u=>{let p=GF(a,n,u);Object.keys(p).length&&t?.onChangeMany(p)},words:{sides:{top:l("Padding top"),right:l("Padding right"),bottom:l("Padding bottom"),left:l("Padding left")},vertical:l("Top and bottom"),horizontal:l("Left and right"),unit:"px"}})})}function Dn(e={}){let o={...zF,...e.keys},t={keys:o,phoneKeys:Object.fromEntries(Kr.map(i=>[i,Ro(o[i])])),fallback:{top:0,right:0,bottom:0,left:0,...e.fallback},min:e.min??0,max:e.max??200,step:e.step??4},r=e.phone!==!1,a=i=>{let f={type:"custom",render:()=>I(UF,{tier:i,o:t})};return r?ve(i,f):f},n=()=>Hr({type:"custom",render:()=>I(zt,{})},"always"),s=Kr.filter(i=>i!=="top");return Vt({...e.group===!1?{}:{_gSpacing:He("Padding")},[t.keys.top]:a("desktop"),...r?{[t.phoneKeys.top]:a("mobile")}:{},...Object.fromEntries(s.map(i=>[t.keys[i],{...n(),reachedBy:t.keys.top}])),...r?Object.fromEntries(s.map(i=>[t.phoneKeys[i],ve("mobile",n())])):{}})}var $F={contained:"Contained",page:"Page",full:"Full"},En="Width";function Nn(e,o=ox,t=!0){let r=o.map(a=>({label:jr[a]??$F[a],value:a}));return Vt({...t?{_gWidth:He(En)}:{},widthMode:{type:"custom",render:({onChange:a,field:n})=>I(ne,{label:l(En),icon:I(NT,{}),action:t?I(lF,{inherited:n?.inherited??!1,onReset:()=>a(_i),label:En}):void 0,children:Wn({options:r,value:n?.currentValue||e,onChange:a,ariaLabel:En})})}})}function Mn(){let e=r=>({type:"custom",render:({value:a,onChange:n})=>I(ne,{label:$t,icon:Co(I(TT,{})),action:r?r(n):void 0,children:Wn({options:[{label:"Auto",value:"auto"},{label:"Fixed",value:"fixed"},{label:"Screen",value:"screen"}],value:["auto","fixed","screen"].includes(a)?a:"auto",onChange:n,ariaLabel:$t})})}),o=()=>({type:"custom",render:({value:r,onChange:a,field:n})=>{let s=n?.unit==="%"?"%":"px",i=s==="%"?gi:hi;return I("div",{className:"sf-field",children:je({min:i.min,max:i.max,step:i.step,value:typeof r=="number"?r:i.fallback,suffix:s,ariaLabel:$t,onChange:a})})}}),t=()=>Ki("Unit",I(mx,{}),[{label:"px",value:"px"},{label:"%",value:"%"}],"px");return Vt({_gHeight:He($t),sectionHeightMode:ve("desktop",e()),sectionHeightValue:ve("desktop",o()),sectionHeightUnit:ve("desktop",t()),sectionHeightModePhone:ve("mobile",e(r=>I(qF,{onClear:()=>r(void 0)}))),sectionHeightValuePhone:ve("mobile",o()),sectionHeightUnitPhone:ve("mobile",t())})}function qF({onClear:e}){let o=vt(),t=bi(o),r=hn(o),a=l("{value} on desktop",{value:r.mode==="auto"?l("Auto"):`${r.value}${r.unit}`});return I(qe,{words:j()?.panel,label:l($t),changed:t,detail:a,onReset:e})}function ji(){let e=t=>({type:"custom",render:({value:r,onChange:a,id:n,name:s})=>I(jF,{value:r,onChange:a,labelId:`${n??s??"stickTop"}-label`,phone:t})}),o=()=>({type:"custom",render:({value:t,onChange:r})=>I("div",{className:"sf-field",children:je({min:Vo.min,max:Vo.max,step:Vo.step,value:typeof t=="number"?t:Vo.fallback,suffix:"px",ariaLabel:l("Distance from top"),onChange:r})})});return{_gStick:He(gn),stickTop:ve("desktop",e(!1)),stickTopDistance:ve("desktop",o()),stickTopPhone:ve("mobile",e(!0)),stickTopDistancePhone:ve("mobile",o())}}function jF({value:e,onChange:o,labelId:t,phone:r}){let a=vt(),n=Si(a),s=r?n.phone:e===!0;return I(ne,{label:l(gn),labelId:t,icon:Co(I(AT,{})),action:Ct(_o,{children:[r?I(qe,{words:j()?.panel,label:l(gn),changed:yi(a),detail:l("{value} on desktop",{value:n.desktop?`${n.desktopDistance}px`:l("Off")}),onReset:()=>o(void 0)}):null,I(Sx,{checked:s,onChange:o,ariaLabelledBy:t})]})})}function Hn(){return{_gAnchor:He("Anchor"),anchor:pF("Anchor name","e.g. about",cF)}}function hG(e,o,t){return{type:"custom",render:({value:r,onChange:a,id:n,name:s})=>{let i=`${n??s??e}-datetime`,f=Date.parse(typeof r=="string"?r:"");return I(ne,{label:l(e),icon:o,htmlFor:i,hint:t===void 0?void 0:l(t),children:I(QT,{id:i,value:Number.isFinite(f)?new Date(f):null,onChange:u=>a(u?u.toISOString():"")})})}}}function yt(e,o,t){return{type:"custom",render:({value:r,onChange:a,id:n,name:s})=>{let i=typeof r=="boolean"?r:o,f=`${n??s??e}-label`;return I(ne,{label:l(e),labelId:f,icon:t,action:I(Sx,{checked:i,onChange:a,ariaLabelledBy:f})})}}}function gG(){return{type:"custom",render:({value:e,onChange:o,id:t,name:r})=>{let a=`${String(t??r??"pageBackground")}-colour`;return I(ne,{label:l("Background"),icon:I(bx,{}),htmlFor:a,action:I(to,{id:a,label:"Background",value:Hs(e),onChange:o})})}}}var bG={follows:"fill"},yG={follows:"ink"};function SG(e,o,t){if(typeof o!="string"){let r=o.follows;return{type:"custom",render:({value:a,onChange:n})=>I(KF,{label:e,part:r,icon:t,value:a,onChange:n})}}return{type:"custom",render:({value:r,onChange:a})=>I(ne,{label:l(e),icon:t,action:to({value:r||o,onChange:a,label:e})})}}function KF({label:e,part:o,icon:t,value:r,onChange:a}){let n=ou(X().theme),s=o==="fill"?n.fill:n.ink;return I(rn,{label:l(e),icon:t,value:r||"",inherited:s,resetTo:St(s.toUpperCase(),l("Site styles")),onChange:a,onReset:()=>a("")})}var VF=[{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 Hx({label:e,value:o,onChange:t,points:r=VF}){let a=r.map(n=>({...n,label:l(n.label),...n.title?{title:l(n.title)}:null}));return I(XT,{label:l(e),value:o,points:a,onChange:t})}function CG(){return Hr({type:"custom",render:()=>I(zt,{})},"always")}var YF=_s([]);function vG(e,{stacking:o,fallback:t=Za}){return{type:"custom",render:({value:r,onChange:a})=>{let n=ho.includes(r)?r:t;return o?I(XF,{label:e,value:n,onChange:a}):Wx({label:e,value:n,onChange:a,points:YF})}}}function XF({label:e,value:o,onChange:t}){let{appState:r,selectedItem:a}=Vr(i=>i),n=a?.props?.id?String(a.props.id):void 0,s=n?Ns(r?.data,n):[];return Wx({label:e,value:o,onChange:t,points:_s(s,n)})}function Wx({label:e,value:o,onChange:t,points:r}){let a=r.find(n=>n.disabled);return I(ne,{label:l(e),icon:I(OT,{}),hint:a?.title?l(a.title):void 0,children:Hx({label:e,value:dt(o),onChange:t,points:r})})}var wG={top:I(ST,{}),right:I(yT,{}),bottom:I(gT,{}),left:I(bT,{})};function kG(e,o,t,r,a,n){let s=p=>o.find(m=>m.value===p),i=p=>({value:p,label:"",disabled:!0,title:r}),f=p=>{let m=o.find(h=>h.cell===p);if(!m)return i(`missing-${p}`);let x=n?.[p];return x?{value:m.value,label:m.label,icon:x}:{value:m.value,label:m.label}},u=[i("corner-top-left"),f("top"),i("corner-top-right"),f("left"),i("centre"),f("right"),i("corner-bottom-left"),f("bottom"),i("corner-bottom-right")];return{type:"custom",render:({value:p,onChange:m})=>{let x=o.some(h=>h.value===p)?p:t;return I(ne,{label:l(e),icon:a,value:s(x)?.label?l(s(x).label):"",children:Hx({label:e,value:x,onChange:m,points:u})})}}}var ZF="\0note";function Zo(e,o,t,r,a){return{type:"custom",options:t,fallback:r,...a?{note:a}:{},render:({value:n,onChange:s,field:i})=>{let f=i.options??t,u=i.fallback??r,p=f.some(m=>m.value===n)?n:u;return I(ne,{label:l(e),icon:Co(o),children:I(KT,{value:p,ariaLabel:l(e),onChange:s,options:[...a?[{label:l(a),value:ZF,disabled:!0}]:[],...f.map(m=>({label:l(m.label),value:m.value}))]})})}}}function TG(e,o,t){return{type:"custom",options:o,render:({value:r,onChange:a,field:n})=>I(Hp,{label:e,options:(n.options??o).map(s=>({...s,label:l(s.label)})),value:Array.isArray(r)?r:[],onChange:a,...t?{emptyLabel:l(t)}:{}})}}function FG(e,o={}){return{type:"custom",render:({value:t,onChange:r})=>{let a={value:t,onChange:r,...o};return I(e,{...a})}}}function Wn({options:e,value:o,onChange:t,ariaLabel:r,disabled:a=!1}){return I(GT,{options:e.map(n=>n.picture?{id:n.value,label:n.picture,title:l(n.title??n.label)}:{id:n.value,label:l(n.label),title:n.title===void 0?void 0:l(n.title)}),value:o,onChange:t,ariaLabel:l(r),disabled:a})}var EG=[{label:"Image",value:"image"},{label:"Video",value:"video"}];function Ki(e,o,t,r){let a=t.map(n=>typeof n=="string"?{label:n,value:n}:n);return{type:"custom",render:({value:n,onChange:s,field:i})=>I(ne,{label:l(e),icon:Co(o),children:Wn({options:a,value:a.some(f=>f.value===n)?n:n||i?.currentValue||r,onChange:s,ariaLabel:e})})}}function PG(e,o,t,r={}){return{type:"custom",[lT]:!0,render:({value:a,onChange:n})=>I(Np,{value:a||"",onChange:n,label:e,accept:o,placeholder:t,focusKey:r.focus,focusWhen:r.focusWhen})}}function LG({value:e,onChange:o,label:t}){let r=e||{},a=!!r.pending,n=a?"var(--fg-dim, #888)":r.ok?"#1d9e75":"#d85a30",s=(i,f)=>o({...r,[i]:f===""?void 0:Number(f)});return Ct(ne,{label:l(t),icon:I(Hi,{}),children:[I("button",{type:"button",disabled:a,onClick:()=>o({...r,pending:!0,ok:!1,status:"Finding\u2026"}),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,padding:"8px 10px",fontSize:13,cursor:a?"default":"pointer",opacity:a?.6:1,border:"1px solid var(--border-strong, #ccc)",borderRadius:6,background:"transparent",color:"inherit"},children:a?l("Finding\u2026"):l("Find coordinates")}),r.status&&I("div",{style:{marginTop:6,fontSize:12,lineHeight:1.4,color:n},children:l(r.status)}),I("div",{style:{marginTop:6,fontSize:11,color:"var(--fg-dim, #999)"},children:l("Coordinates from OpenStreetMap")}),I("button",{type:"button",onClick:()=>o({...r,manual:!r.manual}),style:{marginTop:8,padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer",textDecoration:"underline"},children:r.manual?l("Hide manual coordinates"):l("Enter coordinates manually")}),r.manual&&Ct("div",{style:{marginTop:8,display:"grid",gap:8},children:[I(ne,{label:l("Latitude"),icon:I(Hi,{}),children:I("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"34.0990198"}),value:typeof r.lat=="number"?r.lat:"",onChange:i=>s("lat",i.target.value)})}),I(ne,{label:l("Longitude"),icon:I(Hi,{}),children:I("input",{type:"number",step:"any",placeholder:l("e.g. {example}",{example:"-117.9842833"}),value:typeof r.lng=="number"?r.lng:"",onChange:i=>s("lng",i.target.value)})})]})]})}function QF(e,o){return o===null||o<0||o>=e.length?"":e[o]?.text??""}function JF(e,o,t){let r=e.map(a=>({text:a?.text??""}));return o===null||o<0||o>=e.length?r:r.map((a,n)=>n===o?{text:t}:a)}function eE(e,o,t){if(t===null||t>=o.length)return null;for(let r=0;r<t;r+=1)if(e[r]!==o[r])return null;return e[t]!==o[t]&&o.includes(e[t])||e[t]!==o[t]&&o.length!==e.length?null:t}var Vi={label:"Ticker items",icon:I(ET,{})};function OG(e,o,t,r){return{type:"custom",[Bo]:{control:"textList",label:e,placeholder:t,itemKey:"text",rendering:r},render:({value:a,onChange:n})=>I(Yi,{label:e,icon:Co(o),items:Array.isArray(a)?a:[],placeholder:t,onChange:n,markup:r==="markup"})}}function Yi({label:e,icon:o,items:t,placeholder:r,onChange:a,markup:n=!1}){let s=Wi(null),[i,f]=Pn(null),u=m=>m.map(x=>({text:x?.text??""})),p=m=>{let x=eE(t,m,i);x===null&&(s.current=null),f(x),a(u(m))};return I(VT,{label:l(e),icon:o,noun:l("item"),items:t,onChange:p,newItem:()=>({text:""}),open:null,onOpen:()=>{},renderItem:()=>null,above:n?I(Xs,{target:s,value:QF(t,i),onChange:m=>a(JF(t,i??-1,m)),disabled:i===null,label:i===null?l("Formatting \u2014 click a row first"):l("Formatting \u2014 row {n}",{n:i+1})}):void 0,renderRow:(m,x,h)=>I("input",{type:"text",className:n&&i===x?"sf-list-marking":void 0,value:m?.text??"",placeholder:l(r),"aria-label":l("{label} {n}",{label:l(e),n:x+1}),onChange:b=>h({text:b.target.value}),onFocus:b=>{s.current=b.currentTarget,f(x)}})})}function zx(e,o){let t=`${e.label} \u2014 row ${o+1}`;return Xt({control:"plainText",label:t,placeholder:e.placeholder,offPage:e.offPage},{type:"custom",render:({value:r,onChange:a})=>I(Yt,{value:r,onChange:a,label:l("{label} \u2014 row {n}",{label:l(e.label),n:o+1}),placeholder:e.placeholder,hideable:!1,markup:e.rendering==="markup"})})}function Gx(e){return{_gCards:He("Cards"),coverIndex:Zo("Cover image",I(FT,{}),Op,String(1),e?.coverHint??"A card's opening picture \u2014 a card pinned to a finish keeps its own."),imageBackground:gF("Image background",wn),cardImage:tE(),spinOnHover:yt("Rotate on hover",e?.spinDefault??!0,I(BT,{}))}}function Ux(){return{outline:Zo("Card outline",I(_T,{}),ai,ti),indexBadge:Zo("Card number",I(mx,{}),ri,oi),showBadge:yt("Product badge",!0,I(Ms,{noun:"tag"}))}}function $x(e){let o=e&&"bottomDefault"in e?e.bottomDefault:!0,t=e&&"defaults"in e?e.defaults:{showCardSizes:o,showCardBuy:o,showCardPage:o};return{_gShowOnCard:He("Show on a card"),showCardPrice:yt("Price",!0,I(CT,{})),showCardFinishes:yt("Finish swatches",!0,I(vT,{})),showCardSizes:yt("Sizes",t.showCardSizes,I(RT,{})),showCardBuy:yt("Buy button",t.showCardBuy,I(xT,{})),showCardPage:yt("Page button",t.showCardPage,I(bx,{}))}}function RG(e,o="display"){let t=Ro(o);return{[o]:ve("desktop",{type:"custom",render:({value:r,onChange:a})=>I(qx,{parts:e,changed:lp(r),shown:n=>tn(r,n),onPress:(n,s)=>a(ip(r,n,s)),onReset:()=>a(void 0)})}),[t]:ve("mobile",{type:"custom",render:({value:r,onChange:a})=>I(oE,{parts:e,desktopKey:o,value:r,onChange:a})})}}function qx({parts:e,changed:o,shown:t,onPress:r,onReset:a,detail:n}){let s=l("Display");return I(ne,{label:s,icon:I(cT,{}),changed:o,action:I(qe,{words:j()?.panel,label:s,changed:o,detail:n,onReset:a}),children:I(YT,{label:s,items:e.map(i=>({id:i.id,label:l(i.label),shown:t(i.id)})),onChange:r})})}function oE({parts:e,desktopKey:o,value:t,onChange:r}){let a=vt()[o];return I(qx,{parts:e,changed:sp(t),shown:n=>qs(a,t,n),onPress:(n,s)=>r(fp(t,n,s)),onReset:()=>r(ln),detail:l("the same as Desktop")})}function tE(){return Ax("Card image",{min:oo,max:lt,step:zu,hint:"Rounds the picture. The card's own corner is in Site styles."})}function AG(){return $i({sidesKey:"cornerSides",step:Gu,useFollowed:()=>oo,mark:I(rE,{label:Uu}),hint:l("Rounds the picture. Left alone it stays square.")})}function rE({label:e,changed:o=!1,onReset:t=()=>{}}){return I(qe,{words:j()?.panel,label:l(e),changed:o,onReset:t})}function BG(){return{type:"custom",render:({value:e,onChange:o})=>I(aE,{value:typeof e=="string"?e:"",onChange:o})}}function aE({value:e,onChange:o}){let[t,r]=Pn(null),a=Rs.filter(s=>t===null||Lo[s].across===t),n=e&&e in Lo?Lo[e]:null;return Ct(_o,{children:[I(ne,{label:l("Photos in a row"),icon:I(IT,{}),children:Ct("div",{className:"sf-gallery-filter",children:[I("button",{type:"button","aria-pressed":t===null,onClick:()=>r(null),children:l("All")}),qu.map(s=>I("button",{type:"button","aria-pressed":t===s,onClick:()=>r(s),children:s},s))]})}),I(ne,{label:l("Layout"),icon:I(wT,{}),value:n?l(n.label):l("Not chosen"),hint:l("{n} of {total} layouts",{n:a.length,total:Rs.length}),children:I(Cx,{className:"sf-gallery-layouts",label:l("Layout"),value:e,onChange:o,onClear:()=>o(""),options:a.map(s=>({value:s,label:l(Lo[s].label),picture:I("span",{className:"sf-gallery-pic",children:Lo[s].desktop.map(([i,f],u)=>I("i",{style:{gridColumn:`span ${i}`,gridRow:`span ${f}`}},u))})}))})})]})}import{jsx as zn,Fragment as nE,jsxs as jx}from"react/jsx-runtime";import{Button as Kx,Dialog as lE}from"efficient-shell/ui";function sE(e){return it("This site has {n} color theme of its own. Clearing takes them away and puts back the four the shop supplies.","This site has {n} color themes of its own. Clearing takes them away and puts back the four the shop supplies.",e)}function Vx({count:e,onCancel:o,onConfirm:t}){return jx(lE,{open:!0,onClose:o,role:"alertdialog",size:"sm",title:l("Clear this site\u2019s colors?"),footer:jx(nE,{children:[zn(Kx,{variant:"secondary",onClick:o,children:l("Cancel")}),zn(Kx,{variant:"danger",onClick:t,children:l("Clear colors")})]}),children:[zn("p",{children:sE(e)}),zn("p",{className:"mt-2 font-medium",children:l("This cannot be undone.")})]})}var pE=Gi("the row's whole content is an action; the gutter names a subject and this row has none \u2014 the button's label is the name GG, 2026-09-23"),mE="Reset color",xE={selected:0,themes:[]};function IE(e){e(xE)}function Zx({value:e,onChange:o}){let t=e?.themes??[],r=t.length===0,a=Qe(e),[n,s]=Xx(!1),i=dE(),[f,u]=Xx(null),p=(v,w)=>{o({...a,themes:a.themes.map((g,y)=>y===v?w:g)})},m=Bt(a).accent,x=new Set(a.themes.map(v=>v.brandInk).filter(Boolean)),h=Zd.filter(v=>!x.has(v)).map(v=>Qd(m,v)),b=[...a.themes,...h],C=v=>{if(v<a.themes.length)return o({...a,selected:v});let w=[...a.themes,b[v]];o({...a,themes:w,selected:w.length-1})},k=()=>{let v=[...a.themes,{...xo(a.themes[a.selected])}];o({...a,themes:v,selected:v.length-1}),u(v.length-1)};return Yx(iE,{children:[r?null:Qt(cE,{label:l(mE),icon:Co(pE),labelId:"sf-theme-reset",action:Qt(fE,{label:l("all theme colors"),words:i.panel,changed:!0,onReset:()=>s(!0)})}),n&&Qt(Vx,{count:t.length,onCancel:()=>s(!1),onConfirm:()=>{s(!1),IE(o)}}),Qt("div",{className:"sf-theme-list",role:"radiogroup","aria-label":l("Theme"),children:b.map((v,w)=>Qt(cn,{index:w,colors:v,selected:w===a.selected,open:f===w&&w<a.themes.length,editable:w<a.themes.length,onPick:()=>C(w),onEdit:()=>u(g=>g===w?null:w),onChangeColors:g=>p(w,g)},w))}),Yx("button",{type:"button",onClick:k,className:"sf-theme-add",children:[Qt(uE,{size:12}),l("Add new theme")]})]})}import{jsx as Gn}from"react/jsx-runtime";import{SettingsDefaultReset as hE,SettingsField as gE}from"efficient-easel/panel";import{SquareIcon as bE}from"efficient-easel/icons";var yE="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",Xi="Corners";function Qx({value:e,onChange:o,showHint:t=!0}){let r=e===null;return Gn(gE,{label:l(Xi),icon:Gn(bE,{}),value:r?l("Default"):`${e}px`,changed:!r,action:Gn(hE,{words:j()?.panel,label:l(Xi),changed:!r,detail:l("the built-in corners"),onReset:()=>o(null)}),hint:t?l(yE):void 0,children:Gn(je,{min:oo,max:lt,step:1,value:e??oo,readout:!1,ariaLabel:l(Xi),onChange:o})})}import{jsx as Yr}from"react/jsx-runtime";import{SettingsDefaultReset as SE,SettingsField as CE,SettingsSegmented as vE}from"efficient-easel/panel";import{ShadowIcon as wE}from"efficient-easel/icons";var Zi={none:"None",soft:"Soft",lifted:"Lifted"},kE="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",TE={none:"none",soft:"0 1px 1px rgba(20, 20, 22, 0.10), 0 2px 4px -1px rgba(20, 20, 22, 0.14)",lifted:"0 1px 2px rgba(20, 20, 22, 0.10), 0 4px 7px -2px rgba(20, 20, 22, 0.30)"},FE={labelsPx:90.25,widestLabelPx:34.6};function Jx({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??gs;return Yr(CE,{label:l("Card shadow"),icon:Yr(wE,{}),value:l(Zi[a]),changed:!r,action:Yr(SE,{words:j()?.panel,label:l("Card shadow"),changed:!r,detail:l(Zi[gs]),onReset:()=>o(null)}),hint:t?l(kE):void 0,children:Yr(vE,{options:su.map(n=>({id:n,label:l(Zi[n]),icon:Yr("span",{className:"sf-shadow-chip",style:{boxShadow:TE[n]}})})),value:a,ariaLabel:l("Card shadow"),fit:FE,onChange:o})})}import{jsx as eI}from"react/jsx-runtime";import{ShadowIcon as EE}from"efficient-easel/icons";var PE="Most useful on a dark theme, where a black shadow cannot be seen. Also used by the Lift hover, even with the card shadow off.";function oI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return eI(rn,{label:l("Shadow color"),icon:eI(EE,{}),value:e??"",inherited:ys,resetTo:ys,onChange:o,onReset:()=>o(null),hint:t?l(PE):void 0})}import{jsx as Un}from"react/jsx-runtime";import{SettingsDefaultReset as LE,SettingsField as OE}from"efficient-easel/panel";import{AlignSeparateIcon as RE}from"efficient-easel/icons";var AE="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",Qi="Block gap",BE=qt.Grid;function tI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return Un(OE,{label:l(Qi),labelId:"sf-block-gap",icon:Un(RE,{}),value:r?l("Default"):`${e}px`,changed:!r,action:Un(LE,{words:j()?.panel,label:l(Qi),changed:!r,detail:l("each block's own spacing"),onReset:()=>o(null)}),hint:t?l(AE):void 0,children:Un(je,{min:bt.min,max:bt.max,step:bt.step,value:r?BE:e,readout:!1,ariaLabel:l(Qi),onChange:o})})}import{jsx as $n}from"react/jsx-runtime";import{SettingsDefaultReset as _E,SettingsField as DE,SettingsSegmented as NE}from"efficient-easel/panel";import{HoverIcon as ME}from"efficient-easel/icons";var Ji={none:"None",lift:"Lift",highlight:"Highlight"},HE="What a card does when a shopper points at it \u2014 or taps it, on a phone. Highlight is the effect your cards already use.";function rI({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??bs;return $n(DE,{label:l("Hover effect"),icon:$n(ME,{}),value:l(Ji[a]),changed:!r,action:$n(_E,{words:j()?.panel,label:l("Hover effect"),changed:!r,detail:l(Ji[bs]),onReset:()=>o(null)}),hint:t?l(HE):void 0,children:$n(NE,{options:iu.map(n=>({id:n,label:l(Ji[n])})),value:a,ariaLabel:l("Hover effect"),onChange:o})})}import{jsx as qn}from"react/jsx-runtime";import{SettingsDefaultReset as WE,SettingsField as zE,SettingsSegmented as GE}from"efficient-easel/panel";import{ImageIcon as UE}from"efficient-easel/icons";var ef="Hero image",of=[{followsWidth:!1,label:jr.full},{followsWidth:!0,label:jr.page}],$E="Whether the big picture at the top of a page runs edge to edge, or sits inside the page width. The words follow the page width either way.";function aI({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??!1;return qn(zE,{label:l(ef),icon:qn(UE,{}),value:l(of.find(n=>n.followsWidth===a).label),changed:!r,action:qn(WE,{words:j()?.panel,label:l(ef),changed:!r,detail:l(of.find(n=>!n.followsWidth).label),onReset:()=>o(null)}),hint:t?l($E):void 0,children:qn(GE,{options:of.map(n=>({id:n.followsWidth,label:l(n.label)})),value:a,ariaLabel:l(ef),onChange:o})})}import{jsx as jn}from"react/jsx-runtime";import{SettingsDefaultReset as qE,SettingsField as jE,SettingsSegmented as KE}from"efficient-easel/panel";import{DropIcon as VE}from"efficient-easel/icons";var tf="Photography",nI={shot:"As shot",mono:"Black and white"},rf=[{grayscale:!1,label:nI.shot},{grayscale:!0,label:nI.mono}],YE="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function lI({value:e,onChange:o,showHint:t=!0}){let r=e===null,a=e??!1;return jn(jE,{label:l(tf),icon:jn(VE,{}),value:l(rf.find(n=>n.grayscale===a).label),changed:!r,action:jn(qE,{words:j()?.panel,label:l(tf),changed:!r,detail:l(rf.find(n=>!n.grayscale).label),onReset:()=>o(null)}),hint:t?l(YE):void 0,children:jn(KE,{options:rf.map(n=>({id:n.grayscale,label:l(n.label)})),value:a,ariaLabel:l(tf),onChange:o})})}import{jsx as af}from"react/jsx-runtime";import{useId as XE}from"react";import{SettingsField as ZE,SettingsSwitch as QE}from"efficient-easel/panel";import{ShareIcon as JE}from"efficient-easel/icons";var e1="Share button",o1="On every blog post.";function sI({value:e,onChange:o,showHint:t=!0}){let r=XE();return af(ZE,{label:l(e1),labelId:r,icon:af(JE,{}),action:af(QE,{checked:e===!0,onChange:o,ariaLabelledBy:r}),hint:t?l(o1):void 0})}import{jsx as Kn}from"react/jsx-runtime";import{SettingsDefaultReset as t1,SettingsField as r1}from"efficient-easel/panel";import{PaddingXIcon as a1}from"efficient-easel/icons";var nf="Side space",lf=So.default,n1="The room left at the left and right edge of every page.";function iI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return Kn(r1,{label:l(nf),labelId:"sf-side-space",icon:Kn(a1,{}),value:`${e??lf}px`,changed:!r,action:Kn(t1,{words:j()?.panel,label:l(nf),changed:!r,detail:`${lf}px`,onReset:()=>o(null)}),hint:t?l(n1):void 0,children:Kn(je,{min:So.min,max:So.max,step:So.step,value:e??lf,readout:!1,ariaLabel:l(nf),onChange:o})})}import{jsx as Vn}from"react/jsx-runtime";import{SettingsDefaultReset as l1,SettingsField as s1}from"efficient-easel/panel";import{WidthIcon as i1}from"efficient-easel/icons";var sf="Content width",ff=Be.default,f1="The standard width every page on this site renders at.";function fI({value:e,onChange:o,showHint:t=!0}){let r=e===null;return Vn(s1,{label:l(sf),labelId:"sf-site-width",icon:Vn(i1,{}),value:`${e??ff}px`,changed:!r,action:Vn(l1,{words:j()?.panel,label:l(sf),changed:!r,detail:`${ff}px`,onReset:()=>o(null)}),hint:t?l(f1):void 0,children:Vn(je,{min:Be.min,max:Be.max,step:Be.step,value:e??ff,readout:!1,ariaLabel:l(sf),onChange:o})})}import{jsx as ZI}from"react/jsx-runtime";import{TextStyleItem as bP,TextStylesGroup as yP}from"efficient-easel/text-styles";import{jsx as pP}from"react/jsx-runtime";import{useState as mP}from"react";import{TextStylesList as xP}from"efficient-easel/text-styles";import{usePreviewDevice as IP}from"efficient-easel/draw/client";import{textStyleCaseCss as sP}from"efficient-easel/draw";import{textStyleCaseCss as y1,textStyleCaseOfCss as S1}from"efficient-easel/draw";function cf(e,o){return o?`${e}[${o.index}].${o.rowKey}`:e}function so(e){let o=/^([A-Za-z0-9_$]+)\[(\d+)\]\.([A-Za-z0-9_$]+)$/u.exec(e);return o?{key:o[1],row:{index:Number(o[2]),rowKey:o[3]}}:{key:e,row:null}}import{decodePartId as Qn,encodePartId as Jn}from"efficient-easel/draw";import{LINK_FIELD_MARKER as bI,SCAFFOLD_FIELD_MARKER as hI,TEXT_FIELD_MARKER as el}from"efficient-easel/draw";import{readHidable as yI}from"efficient-easel/draw";import{SCALAR_TEXT_CONTROLS as I1}from"efficient-easel/draw";import{TEXT_FIELD_MARKER as x1}from"efficient-easel/draw";import{TEXT_FIELD_MARKER as cI}from"efficient-easel/draw";import{readHidable as dI}from"efficient-easel/draw";import{SCALAR_TEXT_CONTROLS as c1}from"efficient-easel/draw";var d1=c1,u1=["text","textarea"],p1=["textarea","plainTextarea"];function m1(e){return!e||typeof e!="object"?null:e[cI]?.control??null}function Jt(e){let o=m1(e);return o&&d1.includes(o)?o:null}function Yn(e){return p1.includes(e)}function uI(e){return!e||typeof e!="object"?void 0:e[cI]?.placeholder}function Xn(e){return dI(e).text}function df(e,o,t){return u1.includes(e)?{text:t,hidden:dI(o).hidden}:t}function pI(e,o,t,r){return Xn(e[o])===r?null:{...e,[o]:df(t,e[o],r)}}function uf(e){if(!(!e||typeof e!="object"))return e[x1]}function pf(e){if(!e||typeof e!="object")return null;let o=e.arrayFields;return o&&typeof o=="object"?o:null}function mI(e,o){if(!Array.isArray(o))return[];let t=uf(e),r=[];if(t?.control==="textList"){let n=t.itemKey??"text";return o.forEach((s,i)=>{let f=s?.[n];typeof f=="string"&&f&&r.push({row:{index:i,rowKey:n},text:f})}),r}let a=pf(e);return a?(o.forEach((n,s)=>{for(let[i,f]of Object.entries(a)){if(!Jt(f))continue;let u=Xn(n?.[i]);u&&r.push({row:{index:s,rowKey:i},text:u})}}),r):[]}function Xr(e,o){if(Array.isArray(e))return e[o.index]?.[o.rowKey]}function mf(e,o,t,r){let a=e[o];return!Array.isArray(a)||t.index<0||t.index>=a.length?null:{...e,[o]:a.map((n,s)=>s===t.index?{...n,[t.rowKey]:r}:n)}}function xI(e,o,t,r,a){let n=Xr(e[o],t);return Xn(n)===a?null:mf(e,o,t,df(r,n,a))}function II(e,o){return o?`${e} \xB7 row ${o.index+1}`:e}var io="data-sf-part",Ke="data-sf-part-selected",v7="data-sf-part-kind",h1="data-sf-part-style-owner",g1="data-sf-part-style-kind";function w7(e){for(let o=e;o;o=o.parentElement){let t=o.getAttribute(h1),r=o.getAttribute(g1);if(t&&r)return{owner:t,kind:r};if(o.getAttribute("data-puck-component"))return null}return null}var gI=2;function SI(e,o){if(!e)return!1;let t=Qn(e);return!!t?.propKey&&t.nodeId===o}function er(e){return xt(e).replace(/\s+/gu,"")}function Zn(e,o,t){let r=e[el];if(r){if(r.control==="textList"){let n=r.itemKey??"text";if(!Array.isArray(o))return;for(let s of o){let i=s?.[n];typeof i=="string"&&t.push(i)}return}let{text:a}=yI(o);a?t.push(a):r.placeholder&&t.push(r.placeholder);return}if(!e[bI]){if(e.type==="text"||e.type==="textarea"){typeof o=="string"&&o&&t.push(o);return}if(e.arrayFields&&Array.isArray(o)){for(let a of o)for(let[n,s]of Object.entries(e.arrayFields))Zn(s,a?.[n],t);return}if(e.objectFields&&o&&typeof o=="object")for(let[a,n]of Object.entries(e.objectFields))Zn(n,o[a],t)}}function CI(e){if(!e||typeof e!="object")return!1;let o=e;return o[bI]?!1:!!o[el]||o.type==="text"||o.type==="textarea"}function ol(e,o){let t=e[el];return t?.label?t.label:typeof e.label=="string"?e.label:o}function xf(e){let o=e.indexOf(" (");return(o>0?e.slice(0,o):e).trim()}function k7(e,o){if(!e)return[];let t=[];for(let[r,a]of Object.entries(e)){if(!a||typeof a!="object"||Wr(r))continue;let n=a,s=[];Zn(n,o?.[r],s),!s.length&&n[hI]!==void 0&&Zn(n,n[hI],s);let i=ol(n,r),f=new Set;for(let{row:m,text:x}of mI(n,o?.[r])){let h=er(x);h.length<gI||(f.add(h),t.push({key:r,label:i,texts:[h],row:m}))}let u=new Set(f),p=[];for(let m of s){let x=er(m);x.length<gI||u.has(x)||(u.add(x),p.push(x))}p.length&&t.push({key:r,label:i,texts:p})}return t}var b1=I1;function vI(e,o){if(!o||typeof o!="object"||Wr(e)||Tp(o))return null;let t=o[el];return!t||!b1.includes(t.control)?null:t}function T7(e,o){let t=vI(e,o);return t!==null&&t.identifier!==!0}function wI(e,o){if(!e)return[];let t=[];for(let[r,a]of Object.entries(e)){let n=vI(r,a);if(!n)continue;let{text:s,hidden:i}=yI(o?.[r]),f=s||n.placeholder||"",u=xt(f).replace(/\s+/gu," ").trim();t.push({key:r,label:xf(ol(a,r)),preview:u,offPage:n.offPage===!0,identifier:n.identifier===!0,hidden:!!i})}return t}var gf="_partStyles",yf="data-sf-part-styled",C1=[400,500,600,700],RI=["left","center","right","justify"],kI=5,TI=1e3,v1=-5,w1=10,Sf=0,Cf=64,vf=2,wf=120,Jo=1280,kf=10,FI={size:{min:kI,max:TI,step:1},sizePhone:{min:kI,max:TI,step:1},padding:{min:Sf,max:Cf,step:vf},width:{min:wf,max:Jo,step:kf}},k1=.05,T1=.01,F1=["line","letter"],E1=.5,P1=2.5,L1=-1,O1=1,R1=0,A1=400;function Qr(e){return!e||typeof e!="object"||Array.isArray(e)?null:e}function AI(e){return Qr(e?.[gf])??{}}function rl(e,o){let t=AI(e);return Object.hasOwn(t,o)?Qr(t[o])??{}:{}}function BI(e,o,t){let r={...AI(e)};if(B1(t).length?r[o]=t:delete r[o],!Object.keys(r).length){let{[gf]:a,...n}=e;return n}return{...e,[gf]:r}}function B1(e){return Object.entries(e).filter(([,o])=>o!==void 0)}function _1(e){return F1.includes(e)}var Zr=(e,o,t)=>Math.min(t,Math.max(o,e));function D1(e,o){if(_1(e)){let t=Math.round(Number(o));return!Number.isFinite(t)||t===0?null:Zr(t,v1,w1)}if(e==="lineHeight"){let t=Number(o);return Number.isFinite(t)?or(Zr(t,E1,P1),3):null}if(e==="letterSpacing"){let t=Number(o);return Number.isFinite(t)?or(Zr(t,L1,O1),4):null}if(e==="paragraphSpacing"){let t=Math.round(Number(o));return!Number.isFinite(t)||t<=0?null:Zr(t,R1,A1)}if(Object.hasOwn(FI,e)){let{min:t,max:r}=FI[e],a=Math.round(Number(o));return Number.isFinite(a)?Zr(a,t,r):null}return e==="italic"?typeof o=="boolean"?o:null:e==="role"?Eo.includes(String(o))?o:null:o}var N1=["weight","size","sizePhone","line","letter","lineHeight","letterSpacing","paragraphSpacing","padding","width"];function _I(e){let o=null,t=r=>{o??={...e},delete o[r]};for(let r of N1){let a=e[r];a!==void 0&&!(typeof a=="number"&&Number.isFinite(a))&&t(r)}return e.align!==void 0&&!RI.includes(e.align)&&t("align"),o??e}var M1=[["font","role"],["line","lineHeight"],["letter","letterSpacing"]];function H1(e){let o=[];for(let[t,r]of M1)t===e?o.push(r):r===e&&o.push(t);return o}function ea(e,o,t,r){let a={...rl(e,o)},n=r==null?null:D1(t,r);if(n===null)delete a[t];else{a[t]=n;for(let s of H1(t))delete a[s]}return BI(e,o,a)}function DI(e,o){return BI(e,o,{})}function W1(e){return S1(e)??"none"}function z1(e){return y1(e)??""}var G1={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 U1(e){let o=e.role;return o&&Eo.includes(o)?o:null}var $1={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 q1(e){let o=Vd[e],t=$1[o];return t?`var(--size-${o}, ${t})`:`var(--size-${o})`}function oa(e){let o={};return typeof e.lineHeight=="number"?o.lineHeight=e.lineHeight:e.line&&(o.lineHeight=or(j1+e.line*k1,3)),typeof e.letterSpacing=="number"?o.letterSpacingEm=e.letterSpacing:e.letter&&(o.letterSpacingEm=or(e.letter*T1,4)),o}var j1=1,ta="--sf-part-para",Tf="(max-width: 719.98px)";function EI(e){return e=_I(e),typeof e.sizePhone=="number"&&e.sizePhone>0?{fontSize:`${e.sizePhone}px`}:{}}function K1(e,o){return o&&typeof e.sizePhone=="number"&&e.sizePhone>0?{...e,size:e.sizePhone}:e}function tl(e,o){e=_I(e);let t=U1(e),r=oa(e),a=e.size?`${e.size}px`:t?q1(t):"";return{fontFamily:e.font?Z1(e.font):t?`var(${G1[t]})`:"",fontWeight:e.weight?String(e.weight):"",fontSize:a,minWidth:a?"0":"",overflowWrap:a?"break-word":"",lineHeight:r.lineHeight!==void 0?String(r.lineHeight):"",letterSpacing:r.letterSpacingEm!==void 0?`${r.letterSpacingEm}em`:"",[ta]:e.paragraphSpacing?`${e.paragraphSpacing}px`:"",textTransform:z1(e.case),textAlign:e.align??"",paddingTop:If(e.padding),paddingBottom:If(e.padding),maxWidth:If(e.width),color:V1(e.color),fontStyle:e.italic===!0?"italic":e.italic===!1?"normal":""}}var V1=e=>e===void 0||e===""?"":Object.hasOwn(Oo,e)?Oo[e]:NI.test(e)?e:"",NI=/^#[0-9a-fA-F]{6}$/;function MI(e){return NI.test(e)}var If=e=>e===void 0?"":`${e}px`,or=(e,o)=>Number(e.toFixed(o));function A7(e,o){let t=Number.parseFloat(e.fontSize)||16,r=Number.parseFloat(e.lineHeight),a=Number.parseFloat(e.letterSpacing),n=Number.parseFloat(e.paddingTop),s=Number.parseFloat(e.maxWidth);return{fontKey:o,sizePx:t,weight:Y1(Number.parseInt(e.fontWeight,10)),lineRatio:Number.isFinite(r)?or(r/t,3):1.2,letterEm:Number.isFinite(a)?or(a/t,4):0,align:X1(e.textAlign),case:W1(e.textTransform),paddingPx:Number.isFinite(n)?Math.round(n):0,widthPx:Number.isFinite(s)&&s<Jo?Math.round(s):Jo}}function Y1(e){return Number.isFinite(e)?C1.reduce((o,t)=>Math.abs(t-e)<Math.abs(o-e)?t:o):400}function X1(e){for(let o of RI)if(o===e)return o;return e==="end"?"right":"left"}function B7(e,o){let t=PI(e);if(!t)return"";for(let r of no)if(PI(o(r.cssVar))===t)return r.key;return""}var PI=e=>(e.split(",")[0]??"").replace(/["']/g,"").replace(/\s+/g," ").trim().toLowerCase();function Z1(e){let o=At(e);return o?`var(${o.cssVar})`:""}function _7(e,o,t,r){return!o||Qn(o)?.nodeId!==e?null:t.find(a=>r(a.getAttribute("class")))??t[0]??null}function D7(e,o,t=()=>Jr,r=s=>s,a=eP,n=!1){let s=0;for(let{element:i,partId:f}of e){let u=Qn(f)?.propKey;if(!u)continue;let p=r(u),m=Object.hasOwn(o,p)?Qr(o[p])??{}:{},x=tl(K1(m,n),Jr),h=hf.some(C=>i.style[C]),b=!1;for(let[C,k]of Object.entries(x))oP(i,C,k),k&&(b=!0);if(h||hf.some(C=>x[C]))for(let C of Q1(i,a))for(let k of hf)C.style[k]=x[k]??"";b&&(s+=1)}return s}function Q1(e,o){let t=er(e.textContent??""),r=[],a=e;for(let n=0;n<J1&&o(a);n+=1){let s=a.parentElement;if(!s||er(s.textContent??"")!==t)break;r.push(s),a=s}return r}var J1=8;function eP(e){let o=e;return typeof window>"u"||!o?.ownerDocument?!1:window.getComputedStyle(o).display==="inline"}var Jr={fontKey:"",sizePx:16,weight:400,lineRatio:1,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Jo};function oP(e,o,t){if(!o.startsWith("--")){e.style[o]=t;return}let r=e.style;typeof r.setProperty=="function"?t?r.setProperty(o,t):r.removeProperty?.(o):r[o]=t;let a=e;o===ta&&(t?a.setAttribute?.(LI,""):a.removeAttribute?.(LI))}var LI="data-sf-part-para",tP=Object.keys(tl({},Jr)),bf=new Set(["color","overflowWrap",ta,"fontStyle"]),hf=tP.filter(e=>!bf.has(e));function HI(e,o,t,r=a=>a){let a=new Map;for(let i of e){let f=cf(i.key,i.row);for(let u of i.texts){let p=a.get(u);p?(p.keys.add(i.key),p.partKeys.add(f)):a.set(u,{keys:new Set([i.key]),partKeys:new Set([f])})}}let n=new Map;for(let i of Object.keys(o)){if(!rP(i))continue;let f=Qr(o[i])??{},u=tl(f,Jr),p=EI(f);!Object.values(u).some(Boolean)&&!Object.keys(p).length||n.set(i,{stamp:OI(t,i),declarations:u,...Object.keys(p).length?{phone:p}:{}})}let s=new Map;for(let[i,{keys:f,partKeys:u}]of a){let p=u.size===1?[...u][0]:f.size===1?[...f][0]:null;if(!p)continue;let m=r(p);if(!Object.hasOwn(o,m))continue;let x=Qr(o[m])??{},h=tl(x,Jr),b=EI(x);!Object.values(h).some(Boolean)&&!Object.keys(b).length||s.set(i,{stamp:OI(t,p),declarations:h,...Object.keys(b).length?{phone:b}:{}})}return s.size||n.size?{rules:s,kindRules:n,drawn:new Set(a.keys())}:null}function rP(e){return e.startsWith("@")}function Ff(e,o){return e?.kindRules.get(o)??null}function OI(e,o){let t=r=>r.replace(/[^A-Za-z0-9_-]+/g,"-");return`${t(e)}~${t(o)}`}function WI(e){let o=[],t=new Set,r=a=>{let{stamp:n,declarations:s}=a;if(t.has(n))return;t.add(n);let i=Object.entries(s).filter(([,h])=>h!==""),f=h=>h.map(([b,C])=>`${nP(b)}: ${C}`).join("; "),u=`[${yf}="${n}"]`,p=i.filter(([h])=>!bf.has(h)),m=i.filter(([h])=>bf.has(h));p.length&&o.push(`${u}, *:has(> ${u}) { ${f(p)} }`),m.length&&o.push(`${u} { ${f(m)} }`),s[ta]&&o.push(...aP(u));let x=Object.entries(a.phone??{}).filter(([,h])=>h!=="");x.length&&o.push(`@media ${Tf} { ${u}, *:has(> ${u}) { ${f(x)} } }`)};for(let a of e.rules.values())r(a);for(let a of e.kindRules.values())r(a);return o.join(`
|
|
4
|
+
`)}function aP(e){let o=`var(${ta})`,t=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: ${o} }`,`${e} ${t}:not(:first-child) { margin-top: ${o} }`,`${e} ${t}:not(:last-child) { margin-bottom: ${o} }`]}var nP=e=>e.replace(/[A-Z]/g,o=>`-${o.toLowerCase()}`);function zI(e,o){if(!e)return null;let t=er(o),r=e.rules.get(t);if(r)return r;if(t.length<lP||e.drawn.has(t))return null;let a=null;for(let[n,s]of e.rules)if(n.includes(t)){if(a&&a.stamp!==s.stamp)return null;a=s}return a}var lP=8;var Ef=e=>e==="sentence"?"none":void 0,No=e=>typeof e=="number"&&Number.isFinite(e)?e:void 0,ra=e=>typeof e=="string"&&e?e:void 0,UI=["font","color","size","sizePhone","weight","italic","lineHeight","letterSpacing","paragraphSpacing","letterCase","largestSize"];function fo(e){let o={};for(let t of UI)e[t]!==void 0&&(o[t]=e[t]);return o}function Lf(e,o){let{auto:t,...r}=e,a=new Set(o??[]),n=UI.filter(s=>a.has(s)&&e.values[s]===void 0);return n.length?{...r,auto:n}:r}function Of(e){let o=e.fonts,t=e.sizes,r=e.typography,a=cu(e.compression),n=(i,f)=>({id:`heading-${i}`,kind:"heading",name:`Heading ${i}`,values:fo(f)}),s=(i,f={})=>({id:`body-${i}`,kind:"body",name:`Body ${i}`,values:fo(f)});return[n(1,{font:ra(o.heading),size:No(t.headingLarge),weight:No(r.weight),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:Ef(r.case),largestSize:No(r.maxPx)}),n(2,{font:ra(o.heading2),size:No(t.headingMedium),weight:No(r.weight2),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:Ef(r.case2)}),n(3,{font:ra(o.heading3),size:No(t.headingSmall),weight:No(r.weight3),lineHeight:a.lineHeight,letterSpacing:a.letterSpacing,letterCase:Ef(r.case3)}),s(1,{font:ra(o.body),size:No(t.body)}),s(2),s(3),s(4),s(5,{font:ra(o.label),size:No(t.label)})]}function al(e){return Array.isArray(e)&&e.every(o=>o&&typeof o=="object"&&typeof o.id=="string"&&(o.kind==="heading"||o.kind==="body")&&typeof o.name=="string")?e.map(o=>Lf({...o,values:fo(o.values??{})},Array.isArray(o.auto)?o.auto:void 0)):null}function G7(e){return al(e)??[]}function et(e,o){let t=Of(o),r=al(e);return r?r.map(a=>{let n={...Pf(t,a.id)};for(let s of a.auto??[])delete n[s];return{...a,values:fo({...n,...a.values})}}):t}var Pf=(e,o)=>e.find(t=>t.id===o)?.values??{},GI=["heading-1","heading-2","heading-3"];function $I({saved:e,old:o,cur:t,next:r,sizeOf:a}){let n=Of(o),s=al(e)??n.map(m=>({...m,values:{}})),i=et(s,o),f=[],u=r.map(m=>{let x=t.find(g=>g.id===m.id),h=s.find(g=>g.id===m.id);if(!x||!h)return iP([m],a)[0];let b={...h.values},C=new Set(h.auto??[]),k=m.values,v=x.values,w=[...new Set([...Object.keys(k),...Object.keys(v)])].filter(g=>JSON.stringify(k[g])!==JSON.stringify(v[g]));w.sort((g,y)=>+(g==="letterSpacing")-+(y==="letterSpacing"));for(let g of w){let y=g==="lineSpacing"?"lineHeight":g,E=k[g];if(E===void 0){delete b[y],Pf(n,m.id)[y]!==void 0&&(f.push([m.id,y]),C.add(y));continue}if(C.delete(y),g==="lineSpacing")b.lineHeight=tr(E/100,3);else if(g==="letterSpacing"){let F=i.find(B=>B.id===m.id),L=a({...m,values:fo({...F?.values??{},...b})});b.letterSpacing=L?tr(E/L,4):0}else b[y]=E}return Lf({id:m.id,kind:m.kind,name:m.name,values:fo(b)},C)}),p=o.compression;if(f.some(([m,x])=>(x==="lineHeight"||x==="letterSpacing")&&GI.includes(m))&&st(p)!=="normal"){for(let m of GI){let x=u.find(b=>b.id===m);if(!x)continue;let h={...x.values};for(let b of["lineHeight","letterSpacing"])f.some(([C,k])=>C===m&&k===b)||h[b]===void 0&&!(x.auto??[]).includes(b)&&(h[b]=Pf(n,m)[b]);x.values=fo(h)}p="normal"}return{saved:u,old:{...o,compression:p}}}function qI(e,o){let t={text_styles:e.saved};return e.old.compression!==o.compression&&(t.heading_compression=st(e.old.compression)),t}var tr=(e,o)=>Number(e.toFixed(o));function jI(e,o){return e.map(t=>{let{lineHeight:r,letterSpacing:a,...n}=t.values,s={...n};return r!==void 0&&(s.lineSpacing=tr(r*100,1)),a!==void 0&&(s.letterSpacing=tr(a*o(t),2)),{id:t.id,kind:t.kind,name:t.name,values:s}})}function iP(e,o){return e.map(t=>{let{lineSpacing:r,letterSpacing:a,...n}=t.values,s={id:t.id,kind:t.kind,name:t.name,values:fo({...n})},i={...s.values};if(r!==void 0&&(i.lineHeight=tr(r/100,3)),a!==void 0){let f=o({...s,values:{...s.values}});i.letterSpacing=f?tr(a/f,4):0}return{...s,values:fo(i)}})}function U7(e){let o={fonts:Rr({heading:e.heading_font??void 0,heading2:e.heading_2_font??void 0,heading3:e.heading_3_font??void 0,body:e.body_font??void 0,accent:e.accent_font??void 0,label:e.label_font??void 0}),sizes:hs({headingLarge:e.heading_size_large_px,headingMedium:e.heading_size_medium_px,headingSmall:e.heading_size_small_px,accent:e.accent_size_px,body:e.body_size_px,label:e.label_size_px}),compression:st(e.heading_compression),typography:uu(e)},t=e.text_styles??null,r=Array.isArray(t)?Rf(et(t,o),o):o;return{fonts:Rr(r.fonts),sizes:hs(r.sizes),compression:st(r.compression),typography:r.typography,textStyles:t}}function Rf(e,o){let t=x=>e.find(h=>h.id===x)?.values??{},r=t("heading-1"),a=t("heading-2"),n=t("heading-3"),s=t("body-1"),i=t("body-5"),f=o.fonts,u=o.sizes,p=o.typography,m=x=>x==="none"?"sentence":"authored";return{fonts:{...f,heading:r.font??f.heading,heading2:a.font??r.font??f.heading2,heading3:n.font??r.font??f.heading3,body:s.font??f.body,label:i.font??f.label},sizes:{...u,headingLarge:r.size??null,headingMedium:a.size??null,headingSmall:n.size??null,body:s.size??null,label:i.size??null},compression:o.compression,typography:{...p,case:m(r.letterCase),weight:r.weight??null,maxPx:r.largestSize??null,weight2:a.weight??null,weight3:n.weight??null,case2:m(a.letterCase),case3:m(n.letterCase)}}}function fP(e){switch(e.id){case"heading-1":return"font-display";case"heading-2":return"font-heading2";case"heading-3":return"font-heading3";case"body-1":return"font-body";case"body-5":return"font-mono";default:return`font-${e.id}`}}function cP(e){return e==="accent"?"var(--accent)":e==="text"?"var(--fg)":e==="labels"?"var(--fg-dim)":/^#[0-9a-f]{6}$/i.test(e)?e:null}function dP(e){let o=":is([data-sf-bullet], [data-sf-number])";return[`${e} br:not(br + br) { display: block; content: ""; margin-top: var(--sf-part-para) }`,`${e} ${o}:not(:first-child) { margin-top: var(--sf-part-para) }`,`${e} ${o}:not(:last-child) { margin-bottom: var(--sf-part-para) }`]}function $7(e){let o=[];for(let t of e){let r=t.values,a=`.${fP(t)}`,n=[],s=r.font!==void 0?no.find(p=>p.key===r.font)?.cssVar:void 0;if(s&&n.push(`font-family: var(${s})`),r.size!==void 0){let p=r.largestSize!==void 0?Math.min(r.size,r.largestSize):r.size;n.push(`font-size: ${p}px`)}let i=r.color!==void 0?cP(r.color):null;i&&n.push(`color: ${i}`),r.italic===!0&&n.push("font-style: italic"),r.weight!==void 0&&n.push(`font-weight: ${r.weight}`);let f=[];r.lineHeight!==void 0&&f.push(`line-height: ${r.lineHeight}`),r.letterSpacing!==void 0&&f.push(`letter-spacing: ${r.letterSpacing}em`),t.kind==="body"&&n.push(...f);let u=sP(r.letterCase);if(u&&n.push(`text-transform: ${u}`),r.paragraphSpacing&&n.push(`--sf-part-para: ${r.paragraphSpacing}px`),n.length&&o.push(`${a} { ${n.join("; ")} }`),t.kind==="heading"&&f.length&&o.push(`${a}, ${a}:is(h1, h2, h3, h4) { ${f.join("; ")} }`),r.paragraphSpacing&&o.push(...dP(a)),r.sizePhone!==void 0){let p=uP[t.id],m=[`${a} { font-size: ${r.sizePhone}px }`];p&&m.push(`.sf-themed-content { --size-${p}: ${r.sizePhone}px !important }`),o.push(`@media ${Tf} { ${m.join(" ")} }`)}}return o.join(`
|
|
5
|
+
`)}var uP={"heading-1":"headingLarge","heading-2":"headingMedium","heading-3":"headingSmall","body-1":"body","body-5":"label"};function q7(e){return e!==!0&&e!==!1?"":`em.text-accent { font-style: ${e?"italic":"normal"} }`}function Af(e){switch(e){case"heading":return"heading-1";case"heading2":return"heading-2";case"heading3":return"heading-3";case"body":return"body-1";case"label":return"body-5";default:return}}function Bf(e){let o=oa(e);return fo({font:e.font,color:e.color,size:e.size,weight:e.weight,italic:e.italic,lineHeight:o.lineHeight,letterSpacing:o.letterSpacingEm,paragraphSpacing:e.paragraphSpacing,letterCase:e.case})}function KI(e){return Object.keys(Bf(e)).length>0}function VI({saved:e,old:o,styleId:t,values:r}){return{saved:(al(e)??Of(o).map(a=>({...a,values:{}}))).map(a=>a.id===t?Lf({...a,values:fo({...a.values,...r})},a.auto):a),old:o}}var YI=["font","color","size","weight","emphasis","lineSpacing","letterSpacing","paragraphSpacing","letterCase","largestSize"],hP=["size","lineSpacing","letterSpacing","letterCase"],gP=500,_f=no.map(e=>({value:e.key,label:e.label,family:`var(${e.cssVar})`,italic:e.italicLoaded}));function XI({saved:e,old:o,colours:t,sizeOf:r,onChange:a,openId:n,onOpenChange:s,readOnly:i=!1,withoutSize:f=!1}){let[u,p]=mP(null),m=IP()==="mobile",x=et(e,o),h=jI(x,r);return pP(xP,{styles:h,onChange:b=>a($I({saved:e,old:o,cur:h,next:b,sizeOf:r})),fonts:_f,colours:t,settings:f?YI.filter(b=>b!=="size"):YI,auto:hP,openId:n===void 0?u:n,onOpenChange:s??p,readOnly:i,device:m?"phone":"desktop",fallback:b=>{let C=x.find(v=>v.id===(b.kind==="heading"?"heading-1":"body-1")),k={};return C?.values.font&&b.id!==C.id&&(k.font=C.values.font),b.kind==="heading"&&(k.weight=gP),k}})}var QI=["font","size","weight","emphasis"],SP=500;function CP({font:e,size:o,weight:t,italic:r}){let a={font:e};return o!==null&&(a.size=o),t!==null&&(a.weight=t),r!==null&&(a.italic=r),{id:"accent",kind:"heading",name:l("Accent"),values:a}}function vP(e,o){let t=[],r=e.values,a=o.values;return a.font!==r.font&&a.font!==void 0&&t.push({key:"font",value:a.font}),a.size!==r.size&&t.push({key:"size",value:a.size??null}),a.weight!==r.weight&&t.push({key:"weight",value:a.weight??null}),a.italic!==r.italic&&t.push({key:"italic",value:a.italic??null}),t}function JI(e){let{headingWeight:o,open:t,onOpenChange:r,onChange:a,withoutSize:n=!1}=e,s=CP(e);return ZI(yP,{label:l("Accent"),children:ZI(bP,{style:s,fonts:_f,settings:n?QI.filter(i=>i!=="size"):QI,auto:["size"],fallback:()=>({weight:o??SP}),open:t,onOpenChange:r,onChange:i=>vP(s,i).forEach(a)})})}import{SettingsTabs as kP}from"efficient-easel/panel";import{Tooltip as N$,tabButtonId as TP,tabPanelId as FP}from"efficient-shell/ui";import{ContrastIcon as EP,NoteIcon as PP,SettingsIcon as LP,TypeIcon as OP}from"efficient-easel/icons";function eh(e){switch(e.status){case"saved":return null;case"failed":return{msg:l("Not saved. Try again."),tone:"error"};case"skipped":switch(e.reason){case"empty":return null;case"no-token":return{msg:l("Not saved. Reload the page."),tone:"error"};case"template":return{msg:l("Templates keep their look. Press Done."),tone:"success"}}}}import{gotoPreviewSlide as i$,pinPreviewToBottom as f$,pinPreviewToSection as c$,previewFrame as oh,scrollPreviewToSection as th,scrollPreviewToTop as Df}from"efficient-easel/screen/lib/puck/preview-dom";import{useEasel as wP}from"efficient-easel/easel";function nl({themeFromDocument:e,persist:o}){let{appState:t,dispatch:r}=wP(L=>L),{fonts:a,setFonts:n,sizes:s,setSizes:i,headingCompression:f,setHeadingCompression:u,headingTypography:p,setHeadingTypography:m,textStyles:x,setTextStyles:h}=X(),b=t.data,C=b.root?.props??{},k=e?Rr(C.fonts):a,v=e?au:s,w=e?st(C.headingCompression):f,g=e?du(C.headingTypography):p,y={fonts:k,sizes:v,compression:w,typography:g},E=e?C.textStyles:x,F=L=>r({type:"replaceRoot",root:{...b.root,props:{...C,...L}},recordHistory:!0});return{fonts:k,sizes:v,compression:w,typography:g,old:y,saved:E,write:(L,B)=>{let O=Rf(et(L.saved,L.old),L.old);e?F({textStyles:L.saved,fonts:O.fonts,headingCompression:O.compression,headingTypography:O.typography}):(h(L.saved),n(O.fonts),i(O.sizes),u(O.compression),m(O.typography)),o(qI(L,y),B)},writeRoot:F}}var Nf="sf-site-styles",RP="sf-site-styles-tabpanel",Wf=!1,AP="Show hints";function zf({shown:e,onChange:o}){return J("div",{className:"sf-hints",children:wt("button",{type:"button","aria-pressed":e,onClick:()=>o(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[J(PP,{size:13}),l(AP)]})})}var ah="text",rr=[{id:"basics",label:"Basics",icon:J(LP,{})},{id:"theme",label:"Theme",icon:J(EP,{})},{id:"text",label:"Text",icon:J(OP,{})}];function BP({themeFromDocument:e,persist:o}){let{appState:t,dispatch:r}=rh(u=>u),{theme:a,setTheme:n}=X(),s=t.data,i=s.root?.props??{},f=u=>{if(e){let p={...i,theme:u};r({type:"replaceRoot",root:{...s.root,props:p},recordHistory:!0})}else n(u);o({selected_preset:u.selected,theme_presets:u.themes})};return J(Zx,{value:e?i.theme:a,onChange:f})}function _P({themeFromDocument:e,persist:o}){let[t,r]=Hf(null),{theme:a,setFonts:n,setSizes:s,setHeadingTypography:i}=X(),f=nl({themeFromDocument:e,persist:o}),{old:u,saved:p,writeRoot:m}=f,x=f.fonts,h=f.sizes,b=f.typography,C=F=>F.values.size??WP(NP[F.id]??"body")??MP[F.kind],k=F=>f.write(F),v=DP(a),w=F=>{let L={...x,accent:F};e?m({fonts:L}):n(L),o({accent_font:F})},g=F=>{s({...h,accent:F}),o({accent_size_px:F})},y=F=>{let L={...b,weightStrong:F};e?m({headingTypography:L}):i(L),o({heading_weight_strong:F})},E=F=>{let L={...b,italicStrong:F};e?m({headingTypography:L}):i(L),o({accent_italic:F})};return wt(ar,{children:[J(XI,{saved:p,old:u,colours:v,sizeOf:C,onChange:k,openId:t===Mf?null:t,onOpenChange:r,withoutSize:e}),J(JI,{font:x.accent,size:h.accent,weight:b.weightStrong,italic:b.italicStrong,headingWeight:b.weight,open:t===Mf,onOpenChange:F=>r(F?Mf:null),onChange:F=>{F.key==="font"?w(F.value):F.key==="size"?g(F.value):F.key==="weight"?y(F.value):E(F.value)},withoutSize:e})]})}var Mf="accent";function DP(e){let o=Bt(e);return[{key:"accent",name:l("Accent"),value:o.accent},{key:"text",name:l("Text"),value:o.text},{key:"labels",name:l("Labels"),value:o.muted??o.text}]}var NP={"heading-1":"heading","heading-2":"heading2","heading-3":"heading3","body-1":"body","body-5":"label"},MP={heading:32,body:14},HP={heading:"main h1, main h2",heading2:"main h1, main h2",heading3:"main h1, main h2",accent:"main h1 em, main h2 em",body:"main p",label:"main .mono-eyebrow"};function WP(e){if(typeof document>"u")return null;let o=(oh()?.contentDocument??document).querySelector(HP[e]);if(!o)return null;let t=parseFloat(getComputedStyle(o).fontSize);return Number.isFinite(t)?t:null}function zP({themeFromDocument:e,persist:o,showHint:t}){let{appState:r,dispatch:a}=rh(x=>x),{cornerRadiusPx:n,setCornerRadiusPx:s}=X(),i=r.data,f=i.root?.props??{},u=f.cornerRadiusPx===void 0?lu[nu(f.cornerStyle)]:Io(f.cornerRadiusPx),p=e?u:n,m=x=>a({type:"replaceRoot",root:{...i.root,props:{...f,...x}},recordHistory:!0});return J(Qx,{value:p,onChange:x=>{e?m({cornerRadiusPx:x}):s(x),o({corner_radius_px:x})},showHint:t})}function GP(e){return{site_width:e}}function UP({persist:e,showHint:o}){let{siteWidth:t,setSiteWidth:r}=X();return J(fI,{value:t,onChange:a=>{r(a),e(GP(a),a===null)},showHint:o})}function $P(e){return{block_gap:e}}function qP(e){return{site_gutter:e}}function jP({persist:e,showHint:o}){let{siteGutter:t,setSiteGutter:r}=X();return J(iI,{value:t,onChange:a=>{r(a),e(qP(a),a===null)},showHint:o})}function KP({persist:e,showHint:o}){let{blockGap:t,setBlockGap:r}=X();return J(tI,{value:t,onChange:a=>{r(a),e($P(a),a===null)},showHint:o})}function VP({persist:e,showHint:o}){let{heroBackgroundFollowsWidth:t,setHeroBackgroundFollowsWidth:r}=X();return J(aI,{value:t,onChange:a=>{r(a),e({hero_background_follows_width:a},!0)},showHint:o})}function YP({persist:e,showHint:o=!0}){return wt(ar,{children:[J(UP,{persist:e,showHint:o}),J(jP,{persist:e,showHint:o}),J(KP,{persist:e,showHint:o}),J(VP,{persist:e,showHint:o})]})}function XP(e){return{card_shadow:e}}function ZP(e){return e===null?{shadow_color:null}:{shadow_color:fu(e)}}function QP(e){return{hover_effect:e}}function JP({persist:e,showHint:o=!0}){let{cardShadow:t,setCardShadow:r,shadowColor:a,setShadowColor:n,hoverEffect:s,setHoverEffect:i}=X();return wt(ar,{children:[J(Jx,{value:t,onChange:f=>{r(f),e(XP(f),!0)},showHint:o}),J(oI,{value:a,onChange:f=>{n(f),e(ZP(f),f===null)},showHint:o}),J(rI,{value:s,onChange:f=>{i(f),e(QP(f),!0)},showHint:o})]})}function eL(e){return{photography_grayscale:e}}function oL({persist:e,showHint:o}){let{photographyGrayscale:t,setPhotographyGrayscale:r}=X();return J(lI,{value:t,onChange:a=>{r(a),e(eL(a),!0)},showHint:o})}function tL({persist:e,showHint:o=!0}){return J(ar,{children:J(oL,{persist:e,showHint:o})})}function rL(e){return{share_button_on_posts:e}}function aL({persist:e,showHint:o=!0}){let{shareButtonOnPosts:t,setShareButtonOnPosts:r}=X();return J(sI,{value:t,onChange:a=>{r(a),e(rL(a),!0)},showHint:o})}function nr(){let{websiteName:e}=X();return e?.trim()||pu}function ll({themeFromDocument:e=!1,tokenRef:o,siteId:t,onNotify:r,tab:a,onTabChange:n}){let{persist:s}=Ut({themeFromDocument:e,tokenRef:o,siteId:t,onResult:C=>{let k=eh(C);k&&r?.(k.msg,k.tone)}}),[i,f]=Hf(rr[0].id),u=a!==void 0,p=u?a:i,m=u?n??(()=>{}):f,x=rr.find(C=>C.id===p)??rr[0],[h,b]=Hf(Wf);return wt(ar,{children:[J(kP,{items:rr.map(C=>({...C,label:l(C.label)})),activeId:x.id,onSelect:m,ariaLabel:l("Site styles"),idPrefix:Nf}),wt("div",{id:FP(Nf,x.id),className:RP,role:"tabpanel","aria-labelledby":TP(Nf,x.id),children:[p==="basics"&&wt(ar,{children:[J(zP,{themeFromDocument:e,persist:s,showHint:h}),!e&&J(JP,{persist:s,showHint:h}),!e&&J(YP,{persist:s,showHint:h}),!e&&J(tL,{persist:s,showHint:h}),!e&&J(aL,{persist:s,showHint:h}),J(zf,{shown:h,onChange:b})]}),p==="theme"&&J(BP,{themeFromDocument:e,persist:s}),p==="text"&&J(_P,{themeFromDocument:e,persist:s})]})]})}import{InspectorIconButton as mL}from"efficient-easel/chrome";import{Button as uh,Dialog as xL,FormField as IL,Input as ph,toast as mh}from"efficient-shell/ui";import{LayersTree as hL,TreeGroupLabel as gL,TreeRow as xh,TreeRowAction as Kf}from"efficient-easel/tree";import{AddIcon as bL,PageIcon as yL}from"efficient-easel/icons";import{PagesIcon as SL}from"efficient-easel/rail";var Gf="Main Pages",nL="Dynamic Pages",Uf="dynamic",lL="dynamic";function $f(e){return e.kind===lL}function nh(e){let o=[],t=[];for(let r of e){if($f(r)){t.push(r);continue}let a=r.groupKey??(r.group?`folder:${r.group}`:"top"),n=o[o.length-1];n&&n.key===a?n.rows.push(r):o.push({key:a,label:r.group??Gf,rows:[r]})}if(t.length){let r=o.findIndex(a=>a.key.startsWith("system:"));o.splice(r===-1?o.length:r,0,{key:Uf,label:nL,rows:t})}return o}import{useCallback as sl,useEffect as sL,useSyncExternalStore as iL}from"react";var lh=new WeakMap;function aa(e){let o=lh.get(e);return o||(o={rows:null,loading:null,listeners:new Set},lh.set(e,o)),o}function qf(e,o){e.rows=o;for(let t of e.listeners)t()}var il=new Set;function fl(e,o){o?il.add(e):il.delete(e)}function sh(e){let o=aa(e),t=e.listPages().then(r=>qf(o,il.size?r.filter(a=>!il.has(a.id)):r),()=>qf(o,[])).finally(()=>{o.loading===t&&(o.loading=null)});return o.loading=t,t}var ih=()=>null,fL=()=>()=>{};function jf(){let{adapter:e,ready:o}=Se(),t=sl(i=>{let{listeners:f}=aa(e);return f.add(i),()=>f.delete(i)},[e]),r=sl(()=>aa(e).rows,[e]),a=iL(o?t:fL,o?r:ih,ih);sL(()=>{if(!o)return;let i=aa(e);i.rows===null&&!i.loading&&sh(e)},[e,o]);let n=sl(()=>o?sh(e):Promise.resolve(),[e,o]),s=sl(i=>qf(aa(e),i),[e]);return{rows:a,reload:n,setRows:s,getRows:r}}function cL(e,o){return e?.find(t=>t.slug===o)?.label?.trim()||`/${o}`}function fh(){let{currentSlug:e}=Se(),{rows:o}=jf();return cL(o,e)}var Ih="sf-editor-pages-collapsed-groups",CL=e=>e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),hh=(e,o)=>{let t=CL(e)||"page";if(!o.has(t))return t;let r=2;for(;o.has(`${t}-${r}`);)r+=1;return`${t}-${r}`};function gh({onNavigate:e,onClose:o,activeSurface:t,onPreviewSurface:r}){let a=Ae().chrome?.pageRows,n=Gt(),{adapter:s,capabilities:i,ready:f,currentSlug:u}=Se(),p=nr(),{rows:m,reload:x,setRows:h,getRows:b}=jf(),[C,k]=lr(""),[v,w]=lr(!1),[g,y]=lr(null),[E,F]=lr(!1),[L,B]=lr(""),O=pL(),[M,re]=lr(()=>{if(typeof window>"u")return new Set;try{let P=window.localStorage.getItem(Ih);return new Set(P?JSON.parse(P):[])}catch{return new Set}});uL(()=>{try{window.localStorage.setItem(Ih,JSON.stringify([...M]))}catch{}},[M]);let H=P=>re(le=>{let Y=new Set(le);return Y.has(P)?Y.delete(P):Y.add(P),Y}),z=dh(()=>nh(m??[]),[m]),A=C.trim().toLowerCase(),oe=P=>!A||P.toLowerCase().includes(A),Oe=P=>A?!0:!M.has(P),Xe=dh(()=>new Set((m??[]).map(P=>P.slug)),[m]),ro=()=>{if(i.pageCreationInAdminForm){n.send("storefront-editor:new-page");return}B(""),y(null),F(!0)},ze=async()=>{let P=L.trim();if(!(!P||!f||v||!s.createPage)){w(!0),y(null);try{let le=await s.createPage({slug:hh(P,Xe),title:P,layout:{}});await x(),F(!1),B(""),e(le.slug)}catch{y(l("Couldn\u2019t add the page \u2014 please retry."))}finally{w(!1)}}},Re=P=>{let le=m??[],Y=s.deletePage;if(!f||v||!Y||le.length<=1)return;let te=le.findIndex(ye=>ye.id===P.id),ae=le.filter(ye=>ye.id!==P.id),pe=P.slug===u;fl(P.id,!0),h(ae),y(null),pe&&ae[0]&&e(ae[0].slug);let Ne=()=>{fl(P.id,!1);let ye=b()??[];if(ye.some(Fo=>Fo.id===P.id))return;let po=[...ye];po.splice(Math.max(0,Math.min(te,po.length)),0,P),h(po)};mh.undoable(l("Deleted \u201C{name}\u201D",{name:P.label}),{actionLabel:l("Undo"),commit:async ye=>{await Y(P.id,ye),fl(P.id,!1)},undo:()=>{Ne(),pe&&e(P.slug)},onFail:()=>{Ne(),mh.error(l("Couldn\u2019t delete the page \u2014 please retry."))}})},Ge=P=>n.send("storefront-editor:open-page",{slug:P}),De=P=>{if(!oe(P.label))return null;let le=!t&&P.slug===u,Y=i.canDeletePagesInline&&(m??[]).length>1,te=$f(P),ae=P.kind==="lightbox",pe=[...te?[{label:l("Dynamic"),tone:"info"}]:[],...ae?[{label:l("Lightbox"),tone:"success"}]:[],...P.draft?[{label:l("draft"),tone:"draft"}]:[]],Ne=pe.length>0?pe:void 0,ye=i.pageCreationInAdminForm||Y?cl(ch,{children:[i.pageCreationInAdminForm&&fe(Kf,{kind:"plain",label:l("Edit \u201C{name}\u201D in {place}",{name:P.label,place:l("the admin")}),onClick:()=>Ge(P.slug),children:fe(dl,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})}),Y&&fe(Kf,{kind:"delete",label:l("Delete \u201C{name}\u201D",{name:P.label}),disabled:v,onClick:()=>Re(P),children:fe(dl,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})]}):void 0;return fe(xh,{icon:fe(yL,{size:14}),name:P.label,selected:le,onSelect:()=>e(P.slug),badge:Ne,actions:ye,rowProps:{"data-page-slug":P.slug}},P.id)},Ce=(P,le,Y)=>{let te=Y.filter(Boolean);if(te.length===0)return null;let ae=Oe(P);return cl(dL,{children:[fe(gL,{count:te.length,expanded:ae,onToggle:()=>H(P),children:le}),ae&&te]},P)},ge=(a?.rows??[]).filter(P=>oe(P.label)).map(P=>{let le=t===P.key;return fe(xh,{icon:P.icon,name:P.label,selected:le,onSelect:()=>r(P.key),badge:{label:l("Preview"),tone:"warning"},actions:fe(Kf,{kind:"plain",label:l("Open the {name} in a new tab",{name:P.label}),onClick:()=>window.open(P.href,"_blank","noopener,noreferrer"),children:fe(dl,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})}),rowProps:{"data-shop-surface":P.key}},P.key)}),Ie=i.hasSiteSettings&&!!a,Ze=(()=>{if(m===null)return null;let P=[],le=!1;for(let Y of z){Ie&&!le&&Y.key.startsWith("system:")&&(P.push(Ce("shop",a.title,ge)),le=!0);let te=Y.key===Uf||Y.label===Gf?l(Y.label):Y.label;P.push(Ce(Y.key,te,Y.rows.map(De)))}return Ie&&!le&&P.push(Ce("shop",a.title,ge)),P})();return cl("div",{className:"sf-pages",children:[fe(Ka,{icon:fe(SL,{}),title:l("Pages"),context:p,actions:fe(mL,{label:l("New page"),onClick:ro,children:fe(bL,{size:15})}),onHide:o}),fe("div",{className:"sf-pages-find",children:fe(ph,{type:"search",leftIcon:fe(dl,{name:"search",size:14,rounded:!0}),placeholder:l("Search all pages\u2026"),value:C,onChange:P=>k(P.target.value),"aria-label":l("Search all pages")})}),g&&!E&&fe("div",{className:"sf-note sf-note--error",role:"alert",children:g}),Ze===null?fe("div",{className:"sf-note",children:l("Loading\u2026")}):Ze.some(Boolean)?fe(hL,{ariaLabel:l("Pages"),className:"sf-scroll",children:Ze}):fe("div",{className:"sf-note",children:C.trim()?l("No pages match your search"):l("No pages yet. Add one with + above.")}),fe(xL,{open:E,onClose:()=>F(!1),size:"sm",title:l("Add a page"),description:l("Give the new template page a name. It starts blank \u2014 add sections once it opens."),footer:cl(ch,{children:[fe(uh,{variant:"secondary",onClick:()=>F(!1),children:l("Cancel")}),fe(uh,{onClick:()=>{ze()},disabled:v||!L.trim(),loading:v,children:l("Add page")})]}),children:fe(IL,{label:l("Page name"),htmlFor:O,hint:L.trim()?l("URL: /{slug}",{slug:hh(L,Xe)}):void 0,error:g??void 0,children:fe(ph,{id:O,value:L,invalid:!!g,onChange:P=>B(P.target.value),onKeyDown:P=>{P.key==="Enter"&&ze()},placeholder:l("e.g. About")})})})]})}import{jsx as vL}from"react/jsx-runtime";import{createContext as wL,useCallback as kL,useContext as TL,useState as FL}from"react";import{useSelectHandler as EL}from"efficient-easel/draw/client";var ul=["chat-bubble-left-right","chat-bubble-oval-left-ellipsis","chat","megaphone","phone","sparkles"],sr=ul[0];var kt="right";function pl(e){return ul.includes(e??"")?e:sr}function bh(e){return e==="left"?"left":kt}function yh(e){return/^#[0-9a-fA-F]{6}$/.test(e??"")?e.toLowerCase():""}var ml={enabled:!0,title:"",subtitle:"",greeting:"",launcherColor:"",launcherIcon:"",launcherPosition:kt,launcherLabel:"",showOnPhones:!0};function b8(e){return{enabled:e.enabled,title:e.title,subtitle:e.subtitle,greeting:e.greeting,launcherColor:yh(e.launcherColor),launcherIcon:e.launcherIcon?pl(e.launcherIcon):"",launcherPosition:bh(e.launcherPosition),launcherLabel:e.launcherLabel??"",showOnPhones:e.showOnPhones!==!1}}var Sh=wL({chat:ml,setChat:()=>{},selected:!1,setSelected:()=>{},select:()=>{},setSelectHandler:()=>{}});function y8({children:e,chat:o=ml,onChatChange:t}){let[r,a]=FL(!1),n=kL(f=>t?.(f),[t]),{select:s,setSelectHandler:i}=EL();return vL(Sh.Provider,{value:{chat:o,setChat:n,selected:r,setSelected:a,select:s,setSelectHandler:i},children:e})}var xl=()=>TL(Sh);import{jsx as Vf}from"react/jsx-runtime";import{DesktopIcon as PL,PhoneIcon as LL,TabletIcon as OL}from"efficient-easel/icons";import{VIEW_TIERS as RL,VIEW_TIER_LABEL as AL}from"efficient-easel/draw";var BL={desktop:Vf(PL,{}),tablet:Vf(OL,{}),mobile:Vf(LL,{})},Ch=RL.map(e=>({id:e,get label(){return l(AL[e])},icon:BL[e]}));import{PreviewDeviceContext as _M}from"efficient-easel/draw/client";import{jsx as _L}from"react/jsx-runtime";import{createContext as DL,useCallback as vh,useContext as NL,useMemo as ML,useRef as HL}from"react";var WL=Object.fromEntries(Ga.map(e=>[e,{value:"",error:null}])),wh=DL({links:xu,rows:WL,canSave:!1,saveLink:async()=>({ok:!1,error:"There is no website to save to."}),openPanel:()=>{},setOpenHandler:()=>{}});function L8({children:e,value:o}){let t=HL(()=>{}),r=vh(()=>t.current(),[]),a=vh(s=>{t.current=s},[]),n=ML(()=>({...o,openPanel:r,setOpenHandler:a}),[o,r,a]);return _L(wh.Provider,{value:n,children:e})}var na=()=>NL(wh);import{jsx as zL}from"react/jsx-runtime";import{createContext as GL,useContext as UL,useMemo as $L,useState as qL}from"react";var kh=GL(null);function B8({children:e}){let[o,t]=qL(null),r=$L(()=>({surface:o,setSurface:t}),[o]);return zL(kh.Provider,{value:r,children:e})}function Th(){return UL(kh)??{surface:null,setSurface:()=>{}}}import{createPreviewSelectionContext as jL}from"efficient-easel/draw/client";var la="Scrolling Bar",{Provider:N8,useSelection:Il}=jL("selectedHeroId");import{createPreviewSelectionContext as KL}from"efficient-easel/draw/client";var{Provider:W8,useSelection:hl}=KL("selectedHeroPart");import{isShown as fO,lazyShowWhenContext as cO}from"efficient-shell/format";var gl="product",VL="recordType",YL={key:gl,label:"Product",fields:[]};var XL=new Map,ZL=0;function G8(){return[YL,...XL.values()]}function U8(){return ZL}function QL(e){let o=e?.[VL];return typeof o!="string"?gl:o.trim()||gl}function Yf(e){return QL(e)===gl}var Xf="product",JL="tyre";var eO="productType",oO={[Xf]:"alloy-wheel",[JL]:"tyre"},tO=["alloy-wheel","tyre"];function Fh(e,o){return Yf(o)?rO(o)??oO[e]??null:null}function rO(e){if(!Yf(e))return null;let o=e?.[eO];return typeof o=="string"&&tO.includes(o)?o:null}var bl=null,Eh=null;function aO(e,o){bl=e,Eh=o}function V8(e){aO(e,null)}function Y8(){return bl}function Ph(){return Eh==="dynamic"||bl===Xf}function X8(e){return Fh(bl??"",e)??"alloy-wheel"}import{addShowWhenFacts as nO}from"efficient-shell/format";import{showWhenOf as Zf,shownForOption as lO,truthy as sO,withRowRules as iO,withRowsShownWhen as yl,withShowWhen as Sl}from"efficient-shell/format";var eq=nO;function Oh(e,o,t){let r=!1,a={};for(let[n,s]of Object.entries(e))fO(Zf(s),o??{},t)?a[n]=s:r=!0;return r?a:e}function Rh(e,o,t,r){let a=Ya(o,t,r);return{device:e,parentType:a?.item.type,parent:a?.item.props}}function Lh(e,o){if(!e||typeof e!="object")return!1;let t=e;if(typeof t.context=="string"&&(t.context===o||t.context.startsWith(`${o}.`)))return!0;if("not"in t)return Lh(t.not,o);for(let r of[t.all,t.any])if(Array.isArray(r)&&r.some(a=>Lh(a,o)))return!0;return!1}function sq(e,o={}){return cO({parentType:()=>e.parent?.type??void 0,parent:()=>e.parent?.props??void 0,dynamicPage:()=>Ph(),root:()=>e.appState?.data?.root?.props,...o})}var Bh=["one","side","stacked"];var fq={one:"One",side:"Side by side",stacked:"Stacked"};function _h(e){return Bh.includes(e)?e:"one"}function Ah(e){return e==="one"?1:2}function dO(e,o){if(Bh.includes(e))return e;let t=_h(o);return t==="side"?"stacked":t}function Qf(e){let o=_h(e.mediaLayout);return Math.max(Ah(o),Ah(dO(e.mediaLayoutPhone,o)))}var sa=["media","image","image2"],ir={media:"Media",image:"Image",image2:"Image 2"},ia={media:"heroMedia",image:"heroImage",image2:"heroImage2"};function Cl(e,o){return e==="image"&&Qf(o)>1?"Image 1":ir[e]}var pq="Video file",mq="Upload a video file";function uO(e,o){return{field:"mediaType",is:e,default:o}}var pO=new Set(["HeroSingle"]),Dh="heroPart";function mO(e,o){return{...o,[Dh]:e}}function xq(e,{parts:o={},onlyFor:t,fallback:r,rules:a}){let n={...e};for(let s of["image","video"])for(let i of t[s])n[i]=Sl(n[i],uO(s,r));for(let[s,i]of Object.entries(a??{}))i&&(n[s]=Sl(n[s],i));for(let s of sa)for(let i of o[s]??[])n[i]=mO(s,n[i]);return n}function xO(e){let o=e?.[Dh];return sa.includes(o)?o:null}function Nh(e,o){let t={};for(let[r,a]of Object.entries(e))xO(a)===o&&(t[r]=a);return t}function Mh(e){if(!pO.has(e.type))return[];let o=[{part:"media",label:ir.media,depth:0}];return(e.props.mediaType??"image")!=="video"&&(o.push({part:"image",label:Cl("image",e.props),depth:1}),Qf(e.props)>1&&o.push({part:"image2",label:Cl("image2",e.props),depth:1})),o}function fa(e,o){return`${e}::${o}`}function Hh(e){if(!e)return null;let o=e.lastIndexOf("::");if(o<=0)return null;let t=e.slice(o+2);return sa.includes(t)?{nodeId:e.slice(0,o),part:t}:null}var Iq="data-sf-hero-part";import{jsx as ee,jsxs as Et,Fragment as cd}from"react/jsx-runtime";import{useState as gD}from"react";import{useEasel as bD}from"efficient-easel/easel";import{headWords as Fy,InspectorHead as yD,InspectorIconButton as ky}from"efficient-easel/chrome";import{DuplicateIcon as SD,TrashIcon as CD}from"efficient-easel/icons";import{panelFieldsOf as Wh}from"efficient-easel/screen/lib/puck/panel-fields";import{jsx as T,Fragment as K,jsxs as V}from"react/jsx-runtime";import{BlockBannerIcon as gO,BlockBoxIcon as bO,BlockButtonIcon as yO,BlockDividerIcon as Gh,BlockFooterIcon as Uh,BlockHeadingIcon as SO,BlockProductIcon as CO,BlockSocialIcon as vO,BlockTextIcon as wO,ChatIcon as kO,GridIcon as TO,ImageIcon as ec,MediaIcon as FO,PageIcon as EO}from"efficient-easel/icons";import{jsx as Jf,Fragment as IO,jsxs as hO}from"react/jsx-runtime";var zh=hO(IO,{children:[Jf("circle",{cx:"9",cy:"20",r:"1.3"}),Jf("circle",{cx:"18",cy:"20",r:"1.3"}),Jf("path",{d:"M2.5 3.5h3l2.3 11.3a1.6 1.6 0 0 0 1.6 1.3h8.1a1.6 1.6 0 0 0 1.6-1.2L21 7H6"})]});var PO={header:V(K,{children:[T("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),T("path",{d:"M3 9.5h18"})]}),website:V(K,{children:[T("circle",{cx:"12",cy:"12",r:"9"}),T("path",{d:"M3 12h18M12 3c2.6 2.7 2.6 15.3 0 18M12 3c-2.6 2.7-2.6 15.3 0 18"})]}),social:V(K,{children:[T("circle",{cx:"6",cy:"12",r:"2.5"}),T("circle",{cx:"18",cy:"6",r:"2.5"}),T("circle",{cx:"18",cy:"18",r:"2.5"}),T("path",{d:"M8.2 10.8l7.6-3.6M8.2 13.2l7.6 3.6"})]}),ticker:V(K,{children:[T("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),T("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),FooterLogo:V(K,{children:[T("path",{d:"M4 15.5h6M4 18h4"}),T("path",{d:"M14 8.5l3 7 3-7"})]}),FooterMenu:T("path",{d:"M6 7h12M6 11h12M6 15h8M6 19h8"}),FooterGroup:V(K,{children:[T("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",strokeDasharray:"3 2.5"}),T("path",{d:"M8 9h8M8 13h8M8 16h5"})]}),FooterText:T("path",{d:"M5 7h14M5 12h14M5 17h9"}),FooterEmailSignup:V(K,{children:[T("rect",{x:"3",y:"6",width:"18",height:"12",rx:"2"}),T("path",{d:"M3.5 7l8.5 6 8.5-6"})]}),SearchBlock:V(K,{children:[T("circle",{cx:"11",cy:"11",r:"6"}),T("path",{d:"M20 20l-4.2-4.2"})]}),CartBlock:zh,CountrySwitchBlock:V(K,{children:[T("circle",{cx:"12",cy:"12",r:"8.5"}),T("path",{d:"M3.5 12h17M12 3.5c2.6 2.4 3.6 5.2 3.6 8.5s-1 6.1-3.6 8.5M12 3.5c-2.6 2.4-3.6 5.2-3.6 8.5s1 6.1 3.6 8.5"})]}),LegalLineBlock:V(K,{children:[T("path",{d:"M3 9h18"}),T("path",{d:"M3 14h8M14 14h2M18 14h3"})]}),Hero:V(K,{children:[T("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),T("path",{d:"M7 13.5h7M7 16.5h10"})]}),HeroSlide:V(K,{children:[T("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),T("path",{d:"M7 15h6M16 9.5h.01M9.5 12l-2.5 3"})]}),HeroSingle:V(K,{children:[T("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),T("path",{d:"M10.5 8.5l4 2.5-4 2.5z"}),T("path",{d:"M7 17h7"})]}),Collections:V(K,{children:[T("rect",{x:"3",y:"5",width:"4.6",height:"14",rx:"1.3"}),T("rect",{x:"9.7",y:"5",width:"4.6",height:"14",rx:"1.3"}),T("rect",{x:"16.4",y:"5",width:"4.6",height:"14",rx:"1.3"})]}),CollectionCard:V(K,{children:[T("rect",{x:"6",y:"4",width:"12",height:"16",rx:"2"}),T("path",{d:"M9 15h6M9 17.5h4"})]}),AlloyWheelsListing:V(K,{children:[T("path",{d:"M3 5h5M3 9h5M3 13h5M3 17h5"}),T("rect",{x:"11.5",y:"5",width:"4.2",height:"5",rx:"1"}),T("rect",{x:"17.3",y:"5",width:"4.2",height:"5",rx:"1"}),T("rect",{x:"11.5",y:"12",width:"4.2",height:"5",rx:"1"}),T("rect",{x:"17.3",y:"12",width:"4.2",height:"5",rx:"1"})]}),CatalogFilterBar:V(K,{children:[T("path",{d:"M3 7h9M15.5 7H21"}),T("circle",{cx:"13.5",cy:"7",r:"1.7"}),T("path",{d:"M3 12h4M10.5 12H21"}),T("circle",{cx:"8.5",cy:"12",r:"1.7"}),T("path",{d:"M3 17h9M15.5 17H21"}),T("circle",{cx:"13.5",cy:"17",r:"1.7"})]}),ProductGrid:V(K,{children:[T("rect",{x:"3",y:"5",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"9.6",y:"5",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"16.2",y:"5",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"3",y:"13",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"9.6",y:"13",width:"4.8",height:"6",rx:"1"}),T("rect",{x:"16.2",y:"13",width:"4.8",height:"6",rx:"1"})]}),RelatedProducts:V(K,{children:[T("path",{d:"M3 5h10"}),T("rect",{x:"3",y:"9.5",width:"5",height:"9",rx:"1"}),T("rect",{x:"9.5",y:"9.5",width:"5",height:"9",rx:"1"}),T("rect",{x:"16",y:"9.5",width:"5",height:"9",rx:"1"})]}),Gallery:V(K,{children:[T("rect",{x:"3",y:"4",width:"11",height:"16",rx:"2"}),T("rect",{x:"15.5",y:"4",width:"5.5",height:"7.5",rx:"1.5"}),T("rect",{x:"15.5",y:"12.5",width:"5.5",height:"7.5",rx:"1.5"})]}),GalleryB:V(K,{children:[T("rect",{x:"3.5",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),T("rect",{x:"13",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),T("rect",{x:"3.5",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"}),T("rect",{x:"13",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"})]}),GalleryItem:V(K,{children:[T("rect",{x:"4",y:"5",width:"16",height:"14",rx:"2"}),T("circle",{cx:"9",cy:"10",r:"1.6"}),T("path",{d:"M20 15.5l-4.5-4L7 19"})]}),Events:V(K,{children:[T("rect",{x:"4",y:"5",width:"16",height:"15",rx:"2"}),T("path",{d:"M4 9.5h16M8.5 3v4M15.5 3v4M8 14h2M14 14h2"})]}),PostCard:V(K,{children:[T("rect",{x:"4",y:"3.5",width:"16",height:"17",rx:"2"}),T("rect",{x:"6.5",y:"6",width:"11",height:"6",rx:"1"}),T("path",{d:"M6.5 14.5h11M6.5 17.5h7"})]}),Manifesto:V(K,{children:[T("path",{d:"M7 8h3.2v4c0 1.6-1 2.6-3 3.2"}),T("path",{d:"M14 8h3.2v4c0 1.6-1 2.6-3 3.2"})]}),Stats:V(K,{children:[T("path",{d:"M3.5 20h17"}),T("path",{d:"M6 20v-7M11 20V7M16 20v-5M20.5 20v-9"})]}),Logos:V(K,{children:[T("circle",{cx:"6",cy:"12",r:"2.6"}),T("rect",{x:"10",y:"9.4",width:"5.2",height:"5.2",rx:"1.2"}),T("path",{d:"M19 9.2l2.4 5h-4.8z"})]}),Ticker:V(K,{children:[T("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),T("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),SectionHeader:V(K,{children:[T("rect",{x:"3.5",y:"6",width:"5",height:"5",rx:"1.2"}),T("path",{d:"M11 8.5h9M3.5 15.5h17"})]}),IntroBleed:V(K,{children:[T("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),T("path",{d:"M3 13.5h18M7 16.8h6"})]}),Split:V(K,{children:[T("rect",{x:"3",y:"5",width:"8",height:"14",rx:"1.5"}),T("path",{d:"M14 8.5h6M14 12h6M14 15.5h4"})]}),Eyebrow:V(K,{children:[T("path",{d:"M4 8.5h4.5M11 8.5h9"}),T("path",{d:"M4 14.5h16"})]}),HeroGroup:V(K,{children:[T("rect",{x:"3.5",y:"4.5",width:"17",height:"15",rx:"2"}),T("path",{d:"M7 9h8M7 12.5h10M7 16h6"})]}),Form:V(K,{children:[T("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),T("path",{d:"M6.5 9h11M6.5 12.5h11"}),T("rect",{x:"6.5",y:"15",width:"6.5",height:"2.6",rx:"1.3"})]}),LogoBlock:T(K,{children:T("path",{d:"M12 3.5l7.5 3.2v5.1c0 4.2-3.2 7.1-7.5 8.7-4.3-1.6-7.5-4.5-7.5-8.7V6.7z"})}),Spacer:V(K,{children:[T("path",{d:"M12 4v6M9.5 6.5L12 4l2.5 2.5M12 20v-6M9.5 17.5L12 20l2.5-2.5"}),T("path",{d:"M5 13h14",strokeDasharray:"2 2.5"})]}),ContactRouting:V(K,{children:[T("rect",{x:"3",y:"4",width:"5",height:"5",rx:"1"}),T("rect",{x:"9.5",y:"4",width:"5",height:"5",rx:"1"}),T("rect",{x:"16",y:"4",width:"5",height:"5",rx:"1"}),T("path",{d:"M4 13.5h11M4 17.5h7"}),T("path",{d:"M17 15l3 2-3 2"})]}),CustomHTML:T("path",{d:"M9 8l-4 4 4 4M15 8l4 4-4 4"})},LO=T("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2.5"}),OO={footer:Uh,Footer:Uh,Divider:Gh,FooterDivider:Gh,Banner:gO,Flex:bO,FooterSocial:vO,page:EO,chat:kO,Heading:SO,Text:wO,ImageBlock:ec,ButtonBlock:yO,Grid:TO,ProductRef:CO,heroMedia:FO,heroImage:ec,heroImage2:ec},RO={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",SiteHeader:"header",SiteFooter:"footer"};function Tt({type:e,size:o=16,className:t}){let r=RO[e]??e,a=OO[r];return a?T(a,{size:o,className:t}):T("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",className:t,"aria-hidden":"true",children:PO[r]??LO})}import{jsx as Z,jsxs as oc,Fragment as AO}from"react/jsx-runtime";import{useEffect as BO,useId as $h,useState as _O}from"react";import{IconPicker as DO}from"efficient-shell/ui";import{SettingsDefaultReset as NO,SettingsField as fr,SettingsSegmented as MO,SettingsSwitch as qh}from"efficient-easel/panel";import*as HO from"efficient-easel/icons";import{ButtonIcon as WO,ButtonIconIcon as zO,EyeIcon as GO,PhoneIcon as UO,PlacementIcon as $O,TypeIcon as qO}from"efficient-easel/icons";var jO="Chat with us",KO="We usually reply within a few minutes",VO="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function vl({label:e,value:o,placeholder:t,onCommit:r,multiline:a=!1,hint:n}){let[s,i]=_O(o);BO(()=>i(o),[o]);let f=()=>{s!==o&&r(s)};return Z(fr,{label:e,icon:Z(qO,{}),changed:o!=="",action:Z(cr,{label:e,changed:o!=="",onReset:()=>r("")}),hint:n,children:a?Z("textarea",{value:s,placeholder:t,rows:3,onChange:u=>i(u.target.value),onBlur:f,"aria-label":e}):Z("input",{type:"text",value:s,placeholder:t,onChange:u=>i(u.target.value),onBlur:f,onKeyDown:u=>{u.key==="Enter"&&u.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function cr({label:e,changed:o,onReset:t}){return Z(NO,{words:j()?.panel,label:e,changed:o,onReset:t})}function YO({label:e,icon:o,checked:t,fallback:r,onChange:a,hint:n}){let s=$h();return Z(fr,{label:e,labelId:s,icon:o,changed:t!==r,action:oc("span",{className:"inline-flex items-center gap-2",children:[Z(qh,{checked:t,onChange:a,ariaLabelledBy:s}),Z(cr,{label:e,changed:t!==r,onReset:()=>a(r)})]}),hint:n})}function XO(e){let o=e.replace(/(^|-)([a-z])/g,(r,a,n)=>n.toUpperCase()),t=HO[`${o}Icon`];return t?Z(t,{size:16}):null}var ZO=ul.map(e=>({value:e,icon:XO(e)}));function QO(){let{theme:e}=X(),o=Qe(e).themes[0];return Ar(o)??o?.accent??""}function jh(){let{chat:e,setChat:o}=xl(),t=$h(),r=QO(),a=e.launcherIcon?pl(e.launcherIcon):sr;return oc(AO,{children:[Z(fr,{label:l("Show the chat bubble"),labelId:t,icon:Z(GO,{}),changed:!e.enabled,action:oc("span",{className:"inline-flex items-center gap-2",children:[Z(qh,{checked:e.enabled,onChange:n=>o({enabled:n}),ariaLabelledBy:t}),Z(cr,{label:l("Show the chat bubble"),changed:!e.enabled,onReset:()=>o({enabled:!0})})]}),hint:e.enabled?l("The floating chat bubble shows in the corner of every page."):l("The chat bubble is hidden across the whole site.")}),Z(Zt,{label:"Look"}),Z(fr,{label:l("Button color"),icon:Z(WO,{}),changed:e.launcherColor!=="",action:Z(to,{label:l("Button color"),value:e.launcherColor,inherited:r,caption:e.launcherColor?void 0:l("Site button color"),onChange:n=>o({launcherColor:n}),after:Z(cr,{label:l("Button color"),changed:e.launcherColor!=="",onReset:()=>o({launcherColor:""})})})}),Z(fr,{label:l("Icon"),icon:Z(zO,{}),changed:a!==sr,action:Z(cr,{label:l("Icon"),changed:a!==sr,onReset:()=>o({launcherIcon:""})}),children:Z(DO,{label:l("Icon"),value:a,options:ZO,onChange:n=>o({launcherIcon:n===sr?"":n})})}),Z(fr,{label:l("Position"),icon:Z($O,{}),changed:e.launcherPosition!==kt,action:Z(cr,{label:l("Position"),changed:e.launcherPosition!==kt,onReset:()=>o({launcherPosition:kt})}),children:Z(MO,{options:[{label:l("Right"),id:"right"},{label:l("Left"),id:"left"}],value:e.launcherPosition,ariaLabel:l("Position"),onChange:n=>o({launcherPosition:n})})}),Z(vl,{label:l("Label"),value:e.launcherLabel,placeholder:l("Icon only"),onCommit:n=>o({launcherLabel:n}),hint:l("Shows when a visitor points at the button")}),Z(YO,{label:l("Show on phones"),icon:Z(UO,{}),checked:e.showOnPhones,fallback:ml.showOnPhones,onChange:n=>o({showOnPhones:n})}),Z(Zt,{label:"Wording"}),Z(vl,{label:l("Title"),value:e.title,placeholder:jO,onCommit:n=>o({title:n})}),Z(vl,{label:l("Subtitle"),value:e.subtitle,placeholder:KO,onCommit:n=>o({subtitle:n})}),Z(vl,{label:l("Greeting message"),value:e.greeting,placeholder:VO,onCommit:n=>o({greeting:n}),multiline:!0}),Z("p",{className:"es-field-hint sf-hint-keep",children:l("Leave a field blank to use the built-in wording.")})]})}import{jsx as Ft,Fragment as vc,jsxs as Zh}from"react/jsx-runtime";import{useEffect as ER,useId as Yh,useState as Xh}from"react";import{SettingsField as PR}from"efficient-easel/panel";import{jsx as bR}from"react/jsx-runtime";import{forwardRef as JO,createElement as tc}from"react";var Kh={outline:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"},filled:{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"currentColor",stroke:"none"}};var G=(e,o,t,r)=>{let a=JO(({color:n="currentColor",size:s=24,stroke:i=2,title:f,className:u,children:p,...m},x)=>tc("svg",{ref:x,...Kh[e],width:s,height:s,className:["tabler-icon",`tabler-icon-${o}`,u].filter(Boolean).join(" "),...e==="filled"?{fill:n}:{strokeWidth:i,stroke:n},...m},[f&&tc("title",{key:"svg-title"},f),...r.map(([h,b])=>tc(h,b)),...Array.isArray(p)?p:[p]]));return a.displayName=`${t}`,a};var eR=[["path",{d:"M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3",key:"svg-0"}]],rc=G("outline","brand-facebook","BrandFacebook",eR);var oR=[["path",{d:"M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10",key:"svg-0"}],["path",{d:"M8.5 12a3.5 3.5 0 1 0 7 0a3.5 3.5 0 0 0 -7 0",key:"svg-1"}],["path",{d:"M17 7v.01",key:"svg-2"}]],ac=G("outline","brand-instagram","BrandInstagram",oR);var tR=[["path",{d:"M21 10.663c0 -4.224 -4.041 -7.663 -9 -7.663s-9 3.439 -9 7.663c0 3.783 3.201 6.958 7.527 7.56c1.053 .239 .932 .644 .696 2.133c-.039 .238 -.184 .932 .777 .512c.96 -.42 5.18 -3.201 7.073 -5.48c1.304 -1.504 1.927 -3.029 1.927 -4.715v-.01",key:"svg-0"}]],nc=G("outline","brand-line","BrandLine",tR);var rR=[["path",{d:"M8 11v5",key:"svg-0"}],["path",{d:"M8 8v.01",key:"svg-1"}],["path",{d:"M12 16v-5",key:"svg-2"}],["path",{d:"M16 16v-3a2 2 0 1 0 -4 0",key:"svg-3"}],["path",{d:"M3 7a4 4 0 0 1 4 -4h10a4 4 0 0 1 4 4v10a4 4 0 0 1 -4 4h-10a4 4 0 0 1 -4 -4l0 -10",key:"svg-4"}]],lc=G("outline","brand-linkedin","BrandLinkedin",rR);var aR=[["path",{d:"M8 20l4 -9",key:"svg-0"}],["path",{d:"M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7",key:"svg-1"}],["path",{d:"M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0",key:"svg-2"}]],sc=G("outline","brand-pinterest","BrandPinterest",aR);var nR=[["path",{d:"M15 10l-4 4l6 6l4 -16l-18 7l4 2l2 6l3 -4",key:"svg-0"}]],ic=G("outline","brand-telegram","BrandTelegram",nR);var lR=[["path",{d:"M21 7.917v4.034a9.948 9.948 0 0 1 -5 -1.951v4.5a6.5 6.5 0 1 1 -8 -6.326v4.326a2.5 2.5 0 1 0 4 2v-11.5h4.083a6.005 6.005 0 0 0 4.917 4.917",key:"svg-0"}]],fc=G("outline","brand-tiktok","BrandTiktok",lR);var sR=[["path",{d:"M16.5 10c3.038 0 5.5 2.015 5.5 4.5c0 1.397 -.778 2.645 -2 3.47l0 2.03l-1.964 -1.178a6.649 6.649 0 0 1 -1.536 .178c-3.038 0 -5.5 -2.015 -5.5 -4.5s2.462 -4.5 5.5 -4.5",key:"svg-0"}],["path",{d:"M11.197 15.698c-.69 .196 -1.43 .302 -2.197 .302a8.008 8.008 0 0 1 -2.612 -.432l-2.388 1.432v-2.801c-1.237 -1.082 -2 -2.564 -2 -4.199c0 -3.314 3.134 -6 7 -6c3.782 0 6.863 2.57 7 5.785l0 .233",key:"svg-1"}],["path",{d:"M10 8h.01",key:"svg-2"}],["path",{d:"M7 8h.01",key:"svg-3"}],["path",{d:"M15 14h.01",key:"svg-4"}],["path",{d:"M18 14h.01",key:"svg-5"}]],cc=G("outline","brand-wechat","BrandWechat",sR);var iR=[["path",{d:"M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9",key:"svg-0"}],["path",{d:"M9 10a.5 .5 0 0 0 1 0v-1a.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a.5 .5 0 0 0 0 -1h-1a.5 .5 0 0 0 0 1",key:"svg-1"}]],dc=G("outline","brand-whatsapp","BrandWhatsapp",iR);var fR=[["path",{d:"M4 4l11.733 16h4.267l-11.733 -16l-4.267 0",key:"svg-0"}],["path",{d:"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772",key:"svg-1"}]],uc=G("outline","brand-x","BrandX",fR);var cR=[["path",{d:"M2 8a4 4 0 0 1 4 -4h12a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-12a4 4 0 0 1 -4 -4v-8",key:"svg-0"}],["path",{d:"M10 9l5 3l-5 3l0 -6",key:"svg-1"}]],pc=G("outline","brand-youtube","BrandYoutube",cR);var dR=[["path",{d:"M18 2a1 1 0 0 1 .993 .883l.007 .117v4a1 1 0 0 1 -.883 .993l-.117 .007h-3v1h3a1 1 0 0 1 .991 1.131l-.02 .112l-1 4a1 1 0 0 1 -.858 .75l-.113 .007h-2v6a1 1 0 0 1 -.883 .993l-.117 .007h-4a1 1 0 0 1 -.993 -.883l-.007 -.117v-6h-2a1 1 0 0 1 -.993 -.883l-.007 -.117v-4a1 1 0 0 1 .883 -.993l.117 -.007h2v-1a6 6 0 0 1 5.775 -5.996l.225 -.004h3z",key:"svg-0"}]],mc=G("filled","brand-facebook-filled","BrandFacebookFilled",dR);var uR=[["path",{d:"M16 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-8a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-4 5a4 4 0 0 0 -3.995 3.8l-.005 .2a4 4 0 1 0 4 -4m4.5 -1.5a1 1 0 0 0 -.993 .883l-.007 .127a1 1 0 0 0 1.993 .117l.007 -.127a1 1 0 0 0 -1 -1",key:"svg-0"}]],xc=G("filled","brand-instagram-filled","BrandInstagramFilled",uR);var pR=[["path",{d:"M17 2a5 5 0 0 1 5 5v10a5 5 0 0 1 -5 5h-10a5 5 0 0 1 -5 -5v-10a5 5 0 0 1 5 -5zm-9 8a1 1 0 0 0 -1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0 -1 -1m6 0a3 3 0 0 0 -1.168 .236l-.125 .057a1 1 0 0 0 -1.707 .707v5a1 1 0 0 0 2 0v-3a1 1 0 0 1 2 0v3a1 1 0 0 0 2 0v-3a3 3 0 0 0 -3 -3m-6 -3a1 1 0 0 0 -.993 .883l-.007 .127a1 1 0 0 0 1.993 .117l.007 -.127a1 1 0 0 0 -1 -1",key:"svg-0"}]],Ic=G("filled","brand-linkedin-filled","BrandLinkedinFilled",pR);var mR=[["path",{d:"M17 3.34a10 10 0 0 1 -8.512 18.023l2.364 -5.315a3.5 3.5 0 0 0 2.398 .952c2.708 0 4.75 -2.089 4.75 -5a6 6 0 1 0 -11.64 2.041a1 1 0 1 0 1.88 -.682a4 4 0 1 1 7.76 -1.36c0 1.818 -1.156 3.001 -2.75 3.001c-.609 0 -1.153 -.361 -1.478 -1.022l1.142 -2.572a1 1 0 0 0 -1.828 -.812l-4.392 9.882a10 10 0 0 1 -4.694 -8.476l.005 -.324a10 10 0 0 1 14.995 -8.336",key:"svg-0"}]],hc=G("filled","brand-pinterest-filled","BrandPinterestFilled",mR);var xR=[["path",{d:"M16.083 2h-4.083a1 1 0 0 0 -1 1v11.5a1.5 1.5 0 1 1 -2.519 -1.1l.12 -.1a1 1 0 0 0 .399 -.8v-4.326a1 1 0 0 0 -1.23 -.974a7.5 7.5 0 0 0 1.73 14.8l.243 -.005a7.5 7.5 0 0 0 7.257 -7.495v-2.7l.311 .153c1.122 .53 2.333 .868 3.59 .993a1 1 0 0 0 1.099 -.996v-4.033a1 1 0 0 0 -.834 -.986a5.005 5.005 0 0 1 -4.097 -4.096a1 1 0 0 0 -.986 -.835z",key:"svg-0"}]],gc=G("filled","brand-tiktok-filled","BrandTiktokFilled",xR);var IR=[["path",{d:"M18.497 4.409a10 10 0 0 1 -10.36 16.828l-.223 -.098l-4.759 .849l-.11 .011a1 1 0 0 1 -.11 0l-.102 -.013l-.108 -.024l-.105 -.037l-.099 -.047l-.093 -.058l-.014 -.011l-.012 -.007l-.086 -.073l-.077 -.08l-.067 -.088l-.056 -.094l-.034 -.07l-.04 -.108l-.028 -.128l-.012 -.102a1 1 0 0 1 0 -.125l.012 -.1l.024 -.11l.045 -.122l1.433 -3.304l-.009 -.014a10 10 0 0 1 1.549 -12.454l.215 -.203a10 10 0 0 1 13.226 -.217m-8.997 3.09a1.5 1.5 0 0 0 -1.5 1.5v1a6 6 0 0 0 6 6h1a1.5 1.5 0 0 0 0 -3h-1l-.144 .007a1.5 1.5 0 0 0 -1.128 .697l-.042 .074l-.022 -.007a4.01 4.01 0 0 1 -2.435 -2.435l-.008 -.023l.075 -.041a1.5 1.5 0 0 0 .704 -1.272v-1a1.5 1.5 0 0 0 -1.5 -1.5",key:"svg-0"}]],bc=G("filled","brand-whatsapp-filled","BrandWhatsappFilled",IR);var hR=[["path",{d:"M8.267 3a1 1 0 0 1 .73 .317l.076 .092l4.274 5.828l5.946 -5.944a1 1 0 0 1 1.497 1.32l-.083 .094l-6.163 6.162l6.262 8.54a1 1 0 0 1 -.697 1.585l-.109 .006h-4.267a1 1 0 0 1 -.73 -.317l-.076 -.092l-4.276 -5.829l-5.944 5.945a1 1 0 0 1 -1.497 -1.32l.083 -.094l6.161 -6.163l-6.26 -8.539a1 1 0 0 1 .697 -1.585l.109 -.006h4.267z",key:"svg-0"}]],yc=G("filled","brand-x-filled","BrandXFilled",hR);var gR=[["path",{d:"M18 3a5 5 0 0 1 5 5v8a5 5 0 0 1 -5 5h-12a5 5 0 0 1 -5 -5v-8a5 5 0 0 1 5 -5zm-9 6v6a1 1 0 0 0 1.514 .857l5 -3a1 1 0 0 0 0 -1.714l-5 -3a1 1 0 0 0 -1.514 .857z",key:"svg-0"}]],Sc=G("filled","brand-youtube-filled","BrandYoutubeFilled",gR);var X9="outline",wl={fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},yR={},Cc={fillRule:"evenodd"},SR=[["path",{...wl,d:"M21 4L3 11L7 13L9 19L12 15L17 20z"}],["path",{...Cc,d:"M21 4L3 11L7 13L9 19L12 15L17 20zM15.212 8.939 10.576 13.576 11.424 14.424 16.061 9.788z"}]],CR=[["path",{...wl,d:["M21 10.663c0 -4.224 -4.041 -7.663 -9 -7.663s-9 3.439 -9 7.663","c0 3.783 3.201 6.958 7.527 7.56c1.053 .239 .932 .644 .696 2.133","c-.039 .238 -.184 .932 .777 .512c.96 -.42 5.18 -3.201 7.073 -5.48","c1.304 -1.504 1.927 -3.029 1.927 -4.715v-.01z"].join("")}],["path",{...yR,d:["M21 10.663c0 -4.224 -4.041 -7.663 -9 -7.663s-9 3.439 -9 7.663","c0 3.783 3.201 6.958 7.527 7.56c1.053 .239 .932 .644 .696 2.133","c-.039 .238 -.184 .932 .777 .512c.96 -.42 5.18 -3.201 7.073 -5.48","c1.304 -1.504 1.927 -3.029 1.927 -4.715v-.01z"].join("")}]],vR=[["path",{...wl,d:["M16.5 10c3.038 0 5.5 2.015 5.5 4.5c0 1.397 -.778 2.645 -2 3.47l0 2.03l-1.964 -1.178","a6.649 6.649 0 0 1 -1.536 .178c-3.038 0 -5.5 -2.015 -5.5 -4.5s2.462 -4.5 5.5 -4.5z"].join("")}],["path",{...wl,d:["M8.319 15.972L7.84 15.918L7.349 15.832L6.865 15.715L6.388 15.568L4 17L4 14.199","L3.559 13.775L3.197 13.356L2.877 12.91L2.603 12.439L2.376 11.946L2.201 11.433","L2.079 10.902L2.016 10.405L2.001 9.897L2.036 9.386L2.12 8.889L2.25 8.405L2.425 7.937","L2.642 7.486L2.9 7.055L3.195 6.645L3.459 6.333L3.744 6.037L4.05 5.757L4.377 5.495","L4.723 5.25L5.086 5.025L5.467 4.819L5.864 4.634L6.275 4.471L6.701 4.331L7.139 4.214","L7.589 4.122L8.05 4.055L8.521 4.014L9.352 4.007L9.815 4.04L10.269 4.098L10.713 4.181","L11.146 4.287L11.567 4.416L11.975 4.567L12.369 4.739L12.748 4.932L13.112 5.143","L13.459 5.374L13.788 5.622L14.172 5.956L14.458 6.241L14.722 6.542L14.965 6.856","L15.217 7.237A8.35 7.35 0 0 0 8.319 15.972z"].join("")}],["path",{...Cc,d:["M8.319 15.972L7.84 15.918L7.349 15.832L6.865 15.715L6.388 15.568L4 17L4 14.199","L3.559 13.775L3.197 13.356L2.877 12.91L2.603 12.439L2.376 11.946L2.201 11.433","L2.079 10.902L2.016 10.405L2.001 9.897L2.036 9.386L2.12 8.889L2.25 8.405L2.425 7.937","L2.642 7.486L2.9 7.055L3.195 6.645L3.459 6.333L3.744 6.037L4.05 5.757L4.377 5.495","L4.723 5.25L5.086 5.025L5.467 4.819L5.864 4.634L6.275 4.471L6.701 4.331L7.139 4.214","L7.589 4.122L8.05 4.055L8.521 4.014L9.352 4.007L9.815 4.04L10.269 4.098L10.713 4.181","L11.146 4.287L11.567 4.416L11.975 4.567L12.369 4.739L12.748 4.932L13.112 5.143","L13.459 5.374L13.788 5.622L14.172 5.956L14.458 6.241L14.722 6.542L14.965 6.856","L15.217 7.237A8.35 7.35 0 0 0 8.319 15.972zM5.25 7.9a0.85 0.85 0 1 0 1.7 0","a0.85 0.85 0 1 0 -1.7 0zM8.25 7.9a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0z"].join("")}],["path",{...Cc,d:["M16.5 10c3.038 0 5.5 2.015 5.5 4.5c0 1.397 -.778 2.645 -2 3.47l0 2.03l-1.964 -1.178","a6.649 6.649 0 0 1 -1.536 .178c-3.038 0 -5.5 -2.015 -5.5 -4.5s2.462 -4.5 5.5 -4.5z","M14.15 14a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0zM17.15 14","a0.85 0.85 0 1 0 1.7 0a0.85 0.85 0 1 0 -1.7 0z"].join("")}]],wR=G("filled","brand-telegram-filled","BrandTelegramFilled",SR),kR=G("filled","brand-line-filled","BrandLineFilled",CR),TR=G("filled","brand-wechat-filled","BrandWechatFilled",vR),FR={instagram:{outline:ac,solid:xc},facebook:{outline:rc,solid:mc},tiktok:{outline:fc,solid:gc},youtube:{outline:pc,solid:Sc},x:{outline:uc,solid:yc},linkedin:{outline:lc,solid:Ic},pinterest:{outline:sc,solid:hc},whatsapp:{outline:dc,solid:bc},telegram:{outline:ic,solid:wR},line:{outline:nc,solid:kR},wechat:{outline:cc,solid:TR}};function Vh({platform:e,iconStyle:o,size:t}){let r=FR[e][o];return bR(r,{size:t,stroke:1.75,"aria-hidden":"true",focusable:"false"})}var LR={instagram:"instagram.com/yourshop",facebook:"facebook.com/yourshop",tiktok:"tiktok.com/@yourshop",youtube:"youtube.com/@yourshop",x:"x.com/yourshop",linkedin:"linkedin.com/company/yourshop",pinterest:"pinterest.com/yourshop",whatsapp:"wa.me/61400000000",telegram:"t.me/yourshop",line:"line.me/ti/p/~yourshop",wechat:"u.wechat.com/your-qr-code-link"};function OR({platform:e}){let{rows:o,saveLink:t}=na(),{value:r,error:a}=o[e],[n,s]=Xh(r),[i,f]=Xh(!1),u=Yh(),p=Yh();ER(()=>s(r),[r]);let m=async()=>{if(n.trim()===r){n!==r&&s(r);return}f(!0),await t(e,n),f(!1)},x=mu[e];return Zh(vc,{children:[Ft(PR,{label:l(x),htmlFor:u,icon:Ft(Vh,{platform:e,iconStyle:"outline",size:18}),children:Ft("input",{id:u,type:"text",inputMode:"url",value:n,placeholder:LR[e],onChange:h=>s(h.target.value),onBlur:()=>{m()},onKeyDown:h=>{h.key==="Enter"&&h.currentTarget.blur(),h.key==="Escape"&&(s(r),h.currentTarget.blur())},"aria-invalid":a?!0:void 0,"aria-describedby":a?p:void 0,"aria-busy":i||void 0,autoComplete:"off",spellCheck:!1})}),a&&Ft("p",{id:p,className:"sf-note sf-note--error",role:"alert",children:a})]})}function Qh({unavailable:e}){let{canSave:o}=na();return!o&&e?Ft(vc,{children:e}):Zh(vc,{children:[Ft("p",{className:"es-field-hint sf-hint-keep",children:l("Paste a link to each profile. A platform left empty shows nothing on the site.")}),Ga.map(t=>Ft(OR,{platform:t},t))]})}import{jsx as xr,jsxs as SB}from"react/jsx-runtime";import{useId as CB,useMemo as vB}from"react";import{useEasel as wB}from"efficient-easel/easel";import{SettingsField as kB,SettingsSwitch as TB}from"efficient-easel/panel";import{EyeIcon as FB}from"efficient-easel/icons";import{jsx as vo,jsxs as Al}from"react/jsx-runtime";import{useCallback as pr,useEffect as mr,useId as mB,useRef as Mo,useState as ga}from"react";var Jh="data-puck-overlay-portal";function kl(e){return e.setAttribute(Jh,"true"),()=>e.removeAttribute(Jh)}import{jsx as ma,jsxs as bg}from"react/jsx-runtime";var wc="small",kc="dot",RR=[{label:"Small",value:"small"},{label:"Display",value:"display"}],AR=[{label:"Dot \u25CF",value:"dot"},{label:"Cross \u2715",value:"cross"},{label:"Slash /",value:"slash"},{label:"Triangle \u25BC",value:"triangle"},{label:"None",value:"none"}],eg={dot:"\u25CF",cross:"\u2715",slash:"/",triangle:"\u25BC",none:""},BR={small:"font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.25em] max-[800px]:text-[length:var(--size-label,12px)]",display:"font-display font-medium text-[length:var(--size-headingMedium,44px)] uppercase leading-none tracking-[0.005em] max-[800px]:text-[length:var(--size-headingMedium,28px)]"},_R={small:{dot:"",cross:"text-[0.77em]",slash:"text-[0.77em]",triangle:"",none:""},display:{dot:"text-[0.3em]",cross:"text-[0.64em]",slash:"text-[0.64em]",triangle:"text-[0.3em]",none:""}};function og(e){return Je(RR,wc,e)}function tg(e){return Je(AR,kc,e)}function rg(e){return BR[e]}function ag(e,o){return _R[e][o]}var Tc="left",DR=[{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"},{label:"Up",value:"up",cell:"top"},{label:"Down",value:"down",cell:"bottom"}],NR={left:"storefront-ticker",right:"storefront-ticker-right",up:"storefront-ticker-up",down:"storefront-ticker-down"};function ng(e){return Je(DR,Tc,e)}function lg(e){return e==="up"||e==="down"}function sg(e,o){return`${NR[e]} ${o}s linear infinite`}import{jsx as ce,jsxs as Lc}from"react/jsx-runtime";import{Fragment as hg}from"react";import{Fragment as UR,jsx as Ec}from"react/jsx-runtime";import{Fragment as cg,jsx as da,jsxs as WR}from"react/jsx-runtime";import{createContext as Fc,useContext as ua,useId as zR,useMemo as GR}from"react";var ca="@name",ig="@body",fg="@value",uj={[ca]:"Name",[ig]:"Body",[fg]:"Value"},MR={TimelineTrack:{"entries.date":ca,"entries.title":ca,"entries.blurb":ig},Footprint:{"offices.city":ca},Stats:{"items.label":ca,"items.value":fg}};function HR(e){let{key:o,row:t}=so(e);return t?`${o}.${t.rowKey}`:null}function Tl(e,o){if(!e)return o;let t=HR(o);return t?MR[e]?.[t]??o:o}var Fl=Fc(null),dg=Fc(null),ug=Fc(null);function gj({needles:e,styles:o,type:t,children:r}){let a=zR(),n=JSON.stringify([a,e,o,t]),s=GR(()=>HI(e,o,a,i=>Tl(t,i)),[n]);return s?WR(cg,{children:[da("style",{"data-sf-part-styles":"",dangerouslySetInnerHTML:{__html:WI(s).replace(/</g,"\\3c ")}}),da(Fl.Provider,{value:s,children:r})]}):da(cg,{children:r})}function pg(e){let o=ua(Fl),t=ua(dg),r=zI(o,e);return r&&r.stamp!==t?r:null}function bj(e){return Ff(ua(Fl),e)}function mg({stamp:e,children:o}){return da(dg.Provider,{value:e,children:o})}function yj({children:e}){let o=ua(Fl);return da(ug.Provider,{value:o,children:e})}function Sj(e){return Ff(ua(ug),e)}function pa({value:e,children:o}){let t=pg(e);return t?Ec(mg,{stamp:t.stamp,children:Ec("span",{[yf]:t.stamp,children:o})}):Ec(UR,{children:o})}import{jsx as Pc,Fragment as $R}from"react/jsx-runtime";function xg({className:e=""}){return Pc("sup",{className:`text-accent tracking-normal text-[length:min(1em,max(0.75em,11px))] ${e}`,children:"\xAE"})}function El(e){if(!e.includes("\xAE"))return e;let o=e.split("\xAE"),t=[];return o.forEach((r,a)=>{r&&t.push(r),a<o.length-1&&t.push(Pc(xg,{},`r${a}`))}),Pc($R,{children:t})}var Ej=xg;function Oc(e,o=!1){let t=QR(o),r=Ys(e);if(r.length===1){let[n]=r,s=Vs(n),i=s?XR(s,n.children):n.children;return ce(pa,{value:e,children:Pl(i,t)})}let a=[];return r.forEach((n,s)=>{if(n.bullet){a.push(ce("span",{"data-sf-bullet":"",className:qR,children:Pl(n.children,t)},s));return}if(n.number!=null){a.push(Lc("span",{"data-sf-number":n.number,className:jR,children:[Lc("span",{className:KR,children:[n.number,"."]}),Pl(n.children,t)]},s));return}s>0&&!VR(r[s-1])&&a.push(ce("br",{},`br${s}`)),a.push(ce(hg,{children:Pl(n.children,t)},s))}),ce(pa,{value:e,children:a})}var qR="relative block pl-6 before:absolute before:left-1.5 before:font-bold before:text-accent before:content-['\xB7']",jR="relative block pl-[2em]",KR="absolute left-0 w-[1.6em] text-right tabular-nums";function VR(e){return e.bullet||e.number!=null}var YR="text-accent underline underline-offset-[0.18em]";function XR(e,o){let[t,...r]=o;return t?.kind==="text"?[{kind:"text",text:`${e}${t.text}`},...r]:[{kind:"text",text:e},...o]}function ZR(e){if(e)return MI(e)?e:Object.hasOwn(Oo,e)?Oo[e]:void 0}function Pl(e,o){let t=[],r=!1;return e.forEach((a,n)=>{if(a.kind==="text"){t.push(ce("span",{children:El(a.text)},n)),r=!0;return}r||t.push(ce("span",{},`e${n}`)),t.push(gg(a,n,o)),r=!1}),r||t.push(ce("span",{},"end")),t}function Ig(e,o){return e.length===1&&e[0].kind==="text"?El(e[0].text):e.map((t,r)=>t.kind==="text"?ce(hg,{children:El(t.text)},r):gg(t,r,o))}function QR(e){return e?"font-normal italic text-accent":"not-italic text-accent"}function Nj(e){return ce(pa,{value:e,children:ce("span",{children:e})})}function gg(e,o,t){if(e.kind==="link")return ce("a",{href:e.href,className:YR,children:Ig(e.children,t)},o);let r=Ig(e.children,t),a=mp[e.kind];if(a)return ce("span",{[xp]:a,children:r},o);switch(e.kind){case"underline":return ce("u",{children:r},o);case"sup":return ce("sup",{children:r},o);case"sub":return ce("sub",{children:r},o);case"color":{let n=ZR(e.color);return n?ce("span",{style:{color:n},children:r},o):ce("span",{children:r},o)}case"accent":case"highlight":return ce("em",{className:t,children:r},o);case"bold":return ce("strong",{className:"font-semibold",children:r},o);case"italic":return ce("em",{className:"italic",children:r},o);case"strike":return ce("s",{className:"line-through",children:r},o);default:return ce("span",{children:r},o)}}function Mj(e,o=!0){let t=e.split(`
|
|
6
|
+
`);return ce(pa,{value:e,children:t.map((r,a)=>Lc("span",{children:[Oc(r,o),a<t.length-1?ce("br",{}):null]},a))})}function Hj(e){return e.split(/\n\s*\n/).map(o=>o.trim()).filter(Boolean)}var JR={"themed-band":"text-fg/70","themed-section":"text-fg-dim","dark-media":"text-overlay-fg/70"};function yg({items:e,separator:o=kc,size:t=wc,durationSec:r=50,scroll:a=Tc,backdrop:n="themed-band",className:s}){let i=og(t),f=ng(a),u=tg(o),p=`text-accent ${ag(i,u)}`.trim(),m=eg[u],x=m===""?ma("span",{}):ma("span",{className:p,children:m}),h=lg(f),b=h?"inline-flex flex-col items-center gap-[60px] pb-[60px] max-[800px]:gap-8 max-[800px]:pb-8":"inline-flex items-center gap-[60px] pr-[60px] max-[800px]:gap-8 max-[800px]:pr-8",C=h?"inline-flex flex-col items-center gap-[60px] max-[800px]:gap-8":"inline-flex items-center gap-[60px] max-[800px]:gap-8",k=v=>ma("span",{className:b,children:e.map((w,g)=>{let y=typeof w=="string"?w:w.text,E=typeof w=="object"&&w.gold;return bg("span",{className:C,children:[ma("span",{className:E?"text-accent":void 0,children:Oc(y)}),x]},g)})},v);return ma("div",{className:`overflow-hidden ${s??""}`,children:bg("div",{className:`flex ${h?"flex-col ":""}whitespace-nowrap ${rg(i)} ${JR[n]}`,style:{animation:sg(f,r)},children:[k("a"),k("b")]})})}import{jsx as Ia,jsxs as EA}from"react/jsx-runtime";import{createContext as PA,useContext as LA}from"react";import{jsx as dr,jsxs as Og}from"react/jsx-runtime";import{useEffect as Ac,useRef as IA,useState as xa}from"react";import{jsx as Sg}from"react/jsx-runtime";import{createContext as eA,lazy as Xj,Suspense as Zj,useContext as oA}from"react";var tA={Link:qd,Image:$d},rA=eA(tA);function Cg(){return oA(rA)}function Qj(e){let{Link:o}=Cg();return Sg(o,{...e})}function vg(e){let{Image:o}=Cg();return Sg(o,{...e})}import{jsx as wg,Fragment as aA,jsxs as nA}from"react/jsx-runtime";import{useEffect as lA,useRef as kg,useState as sA}from"react";var iA="#t=0.001",fA=2;function cA(e,o){if(e.readyState<fA||!e.videoWidth||!e.videoHeight)return!1;let t=o.getContext("2d");return t?(o.width=e.videoWidth,o.height=e.videoHeight,t.drawImage(e,0,0,o.width,o.height),!0):!1}function Tg({src:e,objectPosition:o="50% 50%",onError:t}){let r=kg(null),a=kg(null),[n,s]=sA(!1);return lA(()=>{let i=r.current,f=a.current;if(n||!i||!f)return;let u=()=>{cA(i,f)&&s(!0)};return u(),i.addEventListener("loadeddata",u),i.addEventListener("seeked",u),()=>{i.removeEventListener("loadeddata",u),i.removeEventListener("seeked",u)}},[n]),nA(aA,{children:[wg("canvas",{ref:a,"aria-hidden":!0,className:"absolute inset-0 z-[3] h-full w-full object-cover",style:{objectPosition:o,visibility:n?"visible":"hidden"}}),!n&&wg("video",{ref:r,src:`${e}${iA}`,muted:!0,playsInline:!0,preload:"auto",className:"hidden",onError:t})]})}import{imageCopyUrl as Eg,imageSrcSet as dA}from"efficient-shell/image-copies";var Fg;function Rc(){return Fg===void 0?{}:{host:Fg}}var aK="(max-width: 800px) 100vw, min(100vw, 1600px)";function Pg(e,{fallbackWidth:o=1280,maxWidth:t}={}){let r=dA(e,{...Rc(),...t===void 0?{}:{maxWidth:t}});return r?{src:Eg(e,o,Rc()),srcSet:r}:{src:e}}function nK(e){let o=Eg(e,1920,Rc());return o===e?`url(${e})`:`url("${o}")`}import{formatFocal as uA,parseFocal as pA}from"efficient-shell/format";var mA="sf-focus-phone",xA="--sf-focus-phone";function Lg(e){if(typeof e!="string"||!/^\s*-?\d+(\.\d+)?%\s+-?\d+(\.\d+)?%\s*$/.test(e))return{className:"",style:{}};let{x:o,y:t}=pA(e);return{className:mA,style:{[xA]:uA(o,t)}}}var hA=.5;function Rg({videoSrc:e,posterSrc:o,showVideo:t=!0,playbackRate:r=hA,objectPosition:a="50% 50%",objectPositionPhone:n,quiet:s=!1}){let i=Lg(n),f=o||"",u=e||"",[p,m]=xa(!1),[x,h]=xa(!1),[b,C]=xa(!1),[k,v]=xa(!1),[w,g]=xa(!1),y=IA(null);Ac(()=>{m(!1),h(!1),C(!1),v(!1)},[e,o]),Ac(()=>{if(typeof window>"u")return;let L=()=>{let B=window;B.requestIdleCallback?B.requestIdleCallback(()=>g(!0),{timeout:2e3}):setTimeout(()=>g(!0),800)};if(document.readyState==="complete"){L();return}return window.addEventListener("load",L,{once:!0}),()=>window.removeEventListener("load",L)},[]),Ac(()=>{let L=y.current;if(!L)return;let B=()=>{L.playbackRate=r};return B(),L.addEventListener("loadedmetadata",B),()=>L.removeEventListener("loadedmetadata",B)},[e,r]);let E=jd(f),F=f&&E&&!x?Pg(f):{src:f};return Og("div",{className:"absolute inset-0 z-[1]",children:[dr("div",{className:"absolute inset-0",style:{background:"var(--site-surface)"}}),f&&(E?dr("img",{src:F.src,...F.srcSet?{srcSet:F.srcSet,sizes:"100vw"}:{},alt:"",className:`absolute inset-0 z-[2] h-full w-full object-cover ${i.className}`.trim(),style:{display:p?"none":"block",objectPosition:a,...i.style},onError:()=>F.srcSet?h(!0):m(!0)},f):dr(vg,{src:f,alt:"",fill:!0,priority:!0,sizes:"100vw",className:`z-[2] object-cover ${i.className}`.trim(),style:{display:p?"none":"block",objectPosition:a,...i.style},onError:()=>m(!0)},f)),t&&!s&&u&&w&&!b&&Og("video",{ref:y,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"metadata",className:"absolute inset-0 z-[3] h-full w-full object-cover",style:{objectPosition:a},onError:()=>C(!0),children:[Kd(u)&&dr("source",{src:u.replace(/\.mp4$/,".av1.mp4"),type:'video/mp4; codecs="av01.0.08M.10"'}),dr("source",{src:u,type:"video/mp4"})]},u),t&&s&&u&&w&&!k&&(!f||p)&&dr(Tg,{src:u,objectPosition:a,onError:()=>v(!0)},u)]})}var Ag=["top","middle","bottom"],Bg=["left","center","right"],_g="bottom",Dg="left",gA={top:"Top",middle:"Middle",bottom:"Bottom"},bA={left:"Left",center:"Center",right:"Right"};var hK="Up and down",gK="Sideways",yA={top:"flex-start",middle:"center",bottom:"flex-end"},SA={left:"flex-start",center:"center",right:"flex-end"},CA="--sf-hero-phone-y",vA="--sf-hero-phone-x";function wA(e){return Ag.includes(e)?e:_g}function kA(e){return Bg.includes(e)?e:Dg}function Ng(e,o){let t=wA(e),r=kA(o),a={};return t!==_g&&(a[CA]=yA[t]),r!==Dg&&(a[vA]=SA[r]),a}function bK(){return Ag.map(e=>({label:gA[e],value:e}))}function yK(){return Bg.map(e=>({label:bA[e],value:e}))}var TA="#0A0A0A",FA=[[0,".5"],[30,".1"],[60,".1"],[100,".85"]];function Mg(e){let o=e.trim().replace(/^#/,""),t=o.length===3?o.split("").map(a=>a+a).join(""):o;if(!/^[0-9a-fA-F]{6}$/.test(t))return null;let r=Number.parseInt(t,16);return`${r>>16&255},${r>>8&255},${r&255}`}function Hg(e){return e==null?!0:e!==!1}function Wg(e){let o=(e?Mg(e):null)??Mg(TA);return`linear-gradient(180deg, ${FA.map(([t,r])=>`rgba(${o},${r}) ${t}%`).join(", ")})`}var Bc=PA({});function LK({name:e,process:o,mediaType:t="video",mediaSrc:r,videoSpeed:a,poster:n,objectPosition:s,objectPositionPhone:i,tintColor:f="#000000",tintOpacity:u=0,groups:p,editing:m=!1,themeClassName:x,themeStyle:h}){let{alignment:b="left",textureOpacity:C,textureOn:k,textureColor:v,quietVideo:w,phoneUpDown:g,phoneSideways:y}=LA(Bc),E=t==="video",F=E?Or(r):void 0,L=E?Or(n):Or(r)??Or(n),B=typeof a=="number"?a/100:1;return EA("section",{className:x?`relative h-full w-full overflow-hidden ${x}`:"relative h-full w-full overflow-hidden",style:h,"data-slide-name":e??"","data-slide-process":o??"","data-slide-media":F?"video":"still",children:[Ia(Rg,{videoSrc:F,posterSrc:L,showVideo:E,playbackRate:B,objectPosition:s,objectPositionPhone:E?void 0:i,quiet:w}),u>0&&Ia("div",{className:"absolute inset-0 z-[2]",style:{background:f,opacity:Math.min(Math.max(u,0),100)/100}}),Hg(k)&&Ia("div",{className:"absolute inset-0 z-[2]",style:{background:Wg(v),...C!==void 0?{opacity:C/100}:null}}),Ia("div",{className:["sf-hero-group-layer absolute inset-0 z-[3] mx-auto max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))] px-[var(--sf-site-gutter,40px)] pt-[140px] pb-14",m?"sf-hero-group-layer-edit":""].filter(Boolean).join(" "),style:{...op,...Ng(g,y)},children:p&&Ia(p,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}var zg=Array.from({length:3},(e,o)=>({name:`Slide ${o+1}`,process:"Category",mediaType:"image",mediaVideo:"",poster:""}));import{jsx as _c}from"react/jsx-runtime";import{UiIcon as WA}from"efficient-easel/draw/client";var OA={"top-left":"left-0 top-[120px]","top-center":"left-1/2 top-[120px] -translate-x-1/2","top-right":"right-0 top-[120px]",left:"left-0 top-1/2 -translate-y-1/2",center:"left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",right:"right-0 top-1/2 -translate-y-1/2","bottom-left":"left-0 bottom-[120px]","bottom-center":"left-1/2 bottom-[120px] -translate-x-1/2","bottom-right":"right-0 bottom-[120px]"},RA=`calc(${Fn} - ${$e}*2)`,Gg=`var(${Ri},${$e})`,BK=`pointer-events-none absolute inset-y-0 left-[${Gg}] right-[${Gg}] z-[6] mx-auto max-w-[var(${Ai},${RA.replace(/ /g,"_")})]`;function Ll(e,o){return`pointer-events-auto absolute ${OA[e]} z-[6] sf-hero-overlay-rail flex ${o}`}function Ug(e){return ho.includes(e)?e:null}var AA="bottom-right",BA=["outline","solid","square","bare"],_A="outline",NK={outline:"Outline",solid:"Solid",square:"Square",bare:"Bare"},MK=!1,$g=["prev","next"],qg={prev:"Previous slide",next:"Next slide"};function DA(e){return BA.includes(e)?e:_A}function NA(e){return Ug(e)??AA}var MA="flex-row items-center gap-2";function jg(e){return Ll(NA(e),MA)}var HA={outline:"grid h-10 w-10 cursor-pointer place-items-center rounded-full border border-overlay-chrome/60 text-overlay-fg transition-colors hover:border-overlay-chrome hover:bg-overlay-scrim/30",solid:"grid h-10 w-10 cursor-pointer place-items-center rounded-full border border-overlay-chrome bg-overlay-chrome text-overlay-scrim transition-colors hover:bg-overlay-chrome/85",square:"grid h-10 w-10 cursor-pointer place-items-center rounded-md border border-overlay-chrome/60 text-overlay-fg transition-colors hover:border-overlay-chrome hover:bg-overlay-scrim/30",bare:"grid h-10 w-10 cursor-pointer place-items-center text-overlay-fg transition-colors hover:text-overlay-chrome"};function Kg(e){return HA[DA(e)]}function Vg(e){return e.shown===!0&&(e.count??0)>1}function Ol(e,o,t){if(t<=1)return o;let r=Math.min(Math.max(o,0),t-1);return e==="prev"?(r-1+t)%t:(r+1)%t}function Yg({shape:e,placement:o,ref:t}){let r=Kg(e);return _c("div",{ref:t,className:jg(o),style:{color:"var(--overlay-fg)"},children:$g.map(a=>_c("button",{type:"button","data-hero-nav":a,"aria-label":qg[a],className:r,children:_c(WA,{name:"chevron-right",size:18,rounded:!0,style:a==="prev"?{rotate:"180deg"}:void 0})},a))})}import{jsx as we,jsxs as Dc,Fragment as ur}from"react/jsx-runtime";var zA=ho;var GA="top-right",UA=["cards","dots","numbers","bar","squares","tabs"],$A=["cards","dots","numbers","bar","squares"],Xg="cards",jK={cards:"Cards",dots:"Dots",numbers:"Numbers",bar:"Bar",squares:"Squares",tabs:"Tabs"},KK=!0;function Rl(e){return UA.includes(e)?e:Xg}function Zg(e){return $A.includes(e)?e:Xg}function qA(e){return zA.includes(e)?e:GA}var Qg={cards:"flex-col gap-2.5",dots:"flex-row items-center gap-2",numbers:"flex-col gap-2",bar:"h-0.5 w-[34%] max-w-[420px] gap-px overflow-hidden rounded-full",squares:"flex-col gap-0",tabs:"flex-row items-stretch w-full overflow-x-auto"};function Jg(e,o){return Ll(qA(o),Qg[Rl(e)])}function eb(e){return`flex ${Qg[Rl(e)]}`}function ob(e){return e.shown!==!1&&(e.count??0)>1}function jA(e){return{name:e.dataset.slideName||"",process:e.dataset.slideProcess||"",video:e.dataset.slideMedia==="video"}}function KA(e,o){return e===o?!0:e.length!==o.length?!1:e.every((t,r)=>t.name===o[r].name&&t.process===o[r].process&&t.video===o[r].video)}function tb(e,o){let t=Array.from(o,jA);return KA(e,t)?e:t}function rb({slides:e,active:o,shape:t,placement:r,ref:a,tone:n="media",label:s}){let i=Rl(t),f=n==="surface"?{"--overlay-fg":"var(--fg)","--overlay-chrome":"var(--fg)","--overlay-scrim":"var(--site-surface-2)"}:void 0;return Dc("aside",{ref:a,"aria-label":s??"Featured slides",className:n==="surface"?eb(i):Jg(i,r),style:{color:"var(--overlay-fg)",...f},children:[i==="cards"&&we(VA,{slides:e,active:o}),i==="dots"&&we(YA,{count:e.length,active:o}),i==="numbers"&&we(XA,{count:e.length,active:o}),i==="bar"&&we(QA,{count:e.length,active:o}),i==="squares"&&we(ZA,{count:e.length,active:o}),i==="tabs"&&we(JA,{slides:e,active:o})]})}function VA({slides:e,active:o}){return Dc(ur,{children:[we("span",{className:"mb-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.28em] text-overlay-chrome/55",children:"Reel \xB7 pick a slide"}),e.map((t,r)=>{let a=r===o;return Dc("button",{type:"button","data-idx":r,"aria-pressed":a,"aria-label":`Go to ${t.name||`slide ${r+1}`}`,className:["group flex w-[170px] cursor-pointer flex-col items-start gap-0.5 border bg-overlay-scrim/55 px-3 py-2.5 text-left transition-all motion-reduce:transition-none max-[1100px]:w-[140px]",a?"border-accent bg-overlay-scrim/70":"border-overlay-chrome/15 hover:border-overlay-chrome/45 hover:bg-overlay-scrim/70"].join(" "),children:[we("span",{className:["font-display text-[length:var(--size-body,13px)] font-medium uppercase leading-tight tracking-[-0.01em]",a?"text-accent":"text-overlay-fg"].join(" "),children:t.name||`Slide ${r+1}`}),we("span",{className:"font-mono text-[length:var(--size-label,9px)] uppercase tracking-[0.2em] text-overlay-chrome/55",children:a?"\u25B6 Now playing":t.process||" "})]},r)})]})}function YA({count:e,active:o}){return we(ur,{children:Array.from({length:e},(t,r)=>we("button",{type:"button","data-idx":r,"aria-pressed":r===o,"aria-label":`Go to slide ${r+1}`,className:`h-2 cursor-pointer rounded-full transition-all motion-reduce:transition-none ${r===o?"w-5 bg-accent":"w-2 bg-overlay-chrome/45 hover:bg-overlay-chrome/70"}`},r))})}function XA({count:e,active:o}){return we(ur,{children:Array.from({length:e},(t,r)=>we("button",{type:"button","data-idx":r,"aria-pressed":r===o,"aria-label":`Go to slide ${r+1}`,className:`cursor-pointer font-mono text-[length:var(--size-label,11px)] leading-none tracking-[0.06em] transition-colors ${r===o?"text-overlay-fg":"text-overlay-chrome/45 hover:text-overlay-chrome/80"}`,children:String(r+1).padStart(2,"0")},r))})}function ZA({count:e,active:o}){return we(ur,{children:Array.from({length:e},(t,r)=>we("button",{type:"button","data-idx":r,"aria-pressed":r===o,"aria-label":`Go to slide ${r+1}`,className:`grid h-8 w-8 cursor-pointer place-items-center border border-overlay-chrome/25 text-[length:var(--size-label,14px)] font-bold leading-none transition-colors motion-reduce:transition-none ${r===o?"bg-accent text-[color:var(--accent-ink)]":"bg-overlay-scrim/45 text-overlay-chrome/75 hover:text-overlay-chrome"}`,children:r+1},r))})}function QA({count:e,active:o}){return we(ur,{children:Array.from({length:e},(t,r)=>we("button",{type:"button","data-idx":r,"aria-pressed":r===o,"aria-label":`Go to slide ${r+1}`,className:`h-full flex-1 cursor-pointer transition-colors ${r<=o?"bg-overlay-fg":"bg-overlay-chrome/25"}`},r))})}function JA({slides:e,active:o}){return we(ur,{children:e.map((t,r)=>{let a=r===o;return we("button",{type:"button","data-idx":r,"aria-pressed":a,className:["flex min-w-[140px] flex-1 cursor-pointer items-end px-6 py-7 text-left transition-colors",r>0?"border-l border-overlay-chrome/15":"",a?"bg-overlay-scrim/70":"hover:bg-overlay-scrim/40"].join(" "),children:we("span",{className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase leading-tight tracking-[-0.02em]",a?"text-overlay-fg":"text-overlay-chrome/55"].join(" "),children:t.name})},r)})})}import{useEffect as eB,useState as oB}from"react";var ab="(prefers-reduced-motion: reduce)";function tB(){return globalThis.window?.matchMedia?.(ab)?.matches??!1}function JK(){return tB()?"auto":"smooth"}function nb(){let[e,o]=oB(!1);return eB(()=>{let t=globalThis.window?.matchMedia?.(ab);if(!t||(o(t.matches),typeof t.addEventListener!="function"))return;let r=a=>o(a.matches);return t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[]),e}var ha={accent:"#2563eb",accentTint:"#eff6ff",accentText:"#1d4ed8",appBg:"#f9fafb",previewBg:"#f3f4f6",panel:"#ffffff",fieldBg:"#ffffff",inputBorder:"#d1d5db",text:"#111827",text2:"#374151",muted:"#6b7280",line:"#e5e7eb",chipBg:"#f3f4f6",chipFg:"#6b7280",panelRadius:12,rowRadius:8,panelShadow:"0 1px 2px rgba(0,0,0,.05), 0 10px 30px rgba(0,0,0,.06)",topbarShadow:"0 1px 3px rgba(0,0,0,.06)",panelGap:10,leftWidth:288,rightWidth:308,topbarHeight:52,labelFont:"-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif"};var lb={min:40,max:100,step:5,fallback:100,unit:"vh"};function Nc(e){return`${typeof e=="number"?e:lb.fallback}${lb.unit}`}function sb(...e){return e.some(o=>typeof o=="number")}import{HEADER_TYPE as Mc,FOOTER_TYPE as rB}from"efficient-easel/draw";var aB=new Set(["Hero","HeroSingle","IntroBleed"]),ib={min:56,max:140,default:88},aV={min:0,max:120,step:2,default:32},fb=`var(--sf-header-h, ${ib.default}px)`,nB="--sf-header-set-h",nV="--sf-header-h",lV=`var(${nB}, ${ib.default}px)`,sV="sf-header-clearance",iV="sf-sticky-underheader";function lB(e){return e?.find(o=>o?.type&&o.type!==Mc)??null}function cb(e){let o=lB(e)?.type;return!o||!aB.has(o)}function fV(e){return!cb(e)}function cV(e){return!!e?.some(o=>o?.type===Mc)}function dV(e){return!e||e.length===0?!1:!e.some(o=>o?.type===Mc||o?.type===rB)}var sB=["auto","shared","own"],iB="auto",fB="topSpace",uV="data-top-space";function cB(e){return sB.includes(e)?e:iB}function dB(e,o){let t=cB(e?.props?.[fB]);return t==="own"?!0:t==="shared"?!1:cb(o)}function pV(e,o){return dB(e,o)?"own":null}var uB=40;function pB(e,o){return Math.abs(e)<=uB||Math.abs(e)<=Math.abs(o)?null:e<0?"next":"prev"}function db(e,o,t,r){let a=pB(e,o);return a?Ol(a,t,r):t}function ub(e){return(e.count??0)>1&&e.editing!==!0}function pb(e){return e.editing!==!0?!1:(e.slides??[])[e.shown??0]?.video===!0}function mb(e){return e.editing!==!0?!1:!(e.playing===!0&&e.controlShown===!0)}import{HERO_SLIDER_GOTO_EVENT as xb}from"efficient-easel/draw";var xB=`
|
|
7
|
+
.hero-ticker-pick { cursor: pointer; }
|
|
8
|
+
.hero-ticker-pick:hover {
|
|
9
|
+
outline: 2px solid color-mix(in srgb, ${ha.accent} 45%, transparent);
|
|
10
|
+
outline-offset: -2px;
|
|
11
|
+
}
|
|
12
|
+
.hero-ticker-pick[data-selected] {
|
|
13
|
+
outline: 2px solid ${ha.accent};
|
|
14
|
+
outline-offset: -2px;
|
|
15
|
+
}
|
|
16
|
+
`,IB="Play video",hB="Hold video",gB="flex h-7 cursor-pointer items-center gap-1.5 rounded-full border border-overlay-chrome/25 bg-overlay-scrim/80 px-[11px] font-mono text-[11px] leading-none tracking-[0.05em] text-overlay-fg",bB=()=>l("item"),Hc=["","","","","",""],Ib=new Map;function yB(e,o){let t=e?.ownerDocument?.defaultView;if(t)return t.addEventListener(xb,o),()=>t.removeEventListener(xb,o)}function DV({slides:e,alignment:o,textureOpacity:t,showTexture:r,textureColor:a,phoneUpDown:n,phoneSideways:s,autoplay:i,autoplayInterval:f,showTicker:u,tickerItems:p,heightDesktop:m,heightMobile:x,showPicker:h,pickerShape:b,pickerPlacement:C,showArrows:k,arrowsShape:v,arrowsPlacement:w,editing:g}){let y=sb(m,x),E=y?"h-[var(--sf-hero-h-m)] min-[720px]:h-[var(--sf-hero-h-d)]":"h-screen min-h-[680px]",F=y?{"--sf-hero-h-d":Nc(m),"--sf-hero-h-m":Nc(x)}:void 0,L=(p??Hc.map(N=>({text:N}))).map(N=>N?.text?.trim()?N.text:g?bB():"").filter(Boolean),B=u!==!1,O=Mo(null),M=Mo(null),re=Mo(null),H=Mo(null),z=Mo(null),A=mB(),oe=Mo(A),[Oe,Xe]=ga([]),[ro,ze]=ga(0),Re=Mo(0),[Ge,De]=ga(!1),[Ce,ge]=ga(!1),[Ie,Ze]=ga(null),P=nb(),{selectedHeroId:le,select:Y}=Il(),te=pr(()=>O.current?.querySelector(".hero-track")??null,[]),ae=pr((N,U=!1)=>{ze(N),Re.current=N,Ib.set(oe.current,N);let q=O.current?.querySelector(".hero-track");if(q)if(U){let se=q.style.transition;q.style.transition="none",q.style.transform=`translateX(-${Math.max(0,N)*100}%)`,q.offsetHeight,q.style.transition=se}else q.style.transform=`translateX(-${Math.max(0,N)*100}%)`},[]);mr(()=>{let N=O.current,U=N?.getAttribute("data-puck-component")||N?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||A;oe.current=U,Ze(U);let q=Ib.get(U);typeof q=="number"&&(ze(q),Re.current=q)},[]),mr(()=>{let N=te();if(!N)return;let U=()=>{Xe(se=>tb(se,N.querySelectorAll("[data-slide-name]")))};U();let q=new MutationObserver(U);return q.observe(N,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-slide-name","data-slide-process","data-slide-media"]}),()=>{q.disconnect()}},[te]),mr(()=>{if(!g)return;let N=U=>{let q=U.detail;if(!q||typeof q.index!="number")return;let se=O.current,eo=se?.getAttribute("data-puck-component")||se?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||oe.current;q.id&&q.id!==eo||ae(q.index,!0)};return yB(O.current,N)},[g,ae]);let pe=Oe.length,Ne=Math.min(Math.max(ro,0),Math.max(0,pe-1)),ye=ob({shown:h,count:pe}),po=Vg({shown:k,count:pe}),Fo=pb({editing:g,shown:Ne,slides:Oe}),zo=mb({editing:g,playing:Ce,controlShown:Fo}),Pe=ub({count:pe,editing:g}),Go=Mo(null),rt=Mo(null),at=pr(N=>{if(Go.current=null,rt.current=null,!Pe||N.touches.length!==1)return;let U=N.touches[0];Go.current={x:U.clientX,y:U.clientY},rt.current={x:U.clientX,y:U.clientY}},[Pe]),ds=pr(N=>{if(!Go.current)return;if(N.touches.length!==1){Go.current=null;return}let U=N.touches[0];rt.current={x:U.clientX,y:U.clientY}},[]),Ma=pr(()=>{let N=Go.current,U=rt.current;if(Go.current=null,rt.current=null,!Pe||!N||!U)return;let q=db(U.x-N.x,U.y-N.y,Re.current,pe);q!==Re.current&&ae(q)},[Pe,pe,ae]);mr(()=>{if(g||!i||Ge||P||pe<=1)return;let N=Math.max(1,typeof f=="number"?f:6)*1e3,U=window.setTimeout(()=>ae((Ne+1)%pe),N);return()=>window.clearTimeout(U)},[g,i,f,Ge,P,pe,Ne,ae]),mr(()=>{let N=[M.current,re.current,H.current].filter(Boolean),U=N.map(se=>kl(se)),q=se=>{let eo=se.target,Uo=eo.closest("[data-hero-nav]"),Ha=Uo??eo.closest("[data-idx]");if(!Ha)return;se.stopPropagation(),se.preventDefault();let Rt=Uo?Ol(Uo.dataset.heroNav,Re.current,pe):Number(Ha.dataset.idx);Number.isNaN(Rt)||(ae(Rt,g),te()?.querySelectorAll("[data-slide-name]")[Rt]?.click())};return N.forEach(se=>se.addEventListener("click",q,{capture:!0})),()=>{U.forEach(se=>se?.()),N.forEach(se=>se.removeEventListener("click",q,{capture:!0}))}},[pe,ae,te,g]),mr(()=>{if(!g)return;let N=z.current;if(!N)return;let U=kl(N),q=se=>{se.stopPropagation(),se.preventDefault();let eo=O.current,Uo=eo?.getAttribute("data-puck-component")||eo?.closest("[data-puck-component]")?.getAttribute("data-puck-component")||oe.current;Y(Uo)};return N.addEventListener("click",q,{capture:!0}),()=>{U?.(),N.removeEventListener("click",q,{capture:!0})}},[g,Y,B,L.length]);let Pr=pr(N=>{if(!N)return;let U=kl(N),q=se=>{se.stopPropagation(),se.preventDefault(),ge(eo=>!eo)};return N.addEventListener("click",q,{capture:!0}),()=>{U?.(),N.removeEventListener("click",q,{capture:!0})}},[]);return vo(Bc.Provider,{value:{alignment:o,textureOpacity:t,textureOn:r,textureColor:a,quietVideo:zo,phoneUpDown:n,phoneSideways:s},children:Al("div",{ref:O,className:`relative mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))] w-[var(--sf-hero-bleed-w,100vw)] ${E} max-w-[var(--sf-hero-cap,none)] overflow-hidden`,style:F,onMouseEnter:()=>De(!0),onMouseLeave:()=>De(!1),onTouchStart:at,onTouchMove:ds,onTouchEnd:Ma,children:[vo(e,{className:"hero-track flex h-full [&>*]:h-full [&>*]:min-w-full [&>*]:shrink-0 [&>*]:basis-full",style:{transform:`translateX(-${Ne*100}%)`,transition:P?"none":"transform 600ms cubic-bezier(.22,.61,.36,1)"},minEmptyHeight:400}),Fo&&vo("div",{ref:Pr,"data-hero-video-control":Ce?"playing":"held",className:"sf-hero-video-control absolute left-6 z-[7]",style:{top:`calc(${fb} + 16px)`},children:Al("button",{type:"button",className:gB,children:[vo("span",{"aria-hidden":"true",children:Ce?"\u275A\u275A":"\u25B6"}),l(Ce?hB:IB)]})}),(ye||po)&&Al("div",{className:"pointer-events-none absolute inset-y-0 left-[var(--sf-hero-chrome-x,var(--sf-site-gutter,40px))] right-[var(--sf-hero-chrome-x,var(--sf-site-gutter,40px))] z-[6] mx-auto max-w-[var(--sf-hero-chrome-cap,calc(min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))_-_var(--sf-site-gutter,40px)*2))]",children:[ye&&vo(rb,{ref:M,slides:Oe,active:Ne,shape:Zg(b),placement:C}),po&&vo(Yg,{ref:H,shape:v,placement:w})]}),ye&&vo("div",{ref:re,className:"sf-hero-phone-dots absolute bottom-[80px] left-1/2 z-[6] hidden -translate-x-1/2 items-center gap-2",children:Oe.map((N,U)=>vo("button",{type:"button","data-idx":U,"aria-label":`Go to slide ${U+1}`,className:`h-2 rounded-full transition-all motion-reduce:transition-none ${U===Ne?"w-5 bg-accent":"w-2 bg-white/45 hover:bg-white/70"}`},U))}),B&&L.length>0&&Al("div",{ref:z,className:`sf-hero-ticker absolute inset-x-0 bottom-0 z-[5] border-t border-overlay-chrome/10 py-3.5${g?" hero-ticker-pick":""}`,"data-selected":g&&Ie!=null&&le===Ie?"":void 0,style:{background:"rgba(10,10,10,.55)"},children:[g&&vo("style",{children:xB}),vo(yg,{items:L,backdrop:"dark-media"})]})]})})}var EB="root:default-zone";function hb({heroId:e}){let{appState:o,dispatch:t}=wB(p=>p),r=o.data.content??[],a=r.findIndex(p=>p.props.id===e),n=a>=0?r[a]:null,s=n?n.props.showTicker??!0:!0,i=vB(()=>{let p=n?.props.tickerItems;return Array.isArray(p)?p:Hc.map(m=>({text:m}))},[n]),f=CB();if(!n)return xr("p",{className:"sf-note",children:l("This ticker\u2019s hero is no longer on the page.")});let u=p=>t({type:"replace",destinationZone:EB,destinationIndex:a,data:{...n,props:{...n.props,...p}}});return SB("div",{children:[xr(Zt,{label:"Ticker"}),xr(kB,{label:l("Show ticker"),labelId:f,icon:xr(FB,{}),action:xr(TB,{checked:s,onChange:p=>u({showTicker:p}),ariaLabelledBy:f})}),xr(Yi,{label:Vi.label,icon:Vi.icon,items:i,placeholder:"item",onChange:p=>u({tickerItems:p}),markup:!0})]})}import{jsx as W,Fragment as Xc,jsxs as wo}from"react/jsx-runtime";import{useContext as a_,useEffect as Kc,useRef as n_,useState as Wb}from"react";import{FieldSelect as l_,InspectorField as s_}from"efficient-easel/fields";import{SettingsField as i_}from"efficient-easel/panel";import{InspectorUpLevel as Wl}from"efficient-easel/chrome";import{StylesIcon as f_,TypeIcon as c_}from"efficient-easel/icons";import{useEasel as d_}from"efficient-easel/easel";import{TextPartPanel as u_}from"efficient-easel/copy";import{Tooltip as p_}from"efficient-shell/ui";import{jsx as $c,jsxs as DB}from"react/jsx-runtime";import{COPY_CELLS as ba,CopyBox as NB}from"efficient-easel/copy";import{PaddingYIcon as MB,WidthIcon as HB}from"efficient-easel/icons";import{useSyncExternalStore as PB}from"react";import{decodePartId as LB}from"efficient-easel/draw";function Ir(e,o){let t=uf(e);return t?.control==="textList"?o.rowKey===(t.itemKey??"text")?zx(t,o.index):null:pf(e)?.[o.rowKey]??null}function Bl(e,o,t){let r=e.node.props,{key:a,row:n}=so(e.propKey),s=n?xI(r,a,n,e.kind,o):pI(r,a,e.kind,o);return s?(t(e.zone,e.index,{...e.node,props:s}),!0):!1}var OB=["bold","italic","underline","strike","link","sup","sub"],RB=["bullet","number"];function Gc(e,o){return e?[...OB,...o?RB:[]]:[]}function gb(e,o){let t=LB(e);if(!t?.propKey)return null;let{nodeId:r,propKey:a}=t,n=o.getItemById(r),s=o.getSelectorForId(r);if(!n||!s)return null;let{key:i,row:f}=so(a),u=o.components[n.type]?.fields?.[i],p=f?Ir(u,f):u,m=Jt(p);if(!m)return null;let x=n.props??{};if(f&&!(Array.isArray(x[i])&&f.index<x[i].length))return null;let h=f?Xr(x[i],f):x[i];return{node:n,selector:s,propKey:a,kind:m,stored:h,offPage:Ln(p)}}function bb(e,o){let t=gb(e,o);if(!t||t.offPage)return null;let{text:r,hidden:a}=Qo(t.stored);if(a)return null;let n=Yn(t.kind);return{partId:e,value:r,rules:Wt,multiline:n,offered:Gc(t.kind!=="plainText",n),write:s=>{let i=gb(e,o);i&&Bl({node:i.node,propKey:i.propKey,kind:i.kind,zone:i.selector.zone,index:i.selector.index},s,o.replace)}}}function yb(e,o,t){return e?.isConnected&&e.getAttribute(io)===t?e:o?.querySelector(`[${io}="${AB(t)}"]`)??null}function AB(e){return e.replace(/["\\]/g,"\\$&")}function Sb(e){let o=e.activeElement;return o?o.tagName==="IFRAME"||!!o.closest(".es-canvas"):!1}var Wc=null,zc=new Set;function BB(){return Wc}function Uc(e){if(e!==Wc){Wc=e;for(let o of zc)o()}}function _B(e){return zc.add(e),()=>{zc.delete(e)}}function Cb(){return PB(_B,BB,()=>null)}var WB=["left","center","right","justify"];function qc(e,o,t,r={}){let a=oa(e),n=(r.phone?e.sizePhone:void 0)??e.size??o.sizePx;return[r.phone?{...ba.fontSize,value:e.sizePhone,styleValue:Math.round(o.sizePx),onChange:s=>t({sizePhone:s??null})}:{...ba.fontSize,value:e.size,styleValue:Math.round(o.sizePx),onChange:s=>t({size:s??null})},{...ba.lineHeight,value:a.lineHeight,styleValue:o.lineRatio,onChange:s=>t(s===void 0?{lineHeight:null,line:null}:{lineHeight:s})},{...ba.letterSpacing,scale:n,value:a.letterSpacingEm,styleValue:o.letterEm,onChange:s=>t(s===void 0?{letterSpacing:null,letter:null}:{letterSpacing:s})},{...ba.paragraphSpacing,value:e.paragraphSpacing,styleValue:0,onChange:s=>t({paragraphSpacing:s??null})},{key:"padding",name:l("Padding"),icon:$c(MB,{}),unit:"px",step:vf,shiftStep:10,min:Sf,max:Cf,value:e.padding,styleValue:o.paddingPx,onChange:s=>t({padding:s??null})},{key:"width",name:l("Width"),icon:$c(HB,{}),unit:"px",step:kf,shiftStep:100,min:wf,max:Jo,value:e.width,styleValue:o.widthPx,onChange:s=>t({width:s??null})}]}function vb({text:e,onTextChange:o,multiline:t,markup:r=!0,styled:a=!0,style:n,base:s,setValue:i,colors:f,placeholder:u,ariaLabel:p,head:m,typedOnCanvas:x=!1}){let h=qc(n,s,i),b=Gc(r,t);return DB("div",{className:"sf-part-textbox",children:[m,$c(NB,{value:e,onChange:o,multiline:t,placeholder:u,ariaLabel:p,rules:Wt,tools:b,barShows:x?"focus":"always",colors:r?f:[],align:a?{value:n.align??s.align,allow:WB,onChange:C=>i({align:C})}:void 0,letterCase:a?{value:n.case==="capitalize"?"":n.case??"",onChange:C=>i({case:C||null})}:void 0,cells:a?h:void 0})]})}import{UiIcon as zb}from"efficient-easel/draw/client";import{jsx as _l,Fragment as zB,jsxs as GB}from"react/jsx-runtime";import{Button as wb,Dialog as UB}from"efficient-shell/ui";function kb({styleName:e,onCancel:o,onConfirm:t}){return _l(UB,{open:!0,onClose:o,role:"alertdialog",size:"sm",title:l("Update {style}?",{style:e}),footer:GB(zB,{children:[_l(wb,{variant:"secondary",onClick:o,children:l("Cancel")}),_l(wb,{variant:"primary",onClick:t,children:l("Update style")})]}),children:_l("p",{children:l("Every text on the site that follows {style} changes to look like this one. This text\u2019s own changes are cleared, and it keeps following {style}.",{style:e})})})}import{usePreviewDevice as m_}from"efficient-easel/draw/client";import{jsx as $B}from"react/jsx-runtime";import{createContext as qB,useContext as jB,useMemo as KB,useState as VB}from"react";var YB={partStyle:null,setPartStyle:()=>{}},Tb=qB(YB);function vY({children:e}){let[o,t]=VB(null),r=KB(()=>({partStyle:o,setPartStyle:t}),[o]);return $B(Tb.Provider,{value:r,children:e})}function Fb(){return jB(Tb)}import{TEXT_FIELD_MARKER as x_}from"efficient-easel/draw";var XB="#9ca3af";function ZB(e){return an.map(o=>({key:o,name:Ip[o],value:e?.[o]||XB}))}function Dl(e){return ZB(e).map(o=>({name:o.key,label:l(o.name),value:o.value}))}function Pb(e){let o={},t=e.ownerDocument,r=t?.defaultView;if(!t||!r)return o;let a=r.getComputedStyle(e),n=t.createElement("canvas").getContext("2d");for(let s of an){let i=Oo[s].replace(/^var\((--[\w-]+)\)$/,"$1"),f=a.getPropertyValue(i).trim();if(!f)continue;let u=Eb(f);!u&&n&&(n.fillStyle="#000000",n.fillStyle=f,u=Eb(String(n.fillStyle))),u&&(o[s]=u)}return o}function Eb(e){let o=e.trim().toLowerCase();if(/^#[0-9a-f]{6}$/.test(o))return o;if(/^#[0-9a-f]{3}$/.test(o))return`#${[...o.slice(1)].map(r=>r+r).join("")}`;let t=o.match(/^rgba?\(\s*(\d+)[\s,]+(\d+)[\s,]+(\d+)/);return t?`#${t.slice(1,4).map(r=>Math.min(255,Number(r)).toString(16).padStart(2,"0")).join("")}`:null}function QB(e){let o=new Set([...Object.keys(sn[e]??{}),...fn[e]??[]]);for(let[t,r]of Object.entries(Js[e]??{}))r.verb==="snapshot"&&o.add(t);return[...o].sort()}var JB={CollectionCard:"product",FooterMenu:"menu",Gallery:"product",GalleryItem:"product",ProductGrid:"product",ProductHero:"product",SpecTable:"product",Events:"blog",FeaturedCover:"blog",LongRead:"blog",SubscribeBlogs:"blog"},Lb={product:"Synced from the product.",blog:"Synced from the blog post.",menu:"Synced from the site menu."},Ob="Open",Rb={product:{type:"storefront-editor:open-product",needsSlug:!0},blog:{type:"storefront-editor:open-post",needsSlug:!0},menu:{type:"storefront-editor:open-menus",needsSlug:!1}};function ya(e){let o=e?.source?.slug;return typeof o=="string"&&o.length>0?o:void 0}function Sa(e){return JB[e]??null}function Ab(e,o){let t=Sa(e);return t&&QB(e).includes(o)?t:null}function Nl(e){let o=e?.menu?.id;return typeof o=="string"&&o.length>0?o:void 0}var Ml="data-sf-spec-region";function OY(e,o,t){if(!e)return;let r=t[e];if(r)return{fontFamily:`var(--font-role-${e})`,fontSize:`var(--size-${r}, ${o.builtIn})`}}function hr(e){let o=/var\(--size-[A-Za-z]+, ?([0-9.]+px)\)/.exec(e);if(!o)throw new Error(`builtInOf: no --size-* fallback in ${e}`);return o[1]}function e_(e){return`@${e}`}function jc(e,o){if(!o.startsWith("@"))return null;let t=o.slice(1);return t in e?t:null}function Bb(e,o){return o&&o in e?o:null}function o_(e,o){let t=o?.closest(`[${Ml}]`)?.getAttribute(Ml);return Bb(e,t??null)}var Ca={tag:"text-[length:var(--size-label,13px)]",name:"text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))]",namePhone:"max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",body:"text-[length:var(--size-body,14px)]",price:"text-[length:var(--size-label,15px)]",link:"text-[length:var(--size-label,14px)]"},t_={tag:{label:"Tag",follows:"Labels",builtIn:hr(Ca.tag),writable:!0},name:{label:"Name",follows:"Heading 2",builtIn:hr(Ca.name),writable:!0},body:{label:"Body",follows:"Body",builtIn:hr(Ca.body),writable:!0},price:{label:"Price",follows:"Labels",builtIn:hr(Ca.price),writable:!0},link:{label:"Link",follows:"Labels",builtIn:hr(Ca.link),writable:!0}},_b=t_;var r_={number:{label:"Number",follows:"Labels",builtIn:"14px",writable:!0},question:{label:"Question",follows:"Body",builtIn:"18px",writable:!0},answer:{label:"Answer",follows:"Body",builtIn:"15px",writable:!0}},Db=r_;var MY=Ml;var Nb={rowLabel:{label:"Spec row name",follows:"Labels",builtIn:"14px"},rowValue:{label:"Spec row value",follows:"Labels",builtIn:"14px"},diagramTitle:{label:"Diagram title",follows:"Labels",builtIn:"12px"},diagramCallout:{label:"Diagram measurement",follows:"Labels",builtIn:"12px"},diagramStatLabel:{label:"Diagram stat name",follows:"Labels",builtIn:"11px"},diagramStatValue:{label:"Diagram stat value",follows:"Labels",builtIn:"11px"}};var Mb={SpecTable:Nb,FAQ:Db,Collections:_b};function Hb(e){return e&&Object.hasOwn(Mb,e)?Mb[e]:null}function Yc(e){return e?l(e):null}function Gb(e){return e.kind==="role"?Wa[e.role]:e.kind==="custom"?"Custom":null}function I_(e){let o=e.role;return o&&Eo.includes(o)?{kind:"role",role:o}:null}function h_(e,o){if(!e)return{kind:"unread"};let{faceRole:t,base:r}=e;if(o[t]===r.fontKey)return{kind:"role",role:t};let a=Object.keys(o).filter(n=>o[n]===r.fontKey);return a.length===1?{kind:"role",role:a[0]}:{kind:"custom"}}function Vc(e,o,t,r){return I_(rl(e,o))??h_(t,r)}function g_(e,o){if(!e.length)return null;let t=o(e[0]);return e.every(r=>o(r)===t)?t:null}var Hl="";function b_({face:e,base:o,onPick:t}){let r=e.kind==="role"?e.role:Hl,a=[{label:l("No style"),value:Hl},...Eo.map(n=>({label:l(Wa[n]),value:n}))];return W(l_,{ariaLabel:l("Style"),value:r,options:a,inline:!0,onChange:n=>t(n===Hl?null:n),renderOption:n=>n.value===Hl?wo(Xc,{children:[W("span",{className:"es-fsel-label sf-part-style-keep",children:n.label}),W("span",{className:"sf-part-style-aside","aria-hidden":"true",children:l("Section\u2019s own")})]}):W("span",{className:"es-fsel-label",style:{fontFamily:`var(--font-role-${n.value})`},children:n.label}),renderValue:()=>W("span",{style:{fontFamily:o?.fontKey?`var(${At(o.fontKey)?.cssVar})`:void 0,fontWeight:o?.weight},children:Yc(Gb(e))}),valueText:n=>Yc(Gb(e))??n?.label??""})}function y_({sectionName:e,onBack:o,textEditor:t,styleRow:r,children:a}){return wo("div",{className:"sf-part-panel",children:[W(Wl,{inline:!0,name:l(e),onSelect:o}),t,r,a]})}function zl({source:e,slug:o,menuId:t}){let r=Gt(),a=Rb[e],n=!a.needsSlug||!!o;return W("div",{className:"sf-note sf-note--source",children:wo("p",{className:"es-field-hint sf-hint-keep",children:[l(Lb[e]),n?wo(Xc,{children:[" ",W("button",{type:"button",className:"sf-source-open",onClick:()=>{a.type==="storefront-editor:open-menus"?r.send(a.type,{menuId:t??null}):o&&r.send(a.type,{slug:o})},children:l(Ob)})]}):null]})})}var Ub=4,S_=120;function C_({region:e,sizePx:o,face:t,base:r,onFollowStyle:a,source:n,slug:s,onBack:i}){let f=e.follows;return wo("div",{className:"sf-note",children:[W("p",{children:W("strong",{children:l(e.label)})}),W("p",{children:o?l("Its size follows Site styles \u25B8 {follows} \u2014 {px}px right now.",{follows:l(f),px:Math.round(o)}):l("Its size follows Site styles \u25B8 {follows}.",{follows:l(f)})}),a?W(Xc,{children:W(i_,{label:l("Style"),icon:W(f_,{}),hint:l("Every {part} in this section follows it. The face and the size change; the letter case is the section\u2019s own and stays as it is.",{part:l(e.label).toLowerCase()}),children:W(b_,{face:t,base:r,onPick:a})})}):W("p",{className:"es-field-hint sf-hint-keep",children:l("Only the size follows a site style. This section sets its own font, weight and letter case.")}),n?W(zl,{source:n,slug:s}):null,W(Wl,{inline:!0,name:l("Page"),onSelect:i})]})}function v_({onBack:e}){return wo("div",{className:"sf-note",children:[W("p",{children:W("strong",{children:l("This part is no longer here.")})}),W("p",{children:l("The section it belonged to has been changed or removed.")}),W(Wl,{inline:!0,name:l("Page"),onSelect:e})]})}function w_({onBack:e,partId:o,why:t}){return wo("div",{className:"sf-note",children:[W("p",{children:W("strong",{children:l("This part's settings did not open.")})}),W("p",{children:l("The words are still on your page and nothing has been lost. The editor could not work out which control belongs to them, which is a fault on our side. Go back and click the section to open its settings instead.")}),W("p",{className:"sf-note-detail",children:wo("code",{children:[o," \u2014 ",t]})}),W(Wl,{inline:!0,name:l("Page"),onSelect:e})]})}function $b({nodeId:e,propKey:o,onBack:t,onEditStyle:r}){let{getItemById:a,getSelectorForId:n,config:s}=d_(D=>D),i=qo(),f=Cb(),{partStyle:u}=Fb(),{fonts:p,textStyles:m}=X(),x=a_(Mt),h=!x?.capabilities?.hasSiteTheme,{persist:b}=Ut({themeFromDocument:h,tokenRef:x?.tokenRef,siteId:x?.siteId??null}),C=nl({themeFromDocument:h,persist:b}),[k,v]=Wb(!1),w=m_()==="mobile",g=n_(null),y=a(e),E=n(e),F=y?s.components[y.type]:void 0,{key:L,row:B}=so(o),O=F?.fields?.[L],M=B?Ir(O,B):O,re=Jn(e,o),H=y?.props??{},z=Jt(M),A=Ln(M),oe=CI(M),Oe=y?Sa(y.type):null,Xe=y?Ab(y.type,L):null,ro=B?Xr(H[L],B):H[L],ze=!!B&&!(Array.isArray(H[L])&&B.index<H[L].length);Kc(()=>{Sb(document)||g.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[re]);let[Re,Ge]=Wb(0);Kc(()=>Ge(0),[re]);let De=!!y&&!ze&&(!E||!M);Kc(()=>{if(!De||Re>=Ub)return;let D=setTimeout(()=>Ge(ke=>ke+1),S_);return()=>clearTimeout(D)},[De,Re]);let Ce=De&&Re<Ub;if(!y||ze)return W(v_,{onBack:t});let ge=Hb(y.type),Ie=ge?jc(ge,o):null;if(ge&&Ie){let D=u?.partId===re?u:null,ke=ge[Ie],mo=ke.writable===!0&&!!E,Lr=ps=>{E&&i.replaceComponent(E.zone,E.index,{...y,props:ea(H,o,"role",ps)})};return W(C_,{region:ke,sizePx:D?.base.sizePx??null,face:Vc(H,o,D,p),base:D?.base??null,onFollowStyle:mo?Lr:void 0,source:Oe,slug:ya(H),onBack:t})}if(!E||!M)return Ce?W("div",{className:"sf-note","aria-busy":"true"}):W(w_,{onBack:t,partId:re,why:E?"no field":"no selector"});let Ze=D=>{i.replaceComponent(E.zone,E.index,{...y,props:D})},P=D=>{if(Qo(D).hidden!==Qo(ro).hidden||!z){let ke=B?mf(H,L,B,D):{...H,[L]:D};ke&&Ze(ke);return}Bl({node:y,propKey:o,kind:z,zone:E.zone,index:E.index},Qo(D).text,i.replaceComponent)},le=ro,Y=u?.partId===re?u:null,te=Y?.styleOwner,ae=te?a(te.owner):null,pe=te&&ae?n(te.owner):null,Ne=!!(te&&ae&&pe),ye=Ne?ae.props??{}:H,po=Ne?D=>i.replaceComponent(pe.zone,pe.index,{...ae,props:D}):Ze,Fo=Ne?te.kind:Tl(y?.type,o),zo=rl(ye,Fo),Pe=[{partKey:Fo,face:Vc(ye,Fo,Y,p),sizeGroup:Y?.sizeGroup??null,base:Y?.base??T_,style:zo}],Go=g_(Pe,D=>D.sizeGroup),rt=Dl(Y?.inks),at=(D,ke)=>{let mo=ye;for(let Lr of Pe)mo=ea(mo,Lr.partKey,D,ke);po(mo)},ds=D=>at("role",D),Ma=D=>{let ke=ye;for(let mo of Pe)for(let[Lr,ps]of Object.entries(D))ke=ea(ke,mo.partKey,Lr,ps??null);po(ke)},Pr=z==="text"||z==="textarea",{text:N,hidden:U}=Qo(ro),q=M?.[x_]?.label??o,se=U?l("Show {label} on the slide",{label:l(q)}):l("Hide {label} on the slide",{label:l(q)}),eo=wo("div",{className:"sf-field-head",children:[W(c_,{}),W("span",{className:"sf-field-label sf-field-label--inline",children:l(q)}),Pr&&W(p_,{content:se,children:W("button",{type:"button",className:"sf-field-eye","aria-pressed":U,"aria-label":se,onClick:()=>P({text:N,hidden:!U}),children:U?W(zb,{name:"eye-off",size:14}):W(zb,{name:"eye",size:14})})})]}),Uo=!A&&oe,Ha=!!z&&(Tx(M)||A||U||!oe),Rt=Vc(ye,Fo,Y,p),us=Rt.kind==="role"?Rt.role:null,FC=Object.entries(zo).filter(([D,ke])=>D!=="role"&&ke!==void 0).length,EC=()=>{let D=ye;for(let ke of Pe){let mo=ke.style.role;D=DI(D,ke.partKey),mo&&(D=ea(D,ke.partKey,"role",mo))}po(D)},nt=Af(us),PC=KI(Pe[0].style),LC=nt?et(C.saved,C.old).find(D=>D.id===nt)?.name??nt:"",OC=()=>{v(!1),nt&&(C.write(VI({saved:C.saved,old:C.old,styleId:nt,values:Bf(Pe[0].style)}),!0),EC())};return wo(y_,{sectionName:F?.label??y.type,onBack:t,textEditor:W("div",{ref:g,className:"sf-part-text",children:Ha?W(vb,{text:N,onTextChange:D=>P(Pr?{text:D,hidden:U}:D),multiline:Yn(z),markup:z!=="plainText",styled:!1,style:Pe[0].style,base:Pe[0].base,setValue:Ma,colors:rt,placeholder:Yc(uI(M))??void 0,ariaLabel:l(q),head:eo,typedOnCanvas:f===re}):z?Pr?eo:null:W(s_,{field:M,name:o,value:le,onChange:P,id:`sf-part-${e}-${o}`})}),children:[Xe&&W(zl,{source:Xe,slug:ya(H),menuId:Nl(H)}),Uo&&W(u_,{style:{value:us??"",options:[{value:"",label:l("No style"),description:l("Section\u2019s own")},...Eo.map(D=>({value:D,label:l(Wa[D]),description:At(p[D])?.label}))],onChange:D=>ds(D||null),changed:FC>0,onEditStyles:r,onUpdateStyle:nt&&PC?()=>v(!0):void 0},font:{value:zo.font??"",styleValue:At(Pe[0].base.fontKey)?.label,options:no.map(D=>({label:D.label,value:D.key})),onChange:D=>at("font",D||null)},italic:{value:zo.italic,styleValue:k_(m,us),onChange:D=>at("italic",D??null)},cells:qc(Pe[0].style,Pe[0].base,Ma,{phone:w}),align:{value:zo.align??"",styleValue:Pe[0].base.align,onChange:D=>at("align",D||null)},letterCase:{value:zo.case??"",styleValue:Pe[0].base.case,onChange:D=>at("case",D||null)}}),k&&nt&&W(kb,{styleName:LC,onCancel:()=>v(!1),onConfirm:OC}),Uo&&Go===null&&W("p",{className:"es-field-hint sf-hint-keep",children:l("Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this.")})]})}function k_(e,o){let t=Af(o);return!t||!Array.isArray(e)?!1:e.find(r=>r?.id===t)?.values?.italic===!0}var T_={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Jo};import{jsx as co,jsxs as Zc,Fragment as F_}from"react/jsx-runtime";import{useCallback as E_,useRef as P_,useState as va}from"react";import{InspectorIconButton as L_}from"efficient-easel/chrome";import{PopupMenu as O_,PopupMenuItem as R_,PopupMenuLabel as Gl}from"efficient-shell/ui";import{CopyToPageIcon as A_}from"efficient-easel/icons";import{cloneNodeWithFreshIds as qb,docToNode as PX,nodeToDoc as LX}from"efficient-easel/screen/lib/puck/section-doc";import{FOOTER_TYPE as B_}from"efficient-easel/draw";function jb({node:e,currentSlug:o,siteId:t,tokenRef:r,runAuthed:a,onNotify:n}){let[s,i]=va(!1),[f,u]=va(null),p=Ae(),[m,x]=va(!1),[h,b]=va(null),C=P_(null),[k,v]=va(null),w=E_(async()=>{if(p.usesBridgedToken&&!r.current){x(!0);return}try{u(await Ue(p).pages.list(t?{siteId:t}:void 0))}catch{x(!0)}},[r,t,p]),g=()=>{if(s){i(!1);return}let F=C.current?.getBoundingClientRect();F&&v({top:F.bottom+6,right:Math.max(8,window.innerWidth-F.right)}),u(null),x(!1),w(),i(!0)},y=(f??[]).filter(F=>F.slug!==o),E=async F=>{if(h)return;b(F.slug);let L=qb(e),B=p.documentHooks?.storedNode?.(L)??L,O=Ue(p).pages,M=await a(async()=>{let re=await O.load({id:F.id});if(!re)throw new Error(`Page "${F.slug}" no longer exists.`);let H=re.layout??{},z=Array.isArray(H.content)?[...H.content]:[],A=z.findIndex(oe=>oe?.type===B_);z.splice(A===-1?z.length:A,0,B),await O.save(F.id,{layout:{root:{},zones:{},...H,content:z}},{version:re.version,clientId:""})});b(null),i(!1),n?.(M?l("Duplicated to \u201C{name}\u201D",{name:F.label}):l("Couldn\u2019t duplicate the section \u2014 please retry"),M?"success":"error")};return Zc(F_,{children:[co("span",{"data-menu-toggle":!0,style:{display:"contents"},children:co(L_,{buttonRef:C,label:l("Duplicate to another page"),hasPopup:"menu",expanded:s,onClick:g,children:co(A_,{size:15})})}),s&&k&&co(O_,{portal:!0,style:{top:k.top,right:k.right},onClose:()=>i(!1),children:Zc("div",{role:"menu","aria-label":l("Duplicate to page"),children:[co(Gl,{children:l("Duplicate to page")}),m?co(Gl,{children:l("Couldn\u2019t load pages")}):f===null?co(Gl,{children:l("Loading\u2026")}):y.length===0?co(Gl,{children:l("No other pages")}):y.map(F=>Zc(R_,{role:"menuitem",disabled:h!==null,onClick:()=>{E(F)},children:[co("span",{className:"min-w-0 flex-1 truncate",children:F.label}),h===F.slug?co("span",{className:"shrink-0 text-xs",children:l("Copying\u2026")}):F.draft&&co("span",{className:"shrink-0 text-xs",children:l("draft")})]},F.id))]})})]})}import{ScreenPartsProvider as $X,sameInspectorMode as qX,SELECTION_MODE as Kb,useScreenParts as jX,useScreenBlockLook as KX,useScreenBlockRules as VX,useScreenBridges as YX,useScreenCanvasFrame as XX,useScreenDevices as ZX,useScreenDocumentPass as QX,useScreenInspectorPanel as JX,useScreenLeftView as eZ,useScreenOwnerName as oZ,useScreenPinned as tZ,useStandaloneScreenBridges as rZ}from"efficient-easel/screen/lib/screen-parts";import{usePreviewParts as vD}from"efficient-easel/draw/client";import{jsx as wa,jsxs as __}from"react/jsx-runtime";import{SettingsDrill as D_}from"efficient-easel/panel";import{UiIcon as N_}from"efficient-easel/draw/client";var M_="Not shown on the page";function H_({part:e,onOpen:o}){return wa(D_,{name:l(e.label),preview:e.offPage?l(M_):e.preview||l("Empty"),offPage:e.offPage,status:e.hidden?wa("span",{className:"sf-entry-eye",role:"img","aria-label":l("Hidden on the page"),children:wa(N_,{name:"eye-off",size:14})}):void 0,onOpen:()=>o(e.key)})}function Qc(e){return e.filter(o=>!o.identifier)}function Vb({parts:e,onOpen:o,heading:t=!0}){let r=Qc(e);return r.length?__("div",{className:"sf-entries",children:[t?wa("h3",{className:"sf-entries-head",children:l("Text")}):null,r.map(a=>wa(H_,{part:a,onOpen:o},a.key))]}):null}import{HEADER_TYPE as wD,ROOT_ZONE as Ty}from"efficient-easel/draw";import{HEADER_TYPE as Ve,FOOTER_TYPE as me,newNodeId as W_}from"efficient-easel/draw";function Ul(){return{type:Ve,props:{id:W_(Ve)}}}var Yb=[{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"}],z_=Yb.filter(e=>e.type!=="FooterLogo"&&e.type!=="FooterGroup"),G_="FooterGroup",Xb="blocks";function Zb(e){return e===me?Yb:e===G_?z_:null}function $l(){let e=(o,t)=>({type:o,props:{id:`${o}-${crypto.randomUUID()}`,...t}});return[e("FooterLogo",{widthPct:100,align:"left",tagline:""}),e("FooterGroup",{direction:"vertical",align:"start",blocks:[e("FooterText",{text:"Join our email list",size:"md",tone:"default"}),e("FooterEmailSignup",{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"})]})]}var _e="SiteHeader",de="SiteFooter",Jc="sections",uZ=[_e,de],gr=e=>e===_e||e===de,Qb=e=>`${e}:${Jc}`;function Jb(e,o,t=[]){return{type:e,props:{id:o,[Jc]:t}}}var U_=new Set(["Footer",_e,de]);function br(e){let o=new Set,t=!1,r=e.filter(a=>{let n=a?.type??"";return n==="Header"?(t=!0,!1):U_.has(n)?o.has(n)?(t=!0,!1):(o.add(n),!0):!0});return t?r:e}function ey(e,o){return e.some(t=>t?.type===o.type)?e:o.type===_e?[o,...e]:[...e,o]}var oy={[_e]:{max:3,takes:["Flex","Ticker"]},[de]:{max:6,takes:["Flex","Prose","Logos","Divider"]}};function ty(e,o,t){if(!gr(e))return!0;let r=oy[e];return t<r.max&&r.takes.includes(o)}function ry(e,o){let t=o,r=t?.props?.id;if(r==null)return null;let a=e?.content;if(!Array.isArray(a))return null;for(let n of a){if(!gr(n?.type))continue;let s=n.props?.[Jc];if(!Array.isArray(s)||!s.some(f=>f?.props?.id===r))continue;let i=oy[n.type];return i.takes.includes(t?.type??"")?s.length>=i.max?{group:n.type,why:"full"}:null:{group:n.type,why:"type"}}return null}function ay(e){switch(e?.type){case _e:return l("Header \xB7 on every page");case de:return l("Footer \xB7 on every page");case Ve:return l("Header \xB7 on every page \xB7 old style");case me:return l("Footer \xB7 on every page \xB7 old style");default:return null}}var ny=()=>l("Every page"),ly=()=>l("Changed on every page");function ql(e,o){let t=Yu(e,o);if(t)return t;let r=ry(e,o);if(!r)return null;let a=r.group===_e;return r.why==="type"?a?l("The header cannot take another one of these"):l("The footer cannot take another one of these"):a?l("The header holds at most 3 sections"):l("The footer holds at most 6 sections")}import{jsx as Kl,Fragment as j_,jsxs as K_}from"react/jsx-runtime";import{useState as V_}from"react";import{createNode as Y_,newId as X_}from"efficient-easel/data";import{useEasel as Z_}from"efficient-easel/easel";import{Banner as Q_,Button as ed}from"efficient-shell/ui";var jl="Flex",$_={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},q_=e=>{let{id:o,...t}=e;return t},sy=e=>typeof e=="string"?e:"";function iy(e,o){let t=e.props??{},r=$_[e.type];if(r)return[o(r,q_(t))];switch(e.type){case"FooterLogo":{let a=o("LogoBlock",t.reverse?{reverse:t.reverse}:{}),n=sy(t.tagline).trim();return n?[a,o("Text",{text:n,tone:"dim",align:t.align==="center"?"center":"left"})]:[a]}case"FooterText":return[o("Text",{text:sy(t.text),tone:typeof t.tone=="string"?t.tone:"default"})];case"FooterDivider":return[o("Divider")];case"FooterGroup":{let a=Array.isArray(t.blocks)?t.blocks:[];return[o(jl,{direction:t.direction==="horizontal"?"row":"column",content:a.flatMap(n=>iy(n,o))})]}default:return[]}}function ka(e,o,t){let r=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(s=>{let i=iy(s,o);return i.length<=1?i:[o(jl,{direction:"column",content:i})]}),a=o(jl,{direction:"row",wrap:!0,share:"equal",content:r}),n=o(jl,{direction:"column",content:[o("LegalLineBlock")]});return Jb(de,t,[a,n])}function fy(){let{appState:e,dispatch:o,config:t}=Z_(p=>p),{readOnly:r}=Se(),[a,n]=V_(!1),s=e.data.content;if(r||s.some(p=>p.type===de))return null;let i=s.find(p=>p.type===me)??null,f=(p,m)=>Y_(t,p,m),u=()=>{let p=ka(i,f,X_(de));o({type:"setData",data:m=>({...m,content:[...ey(m.content,p)]}),recordHistory:!0}),n(!1)};return Kl(Q_,{tone:"info",title:l("This footer uses the old layout"),action:a?K_(j_,{children:[Kl(ed,{variant:"primary",size:"sm",onClick:u,children:l("Switch now")}),Kl(ed,{variant:"secondary",size:"sm",onClick:()=>n(!1),children:l("Cancel")})]}):Kl(ed,{variant:"secondary",size:"sm",onClick:()=>n(!0),children:l("Switch to Box footer")}),children:l("Build this footer out of Boxes and blocks, like a page: the same menus, signup, social links and logo, with the copyright as a Legal Line. Your current footer is kept.")})}import{jsx as id}from"react/jsx-runtime";import{useLayoutEffect as fD,useMemo as Sy,useRef as cD,useState as ld}from"react";import{useEasel as dD,useSelectedFields as uD}from"efficient-easel/easel";import{Inspector as pD,planFields as Cy}from"efficient-easel/fields";import{DESIGN_GROUPS as td,SETTINGS_BUCKETS as J_}from"efficient-easel/panel";import{BUCKET_KEY as Ye,DESIGN_GROUP_KEY as yr}from"efficient-easel/screen/lib/puck/field-buckets";var Ta=J_;var eD="Editor only \u2014 not shown live",rd={"Archive link":"Content",Article:"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",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",List:"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",Search:"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":"Design",Gallery:"Content",Image:"Content","Image column":"Content",Images:"Content",Logo:"Content",Media:"Content","Background image":"Design",Color:"Design","Image tint":"Design",Style:"Design",Shape:"Design",Texture:"Design","Text style":"Design",Motion:"Animation",Anchor:"Anchor",Arrangement:"Layout","Auto-slide":"Layout",Bar:"Layout","Cell width":"Size",Behavior:"Layout",Controls:"Layout",Diagram:"Layout",[eD]:"Layout","Filters shown":"Layout","Slide picker":"Layout",Arrows:"Layout","On a phone":"Layout",Nudge:"Position","Stick to top":"Position","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:"Size",Height:"Size"},dy={"AlloyWheelsListing._gCards":"Design","ProductGrid._gCards":"Design"},uy={"Text._gSpacing":"Size","Heading._gSpacing":"Size"};function od(e,o,t){let r=`${e}.${o}`;return uy[r]??dy[r]??rd[t]}function py(e){return e==="Animation"?[Ye.Animation]:[Ye.Design,yr[e]]}function Vl(...e){let o=[];for(let t of e)for(let r of Object.values(t)){let a=Zs(r),n=Do(a?a.inner:r),s=n?rd[n.label]:void 0;if(s)for(let i of py(s))o.includes(i)||o.push(i)}return o}var MZ=[...Vl(Dn(),Nn("full"),Mn(),Hn(),ji()),...Object.keys(Dn()),...Object.keys(Nn("full")),...Object.keys(Mn()),...Object.keys(Hn()),...Object.keys(ji())],HZ=[...Vl(Rn()),...Object.keys(Rn())],WZ=[...Vl(Bn()),...Object.keys(Bn())],zZ=[...Vl(_n()),...Object.keys(_n())],oD=Object.keys(Gx()),tD=new Set(["cardImage","imageBackground"]),GZ=[...py(od("ProductGrid","_gCards","Cards")??"Design"),...oD.filter(e=>e.startsWith("_g")||tD.has(e))],UZ=Object.keys(Ux()),$Z=Object.keys($x({bottomDefault:!0})),rD={"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)","CountrySwitchBlock._gStyle":"duplicated the Style bucket header above it (born tabbed with its Show as, 2026-10-17)","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)"},my={Content:["Content"],Size:["Size"],Design:["Design","Style"],Layout:["Layout"],Position:["Position"],Anchor:["Anchor"],Animation:["Animation"]},xy={_gAnchor:"repeated the Anchor group heading above it (two tabs, 11.0.0)"};{let e={...Dn(),...Nn("full"),...Mn(),...Hn(),...Rn(),...Bn(),..._n()};for(let o of Object.keys(xy)){let t=Do(e[o]),r=t?rd[t.label]:void 0;if(!t||t.level!==2||!r||!my[r].includes(t.label))throw new Error(`INJECTED_RETIRED (lib/puck/field-groups.ts) lists "${o}", but no uniform builder makes a level-2 heading by that key whose label repeats its place's word. The heading was renamed, moved or removed and the row is stale \u2014 a list that quietly matches nothing is worse than no list.`)}}var aD=new Set(["_sContent","_sStyle","_sLayout","_sMedia"]),nD=new Map([[Ye.Design,"Content"],[Ye.Animation,"Animation"],...td.map(e=>[yr[e],e])]);function Iy(e){let o=new Set([...Object.values(Ye),yr.Content]);for(let[t,r]of Object.entries(e))if(!o.has(t)&&Do(r)?.level===1)return 1;return 2}function lD(e){let o=`${e}.`;return Object.keys(rD).filter(t=>t.startsWith(o)).map(t=>t.slice(o.length))}function sD(e,o){let t=Zs(e),r=He(o);return t?ve(t.tier,r):r}function iD(e,o){let t=Do(o);return t?e==="Content"||e==="Animation"?Lx(o,t.label):Ox(o):o}function cy(e){return e==="Design"?td:["Animation"]}function qZ(e,o){let t=[],r=new Set(lD(o)),a=new Set,n=!1,s=null;for(let[x,h]of Object.entries(e)){let b=Do(h);if(aD.has(x))throw new Error(`${o}.${x}: that key was a tab header until efficient-web-builder 11.0.0, when the panel moved to two tabs (Design \xB7 Animation). Its tab is gone, so the key may not come back. Give the heading a key of the section's own (\`_g\u2026\`), or open a Design group with its own key (\`_dDesign: section("Design")\`, \`_dLayout: section("Layout")\`).`);let C=nD.get(x);if(C!==void 0){if(b?.level!==1)throw new Error(`${o}.${x}: that key is reserved for the ${C} heading of the settings panel, but this field is ${b?`a level-${b.level} "${b.label}" header`:"not a header"}, so it cannot serve as one. Rename the section's own field.`);(x===Ye.Design||x===Ye.Animation)&&(n=!0),t.push(s={place:C,entries:[],adopted:!0});continue}if(!b){s||t.push(s={place:"Content",entries:[]}),s.entries.push([x,h]);continue}if(r.has(x)||x in xy){let v=od(o,x,b.label);if(b.level!==2||!v||!my[v].includes(b.label))throw new Error(`${o}.${x}: ${r.has(x)?"RETIRED":"INJECTED_RETIRED"} (lib/puck/field-groups.ts) lists this sub-heading as one whose name repeats the place it sits in, but it is a level-${b.level} "${b.label}" header in the ${v??"(unclassified)"} place. Only a level-2 header whose label is one of its place's words (PLACE_WORDS) may be retired \u2014 anything else is a heading a merchant reads for its own sake. Fix the row or drop it.`);r.has(x)&&a.add(x),t.push(s={place:v,entries:[]});continue}let k=od(o,x,b.label);if(!k)throw new Error(`${o}.${x}: the inspector group "${b.label}" is not classified in LABEL_GROUP (lib/puck/field-groups.ts), so there is no way to say which of ${[...td,"Animation"].join(" / ")} its controls belong under. Classify it \u2014 an unclassified group silently lands wherever it was declared, which is the whole bug.`);t.push(s={place:k,entries:[[x,b.level===2?h:sD(h,b.label)]]})}let i=new Set(Object.entries(e).filter(([,x])=>Do(x)).map(([x])=>x));for(let[x,h]of[["BLOCK_KEY_GROUP",uy],["KEY_GROUP",dy]]){let b=Object.keys(h).filter(C=>C.startsWith(`${o}.`)).filter(C=>!i.has(C.slice(o.length+1)));if(b.length)throw new Error(`${o}: ${x} (lib/puck/field-groups.ts) lists ${JSON.stringify(b)}, 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.`)}let f=n?[]:[...r].filter(x=>!a.has(x));if(f.length)throw new Error(`${o}: RETIRED (lib/puck/field-groups.ts) lists ${JSON.stringify(f)}, but this section has no such fold header${f.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.`);let u=new Set(t.filter(x=>x.entries.length>0).map(x=>x.place)),p=Ta.filter(x=>cy(x).some(h=>u.has(h))),m={};for(let x of p){m[Ye[x]]=On(x,x===p[0]?p:null);for(let h of cy(x)){if(!u.has(h))continue;let b=t.filter(k=>k.place===h),C=b.findIndex(k=>k.adopted);C>0&&b.unshift(...b.splice(C,1)),x==="Design"&&(m[yr[h]]=Ui(h));for(let k of b)for(let[v,w]of k.entries)m[v]=iD(h,w)}}return m}function jZ(e){return Ye.Design in e?e:{[Ye.Design]:On("Design",null),[yr.Content]:Ui("Content"),...e}}function KZ(e){return Ta.some(o=>Ye[o]in e)}function VZ(e){let o=Ta.filter(r=>Ye[r]in e);if(o.length===0)return e;let t={...e};for(let r of o)t[Ye[r]]=On(r,r===o[0]?o:null);return t}import{usePreviewDevice as mD}from"efficient-easel/draw/client";var ad=" text",hy="Text";function nd(e){let o=e.rows.filter(t=>t.shown);return o.length===0||o.length===1&&o[0].labelled}function gy(e){return e.filter(nd).map(o=>o.key)}function by(e,o){let t=null;for(let r of o){let a=e[r];!a||a.marker!==!0||typeof a.fold!="string"||(t??={...e},t[r]={...a,fold:!1})}return t??e}function yy(e,o){if(e.size!==o.size)return!1;for(let t of e)if(!o.has(t))return!1;return!0}var sd=new Map,Yl=new Set;function xD(e,o){let t=new Map;for(let a of e.querySelectorAll(".es-insp-row[data-field]"))t.set(a.getAttribute("data-field")??"",a);let r=[];for(let[a,n]of o)r.push({key:a,rows:n.map(s=>{let i=t.get(s),f=!!i&&[...i.children].some(p=>!p.hidden),u=i?.querySelector(".es-field-label, .es-list-label")?.textContent?.trim();return{shown:f,labelled:f&&!!u}})});return r}var ID=Object.fromEntries(Ta.map(e=>{let o=Fx[e];return[e,id(o,{},e)]}));function Fa({entries:e,entryCount:o=0,part:t=null}){let{id:r,fields:a,values:n,readOnly:s,onChange:i}=uD(),f=mD(),{appState:u,config:p}=dD(z=>z),m=Rh(f,p,u.data.content??[],u.ui.itemSelector),x=Nh(a,t),h=Oh(x,n,m),[b,C]=ld(()=>new Set(Yl)),[k,v]=ld(()=>new Set),w=cD(null),g=Sy(()=>{let z=new Map;for(let A of Cy(h).rows){if(!A.fold)continue;let oe=z.get(A.fold.key)??[];oe.push(A.name),z.set(A.fold.key,oe)}return z},[h]);fD(()=>{let z=w.current?.parentElement;if(!z)return;let A=new Set(gy(xD(z,g)));v(oe=>yy(oe,A)?oe:A)});let y=Sy(()=>by(h,k),[h,k]),E={key:ad,rows:Array.from({length:o},()=>({shown:!0,labelled:!0}))},F=nd(E)?void 0:{key:ad,title:hy},[L,B]=ld(()=>sd.get(r)),O=sd.get(r),M=Cy(h).buckets,re=O&&M.includes(O)?O:L&&M.includes(L)?L:M[0],H=re===void 0||Ex(M,re)!==!0;return id(pD,{fields:y,values:n,onChange:i,readOnly:s,showWhenContext:{...m,node:n},tab:re,onTab:z=>{sd.set(r,z),B(z)},tabIcons:ID,idPrefix:r,ariaLabel:l("Section settings"),lead:H?e:null,leadFold:F,closedFolds:b,onFold:(z,A)=>{A?Yl.delete(z):Yl.add(z),C(new Set(Yl))},children:id("span",{ref:w,hidden:!0})})}import{jsx as fd,jsxs as hD}from"react/jsx-runtime";import{InspectorUpLevel as vy}from"efficient-easel/chrome";function wy({nodeId:e,part:o,sectionName:t,onUpToSection:r}){let{select:a}=hl();return hD("div",{children:[o!=="media"?fd(vy,{inline:!0,name:l(ir.media),onSelect:()=>a(fa(e,"media"))}):fd(vy,{inline:!0,name:l(t),onSelect:r}),fd(Fa,{part:o})]})}import{SettingsSwitch as kD}from"efficient-easel/panel";var Ey=Kb,ud={kind:"header"},pd={kind:"website"},Py={kind:"chat"},Ly={kind:"social"},Ea="Part";function TD(e){return l("Part of {name}",{name:l(e)})}function FD(e,o,t){let r=e.describeNode(o);return{name:t,kindLabel:r?TD(r.label):l(Ea)}}function ED(e){switch(e){case"Header":return{title:l("Header settings belong to a website."),own:l("Each website created from this template sets its own header afterwards.")};case"Appearance":return{title:l("Appearance settings belong to a website."),own:l("Each website created from this template sets its own appearance afterwards.")};case"Live chat":return{title:l("Live chat settings belong to a website."),own:l("Each website created from this template sets its own live chat afterwards.")};case"Social link":return{title:l("Social link settings belong to a website."),own:l("Each website created from this template sets its own social link afterwards.")};default:return{title:l("{what} settings belong to a website.",{what:e}),own:l("Each website created from this template sets its own {what} afterwards.",{what:e.toLowerCase()})}}}function Oy({what:e}){let o=ED(e);return Et("div",{className:"sf-note",children:[ee("p",{children:ee("strong",{children:o.title})}),Et("p",{children:[l("A template is a blueprint \u2014 it has no website of its own, so there is nothing here to change.")," ",o.own]})]})}function dd(e){let o=ia[e];return{name:ir[e],kindLabel:Ea,icon:o,head:(t,r)=>{if(t.kind!==o)return null;let a=r.describeNode(t.nodeId);if(!a)return null;let n=Fy({name:l(Cl(e,a.props)),tier:"part",of:l(a.label)},{partOf:({name:s})=>l("Part of {name}",{name:s})});return{name:n.name,kindLabel:n.kind}},render:(t,r)=>t.kind===o?ee(wy,{nodeId:t.nodeId,part:e,sectionName:r.describeNode(t.nodeId)?.label??"Hero",onUpToSection:()=>r.onSelectNode(t.nodeId)}):null}}var PD={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,o)=>{let t=o.hostPanels?.header;return t?ee(t,{placeholderMode:o.capabilities.placeholderFrames,tokenRef:o.tokenRef,siteId:o.siteId,websiteName:o.websiteName,onOpenWebsiteSettings:o.onOpenWebsiteSettings,onAuthExpired:()=>o.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,o)=>ee(ll,{themeFromDocument:!o.capabilities.hasSiteTheme,tokenRef:o.tokenRef,siteId:o.siteId,onNotify:o.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>ee(jh,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>ee(Qh,{unavailable:ee(Oy,{what:"Social link"})})},ticker:{name:la,kindLabel:Ea,icon:"ticker",head:(e,o)=>e.kind==="ticker"?FD(o,e.heroId,l(la)):null,render:e=>ee(hb,{heroId:e.kind==="ticker"?e.heroId:""})},heroMedia:dd("media"),heroImage:dd("image"),heroImage2:dd("image2"),part:{name:Ea,kindLabel:Ea,icon:"Text",head:(e,o)=>{if(e.kind!=="part")return null;let t=o.describeNode(e.nodeId);if(!t)return null;let{key:r,row:a}=so(e.propKey),n=a?Ir(t.fields[r],a):t.fields[r],s=II(l(xf(ol(n??{},r))),a),i=Fy({name:s,tier:"part",of:l(t.label)},{partOf:({name:f})=>l("Part of {name}",{name:f})});return{name:i.name,kindLabel:i.kind}},render:(e,o)=>e.kind==="part"?ee($b,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>o.onSelectNode(e.nodeId),onEditStyle:o.onOpenSiteStyles}):null}},LD=new Set(["header","website","chat"]);function OD(e,o){if(e==="puck")return null;let t=PD[e];return LD.has(e)&&!o.hasSiteSettings?{...t,kindLabel:"Not part of a template",render:()=>ee(Oy,{what:t.name})}:t}function Ry({mode:e,onOpenWebsiteSettings:o,onOpenSiteStyles:t,onSelectNode:r,hideNodeActions:a=!1,onNotify:n,onHidePanel:s}){let{capabilities:i,tokenRef:f,notifyParent:u,currentSlug:p,siteId:m,runAuthed:x,readOnly:h}=Se(),{websiteName:b}=X(),C=qo({readOnly:h}),{select:k}=vD(),{selectedItem:v,getItemById:w,getSelectorForId:g,config:y,appState:E}=bD(te=>te),F=Wh(y,v?{type:v.type,props:v.props}:null),L=v?wI(F??y.components[v.type]?.fields,v.props):[],B=te=>y.components[te]?.label??te,O=v?g(v.props.id):void 0,M=OD(e.kind,i),re=Ae(),H={capabilities:i,tokenRef:f,hostPanels:re.chrome?.panels,describeNode:te=>{let ae=w(te);if(!ae)return null;let pe=y.components[ae.type];return{type:ae.type,label:pe?.label??ae.type,fields:pe?.fields??{},props:ae.props??{}}},siteId:m,websiteName:b??null,notifyParent:u,onNotify:n,onOpenWebsiteSettings:o,onOpenSiteStyles:t,onSelectNode:r},z=M?.head?.(e,H)??null,A=z?.name??(M?l(M.name):v?l(B(v.type)):l("Page settings")),oe=z?.kindLabel??(M?l(M.kindLabel):v?O&&O.zone!==Ty?l("Block"):l("Section"):l("Page")),Oe=M?M.icon:v?v.type:"page",Xe=M?null:v?y.components[v.type]?.fields??null:y.root?.fields??null,ro=Xe?Iy(Xe):2,ze=e.kind==="puck"&&v?Sa(v.type):null,Re=!!v&&!!O&&O.zone===Ty&&v.type!==me&&v.type!==wD,Ge=ql(E?.data,v),De=()=>{Ge||O&&C.duplicateComponent(O.zone,O.index)},Ce=()=>{O&&(C.removeComponent(O.zone,O.index),C.select(null))},ge=v?y.components[v.type]?.defaultProps?.previewHover:void 0,Ie=e.kind==="puck"&&!!v&&!!O&&ge!==void 0,Ze=Ie&&v.props.previewHover===!0,P=()=>{!v||!O||C.replaceComponent(O.zone,O.index,{...v,props:{...v.props,previewHover:!Ze}})},[le,Y]=gD(Wf);return Et("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${le||!(!M&&v)?"":" sf-hints-folded"}`,children:[ee(yD,{icon:ee(Tt,{type:Oe,size:15}),name:A,kind:oe,actions:!a&&e.kind==="puck"&&v&&v.type!==me?Et(cd,{children:[ee(ky,{label:l("Duplicate section"),title:Ge??void 0,disabled:Ge!==null,onClick:De,children:ee(SD,{size:15})}),Re&&i.hasSiteSettings&&ee(jb,{node:v,currentSlug:p,siteId:m??void 0,tokenRef:f,runAuthed:x,onNotify:n}),ee(ky,{label:l("Remove section"),danger:!0,onClick:Ce,children:ee(CD,{size:15})}),s?ee(Ps,{side:"right",onHide:s,divider:!0}):null]}):s?ee(Ps,{side:"right",onHide:s}):void 0}),Ie&&Et("div",{className:"sf-preview-pin",children:[Et("div",{className:"sf-preview-pin-text",children:[ee("span",{className:"sf-preview-pin-label",children:l("Preview hover state")}),ee("span",{className:"sf-preview-pin-hint",children:l("not shown live")})]}),ee(kD,{checked:Ze,onChange:P,ariaLabel:l("Preview hover state")})]}),ee(rx,{tier:ro,children:ee("div",{className:"sf-insp-body es-insp-body sf-scroll",children:M?M.render(e,H):v?Et(cd,{children:[v.type===me&&i.hasSiteSettings&&ee(fy,{}),ee(Ep,{children:ee(Fa,{entries:ee(Vb,{parts:L,heading:!1,onOpen:te=>k(Jn(v.props.id,te))}),entryCount:Qc(L).length})}),ze&&ee(zl,{source:ze,slug:ya(v?.props),menuId:Nl(v?.props)}),ee(zf,{shown:le,onChange:Y})]}):ee(cd,{children:ee(Fa,{})})})})]})}import{jsx as c,jsxs as S,Fragment as Ny}from"react/jsx-runtime";var Fe={dark:"var(--sf-thumb-bar-dark)",soft:"var(--sf-thumb-bar-light)",accent:"var(--sf-thumb-accent)",tint:"var(--sf-thumb-accent-tint)",block:"var(--sf-thumb-block)",line:"var(--sf-thumb-border)",card:"var(--sf-thumb-card)"},md="repeating-linear-gradient(135deg,var(--sf-thumb-hatch1) 0,var(--sf-thumb-hatch1) 5px,var(--sf-thumb-hatch2) 5px,var(--sf-thumb-hatch2) 10px)";function R({w:e,h:o,tone:t="dark",r=2,style:a}){return c("div",{style:{width:e,height:o,borderRadius:r,background:Fe[t],flex:"none",...a}})}var RD={Hero:"hero",HeroSingle:"herosingle",IntroBleed:"intro",Collections:"collections",AlloyWheelsListing:"wheelslisting",CatalogFilterBar:"catalogfilterbar",ProductGrid:"productgrid",BrandStrip:"brandstrip",FitmentFinder:"fitmentfinder",Gallery:"gallery",GalleryB:"gallerygrid",SpecStrip:"specstrip",ProductHero:"producthero",SpecTable:"spectable",ProcessSteps:"processsteps",DetailRows:"detailrows",FitmentTable:"fitmenttable",CompatibleTyres:"compatibletyres",TyreSizes:"tyresizes",TyreFitment:"tyrefitment",EuTyreLabel:"eutyrelabel",RelatedProducts:"productgrid",BundleOffer:"bundleoffer",OrderSummary:"ordersummary",DeliveryOptions:"deliveryoptions",PaymentBadges:"paymentbadges",CheckoutCTA:"checkoutcta",Manifesto:"manifesto",ParagraphsA:"paragraphs",Prose:"prose",StatsParagraph:"statsparagraph",Chart:"chart",Mockup:"mockup",Footprint:"footprint",Timeline:"timeline",TimelineTrack:"timelinetrack",TitleWithButtons:"titlewithbuttons",Split:"split",Cards:"cards",FAQ:"faq",Testimonials:"testimonials",Masthead:"masthead",Breadcrumb:"breadcrumb",CategoryBar:"categorybar",FeaturedCover:"featuredcover",LongRead:"longread",Series:"series",Subscribe:"subscribe",SubscribeBlogs:"subscribe",Events:"events",DocMasthead:"docmasthead",DocTabs:"doctabs",DocBody:"docbody",DocMetaCards:"docmetacards",Banner:"banner",Stats:"stats",KeyFeatures:"keyfeatures",Logos:"logos",Ticker:"ticker",Countdown:"countdown",Reviews:"reviews",SubmitBuild:"submitbuild",ReviewForm:"reviewform",Form:"form",AppointmentBooking:"appointmentbooking",ContactRouting:"contact",ContactLocations:"contactlocations",Header:"header",Footer:"footer",SectionHeader:"sectionheader",Grid:"grid",Flex:"blanksection",Spacer:"spacer",Divider:"divider",CustomHTML:"customhtml",Heading:"heading",Text:"text",ImageBlock:"image",ButtonBlock:"button",MenuBlock:"menu",EmailFormBlock:"emailform",SocialLogosBlock:"sociallogos",LegalLineBlock:"legalline",SearchBlock:"search",CartBlock:"cart",CountrySwitchBlock:"countryswitch"},_={position:"absolute",inset:0},d={ink:"var(--sf-thumb-ink)",ink2:"var(--sf-thumb-ink-2)",inkSoft:"var(--sf-thumb-ink-soft)",inkSoft2:"var(--sf-thumb-ink-soft-2)",paper:"var(--sf-thumb-paper)",paper2:"var(--sf-thumb-paper-2)",warm:"var(--sf-thumb-warm)",rust:"var(--sf-thumb-rust)",onInk:"var(--sf-thumb-on-ink)",text:"var(--sf-thumb-scene-text)",muted:"var(--sf-thumb-scene-muted)",rule:"var(--sf-thumb-scene-rule)",mark1:"var(--sf-thumb-mark-1)",mark2:"var(--sf-thumb-mark-2)",card:"var(--sf-thumb-card)",scrim:"var(--sf-thumb-scrim)"},xe=(e,o,t=160)=>({background:`linear-gradient(${t}deg,${e},${o})`});function Wo({size:e,style:o}){let t=Math.max(2,Math.round(e*.13)),r=(a,n,s)=>({position:"absolute",inset:a,background:n,borderRadius:t,...s?{mixBlendMode:s}:null});return S("span",{style:{position:"absolute",display:"block",width:e,height:e,...o},children:[c("span",{style:r("8% 26% 30% 6%",d.mark1)}),c("span",{style:r("26% 6% 8% 30%",d.mark2,"multiply")})]})}function La({children:e}){return c("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:d.muted},children:e})}function Ay({over:e,overTone:o,head:t,headSize:r=11.5,cta:a,ctaBg:n,ctaFg:s,tone:i}){return S(Ny,{children:[e&&c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:o},children:e}),c("span",{style:{fontSize:r,lineHeight:1.15,fontWeight:700,maxWidth:"78%",color:i},children:t}),a&&c("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,marginTop:2,background:n,color:s},children:a})]})}function xd({name:e,price:o}){return S("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[c("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",...xe(d.paper,d.paper2,150)},children:c(Wo,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),c("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:d.text},children:e}),c("span",{style:{fontSize:"3.65cqw",color:d.muted},children:o})]})}function Ho({k:e,v:o,ok:t}){return S("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${d.rule}`,fontSize:"3.98cqw",color:d.muted},children:[c("span",{children:e}),S("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[c("b",{style:{color:d.text,fontWeight:700},children:o}),t&&c("span",{style:{color:d.rust,fontWeight:700},children:"\u2713"})]})]})}function ie({title:e,children:o}){return S("div",{style:{..._,background:d.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[c(La,{children:e}),o]})}function By({size:e=14}){return c("span",{style:{width:e,height:e,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${d.mark1},${d.mark2})`}})}function Id({filled:e=5,size:o=6}){return S("span",{style:{fontSize:o,letterSpacing:"0.06em",color:d.rust,lineHeight:1},children:["\u2605".repeat(e),c("span",{style:{color:d.mark1},children:"\u2605".repeat(5-e)})]})}function Pa({n:e,label:o,tone:t=d.text}){return S("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[c("b",{style:{fontSize:"8.16cqw",lineHeight:1,color:t},children:e}),c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:t},children:o})]})}function Le({children:e,w:o}){return c("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:d.muted,width:o,display:"block"},children:e})}function Xl({label:e,w:o="100%",filled:t}){return S("div",{style:{width:o,display:"flex",flexDirection:"column",gap:2},children:[c("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:d.muted},children:e}),c("span",{style:{height:9,borderRadius:3,border:`1px solid ${d.rule}`,background:t?d.paper:d.card}})]})}function _y({children:e}){return c("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:d.text,color:d.onInk},children:e})}var AD={wheelslisting:c(ie,{title:"All wheels",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Ridge 19","20\xD79 +12","$365"],["Ridge 29","18\xD79 +20","$410"],["Ridge 39","17\xD78 \u221210","$455"]].map(([e,o,t])=>S("div",{style:{display:"flex",alignItems:"center",gap:6},children:[c("span",{style:{width:20,height:15,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",...xe(d.paper,d.paper2,150)},children:c(Wo,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),c("b",{style:{flex:1,fontSize:"4.31cqw",color:d.text},children:e}),c("span",{style:{fontSize:"3.65cqw",color:d.muted},children:o}),c("b",{style:{fontSize:"4.31cqw",color:d.text,width:26,textAlign:"right"},children:t})]},e))})}),catalogfilterbar:S("div",{style:{..._,background:d.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[S("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[["20 inch","6\xD7139.7","Black"].map(e=>S("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"4px 7px",borderRadius:99,background:d.text,color:d.onInk,display:"flex",gap:4,alignItems:"center"},children:[e,c("span",{style:{opacity:.6},children:"\u2715"})]},e)),c("span",{style:{fontSize:"3.65cqw",color:d.rust,fontWeight:700},children:"Clear"})]}),S("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[c("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"128 results"}),c("span",{style:{fontSize:"3.65cqw",color:d.muted,border:`1px solid ${d.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price \u25BE"})]})]}),fitmentfinder:S("div",{style:{..._,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...xe(d.ink,d.inkSoft)},children:[c("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:d.onInk},children:"Will it fit your rig?"}),S("div",{style:{display:"flex",gap:4},children:[["2021","Toyota","Hilux"].map(e=>S("span",{style:{flex:1,fontSize:"3.65cqw",color:d.text,background:d.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[e," ",c("span",{style:{color:d.muted},children:"\u25BE"})]},e)),c("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:d.warm,color:d.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:c(ie,{title:"Tyres that suit",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Ridge Grappler","$489"],["Trail Grappler","$525"],["Terra Grappler","$438"]].map(([e,o])=>S("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[c("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",background:d.ink},children:c("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${d.mark2}`,boxSizing:"border-box"}})}),c("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:d.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:e}),c("span",{style:{fontSize:"3.32cqw",color:d.muted},children:o})]},e))})}),tyresizes:c(ie,{title:"Available sizes",children:c("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((e,o)=>c("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${o===0?d.rust:d.rule}`,color:o===0?d.rust:d.text,background:o===0?d.paper:d.card},children:e},e))})}),tyrefitment:S(ie,{title:"Will it fit your car?",children:[c("div",{style:{display:"flex",gap:3},children:["Make","Model","Year","Trim"].map(e=>S("span",{style:{flex:1,minWidth:0,fontSize:"3.32cqw",color:d.muted,background:d.paper,border:`1px solid ${d.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[e," ",c("span",{style:{color:d.muted},children:"\u25BE"})]},e))}),c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2,justifyContent:"center",minHeight:0},children:[["265/65R17","Fits",!0],["285/70R17","Not your size",!1]].map(([e,o,t])=>S("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${d.rule}`,paddingTop:3},children:[c("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:d.text},children:e}),c("span",{style:{fontSize:"3.32cqw",fontWeight:t?700:400,letterSpacing:"0.06em",color:t?d.warm:d.muted},children:o})]},e))})]}),eutyrelabel:S("div",{style:{..._,background:d.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([e,o],t)=>S("div",{style:{display:"flex",alignItems:"center",gap:3},children:[c("span",{style:{width:o,height:6,borderRadius:"0 2px 2px 0",background:t===1?d.rust:d.mark1}}),c("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:t===1?d.rust:d.muted},children:e})]},e))}),S("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[c("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:d.text},children:"72"}),c("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:d.muted},children:"dB"})]})]}),bundleoffer:S("div",{style:{..._,background:d.paper,padding:"9px 11px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[c(La,{children:"Buy it with"}),S("div",{style:{display:"flex",alignItems:"center",gap:5},children:[[0,1].map(e=>c("span",{style:{width:26,height:22,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",background:d.card},children:c(Wo,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},e)),c("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:d.muted},children:"+"}),S("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[c("span",{style:{fontSize:"3.65cqw",color:d.muted,textDecoration:"line-through"},children:"$1,024"}),c("b",{style:{fontSize:"6.02cqw",color:d.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:S("div",{style:{..._,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...xe(d.ink,d.ink2)},children:[S("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:d.warm,fontWeight:700},children:"READY TO ORDER"}),c("b",{style:{fontSize:"6.63cqw",color:d.onInk,lineHeight:1},children:"$1,956"}),c("span",{style:{fontSize:"3.65cqw",color:d.onInk,opacity:.65},children:"4 items \xB7 fitted free"})]}),c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"6px 10px",borderRadius:2,background:d.warm,color:d.ink,flex:"none"},children:"CHECKOUT"})]}),contact:c(ie,{title:"Who do you need?",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Fitment help","the workshop"],["Order status","the front desk"],["Trade accounts","sales"]].map(([e,o])=>S("div",{style:{display:"flex",alignItems:"center",gap:5},children:[c("b",{style:{flex:1,fontSize:"4.31cqw",color:d.text},children:e}),c("span",{style:{fontSize:"3.65cqw",color:d.muted},children:o}),c("span",{style:{fontSize:"4.64cqw",color:d.rust,lineHeight:1},children:"\u203A"})]},e))})}),contactlocations:c(ie,{title:"Find us",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["Brisbane","7 Kerry Rd","Mon\u2013Sat"],["Townsville","12 Enterprise","Mon\u2013Fri"]].map(([e,o,t])=>S("div",{style:{border:`1px solid ${d.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[c("b",{style:{fontSize:"4.31cqw",color:d.text},children:e}),c("span",{style:{fontSize:"3.32cqw",color:d.muted},children:o}),c("span",{style:{fontSize:"3.32cqw",color:d.rust,fontWeight:700},children:t})]},e))})}),form:c(ie,{title:"Send us a message",children:S("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[S("div",{style:{display:"flex",gap:5},children:[c(Xl,{label:"Name"}),c(Xl,{label:"Email"})]}),c(Xl,{label:"Message",filled:!0}),c(_y,{children:"SEND"})]})}),appointmentbooking:c(ie,{title:"Book a fitting",children:S("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[c("div",{style:{display:"flex",gap:3},children:["Mon","Tue","Wed","Thu"].map((e,o)=>c("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",fontWeight:o===2?700:500,padding:"4px 0",borderRadius:3,background:o===2?d.text:d.paper,color:o===2?d.onInk:d.muted},children:e},e))}),c("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((e,o)=>c("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${o===1?d.rust:d.rule}`,color:o===1?d.rust:d.muted,background:o===3?d.paper:d.card,textDecoration:o===3?"line-through":"none"},children:e},e))})]})}),reviewform:c(ie,{title:"Leave a review",children:S("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[c(Id,{filled:4,size:14}),c(Xl,{label:"Your review",filled:!0}),c(_y,{children:"POST"})]})}),submitbuild:c(ie,{title:"Show us your build",children:S("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${d.mark1}`,borderRadius:5,background:d.paper},children:[c("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:d.rust,fontWeight:300},children:"+"}),c("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"Drop a photo of your rig"})]})}),masthead:S("div",{style:{..._,background:d.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[c("span",{style:{height:1.5,background:d.text}}),c("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:d.text,lineHeight:1},children:"THE TRACK"}),S("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:d.muted},children:[c("span",{children:"Issue 14"}),c("span",{children:"Spring 2026"})]}),c("span",{style:{height:1,background:d.rule}})]}),featuredcover:S("div",{style:{..._,overflow:"hidden",...xe(d.ink,d.inkSoft2)},children:[c(Wo,{size:92,style:{right:-18,top:-14}}),c("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${d.scrim},transparent 62%)`}}),S("div",{style:{position:"absolute",left:12,right:12,bottom:11,display:"flex",flexDirection:"column",gap:3},children:[c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:d.warm},children:"FEATURE"}),c("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:d.onInk},children:"Four days on the Madigan Line"})]})]}),longread:S("div",{style:{..._,background:d.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:d.rust},children:"12 MIN READ"}),c("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:d.text},children:"What breaks first, and why"}),c(Le,{children:"Every failure starts in the same place \u2014 not the rim, not"}),c(Le,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:c(ie,{title:"Recurring columns",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Shed Notes","Monthly"],["Track Tested","Fortnightly"],["Reader Rigs","Weekly"]].map(([e,o])=>S("div",{style:{display:"flex",alignItems:"center",gap:6},children:[c("span",{style:{width:3,height:12,borderRadius:2,background:d.rust,flex:"none"}}),c("b",{style:{flex:1,fontSize:"4.64cqw",color:d.text},children:e}),c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:d.muted},children:o})]},e))})}),events:c(ie,{title:"Latest posts",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[d.inkSoft,d.inkSoft2,"Madigan Line, four days"],[d.rust,d.warm,"Why offset beats width"]].map(([e,o,t])=>S("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[c("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...xe(e,o,150)}}),S("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[c("b",{style:{fontSize:"4.31cqw",color:d.text},children:t}),c("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"4 Sep \xB7 Shed Notes"})]})]},t))})}),docmasthead:S("div",{style:{..._,background:d.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:d.muted},children:"POLICY"}),c("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:d.text,lineHeight:1.1},children:"Returns & refunds"}),c("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"Version 3 \xB7 Updated 4 Sep 2026"}),c("span",{style:{height:2,width:26,background:d.rust,borderRadius:1}})]}),docbody:c("div",{style:{..._,background:d.card,padding:"9px 13px",display:"flex",flexDirection:"column",gap:3,justifyContent:"center"},children:[["1.","You may return an unfitted wheel within 30 days."],["2.","Fitted wheels are covered by the structural warranty."],["3.","Freight on a change of mind is yours."]].map(([e,o])=>S("div",{style:{display:"flex",gap:5},children:[c("b",{style:{fontSize:"3.98cqw",color:d.rust,flex:"none"},children:e}),c(Le,{children:o})]},e))}),docmetacards:c(ie,{title:"At a glance",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(2,1fr)",gap:5,minHeight:0},children:[["30 days","To return"],["5 years","Structural"],["Free","Fitting"],["48 hrs","Dispatch"]].map(([e,o])=>S("div",{style:{border:`1px solid ${d.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[c("b",{style:{fontSize:"5.31cqw",color:d.text,lineHeight:1},children:e}),c("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:d.muted},children:o})]},o))})}),doctabs:S("div",{style:{..._,background:d.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[c("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((e,o)=>c("span",{style:{fontSize:"3.98cqw",fontWeight:o===0?700:500,padding:"5px 8px",color:o===0?d.text:d.muted,background:o===0?d.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${o===0?d.rule:"transparent"}`,borderBottom:"none"},children:e},e))}),c("span",{style:{height:1,background:d.rule}}),S("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[c(Le,{children:"Unfitted wheels come back within 30 days, no questions."}),c(Le,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:S("div",{style:{..._,background:d.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[c("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:d.text},children:"The right wheel is the boring one."}),S("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[c(Le,{children:"Forged, correctly offset, rated for what you actually"}),c(Le,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:c(ie,{title:"Key features",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:["Flow-formed barrel","1250 kg per corner","Hub-centric fit"].map(e=>S("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[c("span",{style:{fontSize:"4.64cqw",color:d.rust,fontWeight:700,lineHeight:1},children:"\u2713"}),c("span",{style:{fontSize:"4.31cqw",color:d.text},children:e})]},e))})}),statsparagraph:S("div",{style:{..._,background:d.paper,padding:"10px 12px",display:"flex",gap:10,alignItems:"center"},children:[S("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:5},children:[c(Pa,{n:"27k",label:"Rigs"}),c(Pa,{n:"4.9",label:"Rating"})]}),S("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[c(Le,{children:"Twelve years of fitting the same three questions, and the"}),c(Le,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:S(ie,{title:"Load vs weight",children:[c("div",{style:{flex:1,display:"flex",alignItems:"flex-end",gap:5,paddingBottom:2},children:[38,62,84,71,96].map((e,o)=>c("span",{style:{flex:1,height:`${e}%`,borderRadius:"2px 2px 0 0",background:o===4?d.rust:d.mark1}},o))}),c("span",{style:{height:1,background:d.rule,marginTop:-4}})]}),mockup:c("div",{style:{..._,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...xe(d.inkSoft,d.ink)},children:S("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:d.card,boxShadow:`0 6px 14px ${d.scrim}`},children:[c("div",{style:{height:9,background:d.paper,display:"flex",alignItems:"center",gap:2,padding:"0 4px"},children:[0,1,2].map(e=>c("span",{style:{width:2.5,height:2.5,borderRadius:"50%",background:d.mark1}},e))}),S("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[c("span",{style:{height:4,width:"56%",borderRadius:1,background:d.mark2}}),c("span",{style:{height:14,borderRadius:2,...xe(d.paper,d.paper2,150)}}),c("span",{style:{height:3,width:"38%",borderRadius:1,background:d.rust}})]})]})}),manifesto:c("div",{style:{..._,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...xe(d.ink,d.ink2)},children:S("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:d.onInk},children:["We build for the ",c("span",{style:{color:d.warm},children:"last"})," ten percent of the track."]})}),timeline:c(ie,{title:"Our story",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",gap:6,paddingLeft:4},children:[["1998","One shed, one lathe."],["2009","First forged rim."],["2024","27,000 rigs on."]].map(([e,o],t)=>S("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[t<2&&c("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:d.rule}}),c("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:d.rust,zIndex:1}}),S("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[c("b",{style:{fontSize:"4.64cqw",color:d.text},children:e}),c(Le,{children:o})]})]},e))})}),timelinetrack:S("div",{style:{..._,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...xe(d.ink,d.inkSoft)},children:[c("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:d.warm},children:"Milestones"}),S("div",{style:{position:"relative",display:"flex",justifyContent:"space-between",paddingTop:7},children:[c("span",{style:{position:"absolute",left:0,right:0,top:3,height:1,background:d.mark2,opacity:.55}}),["1998","2009","2016","2024"].map((e,o)=>S("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:3,position:"relative"},children:[c("span",{style:{position:"absolute",top:-7,width:6,height:6,borderRadius:"50%",background:o===3?d.warm:d.mark1}}),c("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:o===3?d.warm:d.onInk,opacity:o===3?1:.75},children:e})]},e))]})]}),footprint:S("div",{style:{..._,overflow:"hidden",...xe(d.paper,d.paper2,150)},children:[c("span",{style:{position:"absolute",left:"8%",top:"18%",width:"62%",height:"64%",borderRadius:"48% 52% 40% 60% / 55% 45% 55% 45%",background:d.mark1,opacity:.75}}),c("span",{style:{position:"absolute",left:"52%",top:"52%",width:"34%",height:"34%",borderRadius:"58% 42% 55% 45% / 45% 58% 42% 55%",background:d.mark2,opacity:.55}}),[["26%","38%"],["44%","58%"],["62%","34%"]].map(([e,o])=>c("span",{style:{position:"absolute",left:e,top:o,width:7,height:7,borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",background:d.rust}},e)),c("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:d.text},children:"3 fitting bays"})]}),banner:S("div",{style:{..._,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:d.rust},children:[S("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[c("b",{style:{fontSize:"6.02cqw",color:d.onInk},children:"End of season \xB7 20% off"}),c("span",{style:{fontSize:"3.98cqw",color:d.onInk,opacity:.8},children:"Fitted free, this month only."})]}),c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:d.onInk,color:d.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:S("div",{style:{..._,background:d.paper,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:7,padding:"0 14px",textAlign:"center"},children:[c("span",{style:{fontSize:"6.49cqw",lineHeight:1.15,fontWeight:700,color:d.text},children:"Not sure what fits?"}),S("div",{style:{display:"flex",gap:5},children:[c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:d.text,color:d.onInk},children:"FIND MY FIT"}),c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${d.text}`,color:d.text},children:"CALL US"})]})]}),ticker:c("div",{style:{..._,overflow:"hidden",background:d.ink,display:"flex",alignItems:"center"},children:c("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:d.warm,marginLeft:-14},children:"FREE FITTING \xB7 48HR DISPATCH \xB7 FREE FITTING \xB7 48HR DISPATCH"})}),countdown:S("div",{style:{..._,padding:"10px 12px",display:"flex",flexDirection:"column",alignItems:"center",gap:6,justifyContent:"center",...xe(d.ink,d.ink2)},children:[c("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.16em",textTransform:"uppercase",color:d.muted},children:"Back online in"}),c("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[["23","Hours"],["59","Minutes"],["48","Seconds"]].map(([e,o],t)=>S("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[t>0&&c("b",{style:{fontSize:"9.5cqw",lineHeight:1,color:d.warm},children:":"}),S("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[c("b",{style:{fontSize:"11.5cqw",lineHeight:1,color:d.onInk,fontVariantNumeric:"tabular-nums"},children:e}),c("span",{style:{fontSize:"3.2cqw",letterSpacing:"0.1em",textTransform:"uppercase",opacity:.62,color:d.onInk},children:o})]})]},o))})]}),breadcrumb:c("div",{style:{..._,background:d.card,display:"flex",alignItems:"center",padding:"0 13px"},children:S("span",{style:{fontSize:"4.64cqw",color:d.muted},children:["Home ",c("span",{style:{opacity:.5},children:"/"})," Wheels ",c("span",{style:{opacity:.5},children:"/"})," ",c("span",{style:{color:d.text,fontWeight:700},children:"20 inch"})]})}),categorybar:S("div",{style:{..._,background:d.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[c("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((e,o)=>c("span",{style:{fontSize:"3.98cqw",fontWeight:o===0?700:500,padding:"4px 7px",borderRadius:99,background:o===0?d.text:d.paper,color:o===0?d.onInk:d.muted},children:e},e))}),c("span",{style:{height:1,background:d.rule}})]}),intro:S("div",{style:{..._,overflow:"hidden",background:d.card},children:[c("div",{style:{position:"absolute",inset:0,...xe(d.ink,d.inkSoft2)}}),c(Wo,{size:64,style:{right:8,top:6}}),S("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:d.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${d.scrim}`},children:[c("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:d.text},children:"Since 1998"}),c(Le,{children:"One shed, one lathe, one idea."}),c(Le,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:c(ie,{title:"From our customers",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[d.rust,d.warm],[d.inkSoft,d.ink],[d.paper2,d.mark2],[d.ink,d.inkSoft2],[d.warm,d.paper2],[d.mark2,d.inkSoft]].map(([e,o],t)=>c("div",{style:{borderRadius:3,...xe(e,o,140+t*22)}},t))})}),gallery:S(ie,{title:"Gallery",children:[c("div",{style:{display:"flex",gap:8,alignItems:"center",marginTop:-2},children:["On the truck","Studio","Close-ups"].map((e,o)=>c("span",{style:{fontSize:"3.98cqw",fontWeight:o===0?700:500,color:o===0?d.text:d.muted,borderBottom:`1.5px solid ${o===0?d.rust:"transparent"}`,paddingBottom:2},children:e},e))}),c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[d.rust,d.warm],[d.ink,d.inkSoft],[d.paper2,d.mark2]].map(([e,o],t)=>c("div",{style:{borderRadius:3,...xe(e,o,150+t*20)}},t))})]}),ordersummary:S(ie,{title:"Order summary",children:[S("div",{style:{display:"flex",gap:6,alignItems:"center",paddingBottom:4},children:[c("span",{style:{width:26,height:26,borderRadius:4,position:"relative",overflow:"hidden",flex:"none",...xe(d.paper,d.paper2,150)},children:c(Wo,{size:18,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),S("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[c("b",{style:{fontSize:"4.31cqw",color:d.text},children:"Ridge Grappler"}),c("span",{style:{fontSize:"3.65cqw",color:d.muted},children:"20\xD79 +12 \xB7 qty 4"})]})]}),S("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[c(Ho,{k:"Subtotal",v:"$1,956"}),c(Ho,{k:"Fitting",v:"Free"}),S("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[c("b",{style:{color:d.text},children:"Total"}),c("b",{style:{color:d.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:c(ie,{title:"Delivery",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[["Standard","3\u20135 days","Free",!0],["Express","Next day","$19",!1]].map(([e,o,t,r])=>S("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${r?d.rust:d.rule}`,background:r?d.paper:d.card},children:[c("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${r?d.rust:d.mark1}`,background:r?d.rust:"transparent"}}),c("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:d.text},children:e}),c("span",{style:{fontSize:"3.98cqw",color:d.muted},children:o}),c("b",{style:{fontSize:"4.31cqw",color:d.text},children:t})]},e))})}),paymentbadges:S("div",{style:{..._,background:d.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[c(La,{children:"Ways to pay"}),c("div",{style:{display:"flex",gap:5},children:[["VISA",d.ink],["MC",d.rust],["AMEX",d.inkSoft],["PayPal",d.ink2]].map(([e,o])=>c("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:d.onInk,borderRadius:3,padding:"6px 0",background:o},children:e},e))})]}),stats:S("div",{style:{..._,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...xe(d.ink,d.ink2)},children:[c("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:d.warm},children:"By the numbers"}),S("div",{style:{display:"flex",gap:8},children:[c(Pa,{n:"27k",label:"Rigs fitted",tone:d.onInk}),c(Pa,{n:"12",label:"Years",tone:d.onInk}),c(Pa,{n:"4.9",label:"Avg rating",tone:d.warm})]})]}),testimonials:S("div",{style:{..._,overflow:"hidden",background:d.paper,padding:"10px 11px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center"},children:[c("span",{style:{position:"absolute",right:10,top:2,fontSize:"22.4cqw",lineHeight:1,fontWeight:800,color:d.rust,opacity:.16},children:"\u201D"}),c(Id,{filled:5,size:7}),c("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:d.text,fontWeight:600},children:"\u201CTook them out to the Simpson and back. Not one chip.\u201D"}),S("div",{style:{display:"flex",alignItems:"center",gap:5},children:[c(By,{}),c("span",{style:{fontSize:"3.98cqw",color:d.muted},children:"Dave M. \xB7 Hilux N80"})]})]}),reviews:S(ie,{title:"Reviews",children:[c("div",{style:{display:"flex",gap:4,height:22},children:[[d.inkSoft,d.inkSoft2],[d.rust,d.warm],[d.ink,d.inkSoft],[d.mark2,d.mark1]].map(([e,o],t)=>c("div",{style:{flex:1,borderRadius:3,...xe(e,o,140+t*15)}},t))}),c("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Dave M.",5,"Not one chip after the Simpson."],["Sara K.",4,"Fitted in an hour, no fuss."]].map(([e,o,t])=>S("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[c(By,{size:12}),S("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[S("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[c("b",{style:{fontSize:"3.98cqw",color:d.text},children:e}),c(Id,{filled:o})]}),c(Le,{children:t})]})]},e))})]}),logos:S("div",{style:{..._,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...xe(d.ink,d.inkSoft)},children:[c("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:d.warm},children:"As fitted by"}),c("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:8},children:["ARB","TJM","IRONMAN","OPPOSITE"].map(e=>c("span",{style:{textAlign:"center",fontSize:"4.31cqw",fontWeight:800,letterSpacing:"0.08em",color:d.onInk,opacity:.82},children:e},e))})]}),prose:S("div",{style:{..._,background:d.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[c("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:d.text},children:"Why offset matters"}),S("div",{style:{display:"flex",gap:6},children:[c("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:d.rust,marginTop:1},children:"T"}),S("div",{style:{display:"flex",flexDirection:"column"},children:[c(Le,{children:"he number on the back of your wheel decides whether the"}),c(Le,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:c(ie,{title:"What you get",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Fitted free","In store, same day."],["5 yr cover","Structural, no fine print."],["Swap it","30 days, any reason."]].map(([e,o])=>S("div",{style:{border:`1px solid ${d.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[c("span",{style:{width:11,height:11,borderRadius:3,background:d.rust,opacity:.9}}),c("b",{style:{fontSize:"3.98cqw",color:d.text},children:e}),c(Le,{children:o})]},e))})}),faq:c(ie,{title:"Questions",children:c("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[["Will these fit my Hilux?",!0],["Do you fit them for me?",!1],["What if I pick wrong?",!1]].map(([e,o])=>S("div",{style:{borderBottom:`1px solid ${d.rule}`,padding:"4px 2px"},children:[S("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6},children:[c("b",{style:{fontSize:"4.31cqw",color:d.text},children:e}),c("span",{style:{fontSize:"4.64cqw",color:d.muted,lineHeight:1},children:o?"\u2212":"+"})]}),o&&c(Le,{w:"90%",children:"Use the fitment finder \u2014 it reads your build, not just the model."})]},e))})}),hero:S("div",{style:{..._,overflow:"hidden",...xe(d.ink,d.ink2)},children:[c("div",{style:{..._,background:`linear-gradient(90deg,${d.scrim},transparent 70%)`}}),c("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",padding:"12px 14px",gap:5},children:c(Ay,{over:"NEW \xB7 SUMMER",overTone:d.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:d.warm,ctaFg:d.ink,tone:d.onInk})}),c(Wo,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:S("div",{style:{..._,display:"flex",background:d.paper,overflow:"hidden"},children:[c("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:c(Ay,{over:"ALL-TERRAIN",overTone:d.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:d.text,ctaFg:d.onInk,tone:d.text})}),c("div",{style:{flex:1,position:"relative",...xe(d.inkSoft,d.inkSoft2)},children:c(Wo,{size:74,style:{right:-14,top:16}})})]}),productgrid:c(ie,{title:"Best sellers",children:S("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[c(xd,{name:"Ridge 19",price:"$365"}),c(xd,{name:"Ridge 29",price:"$410"}),c(xd,{name:"Ridge 39",price:"$455"})]})}),collections:c(ie,{title:"Shop by category",children:c("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",d.inkSoft,d.inkSoft2],["Tyres",d.rust,d.warm],["Lift kits",d.ink,d.inkSoft]].map(([e,o,t])=>c("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:d.onInk,...xe(o,t)},children:c("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:e})},e))})}),producthero:S("div",{style:{..._,display:"flex",background:d.card,overflow:"hidden"},children:[c("div",{style:{flex:1.1,position:"relative",...xe(d.paper,d.paper2,150)},children:c(Wo,{size:78,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),S("div",{style:{flex:1,padding:"10px 10px 10px 8px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[c("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:d.rust},children:"NITTO"}),c("b",{style:{fontSize:"6.29cqw",color:d.text},children:"Ridge Grappler"}),c("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:d.text},children:"$489"}),c("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:d.text,color:d.onInk},children:"ADD TO CART"})]})]}),spectable:c(ie,{title:"Specifications",children:S("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[c(Ho,{k:"Diameter",v:'20"'}),c(Ho,{k:"Width",v:"9.0J"}),c(Ho,{k:"Offset",v:"+12"}),c(Ho,{k:"Load",v:"1250 kg"})]})}),fitmenttable:c(ie,{title:"Will it fit?",children:S("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[c(Ho,{k:"Hilux N80",v:"20\xD79 +12",ok:!0}),c(Ho,{k:"Ranger PX3",v:"20\xD79 +12",ok:!0}),c(Ho,{k:"LC79",v:"17\xD78 \u221210",ok:!0})]})}),brandstrip:S("div",{style:{..._,background:d.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[c(La,{children:"Brands we carry"}),c("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:["NITTO","BFG","FUEL","TOYO"].map(e=>c("span",{style:{fontSize:"4.64cqw",fontWeight:800,letterSpacing:"0.1em",color:d.mark2},children:e},e))})]}),processsteps:S("div",{style:{..._,background:d.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[c(La,{children:"How it works"}),c("div",{style:{display:"flex",gap:6},children:["Pick your rig","Match the fit","We fit it"].map((e,o)=>S("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2},children:[c("span",{style:{width:11,height:11,borderRadius:"50%",background:d.text,color:d.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:o+1}),c("span",{style:{fontSize:"3.98cqw",color:d.text,fontWeight:600},children:e})]},e))})]}),detailrows:c("div",{style:{..._,background:d.card,display:"flex",flexDirection:"column",overflow:"hidden"},children:[["Forged, not cast","Half the weight, twice the road.",!1],["Fits your load","Rated to 1250 kg a corner.",!0]].map(([e,o,t])=>{let r=c("div",{style:{flex:1,...xe(t?d.rust:d.inkSoft,t?d.warm:d.inkSoft2)}},"art"),a=S("div",{style:{flex:1.1,padding:8,display:"flex",flexDirection:"column",gap:2,justifyContent:"center"},children:[c("b",{style:{fontSize:"4.64cqw",color:d.text},children:e}),c("span",{style:{fontSize:"3.98cqw",color:d.muted,lineHeight:1.3},children:o})]},"tx");return c("div",{style:{flex:1,display:"flex",minHeight:0},children:t?[a,r]:[r,a]},e)})}),specstrip:c("div",{style:{..._,background:d.ink,color:d.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([e,o])=>S("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[c("b",{style:{fontSize:"5.69cqw",letterSpacing:"0.02em"},children:e}),c("span",{style:{fontSize:"3.65cqw",color:d.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:o})]},o))})},Dy={subscribe:S("div",{style:{..._,padding:13,display:"flex",flexDirection:"column"},children:[S("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[S("div",{style:{display:"flex",alignItems:"center",gap:6},children:[c(R,{w:8,h:8,r:2,tone:"accent"}),c(R,{w:38,h:7,r:3,tone:"dark"}),c(R,{w:16,h:7,r:3,tone:"accent"})]}),c(R,{w:38,h:4,r:2,tone:"soft"})]}),c("div",{style:{height:1,background:Fe.line,marginBottom:10}}),S("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${Fe.line}`,borderRadius:7,padding:10},children:[S("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[c(R,{w:"46%",h:3,r:2,tone:"accent"}),c(R,{w:"84%",h:8,r:4,tone:"dark"}),c(R,{w:"56%",h:8,r:4,tone:"accent"}),c(R,{w:"96%",h:3,r:2,tone:"soft",style:{marginTop:2}}),S("div",{style:{display:"flex",gap:5,marginTop:4},children:[c("div",{style:{flex:1,height:13,borderRadius:5,border:`1px solid ${Fe.line}`,background:Fe.block}}),c(R,{w:34,h:13,r:5,tone:"accent"})]})]}),S("div",{style:{flex:1,background:Fe.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[c(R,{w:"52%",h:4,r:2,tone:"accent"}),Array.from({length:3}).map((e,o)=>S("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,borderTop:o?`1px solid ${Fe.line}`:"none",paddingTop:o?4:0},children:[c(R,{w:34,h:4,r:2,tone:"dark"}),c(R,{w:16,h:3,r:2,tone:"soft"})]},o))]})]})]}),split:S("div",{style:{..._,display:"flex"},children:[c("div",{style:{width:"44%",background:md}}),S("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[c(R,{w:"44%",h:5,r:3,tone:"accent"}),c(R,{w:"88%",h:8,r:4,tone:"dark"}),c(R,{w:"70%",h:8,r:4,tone:"dark"}),c(R,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),c(R,{w:"80%",h:5,r:2,tone:"soft"}),c(R,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:S(Ny,{children:[c(R,{w:"18%",h:6,r:3,tone:"accent",style:{position:"absolute",top:15,right:16}}),S("div",{style:{..._,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:10},children:[S("div",{style:{display:"flex",alignItems:"center",gap:9},children:[c(R,{w:16,h:16,r:4,tone:"accent"}),c(R,{w:"20%",h:9,r:4,tone:"dark"})]}),c(R,{w:"62%",h:10,r:5,tone:"dark"}),c(R,{w:"42%",h:6,r:3,tone:"soft"})]})]}),header:c("div",{style:{..._,padding:14,display:"flex",flexDirection:"column",justifyContent:"center"},children:S("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[c(R,{w:"22%",h:12,r:4,tone:"dark"}),S("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[c(R,{w:26,h:6,r:3,tone:"soft"}),c(R,{w:26,h:6,r:3,tone:"soft"}),c(R,{w:26,h:6,r:3,tone:"soft"}),c(R,{w:18,h:14,r:5,tone:"accent"})]})]})}),footer:S("div",{style:{..._,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:12},children:[S("div",{style:{display:"flex",gap:14},children:[S("div",{style:{flex:1.4,display:"flex",flexDirection:"column",gap:6},children:[c(R,{w:"60%",h:9,r:4,tone:"dark"}),c(R,{w:"90%",h:5,r:2,tone:"soft"}),c(R,{w:"70%",h:5,r:2,tone:"soft"})]}),[0,1].map(e=>S("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:6},children:[c(R,{w:"50%",h:6,r:3,tone:"dark"}),c(R,{w:"80%",h:5,r:2,tone:"soft"}),c(R,{w:"66%",h:5,r:2,tone:"soft"})]},e))]}),c("div",{style:{height:1,background:Fe.line}}),S("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[c(R,{w:"30%",h:5,r:2,tone:"soft"}),c(R,{w:"16%",h:5,r:2,tone:"soft"})]})]}),grid:c("div",{style:{..._,padding:14,display:"grid",gridTemplateColumns:"1fr 1fr",gridTemplateRows:"1fr 1fr",gap:9},children:Array.from({length:4}).map((e,o)=>c("div",{style:{borderRadius:6,background:Fe.block}},o))}),blanksection:c("div",{style:{..._,padding:14,display:"flex"},children:S("div",{style:{flex:1,border:`1px dashed ${Fe.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[c(R,{w:14,h:2,r:1,tone:"tint"}),c(R,{w:2,h:14,r:1,tone:"tint",style:{position:"absolute"}})]})}),spacer:S("div",{style:{..._,padding:14,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[c(R,{w:"100%",h:6,r:3,tone:"soft"}),c(R,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),c(R,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:c("div",{style:{..._,padding:14,display:"flex",alignItems:"center"},children:c(R,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:S("div",{style:{..._,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:md},children:[c(R,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),c(R,{w:16,h:10,r:3,tone:"accent"}),c(R,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(14deg)"}})]}),heading:c("div",{style:{..._,padding:14,display:"flex",alignItems:"center"},children:c(R,{w:"64%",h:13,r:4,tone:"dark"})}),text:S("div",{style:{..._,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[c(R,{w:"100%",h:6,r:3,tone:"soft"}),c(R,{w:"96%",h:6,r:3,tone:"soft"}),c(R,{w:"100%",h:6,r:3,tone:"soft"}),c(R,{w:"58%",h:6,r:3,tone:"soft"})]}),image:c("div",{style:{position:"absolute",inset:14,borderRadius:7,background:md}}),button:c("div",{style:{..._,display:"flex",alignItems:"center",justifyContent:"center"},children:c(R,{w:"34%",h:16,r:8,tone:"accent"})}),menu:S("div",{style:{..._,padding:"14px 22%",display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[c(R,{w:"48%",h:7,r:3,tone:"dark"}),c(R,{w:"82%",h:5,r:2,tone:"soft"}),c(R,{w:"66%",h:5,r:2,tone:"soft"}),c(R,{w:"74%",h:5,r:2,tone:"soft"}),c(R,{w:"58%",h:5,r:2,tone:"soft"})]}),emailform:S("div",{style:{..._,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[c(R,{w:"56%",h:8,r:3,tone:"dark"}),S("div",{style:{display:"flex",gap:6},children:[c("div",{style:{flex:1,height:16,borderRadius:5,border:`1px solid ${Fe.line}`}}),c(R,{w:"30%",h:16,r:5,tone:"accent"})]})]}),sociallogos:c("div",{style:{..._,display:"flex",alignItems:"center",justifyContent:"center",gap:9},children:[0,1,2,3].map(e=>c(R,{w:16,h:16,r:8,tone:"dark"},e))}),search:c("div",{style:{..._,padding:"0 18%",display:"flex",alignItems:"center"},children:S("div",{style:{flex:1,height:22,borderRadius:11,border:`1px solid ${Fe.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[c("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${Fe.dark}`}}),c(R,{w:"46%",h:5,r:2,tone:"soft"})]})}),cart:S("div",{style:{..._,display:"flex",alignItems:"center",justifyContent:"center",gap:7},children:[c("div",{style:{width:22,height:18,borderRadius:"3px 3px 6px 6px",border:`2px solid ${Fe.dark}`}}),c("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${Fe.dark}`},children:c(R,{w:7,h:7,r:2,tone:"dark"})})]}),countryswitch:S("div",{style:{..._,padding:14,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5},children:[S("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",border:`1px solid ${Fe.line}`},children:[c(R,{w:22,h:6,r:2,tone:"dark"}),c(R,{w:6,h:4,r:1,tone:"soft"})]}),S("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${Fe.line}`},children:[c(R,{w:"80%",h:4,r:2,tone:"accent"}),c(R,{w:"64%",h:4,r:2,tone:"soft"}),c(R,{w:"72%",h:4,r:2,tone:"soft"})]})]}),legalline:S("div",{style:{..._,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[c("div",{style:{height:1,background:Fe.line}}),S("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[c(R,{w:"38%",h:5,r:2,tone:"soft"}),S("div",{style:{display:"flex",gap:5},children:[c(R,{w:14,h:5,r:2,tone:"soft"}),c(R,{w:14,h:5,r:2,tone:"soft"}),c(R,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:c("div",{style:{position:"absolute",inset:14,borderRadius:8,background:Fe.block}})};function My({type:e}){let o=RD[e]??"",t=AD[o]??Dy[o]??Dy.fallback;return c("div",{className:"sf-thumb","aria-hidden":"true",style:{position:"absolute",inset:0,background:"var(--sf-thumb-thumb-bg)",pointerEvents:"none",containerType:"inline-size"},children:t})}import{jsx as Sr,jsxs as BD}from"react/jsx-runtime";import{StylesIcon as _D}from"efficient-easel/rail";import{Tooltip as DD}from"efficient-shell/ui";function Hy({tokenRef:e,siteId:o,onClose:t,onNotify:r,tab:a,onTabChange:n}){let s=nr();return BD("div",{className:"sf-styles",children:[Sr(Ka,{icon:Sr(_D,{}),title:l("Site styles"),context:Sr(DD,{content:l("{name} \u2014 renamed in the Console: {place}.",{name:s,place:l("Storefront \u25B8 Sites \u25B8 Settings")}),className:"sf-name-tip",children:Sr("span",{className:"sf-name-text",children:s})}),onHide:t}),Sr("div",{className:"sf-insp-body es-insp-body sf-scroll",children:Sr(ll,{tokenRef:e,siteId:o,onNotify:r,tab:a,onTabChange:n})})]})}import{jsx as Ee,jsxs as Lt,Fragment as GD}from"react/jsx-runtime";import{Fragment as eS,useEffect as oS,useRef as Cd}from"react";import{useTreeDrag as tS}from"efficient-easel/drag";import{GlobeIcon as UD,ImageIcon as $D,LocationIcon as qD,MapIcon as jD,TextLinesIcon as KD,TrashIcon as rS}from"efficient-easel/icons";import{Subtree as aS,TreeRow as Ra,TreeRowAction as nS,TreeSeam as lS}from"efficient-easel/tree";import{useEaselStrings as VD}from"efficient-easel/strings";import{createPreviewSelectionContext as ND}from"efficient-easel/draw/client";var{Provider:dJ,useSelection:Wy}=ND("selectedLocationPartId");function zy(e,o,t){return`${e}::${o}::${t}`}function Gy(e){if(!e)return null;let o=e.split("::");if(o.length<3)return null;let t=o[o.length-1];if(t!=="image"&&t!=="map")return null;let r=Number(o[o.length-2]);if(!Number.isInteger(r)||r<0)return null;let a=o.slice(0,-2).join("::");return a?{nodeId:a,index:r,part:t}:null}import{useSyncExternalStore as MD}from"react";var HD={level:"groups"},$y=HD,hd=new Set;function uo(e){$y=e;for(let o of hd)o()}function WD(e){return hd.add(e),()=>{hd.delete(e)}}var Uy=()=>$y;function qy(){return MD(WD,Uy,Uy)}function jy(e,o,t){let r=[];return e.forEach((a,n)=>{let s=o(a),i=r.find(f=>f.key===s);i||(i={key:s,name:t(a),items:[]},r.push(i)),i.items.push({item:a,index:n})}),r}function xJ(e){if(e<=1)return"grid-cols-1";if(e===2)return"grid-cols-2";if(e===3)return"grid-cols-3";if(e===4)return"grid-cols-4";let o=t=>e%t||t;return o(4)>=o(3)?"grid-cols-4":"grid-cols-3"}var Oa=e=>String(e?.group??""),gd=new WeakMap,zD=0;function Zl(e){let o=gd.get(e);return o||(o=`loc${++zD}`,gd.set(e,o)),o}var Ky=(e,o)=>o||e||"Ungrouped",Vy={photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
|
|
17
|
+
Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""};function Pt(e){return jy(e,Oa,o=>String(o?.groupName??"")).map(o=>({key:o.key,name:o.name,cards:o.items.map(t=>t.item)}))}var bd=e=>e.flatMap(o=>o.cards),Yy=(e,o,t)=>Math.min(Math.max(e,o),t);function Ql(e,o,t){let r=0;for(let a=0;a<e.length;a++)if(Oa(e[a])===o){if(r===t)return a;r++}return-1}function yd(e,o,t){let r=Pt(e);if(o<0||o>=r.length)return e;let[a]=r.splice(o,1),n=Yy(o<t?t-1:t,0,r.length);return r.splice(n,0,a),bd(r)}function Sd(e,o,t,r,a){let n=Pt(e),s=n.find(m=>m.key===o),i=n.find(m=>m.key===r);if(!s||!i||t<0||t>=s.cards.length)return e;let[f]=s.cards.splice(t,1),u=o===r?f:{...f,group:i.key,groupName:i.name};u!==f&&gd.set(u,Zl(f));let p=Yy(s===i&&t<a?a-1:a,0,i.cards.length);return i.cards.splice(p,0,u),bd(n)}function Xy(e,o){let t=Pt(e),r=t.find(n=>n.key===o),a={...Vy,group:o,groupName:r?.name??""};return r?(r.cards.push(a),bd(t)):[...e,a]}function Zy(e){let o=new Set(Pt(e).map(a=>a.key)),t=o.size+1,r=`Group ${t}`;for(;o.has(r);)r=`Group ${++t}`;return{cards:[...e,{...Vy,group:r,groupName:""}],key:r}}function Qy(e,o){return e.filter(t=>Oa(t)!==o)}function Jy(e,o,t){let r=Ql(e,o,t);return r<0?e:e.filter((a,n)=>n!==r)}function gJ(e,o,t){let r=e.flatMap((s,i)=>Oa(s)===o?[i]:[]),a=e.slice();r.forEach((s,i)=>{a[s]=t[i]});let n=t.slice(r.length);return[...a.filter(s=>s!==void 0),...n]}function bJ(e,o,t){return o.flatMap(r=>{let a=e.filter(n=>Oa(n)===r);return a.length?a:t(r)})}var es="ContactLocations",Jl=e=>({parentId:`locations-${e}`,slot:"groups"}),vd=(e,o)=>({parentId:`locations-${e}`,slot:`cities:${o}`});function sS(e,o){let{readOnly:t,selected:r}=o,a=VD().tree,n=o.data?.content??[],s=e.kind===Ey.kind,i=Cd(null);oS(()=>{let g=r?.type===es?String(r.props.id):null;g&&g!==i.current&&uo({level:"groups"}),i.current=g},[r?.props.id]);let{selectedLocationPartId:f,setSelectedLocationPartId:u,setSelectHandler:p}=Wy(),m=qy(),x=(g,y)=>{let E=n[g];E&&o.replace(g,{type:E.type,props:{...E.props,locations:y}})},h=g=>{let y=n[g]?.props?.locations;return Array.isArray(y)?y:[]},b=tS({keyOf:g=>`group:${g.si}:${g.index}`,readOnly:!!t,canDrop:(g,y)=>y.parentId===Jl(g.si).parentId&&y.slot==="groups",onDrop:(g,y)=>{x(g.si,yd(h(g.si),g.index,y.index)),m.level==="city"&&uo({level:"groups"})},onStep:(g,y)=>{x(g.si,yd(h(g.si),g.index,y<0?g.index-1:g.index+2)),m.level==="city"&&uo({level:"groups"})}}),C=tS({keyOf:g=>`city:${g.si}:${g.group}:${g.index}`,readOnly:!!t,canDrop:(g,y)=>y.parentId===Jl(g.si).parentId&&y.slot.startsWith("cities:"),onDrop:(g,y)=>{let E=y.slot.slice(7);x(g.si,Sd(h(g.si),g.group,g.index,E,y.index)),uo({level:"group",key:E})},onStep:(g,y)=>{x(g.si,Sd(h(g.si),g.group,g.index,g.group,y<0?g.index-1:g.index+2)),m.level==="city"&&uo({level:"group",key:g.group})}}),k=Cd(n);k.current=n;let v=Cd(()=>{});oS(()=>{p(g=>{let y=Gy(g);if(!y)return;let E=k.current.findIndex(F=>F.props?.id===y.nodeId);E<0||v.current(E,{level:y.part,index:y.index})})},[p]);let w=(g,y)=>{i.current=n[g]?.props?.id??null,o.select(g),uo(y),e.reveal();let E=n[g]?.props?.id;typeof E=="string"&&(y.level==="image"||y.level==="map")?u(zy(E,y.index,y.level)):u(null),typeof E=="string"&&o.scrollTo(E)};return v.current=w,{renderLocationTree:(g,y,{rowClick:E,isCollapsed:F,toggleCollapse:L})=>{let B=h(y),O=Pt(B),M=String(g.props.id),re=s&&r?.props.id===M,H=A=>Ee(lS,{...t?{}:b.seam({place:{...Jl(y),index:A}})},`seam:${M}:groups:${A}`),z=(A,oe)=>Ee(lS,{...t?{}:C.seam({place:{...vd(y,A),index:oe}})},`seam:${M}:cities:${A}:${oe}`);return Lt(GD,{children:[Ee(Ra,{icon:Ee(KD,{size:13}),name:l("Texts"),words:a,onSelect:()=>w(y,{level:"texts"}),selected:re&&m.level==="texts",rowProps:{onClick:E(()=>w(y,{level:"texts"}))}}),O.map((A,oe)=>{let Oe=`${M}::grp::${A.key}`,Xe=F(Oe),ro=re&&m.level==="group"&&m.key===A.key,ze=A.name||A.key?Ky(A.key,A.name):l("Ungrouped"),Re={...vd(y,A.key),index:A.cards.length},Ge=C.row({item:{si:y,group:A.key,index:-1},place:Re,into:Re,canDrag:!1},{onClick:E(()=>w(y,{level:"group",key:A.key}))}),De=b.row({item:{si:y,index:oe},place:{...Jl(y),index:oe}},Ge.rowProps);return Lt(eS,{children:[oe===0&&H(0),Ee(Ra,{icon:Ee(UD,{size:13}),name:ze,words:a,onSelect:()=>w(y,{level:"group",key:A.key}),selected:ro,draggable:De.draggable,dragging:De.dragging,drop:De.drop??Ge.drop,fold:{open:!Xe,label:l("group"),onToggle:()=>L(Oe)},actions:Ee(nS,{kind:"delete",label:it("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",A.cards.length,{label:ze}),onClick:()=>{x(y,Qy(B,A.key)),uo({level:"groups"})},children:Ee(rS,{size:15})}),rowProps:De.rowProps,children:Ee("span",{className:"es-group-count",children:A.cards.length})}),!Xe&&Lt(aS,{children:[A.cards.map((Ce,ge)=>{let Ie=Ql(B,A.key,ge),Ze=re&&m.level==="city"&&m.index===Ie,P=String(Ce?.name??"")||l("City"),le=`${M}::city::${Zl(Ce)}`,Y=F(le),{rowProps:te,...ae}=C.row({item:{si:y,group:A.key,index:ge},place:{...vd(y,A.key),index:ge}},{onClick:E(()=>w(y,{level:"city",index:Ie}))});return Lt(eS,{children:[ge===0&&z(A.key,0),Ee(Ra,{icon:Ee(qD,{size:13}),name:P,words:a,onSelect:()=>w(y,{level:"city",index:Ie}),selected:Ze,...ae,fold:{open:!Y,label:P,onToggle:()=>L(le)},actions:Ee(nS,{kind:"delete",label:l("Delete {name}",{name:P}),onClick:()=>{x(y,Jy(B,A.key,ge)),uo({level:"group",key:A.key})},children:Ee(rS,{size:15})}),rowProps:te}),!Y&&Lt(aS,{children:[Ee(Ra,{icon:Ee($D,{size:13}),name:l("Image"),words:a,onSelect:()=>w(y,{level:"image",index:Ie}),selected:re&&m.level==="image"&&m.index===Ie,rowProps:{onClick:E(()=>w(y,{level:"image",index:Ie}))}}),Ee(Ra,{icon:Ee(jD,{size:13}),name:l("Map"),words:a,onSelect:()=>w(y,{level:"map",index:Ie}),selected:re&&m.level==="map"&&m.index===Ie,rowProps:{onClick:E(()=>w(y,{level:"map",index:Ie}))}})]}),z(A.key,ge+1)]},Zl(Ce))}),Lt("button",{type:"button",className:"sf-add-card",onClick:()=>{let Ce=Xy(B,A.key);x(y,Ce);let ge=Pt(Ce).find(Ie=>Ie.key===A.key);uo(ge&&ge.cards.length?{level:"city",index:Ql(Ce,A.key,ge.cards.length-1)}:{level:"group",key:A.key})},children:[Ee("span",{className:"sf-plus sf-plus--sm",children:"+"}),l("Add city")]})]}),H(oe+1)]},Oe)}),Lt("button",{type:"button",className:"sf-add-card",onClick:()=>{let{cards:A,key:oe}=Zy(B);x(y,A),w(y,{level:"group",key:oe})},children:[Ee("span",{className:"sf-plus sf-plus--sm",children:"+"}),l("Add group")]})]})},sectionPressed:g=>{g?.type===es&&uo({level:"groups"})}}}import{useEffect as QD,useRef as JD}from"react";import{createNode as cS,newId as dS}from"efficient-easel/data";import{useEaselApi as eN}from"efficient-easel/easel";import{ROOT_ZONE as Cr,missingPinnedTypes as oN,pinnedDuplicateIds as wd}from"efficient-easel/draw";import{resetForDocumentSwitch as YD,saveStatusForNewDocument as XD,saveStatusOf as ZD}from"efficient-easel/screen/lib/document-switch";function iS(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function fS(e,o){let t=e.some(n=>n?.type===de),r=e[e.length-1],a=!t&&r?.type===me?r:null;return{remove:e.filter(n=>n?.type===me&&n!==a).map(n=>String(n.props?.id??"")).filter(Boolean),seedHeader:!e.some(n=>n?.type===Ve),seedFooter:o.hasChromeDoc&&!t&&!a}}function uS(e,o){let{adapter:t,capabilities:r,currentSlug:a,docId:n,data:s,saveStatus:i}=Se(),{hasSiteSettings:f,hasPinnedChrome:u}=r,p=!!r.editsPinnedInPlace&&a!==Nt,m=a===Nt,x=eN().getState,h=JD(null);QD(()=>{if(!iS({docId:n,saveStatus:i,seededDocId:h.current})||(h.current=n,!u))return;let b=x().appState.data,C=b.content,k=s?.content??[],v=(E,F)=>E.some(L=>L?.type===F);if(!f){let E=new Set(wd(C)),F=E.size?C.filter(B=>!E.has(B.props.id)):C;E.size&&e.setDocument({...b,content:F});let L=oN(F,k);if(L.includes(me)){let B=F.length,O=e.insertSection(me,B);e.replaceComponent(Cr,B,{type:me,props:{id:O,blocks:$l()}})}L.includes(Ve)&&e.insertNode(Cr,0,Ul());return}if(m){let E=br(C);if(E!==C&&e.setDocument({...b,content:[...E]}),!E.find(F=>F.type===me)&&!v(k,me)&&!v(E,de)&&!v(k,de)){let F=(B,O)=>cS(o,B,O),L={type:me,props:{blocks:$l()}};e.insertNode(Cr,E.length,ka(L,F,dS(de)))}return}if(p){let E=!!t?.pinnedChrome?.state().docId,F=fS(C,{hasChromeDoc:E}),L=new Set([...F.remove,...wd(C.filter(O=>!F.remove.includes(String(O.props.id))))]),B=L.size?C.filter(O=>!L.has(String(O.props.id))):C;if(B.length!==C.length&&e.setDocument({...b,content:B}),F.seedFooter&&!v(k,me)&&!v(k,de)){let O=(re,H)=>cS(o,re,H),M={type:me,props:{blocks:$l()}};e.insertNode(Cr,B.length,ka(M,O,dS(de)))}if(F.seedHeader&&!v(k,Ve)){let O=B[0]?.type==="SiteHeader"?1:0;e.insertNode(Cr,O,Ul())}return}let w=C.filter(E=>E.type!==me),g=new Set(wd(w)),y=g.size?w.filter(E=>!g.has(E.props.id)):w;y.length!==C.length&&e.setDocument({...b,content:y}),!v(y,Ve)&&!v(k,Ve)&&e.insertNode(Cr,0,Ul())},[n,i,s,x,e,f,u,m,p,t])}import{useEffect as xS,useState as IS}from"react";var os=new Map;async function tN(e,o){try{return(await Ue().site.get({siteId:o})).slug?.trim()||null}catch(t){return console.warn("[editor-site-slug] could not resolve the site slug",t),null}}function pS(e,o){let t=os.get(o);return t||(t=tN(e,o),os.set(o,t),t.catch(()=>{os.get(o)===t&&os.delete(o)})),t}var rN=/^(localhost|(?:[a-z0-9-]+\.)+localhost|127(?:\.\d{1,3}){3}|0\.0\.0\.0|\[::1\]|::1)$/i;function kd(e){return!!e&&rN.test(e)}function mS(e){let{pageSlug:o,siteSlug:t,hostname:r}=e,a=o===mn?"/":`/${encodeURIComponent(o)}`;if(!kd(r))return a;let n=t?.trim();return n?`${a}?site=${encodeURIComponent(n)}`:a}function hS(e){let{pageSlug:o,siteId:t,token:r}=e,[a,n]=IS(null),[s,i]=IS(null),f=Iu();xS(()=>i(f?new URL(f).hostname:window.location.hostname),[f]),xS(()=>{if(!kd(s)||!t||!r){n(null);return}let p=!1;return pS(r,t).then(m=>{p||n(m)}),()=>{p=!0}},[s,t,r]);let u=mS({pageSlug:o,siteSlug:a,hostname:s});return f?`${f}${u}`:u}import{jsx as Aa,jsxs as aN}from"react/jsx-runtime";import{ExternalIcon as gS}from"efficient-easel/icons";import{Button as nN,Tooltip as bS,buttonClasses as lN}from"efficient-shell/ui";function sN({pageId:e,liveHref:o,draftLink:t,win:r=window}){let a=r.open("","_blank");if(a)try{a.opener=null}catch{}let n=s=>{a&&!a.closed?a.location.href=s:r.open(s,"_blank","noopener,noreferrer")};return t(e).then(s=>n(s.url??o),()=>n(o))}function yS({liveHref:e,pageId:o,draftLink:t}){return t&&o?Aa(bS,{content:l("Open your saved draft in a new tab. Visitors don't see it."),children:Aa(nN,{variant:"secondary",onClick:()=>{sN({pageId:o,liveHref:e,draftLink:t})},rightIcon:Aa(gS,{size:15}),"aria-label":l("Preview your saved draft in a new tab"),children:l("Preview")})}):Aa(bS,{content:l("Preview the live site (opens in a new tab)"),children:aN("a",{className:lN({variant:"secondary"}),href:e,target:"_blank",rel:"noopener noreferrer","aria-label":l("Preview the live site in a new tab"),children:[l("Preview"),Aa(gS,{size:15})]})})}import{useCallback as uN,useEffect as kS,useRef as TS,useState as pN}from"react";import{useSyncExternalStore as iN}from"react";var fN=()=>()=>{},SS=()=>null;function ts(e){return iN(e?e.subscribe:fN,e?e.state:SS,e?e.state:SS)}function rs(){let{adapter:e}=Se();return e?.pinnedChrome}import{useSyncExternalStore as cN}from"react";var vr=new Map,Td=new Set;function Fd(e,o){if(!(vr.has(e)&&vr.get(e)===o)){vr.set(e,o);for(let t of Td)t()}}function hee(e,o){Fd(e,o)}function gee(e,o){let t=vr.get(e);Fd(e,o??(t==="live"?"changed":t))}function bee(e,o){Fd(e,o??"live")}function yee(e){return vr.get(e)}function dN(e){return Td.add(e),()=>{Td.delete(e)}}function CS(e){let o=()=>e?vr.get(e):void 0;return cN(dN,o,o)}function vS(e,o){return e==="live"&&o?"changed":e}function Ed({live:e,onPress:o,busy:t=!1,pinnedUnpublished:r=!1,goingLive:a}){let n=e==="live"&&!r,s=e==="changed"?l("Changes not live yet"):e==="never"?l("Never published"):r?l("Header and footer not live yet"):e==="live"?l("Everything is live"):null;return{label:l("Publish"),tooltip:e==="never"?l("Put this page on your site"):l("Put your changes on your site"),status:s,quiet:n?{label:l("Published"),reason:l("Everything is live")}:null,...a&&a.length?{goingLive:a}:{},onPress:o,busy:t}}function wS(e){return e.map(o=>o.change==="take_down"?l("{name} (taken down)",{name:o.name}):o.name)}function FS(e){let{docId:o,capabilities:t,hasUnsavedEdits:r,onPublish:a,adapter:n}=Se(),s=vS(CS(o??null),r),i=ts(rs()),f=n.siteLiveState;kS(()=>{if(f)return pi(f),un(0),()=>pi(null)},[f]);let u=Kp(),[p,m]=pN(!1),x=TS(e);x.current=e;let h=TS(!0);kS(()=>(h.current=!0,()=>{h.current=!1}),[]);let b=uN(()=>{m(!0),a(x.current).finally(()=>{h.current&&m(!1)})},[a]);if(t.canPublish){if(f){let C=u===void 0?void 0:r||u.state==="changed"?"changed":"live";return Ed({live:C,onPress:b,busy:p,goingLive:wS(u?.changes??[])})}return Ed({live:s,onPress:b,busy:p,pinnedUnpublished:i?.unpublished??!1})}}var ES=["general","commerce","service"],wr=[{key:"openers",title:"Hero & intros",defaultExpanded:!0,templateable:!0,sections:[{type:"Hero",label:"Hero Slideshow",set:"general"},{type:"HeroSingle",label:"Hero",set:"general"},{type:"IntroBleed",label:"Scroll-Over Text",set:"general"}]},{key:"shop",title:"Shop & galleries",templateable:!0,sections:[{type:"Collections",label:"Collections",set:"commerce"},{type:"BrandStrip",label:"Brand Strip",set:"commerce"},{type:"AlloyWheelsListing",label:"List",set:"commerce"},{type:"CatalogFilterBar",label:"Catalog Filter Bar",set:"commerce"},{type:"ProductGrid",label:"Product Grid",set:"commerce"},{type:"FitmentFinder",label:"Fitment Form",set:"commerce"},{type:"Gallery",label:"Tabbed Gallery",set:"commerce"},{type:"GalleryB",label:"Customer Photo Grid",set:"commerce"},{type:"SpecStrip",label:"Spec Strip",set:"general"}]},{key:"product",title:"Product page",templateable:!0,sections:[{type:"ProductHero",label:"Product Hero",set:"commerce"},{type:"SpecTable",label:"Spec Table",set:"commerce"},{type:"ProcessSteps",label:"Image & Text Columns",set:"general"},{type:"DetailRows",label:"Feature Rows",set:"commerce"},{type:"FitmentTable",label:"Fitment Table",set:"commerce"},{type:"TyreSizes",label:"Tyre Sizes",set:"commerce"},{type:"TyreFitment",label:"Tyre Fitment Form",set:"commerce"},{type:"EuTyreLabel",label:"EU Tyre Label",set:"commerce"},{type:"RelatedProducts",label:"Related Products",set:"commerce"},{type:"BundleOffer",label:"Bundle Products",set:"commerce"}]},{key:"checkout",title:"Checkout & ordering",templateable:!0,sections:[{type:"OrderSummary",label:"Order Table",set:"general"},{type:"DeliveryOptions",label:"Delivery Options",set:"commerce"},{type:"PaymentBadges",label:"Payment Methods",set:"general"},{type:"CheckoutCTA",label:"Ready-to-Order Banner",set:"commerce"}]},{key:"about",title:"About & brand story",templateable:!0,sections:[{type:"Manifesto",label:"Brand Text",set:"general"},{type:"Timeline",label:"Story Timeline",set:"general"},{type:"TimelineTrack",label:"Milestone Timeline",set:"general"},{type:"Footprint",label:"Locations Map",set:"general"}]},{key:"content",title:"Text & content",templateable:!0,sections:[{type:"Prose",label:"Editorial Text",set:"general"},{type:"ParagraphsA",label:"Lead Text",set:"general"},{type:"Split",label:"Image & Text Split",set:"general"},{type:"Cards",label:"Cards",set:"general"},{type:"KeyFeatures",label:"Key Features",set:"general"}]},{key:"proof",title:"Stats & social proof",templateable:!0,sections:[{type:"Stats",label:"Stats",set:"general"},{type:"StatsParagraph",label:"Stats with Text",set:"general"},{type:"Chart",label:"Chart",set:"general"},{type:"Mockup",label:"Mockup Card",set:"general"},{type:"Testimonials",label:"Testimonials",set:"general"},{type:"Reviews",label:"Reviews",set:"service"},{type:"Logos",label:"Logos",set:"general"}]},{key:"promo",title:"Promotions & sign-ups",templateable:!0,sections:[{type:"Banner",label:"Banner",set:"general"},{type:"TitleWithButtons",label:"Call-to-Action Heading",set:"general"},{type:"Ticker",label:"Scrolling Bar",set:"general"},{type:"Countdown",label:"Countdown",set:"general"},{type:"Subscribe",label:"Signup Form",set:"service"}]},{key:"blog",title:"Blog & journal",templateable:!0,sections:[{type:"Masthead",label:"Issue Header",set:"general"},{type:"FeaturedCover",label:"Feature Banner",set:"general"},{type:"LongRead",label:"Article Text",set:"general"},{type:"Series",label:"Recurring Columns",set:"general"},{type:"Events",label:"Latest Posts",set:"service"}]},{key:"navigation",title:"Navigation & wayfinding",templateable:!0,sections:[{type:"Breadcrumb",label:"Breadcrumb",set:"general"},{type:"CategoryBar",label:"Category Bar",set:"general"},{type:"DocTabs",label:"Document Tabs",set:"general"}]},{key:"legal",title:"Legal & documents",templateable:!0,sections:[{type:"DocMasthead",label:"Document Header",set:"general"},{type:"DocBody",label:"Document Text",set:"general"},{type:"DocMetaCards",label:"Document Detail Cards",set:"general"}]},{key:"contact",title:"Contact, FAQ & forms",templateable:!0,sections:[{type:"FAQ",label:"Q&A",set:"general"},{type:"ContactRouting",label:"Contact Form",set:"service"},{type:"ContactLocations",label:"Contact / Locations",set:"general"},{type:"SubmitBuild",label:"Photo Submission Form",set:"service"},{type:"ReviewForm",label:"Review Form",set:"service"},{type:"Form",label:"Form",set:"service"},{type:"AppointmentBooking",label:"Booking Form",set:"service"}]},{key:"structure",title:"Layout, structure & embeds",templateable:!1,sections:[{type:"SectionHeader",label:"Section Header",set:"general"},{type:"Flex",label:"Box",set:"general"},{type:"Spacer",label:"Spacer",set:"general"},{type:"Divider",label:"Divider",set:"general"},{type:"CustomHTML",label:"Custom HTML",set:"general"}]}];function Eee(){return Object.fromEntries(wr.map(e=>[e.key,{title:e.title,components:e.sections.map(o=>o.type),...e.defaultExpanded?{defaultExpanded:!0}:{}}]))}var mN={Grid:'Lewis, 2026-09-14: Box and Grid duplicate each other and it feels confusing. 2026-09-15 he chose the order: give Box uneven widths FIRST, then merge Grid into Box. Shown three ways to pick the widths (mockup "Uneven Box Widths"), he chose A \u2014 shape pictures on the Box\'s `Block widths` row, the same "a row is a shape, pick a picture of it" rule he set for the photo wall on 2026-09-07.\n\nWHAT REPLACES IT: a Box set to One row, with `Block widths` at Equal or a shape (Big left, Big right, Bigger left, Bigger right) and its own `Columns on phone`. Measured on PRODUCTION 2026-09-16 ~09:28 AEST (database `efficient-system`, all 10 tenant schemas, 128 storefront pages, both `layout` and `published_layout` \u2014 256 documents): 2 Grid nodes, and they are ONE Grid counted twice \u2014 the 9DIEM homepage on 9diem.com (`xtreme_mudder` schema), once as draft and once as published. It is top-level, holds three `ImageBlock`s at `columns` 3 \u2014 equal thirds \u2014 and NO block sets `Positions`. A Box draws that with `Block widths` at Equal.\n\n\u26A0\uFE0F THE COUNT MOVES; THE RULE MUST NOT DEPEND ON IT. This entry has already carried three different readings. A local-clone snapshot said no Grid used `Positions`. A PRODUCTION reading on 2026-09-15 ~13:15 AEST found 6 nodes on two sites, 4 of them spanned \u2014 hartesmetal.com.au homepage and about, 4 columns, spans 1 + 3. That one was TRUE when it was taken and stopped being true the same day: those two pages were rebuilt on Box (`Block widths: Bigger right`), and on 2026-09-16 they hold zero Grid nodes and are built from `Flex`. \u26D4 So the rule is NOT "there are still N spanned Grids". NEVER delete the Grid component or its `gridSpan` handling, whatever a census says \u2014 Grid still renders, still edits, still drags, and a merchant may rebuild a page either way on any day. Re-run the census on production before anyone PROPOSES deleting either, and read any number written here as the reading of its own day, not as the state of the world.\n\nWHAT A MERCHANT LOSES: a new Grid, and with it a fixed "N per row" that wraps by itself past three across, and the per-block `Positions` number. Box wraps with `Wrap`, but by content width, not by a fixed count.\n\nTHE TYPE KEY STAYS AND SO DOES THE COMPONENT. Every page holding a Grid still renders through it and can still be edited, dragged and added to; no document is rewritten and NO MIGRATION RUNS \u2014 the owner redoes live sections himself.\n\n\u26A0\uFE0F AND IT STAYS DROPPABLE WHERE IT LIVES. The drop rule in lib/puck/config.tsx read the nestable containers off the catalogue\'s `structure` row, so leaving the catalogue would have made every open slot \u2014 a Box included \u2014 refuse a Grid already stored inside one. `scripts/test-retired-grid-stays-editable.tsx` \xA73 pins it.',CompatibleTyres:'Lewis, 2026-09-09: "Do not bother counting. Delete Compatible Tyres and use the new one. The new one needs complete settings \u2014 it must have every setting our cards have." Shown three ways to finish it, he chose C: retire from the menu now, and take styling the card text as its own card.\n\nWHAT REPLACES IT: `RelatedProducts` with its `Show` dropdown set to "Tyres that fit this product". That block is the GENERIC relationship section from card 1128 \u2014 it knows nothing about wheels or tyres, it asks the registry for a relationship by name. The two have rendered through the SAME renderer (`DynamicRelatedProducts`) since that card; this one is the pre-registry one-off that was never removed.\n\n\u26A0\uFE0F THE SWAP WAS NOT SAFE UNTIL #1305, AND SAYING SO IS THE POINT. The first old-versus-new table put in front of the owner was WRONG. `DynamicRelatedProducts` returns EARLY on a tyre answer and draws this component, so the seven card settings, the head split and the Width control all stopped at that call \u2014 nine settings, measured NO EFFECT, on precisely the relationship that replaces this block. #1283 gave the new block the card settings, #1299 the head split and its own Width, #1305 carried all of it onto the tyre branch. Only then was the claim true.\n\nWHAT WAS MEASURED BEFORE RETIRING, four ways, because the premise decides the card:\n \u2022 settable text kinds (SECTION_TEXT_KINDS): both blocks ABSENT \u2014 the map holds only TimelineTrack and Footprint, both AUTHORED lists\n \u2022 read-only text regions: neither `components/CompatibleTyres` nor `components/TyreCard` stamps one\n \u2022 panel rows through resolveFields: this block 31, `RelatedProducts` 42. This block\'s only style-ish key is `_sStyle`, the bucket HEADER, not a control\n \u2022 head text (num/title/description) is authored on both, so `_partStyles` reaches it identically\nSo on the CARD runs the two are zero against zero \u2014 neither can style them \u2014 and everywhere else the new block is ahead. Styling those runs needs a section-level prop family and a paint path for DERIVED text, which no section has yet: a part is anchored by matching an AUTHORED prop\'s string against the DOM, and `lib/puck/source-bound-parts` keeps hydrated copy unreachable on purpose so a merchant cannot type into a copy of a product name and lose it at the next sync. That is its own card, and `lib/sections/text-regions` is the read-only half that already ships.\n\nTHE TYPE KEY STAYS AND SO DOES THE COMPONENT, the same contract Subscribe, Split and SubscribeBlogs have. Every page holding a `CompatibleTyres` still renders through it, no published document is rewritten, and NO MIGRATION RUNS \u2014 the owner\'s standing ruling of 2026-09-05: he redoes live sections himself and deletes the old ones when he does. He also said explicitly not to count them first.\n\n\u26A0\uFE0F AND THIS COMPONENT IS LOAD-BEARING FOR ITS OWN REPLACEMENT: `DynamicRelatedProducts` draws it for EVERY tyre answer. Deleting it would blank the block that replaces it, not just the pages still holding this one.',SubscribeBlogs:"card 66396 \u2014 folded into `Subscribe`, which now chooses its rail's content with a `Type` control (the newsletter's own issues, or live blog posts). The two shared 21 of their fields and rendered THE SAME BYTES from equivalent rows, so offering both asked a merchant to choose between two names for one section. The type key stays because it is stored on published pages, and the component stays because those pages still render through it."},Pee=["Grid"],Lee=Array.from(new Set([...wr.flatMap(e=>e.sections.map(o=>o.type)),...Object.keys(mN)])),Oee=Object.fromEntries(wr.flatMap(e=>e.sections.map(o=>[o.type,o.label]))),xN={Heading:"general",Text:"general",Eyebrow:"general",ImageBlock:"general",LogoBlock:"general",ButtonBlock:"general",PostCard:"general",HeroSlide:"general",HeroGroup:"general",Integrations:"general",Grid:"general",CollectionCard:"commerce",GalleryItem:"commerce",ProductRef:"commerce",CompatibleTyres:"commerce",Header:"commerce",SearchBlock:"commerce",CartBlock:"commerce",CountrySwitchBlock:"commerce",AccountBlock:"commerce",ThemeSwitchBlock:"commerce",SubmitBox:"service",BookingBox:"service",SubscribeBlogs:"service",Footer:"service",FooterLogo:"service",FooterMenu:"service",FooterDivider:"service",FooterGroup:"service",FooterText:"service",FooterEmailSignup:"service",FooterSocial:"service",MenuBlock:"service",EmailFormBlock:"service",SocialLogosBlock:"service",LegalLineBlock:"service",SiteHeader:"service",SiteFooter:"service"},as={...xN,...Object.fromEntries(wr.flatMap(e=>e.sections.map(o=>[o.type,o.set])))};function PS(e){return Object.prototype.hasOwnProperty.call(as,e)?as[e]:void 0}function Pd(e){return Object.keys(as).filter(o=>as[o]===e).sort()}var Ree=Pd("general"),Aee=Pd("commerce"),Bee=Pd("service"),Ld="Flex",ot="Box",_ee=`${ot}es`;function IN(e){return e==="section"?"Blank section":ot}function Od(e,o,t){return e===Ld?IN(o):t}var hN={openers:{label:"Hero & intros",icon:"image"},shop:{label:"Shop & galleries",icon:"bag"},product:{label:"Product page",icon:"box"},checkout:{label:"Checkout & ordering",icon:"bag"},about:{label:"About & brand story",icon:"book"},content:{label:"Text & content",icon:"type"},proof:{label:"Stats & social proof",icon:"star"},promo:{label:"Promotions & sign-ups",icon:"sparkles"},blog:{label:"Blog & journal",icon:"newspaper"},navigation:{label:"Navigation & wayfinding",icon:"bookmark"},legal:{label:"Legal & documents",icon:"file"},contact:{label:"Contact, FAQ & forms",icon:"mail"},structure:{label:"Layout, structure & embeds",icon:"grid"}};function LS(e){return hN[e]?.label}var OS=Ld;var gN={general:!0,commerce:!0,service:!0};function Rd(e){let o=e?.sets;return o?Object.fromEntries(ES.map(t=>[t,o.includes(t)])):gN}function zee(e=ao()){return Rd(e.blocks)}var kr="content",be="Flex",bN="Text & media",yN="Layout & structure",SN=[{type:"Eyebrow",label:"Eyebrow"},{type:"Heading",label:"Heading"},{type:"Text",label:"Text"},{type:"ImageBlock",label:"Image"},{type:"LogoBlock",label:"Logo"},{type:"ButtonBlock",label:"Button"},{type:"Form",label:"Form"},{type:"PostCard",label:"Post Card"},{type:"Stats",label:"Stats"},{type:"MenuBlock",label:"Menu"},{type:"EmailFormBlock",label:"Email Form"},{type:"SocialLogosBlock",label:"Social Logos"},{type:"LegalLineBlock",label:"Legal Line"},{type:"SearchBlock",label:"Search"},{type:"CartBlock",label:"Cart"},{type:"CountrySwitchBlock",label:"Country Switch"}].map(e=>({...e,group:bN})),CN=(wr.find(e=>e.key==="structure")?.sections??[]).map(e=>({type:e.type,label:e.label,group:yN})),RS=[...SN,...CN],Ad=[{type:"Eyebrow",label:"Eyebrow"},{type:"Heading",label:"Heading"},{type:"Text",label:"Text"},{type:"ImageBlock",label:"Image"},{type:"LogoBlock",label:"Logo"},{type:"ButtonBlock",label:"Button"},{type:"HeroGroup",label:ot}],$ee=Ad.map(e=>e.type),vN=1,wN=Ad.filter(e=>e.type!=="HeroGroup");function kN(e){return e<vN?Ad:wN}var TN={Flex:{slot:kr,choices:()=>RS},Grid:{slot:kr,choices:()=>RS},HeroGroup:{slot:kr,choices:kN}};function AS(e,o=0){let t=TN[e];return t?{slot:t.slot,choices:t.choices(o)}:null}function We(e,o,t,r={}){return{type:e,props:{...o(e),id:t(e),...r}}}function BS(e,o,t){return We(be,e,o,{...t,sectionPaddingTop:void 0,sectionPaddingBottom:void 0})}var FN={Manifesto:(e,o)=>({type:be,props:{...e(be),id:o(be),direction:"row",share:"equal",sectionHeightMode:"screen",name:"Brand Text",content:[We(be,e,o,{direction:"column",justify:"center",blockSpacing:"gap",name:"Text",sectionPaddingTop:100,sectionPaddingBottom:100,sectionPaddingLeft:40,sectionPaddingRight:40,content:[We("Eyebrow",e,o,{eyebrowLook:"plain"}),We("Heading",e,o),We("Text",e,o),We("Stats",e,o)]}),BS(e,o,{direction:"column",name:"Picture",content:[]})]}}),Split:(e,o)=>({type:be,props:{...e(be),id:o(be),direction:"row",share:"equal",sectionHeightMode:"screen",sectionHeightValue:70,name:"Image & Text Split",content:[We(be,e,o,{direction:"column",justify:"center",blockSpacing:"gap",name:"Text",sectionPaddingTop:100,sectionPaddingBottom:100,sectionPaddingLeft:60,sectionPaddingRight:60,content:[We("Eyebrow",e,o,{eyebrowLook:"plain"}),We("Heading",e,o),We("Text",e,o),We("ButtonBlock",e,o)]}),BS(e,o,{direction:"column",name:"Image",content:[We("ImageBlock",e,o)]})]}}),Subscribe:(e,o)=>({type:be,props:{...e(be),id:o(be),direction:"column",name:"Subscribe",content:[We("Heading",e,o),We("Text",e,o),We("Form",e,o)]}})};function ns(e){return FN[e]??null}import{blockTypesIn as Bd}from"efficient-easel/screen/lib/puck/block-types-in";import{newNodeId as _S}from"efficient-easel/draw";var EN="ImageBlock",PN=3,ls=(e,o,t={})=>({type:e,props:{...o?.(e)??{},id:_S(e),...t}}),LN=e=>({...e?.(be)??{},direction:"column",[kr]:[ls(EN,e),ls(be,e,{direction:"column",[kr]:[ls("Heading",e),ls("Text",e)]})]}),ko={Hero:{slot:"slides",childType:"HeroSlide",addLabel:"Add slide",slider:!0,seeds:()=>zg.map(e=>({...e}))},HeroSlide:{slot:"groups",childType:"HeroGroup",addLabel:`Add ${ot.toLowerCase()}`,seeds:()=>[],addBlocked:Ja,notice:Ds},HeroSingle:{slot:"boxes",childType:"HeroGroup",addLabel:`Add ${ot.toLowerCase()}`,seeds:()=>[],addBlocked:Ja,notice:Ds},ProcessSteps:{slot:"boxes",childType:be,addLabel:`Add ${ot.toLowerCase()}`,seeds:e=>Array.from({length:PN},()=>LN(e)),skipSeed:e=>Array.isArray(e.steps)&&e.steps.length>0}};function ooe(e){for(let[o,t]of Object.entries(e)){if(o in ko&&ko[o]!==t)throw new Error(`lib/puck/slot-specs: "${o}" already has a slot spec`);ko[o]=t}}function toe(e,o){let t=ko[e];return t?{slot:t.slot,children:t.seeds(o).map(r=>({type:t.childType,props:{id:_S(t.childType),...r}}))}:null}var DS=()=>({}),NS=new Map;function ON(e){let o=NS.get(e);if(o)return o;let t=new Set,r=ko[e];if(r)for(let s of r.seeds(DS))for(let i of Bd({type:r.childType,props:s}))t.add(i);let a=ns(e);if(a){let s=0;for(let i of Bd(a(DS,f=>`${f}-${s+=1}`)))t.add(i)}t.delete(e);let n=[...t].sort();return NS.set(e,n),n}function RN(e){if(!e||!e.sets&&!e.allow&&!e.deny?.length)return null;let o=Rd(e),t=e.allow?new Set(e.allow):null,r=new Set(e.deny??[]),a=new Set(Object.keys(e.host??{})),n=f=>{if(r.has(f))return!1;if(a.has(f))return!0;let u=PS(f);return!u||!o[u]?!1:t?t.has(f):!0},s=new Map,i=f=>{let u=s.get(f);if(u!==void 0)return u;s.set(f,!1);let p=n(f)&&ON(f).every(i);return s.set(f,p),p};return{sets:o,offers:i}}var AN="block-offer";function _d(e=ao()){return e.cache(AN,()=>RN(Ap(e)))}function MS(e,o=ao()){let t=_d(o);return t?t.offers(e):!0}function HS(e,o=0){let t=_N(e,o),r=t?_d():null;return t&&r?BN(t,r):t}function BN(e,o){if(e.spec)return o.offers(e.spec.childType)?e:null;let t=e.choices??[],r=t.filter(a=>o.offers(a.type));return r.length===t.length?e:r.length>0?{...e,choices:r}:null}function _N(e,o){let t=ko[e];if(t)return{source:"section",slot:t.slot,choices:null,spec:t};let r=AS(e,o);if(r)return{source:"container",slot:r.slot,choices:r.choices,spec:null};let a=Zb(e);return a?{source:"footer",slot:Xb,choices:a,spec:null}:null}import{useSyncExternalStore as DN}from"react";var Dd=null,Nd=new Set;function WS(e){if(Dd!==e){Dd=e;for(let o of Nd)o()}}function NN(e){return Nd.add(e),()=>{Nd.delete(e)}}function boe(){return DN(NN,()=>Dd,()=>null)}function zS(e){return Dr(e)?.ownerId??null}function GS(e,o){let t=e.props;if(e.type==="FooterMenu"){let r=t.menu;return t.heading||r?.name||l("Menu")}if(e.type==="FooterText"){let r=typeof t.text=="string"?t.text.trim():"";return r?r.length>28?`${r.slice(0,28)}\u2026`:r:l("Text")}return e.type==="FooterEmailSignup"?t.heading||l("Email signup"):o(e.type)}var US="sf-editor-left-view";function $S(){if(typeof window>"u")return"pages";try{let e=window.localStorage.getItem(US);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function qS(e){if(!(typeof window>"u"))try{window.localStorage.setItem(US,e)}catch{}}function jS(e,o,t=!1){return e==="styles"&&!o||e==="media"&&!t?"sections":e}function KS(e,o){return e?"sections":o}var VS="Footer",MN=[_e,VS,de],Tr=e=>{let o=e?.content;return Array.isArray(o)?o:[]},Ot=e=>{let o=e?.zones;return o&&typeof o=="object"&&!Array.isArray(o)?o:null},Ba=e=>{let o=e?.props?.id;return typeof o=="string"?o:void 0},YS=e=>Dr(e)?.ownerId??"";function XS(e){let o=br(Tr(e)),t=o.some(r=>r?.type===de);return o.filter(r=>r?.type===_e||r?.type===de||r?.type===VS&&!t)}function Md(e,o){let t=new Set,r=a=>{if(Array.isArray(a)){for(let s of a)r(s);return}if(!a||typeof a!="object")return;let n=a;if(typeof n.type=="string"&&n.props&&typeof n.props=="object"){let s=Ba(n);s&&t.add(s)}for(let s of Object.values(a))r(s)};if(r(e),o){let a=!0,n=new Set;for(;a;){a=!1;for(let[s,i]of Object.entries(o))n.has(s)||!t.has(YS(s))||(n.add(s),r(i),a=!0)}}return t}function Hd(e,o){let t={},r={};for(let[a,n]of Object.entries(e??{}))(o.has(YS(a))?t:r)[a]=n;return{owned:t,rest:r}}function Toe(e,o){if(!o)return e;let t=XS(o);if(!t.length)return e;let r=t.filter(i=>i.type===_e),a=t.filter(i=>i.type!==_e),n={...e,content:[...r,...Tr(e),...a]},{owned:s}=Hd(Ot(o),Md(t,Ot(o)));return Object.keys(s).length&&(n.zones={...Ot(e)??{},...s}),n}function Foe(e,o){if(!o)return{page:e,chrome:null};let t=XS(o),r=new Set(t.map(Ba).filter(w=>!!w)),a=[],n=[];for(let w of Tr(e)){let g=Ba(w);g&&r.has(g)||gr(w?.type)?n.push(w):a.push(w)}let s=new Map(n.map(w=>[Ba(w),w])),i=new Set,f=br(Tr(o)).flatMap(w=>{let g=Ba(w);if(!g||!r.has(g))return[w];let y=s.get(g);return y?(i.add(y),[y]):[]});for(let w of n)i.has(w)||f.some(g=>g?.type===w.type)||(f=w.type===_e?[w,...f]:[...f,w]);f=br(f);let u=f.length===Tr(o).length&&f.every((w,g)=>w===Tr(o)[g]),p=Ot(e),m=Md(f,p),{owned:x,rest:h}=Hd(p,m),b=Hd(Ot(o),Md(t,Ot(o))).owned,C={...o,content:u?o.content:[...f]},k=Ot(o);if(k||Object.keys(x).length){let w={};for(let[g,y]of Object.entries(k??{}))g in b?g in x&&(w[g]=x[g]):w[g]=y;for(let[g,y]of Object.entries(x))g in w||(w[g]=y);C.zones=w,k&&HN(C.zones,k)&&(C.zones=k)}let v={...e,content:a};return p&&(Object.keys(h).length||!Object.keys(b).length?v.zones=h:delete v.zones),{page:v,chrome:C}}function HN(e,o){let t=Object.keys(e),r=Object.keys(o);return t.length===r.length&&t.every((a,n)=>a===r[n]&&e[a]===o[a])}function ZS(e,o){return t=>e(t)||t!==void 0&&MN.includes(t)&&o()}var ss=null;function Poe(e){ss=e}function QS(){return!!(ss&&ss.state().lockHolder)}function Fr(){return ss!==null}var WN=new Set(["BookingBox","SubmitBox"]);function zN(e){return typeof e=="string"&&WN.has(e)}var JS=ZS(zN,QS);import{Fragment as zd,jsx as cs,jsxs as fM}from"react/jsx-runtime";import{useMemo as cM,useRef as iC}from"react";import{EaselCanvas as dM,useEaselApi as uM}from"efficient-easel/easel";import{jsx as aC,Fragment as XN,jsxs as ZN}from"react/jsx-runtime";import{useEffect as nC,useLayoutEffect as QN}from"react";var is="data-theme",eC="light";function GN(e){return e.getAttribute(is)===eC?"light":"dark"}function UN(e,o){return GN(e)===o?!1:(o==="light"?e.setAttribute(is,eC):e.removeAttribute(is),!0)}function $N(e){return Ss(e).getItem(ms)}function Doe(e,o){Ss(e).setItem(ms,o)}function qN(e,o,t=new Date().getHours()){return Yd({mode:o.mode,override:$N(e),switchShown:o.switchShown,hour:t})}function oC(e,o){let t=e.documentElement;if(!t)return()=>{};let r=()=>UN(t,qN(e,o));r();let a=e.defaultView?.MutationObserver;if(!a)return()=>{};let n=new a(r);return n.observe(t,{attributes:!0,attributeFilter:[is]}),()=>n.disconnect()}var jN="style";function KN(e,o){let t=ru(o),r=!1;for(let a of tu){let n=t[a]??"";e.style.getPropertyValue(a)!==n&&(n?e.style.setProperty(a,n):e.style.removeProperty(a),r=!0)}return r}function tC(e,o){let t=e.body;if(!t)return()=>{};let r=()=>KN(t,o);r();let a=e.defaultView?.MutationObserver;if(!a)return()=>{};let n=new a(r);return n.observe(t,{attributes:!0,attributeFilter:[jN]}),()=>n.disconnect()}var VN=String.raw`(function (doc) {
|
|
18
|
+
if (doc.__sfFitWords) return;
|
|
19
|
+
var win = doc.defaultView;
|
|
20
|
+
var SELECTOR = "h1,h2,h3,h4,h5,h6,[class*='font-heading'],[class*='font-display']";
|
|
21
|
+
var MIN_SCALE = 0.3, MIN_PX = 16, SLACK = 1;
|
|
22
|
+
|
|
23
|
+
function measure(el) {
|
|
24
|
+
var widest = 0, current = 0, last = null, split = false, lastBlock = null;
|
|
25
|
+
function blockOf(n) {
|
|
26
|
+
for (var p = n.parentElement; p && p !== el; p = p.parentElement) {
|
|
27
|
+
var d = win.getComputedStyle(p).display;
|
|
28
|
+
if (d.indexOf("inline") !== 0 && d !== "contents") return p;
|
|
29
|
+
}
|
|
30
|
+
return el;
|
|
31
|
+
}
|
|
32
|
+
function close() { if (current > widest) widest = current; current = 0; last = null; }
|
|
33
|
+
var walker = doc.createTreeWalker(el, 5), range = doc.createRange(), node;
|
|
34
|
+
while ((node = walker.nextNode())) {
|
|
35
|
+
if (node.nodeType === 1) {
|
|
36
|
+
if (node.tagName === "BR" || node.tagName === "WBR") close();
|
|
37
|
+
continue;
|
|
38
|
+
}
|
|
39
|
+
var block = blockOf(node);
|
|
40
|
+
if (block !== lastBlock) close();
|
|
41
|
+
lastBlock = block;
|
|
42
|
+
var re = /(\S+)|(\s+)/g, m;
|
|
43
|
+
while ((m = re.exec(node.data))) {
|
|
44
|
+
if (m[2]) { close(); continue; }
|
|
45
|
+
range.setStart(node, m.index);
|
|
46
|
+
range.setEnd(node, m.index + m[0].length);
|
|
47
|
+
var rects = range.getClientRects();
|
|
48
|
+
for (var i = 0; i < rects.length; i++) {
|
|
49
|
+
var r = rects[i];
|
|
50
|
+
if (r.width <= 0) continue;
|
|
51
|
+
current += r.width;
|
|
52
|
+
if (last && r.top > last.top + last.height / 2) split = true;
|
|
53
|
+
last = r;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
close();
|
|
58
|
+
return { widest: widest, split: split };
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
function lineWidth(el) {
|
|
62
|
+
var cs = win.getComputedStyle(el);
|
|
63
|
+
return el.getBoundingClientRect().width - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight)
|
|
64
|
+
- parseFloat(cs.borderLeftWidth) - parseFloat(cs.borderRightWidth);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
// ⚠️ THE HEADING ELEMENT IS NEVER TOUCHED — no style="", no data-*. This
|
|
68
|
+
// runs before React hydrates, and React 19 in development reports ANY
|
|
69
|
+
// attribute that differs from what it rendered ("a tree hydrated but some
|
|
70
|
+
// attributes didn't match"): first our inline font-size on the hero (which
|
|
71
|
+
// React owns via --heading-size), then, when that moved to a data-sf-fit
|
|
72
|
+
// attribute, the attribute itself. So the fitted size lives only in this
|
|
73
|
+
// script's own stylesheet, in <head>, addressed to each heading by its
|
|
74
|
+
// POSITION (":root>*:nth-child(2)>…"). A position goes stale when the page's
|
|
75
|
+
// structure changes, so the rules are rewritten in the MutationObserver
|
|
76
|
+
// callback, which runs before the next paint. !important so the size also
|
|
77
|
+
// beats a part's own inline size.
|
|
78
|
+
var head = doc.head || doc.documentElement;
|
|
79
|
+
var fitEl = doc.createElement("style");
|
|
80
|
+
fitEl.id = "storefront-fit-words-sizes";
|
|
81
|
+
head.appendChild(fitEl);
|
|
82
|
+
var fitted = new Map(); // heading -> fitted size, e.g. "43.8px"
|
|
83
|
+
|
|
84
|
+
function pathOf(el) {
|
|
85
|
+
var parts = [];
|
|
86
|
+
for (var e = el; e && e.parentElement; e = e.parentElement) {
|
|
87
|
+
var i = 1, s = e;
|
|
88
|
+
while ((s = s.previousElementSibling)) i++;
|
|
89
|
+
parts.unshift("*:nth-child(" + i + ")");
|
|
90
|
+
}
|
|
91
|
+
return ":root>" + parts.join(">");
|
|
92
|
+
}
|
|
93
|
+
function writeRules() {
|
|
94
|
+
var css = "";
|
|
95
|
+
fitted.forEach(function (size, el) {
|
|
96
|
+
if (!el.isConnected) { fitted.delete(el); return; }
|
|
97
|
+
css += pathOf(el) + "{font-size:" + size + " !important}";
|
|
98
|
+
});
|
|
99
|
+
if (fitEl.textContent !== css) fitEl.textContent = css;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
function unfit(el) {
|
|
103
|
+
if (fitted.delete(el)) writeRules();
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
function fits(el) {
|
|
107
|
+
var m = measure(el);
|
|
108
|
+
return !m.split && m.widest <= lineWidth(el) + SLACK;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
function fit(el) {
|
|
112
|
+
unfit(el);
|
|
113
|
+
if (lineWidth(el) <= 0) return; // hidden, or not laid out yet
|
|
114
|
+
if (fits(el)) return;
|
|
115
|
+
var set = parseFloat(win.getComputedStyle(el).fontSize);
|
|
116
|
+
if (!set) return;
|
|
117
|
+
var floor = Math.max(set * MIN_SCALE, MIN_PX);
|
|
118
|
+
if (floor >= set) return;
|
|
119
|
+
function size(px) { return Math.floor(px * 10) / 10 + "px"; }
|
|
120
|
+
// The SEARCH tries sizes on the element's own style and then puts that
|
|
121
|
+
// attribute back byte for byte (or removes it, if it had none), so nothing
|
|
122
|
+
// is left for React to see. A trial in a stylesheet instead restyles the
|
|
123
|
+
// whole page per step: a full pass on the Hartes home took 75–160ms at 4x
|
|
124
|
+
// CPU that way.
|
|
125
|
+
var hadStyle = el.hasAttribute("style"), origStyle = el.getAttribute("style");
|
|
126
|
+
function attempt(px) { el.style.setProperty("font-size", size(px), "important"); }
|
|
127
|
+
function done() { if (hadStyle) el.setAttribute("style", origStyle); else el.removeAttribute("style"); }
|
|
128
|
+
attempt(floor);
|
|
129
|
+
if (!fits(el)) { done(); return; } // even the floor does not fit: leave it as set
|
|
130
|
+
var lo = floor, hi = set;
|
|
131
|
+
for (var i = 0; i < 8; i++) {
|
|
132
|
+
var mid = (lo + hi) / 2;
|
|
133
|
+
attempt(mid);
|
|
134
|
+
if (fits(el)) lo = mid; else hi = mid;
|
|
135
|
+
}
|
|
136
|
+
done();
|
|
137
|
+
fitted.set(el, size(lo));
|
|
138
|
+
writeRules();
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
// What each heading measured right after we last fitted it, so the
|
|
142
|
+
// ResizeObserver below can tell a real change (a font swap, a rotate, a
|
|
143
|
+
// container that moved) from the size change our own write just caused.
|
|
144
|
+
var seen = new WeakMap();
|
|
145
|
+
function remember(el) {
|
|
146
|
+
var b = el.getBoundingClientRect();
|
|
147
|
+
seen.set(el, b.width + "x" + b.height);
|
|
148
|
+
}
|
|
149
|
+
function fitAndRemember(el) { fit(el); remember(el); }
|
|
150
|
+
|
|
151
|
+
// ⚠️ A ResizeObserver, NOT fonts.ready or a resize event, and the reason is
|
|
152
|
+
// WHEN it runs: after layout, BEFORE paint. The web font arriving re-wraps a
|
|
153
|
+
// fitted heading, and fonts.ready resolves only after that frame is painted —
|
|
154
|
+
// measured on the Hartes hero: a 42px jump in 2 of 3 loads. A size change
|
|
155
|
+
// reported here is fitted in the same frame, so the broken state is never
|
|
156
|
+
// drawn. It also covers a container that resizes.
|
|
157
|
+
var ro = new win.ResizeObserver(function (entries) {
|
|
158
|
+
for (var i = 0; i < entries.length; i++) {
|
|
159
|
+
var el = entries[i].target;
|
|
160
|
+
var b = el.getBoundingClientRect();
|
|
161
|
+
if (seen.get(el) === b.width + "x" + b.height) continue; // our own write
|
|
162
|
+
fitAndRemember(el);
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
// Its own set, not seen: fitAndRemember has written seen by the
|
|
166
|
+
// time watch runs, so a seen test observed no heading at all, and a
|
|
167
|
+
// heading fitted in the fallback face was never fitted again when the web
|
|
168
|
+
// font arrived (hartesmetal.com.au, "FusionForge." with its "." alone).
|
|
169
|
+
var watched = new WeakSet();
|
|
170
|
+
function watch(el) { if (!watched.has(el)) { watched.add(el); ro.observe(el); } }
|
|
171
|
+
|
|
172
|
+
function fitAll() {
|
|
173
|
+
var els = doc.querySelectorAll(SELECTOR);
|
|
174
|
+
for (var i = 0; i < els.length; i++) { fitAndRemember(els[i]); watch(els[i]); }
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
var queued = 0, all = false, touched = new Set();
|
|
178
|
+
function run() {
|
|
179
|
+
queued = 0;
|
|
180
|
+
if (all) { all = false; touched.clear(); fitAll(); return; }
|
|
181
|
+
var els = Array.from(touched);
|
|
182
|
+
touched.clear();
|
|
183
|
+
for (var i = 0; i < els.length; i++) if (els[i].isConnected) { fitAndRemember(els[i]); watch(els[i]); }
|
|
184
|
+
}
|
|
185
|
+
function schedule() { if (!queued) queued = win.requestAnimationFrame(run); }
|
|
186
|
+
function scheduleAll() { all = true; schedule(); }
|
|
187
|
+
|
|
188
|
+
fitAll();
|
|
189
|
+
// A backstop only: a font that changes widths without changing any
|
|
190
|
+
// heading's box is not seen by the ResizeObserver.
|
|
191
|
+
if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(scheduleAll, function () {});
|
|
192
|
+
|
|
193
|
+
// …and the viewport WIDTH, which the ResizeObserver cannot stand in for: a
|
|
194
|
+
// heading sized to its own text (fit-content, a flex item) keeps the SAME box
|
|
195
|
+
// when the phone turns to 844, so nothing reports a change and it would stay
|
|
196
|
+
// shrunk. The probe's rotate check caught exactly that.
|
|
197
|
+
var lastWidth = win.innerWidth;
|
|
198
|
+
function onResize() {
|
|
199
|
+
if (win.innerWidth === lastWidth) return; // a phone's toolbar changing HEIGHT is not our business
|
|
200
|
+
lastWidth = win.innerWidth;
|
|
201
|
+
scheduleAll();
|
|
202
|
+
}
|
|
203
|
+
win.addEventListener("resize", onResize);
|
|
204
|
+
|
|
205
|
+
var mo = new win.MutationObserver(function (records) {
|
|
206
|
+
// Positions first: a node added or removed anywhere can shift the
|
|
207
|
+
// nth-child path of a fitted heading, and this callback runs before paint.
|
|
208
|
+
if (fitted.size) {
|
|
209
|
+
for (var q = 0; q < records.length; q++) if (records[q].type === "childList") { writeRules(); break; }
|
|
210
|
+
}
|
|
211
|
+
for (var i = 0; i < records.length; i++) {
|
|
212
|
+
var r = records[i];
|
|
213
|
+
var target = r.target.nodeType === 1 ? r.target : r.target.parentElement;
|
|
214
|
+
var own = target && target.closest(SELECTOR);
|
|
215
|
+
if (own) touched.add(own);
|
|
216
|
+
for (var j = 0; j < r.addedNodes.length; j++) {
|
|
217
|
+
var n = r.addedNodes[j];
|
|
218
|
+
if (n.nodeType !== 1) continue;
|
|
219
|
+
if (n.matches(SELECTOR)) touched.add(n);
|
|
220
|
+
var inner = n.querySelectorAll(SELECTOR);
|
|
221
|
+
for (var k = 0; k < inner.length; k++) touched.add(inner[k]);
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
if (touched.size) schedule();
|
|
225
|
+
});
|
|
226
|
+
mo.observe(doc.body, { childList: true, subtree: true, characterData: true });
|
|
227
|
+
|
|
228
|
+
doc.__sfFitWords = function stop() {
|
|
229
|
+
win.removeEventListener("resize", onResize);
|
|
230
|
+
ro.disconnect();
|
|
231
|
+
mo.disconnect();
|
|
232
|
+
if (queued) win.cancelAnimationFrame(queued);
|
|
233
|
+
fitted.clear();
|
|
234
|
+
fitEl.remove();
|
|
235
|
+
delete doc.__sfFitWords;
|
|
236
|
+
};
|
|
237
|
+
// For the probe and for debugging: which headings are fitted, at what size,
|
|
238
|
+
// and the sheet that holds it (disable it to read a heading's set size).
|
|
239
|
+
doc.__sfFitWords.fitted = fitted;
|
|
240
|
+
doc.__sfFitWords.sheet = fitEl;
|
|
241
|
+
})(document);`,YN="storefront-fit-words";function rC(e){let o=e.createElement("script");return o.id=YN,o.textContent=VN,(e.head??e.documentElement).appendChild(o),()=>{e.__sfFitWords?.(),o.remove()}}var JN=`
|
|
242
|
+
[${io}][${io}] { cursor: text; }
|
|
243
|
+
[${Ke}][${Ke}][${Ke}] {
|
|
244
|
+
outline: 1px solid ${ha.accent};
|
|
245
|
+
outline-offset: 2px;
|
|
246
|
+
}
|
|
247
|
+
[${Ke}][${Ke}]:has([${Ke}]),
|
|
248
|
+
[data-puck-overlay-portal][data-puck-overlay-portal]:has([${Ke}]) {
|
|
249
|
+
outline: none;
|
|
250
|
+
}
|
|
251
|
+
[${Ke}][${Ke}][${Ke}][data-es-typing],
|
|
252
|
+
[data-es-typing] [${Ke}][${Ke}][${Ke}] {
|
|
253
|
+
outline: none;
|
|
254
|
+
}
|
|
255
|
+
`;function lC({children:e,document:o}){let{theme:t,themeMode:r,themeSwitchShown:a}=X(),n=Qe(t);return nC(()=>{if(o)return oC(o,{mode:r,switchShown:a})},[o,r,a]),nC(()=>{if(o)return tC(o,n)},[o,n]),QN(()=>{if(o)return rC(o)},[o]),ZN(XN,{children:[aC(Lu,{}),aC("style",{children:JN}),e]})}import{jsx as Wd}from"react/jsx-runtime";import{useEffect as eM,useState as oM}from"react";import{Banner as tM}from"efficient-shell/ui";var fs={load:"The header and footer could not load. They are hidden for now and nothing in them is saved. Reload to try again.",lock:"{name} is editing the header and footer. Nothing you change in them here is saved.",conflict:"The header and footer were changed somewhere else. Nothing you change in them here is saved. Reload to get the latest.",save:"The header and footer did not save. They are sent again with your next change."},rM=fs.load,aM=fs.lock,nM=fs.conflict,lM=fs.save;function sM(e){return e?e.loadFailed?l(rM):e.lockHolder?l(aM,{name:e.lockHolder.name||l("Somebody else")}):e.conflict?l(nM):e.saveFailed?l(lM):null:null}function iM({report:e}){let o=sM(ts(e)),[t,r]=oM(null);return eM(()=>{o||r(null)},[o]),!o||t===o?null:Wd("aside",{className:"sf-canvas-notice",children:Wd(tM,{tone:"warning",onDismiss:()=>r(o),children:o})})}function sC(){return Wd(iM,{report:rs()})}import{usePreviewParts as fC}from"efficient-easel/draw/client";function pM({children:e,componentId:o}){let{selectedPartId:t}=fC();return SI(t,o)?cs(zd,{}):cs(zd,{children:e})}function cC(e){let{mirrorHostStyles:o}=Fs(),t=Ru(),r=iC(null),a=mM(r),{onDocument:n}=e,s=i=>{r.current=i,n?.(i)};return fM(zd,{children:[cs(sC,{}),cs(dM,{...e,onDocument:s,typing:a,metadata:e.metadata??t,height:"fill",mirrorStyles:o,frameWrapper:lC,overlay:pM})]})}function mM(e){let o=uM(),t=qo(),r=fC(),a=iC({ops:t,parts:r});return a.current={ops:t,parts:r},cM(()=>{let n={getItemById:i=>o.getState().getItemById(i),getSelectorForId:i=>o.getState().getSelectorForId(i),get components(){return o.getState().config.components},replace:(i,f,u)=>a.current.ops.replaceComponent(i,f,u)},s=(i,f)=>{let u=bb(i,n);if(!u)return null;let p=f,m=()=>(p=yb(p,p?.ownerDocument??e.current,i),p),x=m();return x?{element:m,value:u.value,rules:u.rules,multiline:u.multiline,write:u.write,toolbar:{offered:u.offered,colors:u.offered.length>0?Dl(Pb(x)):void 0}}:null};return{at:i=>{let f=i.closest(`[${io}]`),u=f?.getAttribute(io);return f&&u?s(u,f):null},atSelection:()=>{let i=a.current.parts.selectedPartId;return i?s(i,null):null},onChange:i=>{if(!i.typing){Uc(null);return}let f=i.element.closest(`[${io}]`)?.getAttribute(io)??null;Uc(f),f&&a.current.parts.selectedPartId!==f&&a.current.parts.select(f)}}},[o,e])}var dC={Hero:"Full-screen opener with rotating slides.",HeroSingle:"Full-screen image or video with a headline.",IntroBleed:"Full-bleed intro image the next section scrolls over.",Collections:"Product collections in a tidy grid.",AlloyWheelsListing:"A full product-listing page: filter rail, sortable card grid and pagination, from the live catalog. Choose which product types it shows.",CatalogFilterBar:"Filters the collection grids below it \u2014 a sticky row of Pills (the default), or Columns, one per filter you switch on.",ProductGrid:"Hand-picked products in a tidy grid.",FitmentFinder:"A vehicle picker \u2014 make, model, year and trim resolve the OEM stock fitment live.",Gallery:"Two image galleries with tabs and filters.",GalleryB:"Customer photos in a card grid with a click-to-open lightbox.",SpecStrip:"A thin one-line spec strip \u2014 small-caps items spread across the width, as a dark band or a bare hairline row.",ProductHero:"A product hero \u2014 image beside price, bullets and a buy button.",SpecTable:"A spec sheet \u2014 labeled rows of product specifications.",ProcessSteps:"A heading over columns of image, title, blurb and specs.",DetailRows:"Repeating full-width rows \u2014 eyebrow, title and copy beside a numbered close-up image, alternating sides each row.",FitmentTable:"A fitment table \u2014 per-size bolt patterns, offsets and load ratings, filterable by diameter.",CompatibleTyres:"The current product's compatible tyres \u2014 image, size, key specs and price per tyre, with an inquiry link. Display only.",RelatedProducts:"The current product's related items in a tidy row \u2014 the product page's built-in 'Pair with' cross-sell.",OrderSummary:"A display order-summary panel \u2014 items, totals and a note.",DeliveryOptions:"Delivery tiers as cards \u2014 name, window and price, one highlighted.",PaymentBadges:"A payment-methods trust strip with reassurance lines.",CheckoutCTA:"A centered 'ready to order?' headline with the checkout button.",Manifesto:"A bold brand statement beside a full-height image, with a stat strip.",ParagraphsA:"An editorial text panel with a stat strip and founders' note.",StatsParagraph:"An editorial heading and paragraph over a row of theme-color-accented stat cards.",Chart:"A titled chart \u2014 bars, line or donut \u2014 drawn from your own labeled data points.",Mockup:"A headline beside a stylized product-UI mockup card \u2014 spec sheet, fitment, portal, kanban and more.",Prose:"A plain editorial text section \u2014 eyebrow, heading and body copy.",Timeline:"An editorial aside beside a rail-marked timeline of dated entries.",TimelineTrack:"A horizontal year track of milestones \u2014 company history or roadmap.",Footprint:"A world map of your locations with a legend \u2014 designed here, sold worldwide.",TitleWithButtons:"A big headline beside a stack of call-to-action buttons.",Split:"Side-by-side image and text in two columns.",Cards:"A heading over a grid of free-text title-and-blurb cards.",FAQ:"A frequently-asked-questions accordion with a header.",Testimonials:"Customer quotes in a grid \u2014 the quote, a name and a role.",Masthead:"A journal issue header with a lead statement and contents.",Breadcrumb:"A slim trail showing where the reader is (Home / Journal\u2026).",CategoryBar:"A sticky row of category tabs with counts and links.",FeaturedCover:"A featured article \u2014 big cover image beside a headline and dek.",LongRead:"A long-form article spread with a pull-quote and cover image.",Series:"A section heading over a grid of column cards.",Subscribe:"A newsletter signup beside a list of recent issues.",SubscribeBlogs:"A newsletter signup beside your latest blog posts, pulled live.",Events:"Latest journal posts in a three-card row.",DocMasthead:"A document header \u2014 headline, metadata and standfirst.",DocTabs:"A sticky tab bar to switch between documents.",DocBody:"Long-form document body with an 'On this page' contents list.",DocMetaCards:"A three-up meta strip for the foot of a document.",Banner:"Wide promo strip with background image.",Stats:"Highlight key numbers \u2014 years, designs.",Countdown:"Hours, minutes and seconds to a set date and time, then one line.",KeyFeatures:"A theme-color chip and heading over a grid of short feature labels.",Logos:"A row of partner or brand logos.",Ticker:"A scrolling marquee of short phrases, full width.",Reviews:"Approved customer reviews in a star-rated card grid, pulled live.",SubmitBuild:"A 'Show us yours.' headline with a photo-submission form.",ReviewForm:"A write-a-review form \u2014 submissions wait for your approval before they show.",ContactRouting:"Pick who to reach, then a form that routes the message.",ContactLocations:"Your locations as a city gallery plus address and map cards.",SectionHeader:"A numbered section title with optional link.",Grid:"Multi-column container for blocks.",Flex:"An empty section. Add whatever you want inside.",Spacer:"Vertical breathing room between sections.",Divider:"A thin horizontal rule between sections.",CustomHTML:"Drop in your own sanitized HTML.",Heading:"A single heading line.",Text:"A paragraph of body copy.",ImageBlock:"A standalone image, at the width you set.",ButtonBlock:"A call-to-action button."};var xM="Save your page changes first";function uC(e){return e.hasTrustedConsole?e.canCreatePlatformTemplate?!e.capabilities.canPublish||!e.capabilities.hasSiteSettings?{visible:!1,hiddenReason:"not-a-site-page"}:e.siteId?e.hasUnsavedEdits?{visible:!0,enabled:!1,disabledReason:xM}:{visible:!0,enabled:!0}:{visible:!1,hiddenReason:"no-site"}:{visible:!1,hiddenReason:"not-operator"}:{visible:!1,hiddenReason:"no-console"}}var pC="storefront-editor:save-as-template";var IM="plain",mC=[{label:"Plain",value:"plain"},{label:"Filled",value:"filled"},{label:"Line",value:"line"}],hM="line",gM={KeyFeatures:"filled"};function _a(e){return gM[e]??IM}function hte(e,o){return Je(mC,_a(o),e)}function gte(e){return Je(mC,hM,e)}var bM="inline",yM=[{label:"In this section",value:"inline"},{label:"In its own box",value:"own-box"}];var tt={ProductGrid:{num:"num",title:"title",description:"description",headRows:["num","title","titleSize","description","linkText","linkHref"],renderer:"ProductGridSection",padKey:"padTop",linkProp:"link"},TyreSizes:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicTyreSizes"},FitmentFinder:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"FitmentFinder"},TyreFitment:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicTyreFitment"},BundleOffer:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicBundleOffer"},CompatibleTyres:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicRelatedProducts"},RelatedProducts:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"DynamicRelatedProducts"},SpecTable:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"SpecTable"},FAQ:{num:"num",title:"title",linkProp:"link",headRows:["num","title","linkText","linkHref"],renderer:"FAQ"},GalleryB:{num:"num",title:"title",headRows:["num","title","linkText","linkHref"],renderer:"GalleryGrid"},FitmentTable:{num:"num",title:"title",description:"description",headRows:["num","title","description"],renderer:"FitmentTable"},Events:{num:"num",title:"title",linkProp:"link",headRows:["num","title","linkText","linkHref"],renderer:"Events"},ProcessSteps:{num:"num",title:"title",description:"description",headRows:["num","title","description"],headStyle:"editorial",renderer:"ProcessSteps",padKey:"padTop"},LongRead:{num:"headNum",title:"headTitle",description:"headDesc",headRows:["headNum","headTitle","headDesc"],headStyle:"editorial",renderer:"LongRead"},Series:{num:"headNum",title:"headTitle",description:"headDesc",headRows:["headNum","headTitle","headDesc"],headStyle:"editorial",renderer:"Series"},TimelineTrack:{num:"eyebrow",title:"title",description:"intro",headRows:["eyebrow","title","intro"],headStyle:"editorial",renderer:"TimelineTrack",padKey:"padTop"},StatsParagraph:{num:"eyebrow",title:"title",description:"desc",headRows:["eyebrow","title","desc"],headStyle:"editorial",renderer:"StatsParagraph"},Footprint:{num:"sectionNumber",title:"heading",description:"tagline",headRows:["sectionNumber","heading","tagline"],headStyle:"editorial",renderer:"Footprint",padKey:"padTop"},Collections:{num:"eyebrow",title:"heading",headRows:["eyebrow","heading"],renderer:"Collections"},Cards:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Cards"},Testimonials:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Testimonials"},Reviews:{num:"eyebrow",title:"title",headRows:["eyebrow","eyebrowLook","title"],headStyle:"simple",renderer:"Reviews"},Prose:{num:"eyebrow",title:"title",headRows:["eyebrow","title"],headStyle:"essay",renderer:"Prose"},ReviewForm:{num:"eyebrow",title:"title",headRows:["eyebrow","title"],headStyle:"simple",renderer:"ReviewForm"},DeliveryOptions:{num:"eyebrow",title:"title",description:"body",headRows:["eyebrow","title","body"],headStyle:"natural",headRowGap:"gap-3",headDescriptionSize:"text-[15px]",renderer:"DeliveryOptions"}},Er="SectionHeader";function xC(e){return e in tt}function Cte(e){return Je(yM,bM,e)}var IC=new Set(["Flex"]);function vte(e){return!!e?.type&&IC.has(e.type)}var SM={not:{context:"parentType",in:[...IC]}};function wte(e,o,t){return yl(e,t,SM)}var CM={not:{field:"headPlacement",is:"own-box"}};function kte(e,o,t){return yl(e,t,CM)}function hC(e,{nodeDefaults:o,newNodeId:t,sectionLabel:r,blockIsOffered:a}){let n=ns(e);return n?n(o,t):xC(e)&&a(be)&&a(Er)?{type:be,props:{...o(be),id:t(be),direction:"column",name:`${r(e)} section`,content:[{type:Er,props:{...o(Er),id:t(Er),...tt[e]?.headStyle?{headStyle:tt[e].headStyle}:{},...tt[e]?.headRowGap?{rowGap:tt[e].headRowGap}:{},...tt[e]?.headDescriptionSize?{descriptionSize:tt[e].headDescriptionSize}:{},..._a(e)!==_a(Er)?{eyebrowLook:_a(e)}:{}}},{type:e,props:{...o(e),id:t(e),headPlacement:"own-box"}}]}}:ko[e]?.fixed===!0?{type:e,props:{...o(e),id:t(e),layout:"boxes"}}:null}import{useEffect as vM,useState as wM}from"react";function gC(){let e=Ae().chrome?.products?.list,[o,t]=wM(null);return vM(()=>{if(!e)return;let r=!1;return e().then(a=>{r||t(a)}),()=>{r=!0}},[e]),o}function wC({mode:e,open:o}){let{setSelectedHeroId:t,setSelectHandler:r}=Il(),a=vC().tree,n=e,s=n.kind==="ticker"?n.heroId:null,i=Na(f=>{f&&(o({kind:"ticker",heroId:f}),th(f))},[o]);return To(()=>{t(s)},[s,t]),To(()=>{r(i)},[r,i]),{partRows:(f,{rowClick:u})=>{let p=String(f.props.id);return f.type==="Hero"&&ue(CC,{icon:ue(Tt,{type:"ticker",size:13}),name:l(la),onSelect:()=>i(p),selected:s===p,rowProps:{onClick:u(()=>i(p))},words:a})}}}function kC({mode:e,select:o}){let{setSelectedHeroPart:t,setSelectHandler:r}=hl(),a=vC().tree,{appState:n}=BM(x=>x),s=n.data.content??[],i=kM(s);i.current=s;let f=e,u=sa.find(x=>ia[x]===f.kind),p=u&&"nodeId"in f?fa(String(f.nodeId),u):null,m=Na(x=>{let h=Hh(x);if(!h)return;let b=i.current.findIndex(k=>String(k.props.id)===h.nodeId);if(b<0)return;let C={kind:ia[h.part],nodeId:h.nodeId};o({index:b},C)},[o]);return To(()=>{t(p)},[p,t]),To(()=>{r(m)},[r,m]),{partRows:(x,{rowClick:h})=>{let b=String(x.props.id),C=Mh(x);if(C.length===0)return null;let k=g=>{let y=fa(b,g.part);return ue(CC,{icon:ue(Tt,{type:g.part==="media"?"heroMedia":"heroImage",size:13}),name:l(g.label),onSelect:()=>m(y),selected:p===y,rowProps:{onClick:h(()=>m(y))},words:a},y)},[v,...w]=C;return Da(SC,{children:[k(v),w.length>0&&ue(AM,{children:w.map(k)})]})}}}function TC(e,o){return{partRows:(t,r)=>Da(SC,{children:[e.partRows?.(t,r),o.partRows?.(t,r)]})}}function DM(e){let{adapter:o,capabilities:t,currentSlug:r,siteId:a,docId:n,hasUnsavedEdits:s,bridgeCapabilities:i,notifyParent:f,token:u}=Se(),{hasPreviewLink:p}=t,m=Ue(Ae()).preview?.draftLink,x=FS(e.data),h=uC({hasTrustedConsole:!!u,canCreatePlatformTemplate:i.canCreatePlatformTemplate,capabilities:t,siteId:a,hasUnsavedEdits:s}),b=Na(()=>{!a||!r||f(pC,{siteId:a,slug:r})},[f,a,r]),C=hS({pageSlug:r,siteId:a,token:u}),k=o.previewHref?.(r)??C;return{barLead:()=>h.visible&&ue(EM,{side:"bottom",content:h.enabled?l("Save this website as a platform template"):l(h.disabledReason),children:ue("span",{className:"sf-tip-disabled",tabIndex:h.enabled?void 0:0,children:ue(FM,{variant:"secondary",disabled:!h.enabled,onClick:b,rightIcon:ue(RM,{size:15}),children:l("Save as Template")})})}),barTrail:()=>p&&r&&ue(yS,{liveHref:k,pageId:n??null,draftLink:m}),mainAction:x}}function NM(){return Da("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",children:[ue("path",{d:"M12 3a9 9 0 0 0 0 18 2.3 2.3 0 0 0 2.3-2.3c0-.55-.22-1.05-.57-1.42-.34-.37-.56-.87-.56-1.43A2.35 2.35 0 0 1 15.6 13.5H18a3 3 0 0 0 3-3c0-4.14-4-7.5-9-7.5z"}),ue("circle",{cx:"7.7",cy:"11.3",r:"1.05",fill:"currentColor",stroke:"none"}),ue("circle",{cx:"12",cy:"8",r:"1.05",fill:"currentColor",stroke:"none"}),ue("circle",{cx:"16",cy:"11",r:"1.05",fill:"currentColor",stroke:"none"})]})}function MM(e,o){let{capabilities:t,templateId:r,siteId:a,tokenRef:n,navigate:s}=Se(),{hasSiteTheme:i,explainsSiteSettings:f}=t,u=v=>o.setView(v),[p,m]=TM(rr[0].id),{surface:x,setSurface:h}=Th(),b=()=>{if(i){u("styles"),o.reveal(),Df();return}e.show(pd),e.reveal(),Df()},C={id:"pages",label:l("Pages"),icon:ue(LM,{}),panel:({onHide:v})=>ue(gh,{activeSurface:x,onPreviewSurface:h,onNavigate:w=>{h(null),s(r?{kind:"template",id:r,pageSlug:w}:{kind:"page",slug:w,siteId:a??void 0})},onClose:v})},k=[];return!i&&f&&k.push({id:"appearance",label:l("Appearance"),icon:ue(NM,{}),active:e.kind==="website",onSelect:b}),i&&k.push({id:"styles",label:l("Site styles"),icon:ue(OM,{}),panel:({onHide:v,notify:w})=>ue(Hy,{tokenRef:n,siteId:a??void 0,onClose:v,onNotify:w,tab:p,onTabChange:m})}),{railLead:[C],railTrail:k,resolveLeftView:(v,w)=>jS(v,i,w),openSettings:b,openStyles:()=>{m(ah),u("styles")}}}function HM(e,o,t,r){let{kind:a,open:n}=e,{selected:s,zoneOf:i}=o;To(()=>{WS(s?.type==="BookingBox"&&s.props.region==="confirm"?zS(i(String(s.props.id))):null)},[s?.props.id]);let f=sS(e,o),{capabilities:{hasSiteSettings:u}}=Se(),{setSelected:p,setSelectHandler:m}=X(),{chat:x,setChat:h,setSelected:b,setSelectHandler:C}=xl(),k=a==="header";To(()=>{p(k)},[k,p]),To(()=>{m(()=>n(ud))},[m,n]);let v=Na(()=>n(Py),[n]),w=a==="chat";To(()=>{b(w)},[w,b]),To(()=>{C(v)},[C,v]);let{setOpenHandler:g}=na(),y=Na(()=>n(Ly),[n]);To(()=>{g(y)},[g,y]);let E=TC(wC(e),kC(e)),F=DM(o),L=MM(e,r),B=t.device;return{...E,...F,...L,hasOwnRows:O=>O.type===es,ownRows:f.renderLocationTree,sectionPressed:f.sectionPressed,wrap:O=>ue(Es.Provider,{value:!0,children:ue(_M.Provider,{value:B,children:O})}),addPanelRow:O=>u?Da("div",{className:"sf-addside-sitewide",children:[ue("span",{className:"sf-addside-sitewide-glyph","aria-hidden":"true",children:ue(Tt,{type:"chat",size:16})}),Da("button",{type:"button",className:"sf-addside-sitewide-name",onClick:()=>{O(),v()},children:[l("Live chat"),ue("span",{className:"sf-addside-sitewide-desc",children:l("A chat bubble on every page")})]}),ue(PM,{checked:x.enabled,onChange:M=>h({enabled:M}),ariaLabel:l("Show the chat bubble on the whole site")})]}):void 0}}var bC=null,Gd=new WeakMap;function WM(e){let o=bu();if(!e||!o)return e;bC!==o&&(bC=o,Gd=new WeakMap);let t=Gd.get(e);return t||(t={...e,choices:e.choices?e.choices.map(r=>({...r,label:l(r.label)})):null,spec:e.spec?{...e.spec,addLabel:l(e.spec.addLabel)}:null},Gd.set(e,t)),t}var zM={isLockedBlock:JS,duplicateBlocked:ql,nestDepth:(e,o,t)=>o===en?Xu(e,t):0,newSectionNode:hC,canAddTo:(e,o)=>WM(HS(e,o)),blockIsOffered:MS},GM=new Proxy(dC,{get:(e,o)=>{let t=Reflect.get(e,o);return typeof t=="string"?l(t):t}}),UM={labelAtLevel:(e,o,t)=>l(Od(e,o,t)),descriptions:GM,categoryLabel:e=>{let o=LS(e);return o===void 0?void 0:l(o)},firstSection:OS,blockRowName:GS,plainText:xt,Icon:Tt,Thumbnail:My,useProducts:gC},$M={desktop:2e3,tablet:800,mobile:390},yC="desktop",qM={options:Ch,initial:yC,fluid:yC,widths:$M},jM={read:$S,write:e=>qS(e),forSelection:(e,o)=>KS(e,o)},KM={first:Ve,last:me,firstGroup:_e,lastGroup:de,isSectionGroup:gr,sectionGroupZone:Qb,panelOf:e=>e===Ve?ud:null,get groupTab(){return Fr()?ay:void 0},get groupBadge(){return Fr()?ny():void 0},get changeNotice(){return Fr()?ly():void 0},get band(){return Fr()?VM:void 0},get groupAccepts(){return Fr()?ty:void 0}},VM={foldable:!0};function YM(e){return{...TC(wC(e),kC(e)),openSettings:()=>e.show(pd)}}var Nre={useOwnerName:nr,useDocumentLabel:fh,useBridges:HM,useStandaloneBridges:YM,useDocumentPass:uS,blockRules:zM,blockLook:UM,devices:qM,leftView:jM,pinned:KM,Canvas:cC,Inspector:Ry};export{Eee as a,Pee as b,Lee as c,Oee as d,ot as e,Rd as f,zee as g,Ue as h,Ap as i,RS as j,$ee as k,Qj as l,vg as m,aK as n,Pg as o,nK as p,Lg as q,Rg as r,_g as s,Dg as t,hK as u,gK as v,bK as w,yK as x,TA as y,op as z,LK as A,Za as B,_v as C,PH as D,dt as E,LH as F,OH as G,en as H,Xu as I,ooe as J,toe as K,RN as L,ju as M,Ov as N,SH as O,Xa as P,Ku as Q,Rv as R,Av as S,Bv as T,wH as U,kH as V,TH as W,FH as X,Zf as Y,lO as Z,sO as _,iO as $,yl as aa,Sl as ba,eq as ca,_e as da,de as ea,uZ as fa,Jb as ga,ey as ha,Je as ia,tt as ja,Cte as ka,vte as la,wte as ma,kte as na,cf as oa,x5 as pa,I5 as qa,Ys as ra,xt as sa,Wr as ta,Jn as ua,io as va,Ke as wa,v7 as xa,h1 as ya,g1 as za,w7 as Aa,er as Ba,k7 as Ca,T7 as Da,yf as Ea,AI as Fa,tl as Ga,A7 as Ha,B7 as Ia,_7 as Ja,D7 as Ka,tP as La,ca as Ma,ig as Na,fg as Oa,Tl as Pa,gj as Qa,bj as Ra,yj as Sa,Sj as Ta,$2 as Ua,V2 as Va,Y2 as Wa,X2 as Xa,Be as Ya,Zm as Za,iW as _a,Tn as $a,G0 as ab,dW as bb,pW as cb,$0 as db,mW as eb,ex as fb,Ri as gb,Ai as hb,CW as ib,wW as jb,kW as kb,TW as lb,FW as mb,jr as nb,Di as ob,Ni as pb,mn as qb,am as rb,Ur as sb,sm as tb,a6 as ub,Vk as vb,n6 as wb,on as xb,rp as yb,$H as zb,qH as Ab,aw as Bb,jH as Cb,YH as Db,np as Eb,XH as Fb,lw as Gb,ZH as Hb,p0 as Ib,hn as Jb,O6 as Kb,bi as Lb,R6 as Mb,y0 as Nb,A6 as Ob,_6 as Pb,D6 as Qb,j6 as Rb,K6 as Sb,V6 as Tb,bm as Ub,T6 as Vb,F6 as Wb,E6 as Xb,P6 as Yb,k0 as Zb,bn as _b,M6 as $b,Em as ac,XM as bc,j as cc,l as dc,it as ec,Pb as fc,kl as gc,vY as hc,Fb as ic,Mt as jc,Se as kc,Ae as lc,y4 as mc,un as nc,Vp as oc,C4 as pc,_C as qc,DC as rc,Cs as sc,Hk as tc,U4 as uc,om as vc,qo as wc,xH as xc,bH as yc,Ms as zc,Qv as Ac,WH as Bc,e5 as Cc,ve as Dc,Zs as Ec,$5 as Fc,Hr as Gc,zt as Hc,X5 as Ic,oi as Jc,ti as Kc,u3 as Lc,p3 as Mc,Lp as Nc,m3 as Oc,x3 as Pc,I3 as Qc,Gt as Rc,Np as Sc,Hp as Tc,X4 as Uc,rm as Vc,Me as Wc,Cu as Xc,a2 as Yc,HC as Zc,n2 as _c,l2 as $c,WC as ad,f2 as bd,zC as cd,c2 as dd,Nt as ed,u2 as fd,p2 as gd,m2 as hd,x2 as id,qa as jd,I2 as kd,$C as ld,C2 as md,Fu as nd,jC as od,KC as pd,VC as qd,XC as rd,ZC as sd,QC as td,ks as ud,v2 as vd,t0 as wd,w6 as xd,W6 as yd,z6 as zd,G6 as Ad,U6 as Bd,$6 as Cd,Wm as Dd,M0 as Ed,X6 as Fd,Mm as Gd,Hm as Hd,Z6 as Id,Sn as Jd,Cn as Kd,J6 as Ld,jt as Md,wn as Nd,tW as Od,rW as Pd,aW as Qd,Ym as Rd,lW as Sd,Qo as Td,Do as Ud,Gi as Vd,Co as Wd,Hz as Xd,Wz as Yd,zz as Zd,Gz as _d,jz as $d,Kz as ae,iF as be,Vz as ce,Yz as de,Xz as ee,pF as fe,Zz as ge,Qz as he,Jz as ie,He as je,eG as ke,IF as le,oG as me,tG as ne,Zt as oe,rG as pe,Rn as qe,Kt as re,aG as se,_x as te,Bn as ue,_n as ve,nG as we,lG as xe,sG as ye,iG as ze,fG as Ae,cG as Be,dG as Ce,uG as De,pG as Ee,mG as Fe,xG as Ge,IG as He,Dn as Ie,Nn as Je,Mn as Ke,ji as Le,Hn as Me,hG as Ne,yt as Oe,gG as Pe,bG as Qe,yG as Re,SG as Se,CG as Te,vG as Ue,wG as Ve,kG as We,Zo as Xe,TG as Ye,FG as Ze,Wn as _e,EG as $e,Ki as af,PG as bf,LG as cf,Vi as df,OG as ef,Gx as ff,Ux as gf,$x as hf,RG as if,tE as jf,AG as kf,BG as lf,Ye as mf,yr as nf,eD as of,py as pf,MZ as qf,HZ as rf,WZ as sf,zZ as tf,GZ as uf,UZ as vf,$Z as wf,qZ as xf,jZ as yf,KZ as zf,VZ as Af,gl as Bf,VL as Cf,G8 as Df,U8 as Ef,QL as Ff,eO as Gf,Fh as Hf,aO as If,V8 as Jf,Y8 as Kf,Ph as Lf,X8 as Mf,Oh as Nf,Lh as Of,sq as Pf,ml as Qf,b8 as Rf,y8 as Sf,xl as Tf,WL as Uf,L8 as Vf,na as Wf,B8 as Xf,Th as Yf,hee as Zf,gee as _f,bee as $f,yee as ag,Toe as bg,Foe as cg,Poe as dg,N8 as eg,W8 as fg,hl as gg,dJ as hg,Wy as ig,zy as jg,B2 as kg,G7 as lg,U7 as mg,$7 as ng,q7 as og,Wf as pg,zf as qg,Bh as rg,fq as sg,_h as tg,dO as ug,Qf as vg,pq as wg,mq as xg,uO as yg,xq as zg,fa as Ag,Hh as Bg,Iq as Cg,zh as Dg,X9 as Eg,Vh as Fg,wc as Gg,kc as Hg,RR as Ig,AR as Jg,Tc as Kg,DR as Lg,pa as Mg,El as Ng,Ej as Og,Oc as Pg,Nj as Qg,Mj as Rg,Hj as Sg,yg as Tg,AA as Ug,BA as Vg,_A as Wg,NK as Xg,MK as Yg,GA as Zg,$A as _g,Xg as $g,jK as ah,KK as bh,rb as ch,JK as dh,ha as eh,lb as fh,Nc as gh,sb as hh,ib as ih,aV as jh,fb as kh,nB as lh,nV as mh,lV as nh,sV as oh,iV as ph,lB as qh,fV as rh,cV as sh,dV as th,iB as uh,uV as vh,dB as wh,pV as xh,Hc as yh,DV as zh,Ml as Ah,OY as Bh,e_ as Ch,Bb as Dh,o_ as Eh,Ca as Fh,t_ as Gh,r_ as Hh,MY as Ih,Hb as Jh,PX as Kh,LX as Lh,me as Mh,$l as Nh,uo as Oh,qy as Ph,jy as Qh,xJ as Rh,Oa as Sh,Ky as Th,Vy as Uh,gJ as Vh,bJ as Wh,ZD as Xh,pS as Yh,kd as Zh,mS as _h,HS as $h,boe as ai,is as bi,GN as ci,UN as di,Doe as ei,F2 as fi,O2 as gi,IM as hi,mC as ii,hM as ji,_a as ki,hte as li,gte as mi,Nre as ni};
|