efficient-storefront-blocks 0.26.0 → 0.27.0

package/dist/chunks/chunk-TZQUVG3U.js

@@ -1,230 +0,0 @@
-import{$a as Cr,$h as Un,Ad as jt,Ba as hr,Be as bi,De as xi,Dg as Hi,Ee as wi,Fa as zt,Ha as Ot,Hb as si,He as vi,Hg as Mi,Ib as li,If as Bn,Ig as Bi,J as Vo,Ja as nt,Jg as Wi,Ka as mt,Kf as Ci,Kg as ji,L as Lt,La as ur,Lf as Ti,Lg as qi,M as Yo,Mc as ue,Mg as $i,Mh as Xi,Na as fr,Ng as Gi,O as Q,Oc as ie,Oh as Wn,P as ze,Pa as mr,Pb as gt,Pc as di,Pd as Ue,Pg as Ki,Ph as jn,Q as Xo,Qc as i,Qe as Si,Qh as Ie,Ra as Oe,Rc as Bt,Re as ki,Rg as Ui,Rh as Zi,S as Nn,Sc as pi,Ta as gr,Tc as hi,Tf as Ii,Tg as Vi,U as Be,Ua as yr,Uc as ui,V as Zo,Va as br,Vb as yt,Vh as qn,W as Qo,Wa as xr,Wc as je,Wh as Qi,Xa as wr,Xe as $t,Ya as vr,Yh as $n,Za as Sr,Zc as fi,Zh as Gn,_ as Jo,_a as kr,_e as Le,_h as Kn,ab as Tr,ag as Ei,ai as Ji,bb as Ln,bd as Wt,bi as ea,cb as We,ci as ta,di as na,e as Ko,eb as Ir,ec as Mn,fe as Te,gb as Er,gg as Pi,gi as ra,h as Pn,hb as Rr,hc as ci,hi as ia,ib as Pr,jg as Gt,ji as aa,k as ut,la as er,lb as Nr,m as ft,ma as ke,me as yi,mg as bt,nb as Ar,nd as mi,ne as qt,oa as tr,ob as Lr,og as Li,oi as sa,p as Uo,pa as nr,pb as Fr,pg as xt,pi as la,qa as or,qb as Dr,ra as rr,rb as _t,rg as Fi,sa as ir,sb as zr,sh as Yi,tg as Di,ti as Kt,ua as Ke,ub as Fn,ug as zi,va as et,vb as Ht,vg as Oi,wa as ar,wb as Or,wd as gi,wg as _i,xb as _r}from"./chunk-JMPXWSWW.js";import{$ as Vr,A as Mr,Aa as oi,B as Br,Ba as ri,C as Wr,Ca as ii,Fa as ai,La as ne,Ma as Ri,Oa as Ni,Pa as Ai,S as jr,T as qr,U as $r,V as Gr,Y as Kr,Z as Dn,_ as Ur,aa as Yr,d as sr,da as Xr,e as lr,ea as zn,f as cr,g as dr,h as Ce,ha as Zr,i as Ft,ia as On,j as Dt,ka as _n,n as tt,o as An,oa as Qr,p as pr,ta as Hn,ua as Jr,wa as ei,y as Mt,ya as ti,z as Hr,za as ni}from"./chunk-5ARJ7ZNM.js";import{q as oa}from"./chunk-PT6SNSRB.js";import{jsx as Vn,Fragment as Al,jsxs as Ll}from"react/jsx-runtime";import{createContext as Fl,useContext as Dl}from"react";var zl={mirrorHostStyles:!0,css:null,fontHrefs:[]},ca=Fl(zl);function bf({value:e,children:t}){return Vn(ca.Provider,{value:e,children:t})}function Yn(){return Dl(ca)}function da(){let{css:e,fontHrefs:t}=Yn();return Ll(Al,{children:[t.map(o=>Vn("link",{rel:"stylesheet",href:o},o)),e?Vn("style",{"data-sf-canvas-css":"",children:e}):null]})}import{jsx as Ol}from"react/jsx-runtime";import{createContext as _l,useContext as Hl}from"react";var pa=_l(void 0);function Sf({metadata:e,children:t}){return Ol(pa.Provider,{value:e,children:t})}var ha=()=>Hl(pa);import{jsx as V,jsxs as In}from"react/jsx-runtime";import{useCallback as En,useEffect as Ge,useState as Uu}from"react";import{ExternalIcon as Vu}from"efficient-easel/icons";import{Button as Yu,Tooltip as Il,buttonClasses as Xu}from"efficient-shell/ui";import{SettingsSwitch as Zu}from"efficient-easel/panel";import{PagesIcon as Qu,StylesIcon as Ju}from"efficient-easel/rail";import{TreeRow as ef}from"efficient-easel/tree";import{useEaselStrings as tf}from"efficient-easel/strings";import{jsx as ot,jsxs as Ut}from"react/jsx-runtime";import{useEasel as ql}from"efficient-easel/easel";function Ml(e){return e.replace(/<[^>]+>/g," ").replace(/\s+/g," ").trim()}function Bl(e){let t=[],o=/<h([1-6])\b[^>]*>([\s\S]*?)<\/h\1>/gi,a;for(;a=o.exec(e);)t.push({level:Number(a[1]),text:Ml(a[2])||"(empty)"});return t}var Wl=new Set(["SubmitBuild"]),jl={AlloyWheelsListing:1,DocMasthead:1,AppointmentBooking:2,BookingBox:2,SubmitBox:2,Banner:2,BundleOffer:2,Cards:2,Chart:2,CheckoutCTA:2,CollectionCard:3,Collections:2,CompatibleTyres:2,ContactLocations:2,ContactRouting:2,DeliveryOptions:2,DetailRows:2,DocBody:2,EuTyreLabel:2,Events:2,FAQ:2,FeaturedCover:2,FitmentFinder:2,FitmentTable:2,FooterEmailSignup:4,FooterMenu:4,Footprint:2,Form:2,Gallery:2,GalleryB:2,GalleryItem:2,Integrations:2,IntroBleed:2,KeyFeatures:2,Logos:2,LongRead:2,Manifesto:2,Mockup:2,OrderSummary:2,PostCard:2,ProcessSteps:2,ProductGrid:2,Prose:2,RelatedProducts:2,ReviewForm:2,Reviews:2,SectionHeader:2,Series:2,SpecTable:2,Split:2,StatsParagraph:2,SubmitBuild:2,Subscribe:2,SubscribeBlogs:2,Testimonials:2,Timeline:2,TimelineTrack:2,TitleWithButtons:2,TyreFitment:2,TyreSizes:2};function Xn(e,t){let o=[];for(let a of e??[]){let l=a,s=l.props??{};switch(l.type){case"Heading":{let{text:c,hidden:p}=Oe(s.text);if(p)break;o.push({level:Number(s.level)||2,text:c||"(empty heading)"})}break;case"Hero":o.push({level:1,text:"Hero (brand headline)"});break;case"CustomHTML":o.push(...Bl(Oe(s.html).text));break;default:{let c=jl[l.type??""],p=Oe(s.title??s.heading),u=p.text.trim();if(!c||p.hidden)break;u?o.push({level:c,text:u}):Wl.has(l.type??"")&&o.push({level:c,text:String(l.type)});break}}for(let c of Zo(t,l.type??"")){let p=s[c];Array.isArray(p)&&o.push(...Xn(p,t))}}return o}function ua(){let{appState:e,config:t}=ql(s=>s),o=e?.data,a=Xn(o?.content??[],t),l=a.filter(s=>s.level===1).length;return Ut("div",{className:"px-4 py-3 text-[13px] text-zinc-600",children:[Ut("div",{className:"mb-2 flex items-center justify-between text-[11px] font-semibold uppercase tracking-wide text-zinc-500",children:[ot("span",{children:i("Heading outline")}),ot("span",{children:a.length})]}),l!==1&&ot("div",{className:"mb-2 rounded bg-amber-50 px-2 py-1 text-[12px] text-amber-700",children:l===0?i("No H1 \u2014 add one for SEO."):i("{n} H1s \u2014 a page should have exactly one.",{n:l})}),a.length===0?ot("p",{className:"text-zinc-400",children:i("No headings yet.")}):ot("ul",{className:"space-y-1",children:a.map((s,c)=>Ut("li",{className:"flex items-baseline gap-2",style:{paddingLeft:`${(s.level-1)*12}px`},children:[Ut("span",{className:"shrink-0 font-mono text-[11px] text-zinc-400",children:["H",s.level]}),ot("span",{className:"truncate text-zinc-700",children:s.text})]},c))})]})}import{jsx as z,jsxs as Fe,Fragment as Ep}from"react/jsx-runtime";import{useCallback as Rp,useEffect as es,useId as Pp,useMemo as ts,useState as Xe}from"react";import{default as Vt,PanelHideButton as Zn,PanelModeExit as Ff,PanelShowStrip as Df}from"efficient-easel/screen/components/SidePanelHead";import{jsx as W,jsxs as st,Fragment as Tt}from"react/jsx-runtime";import{useEasel as So}from"efficient-easel/easel";import{useEffect as Xd,useRef as Qa,useState as mn}from"react";import{jsx as qe,jsxs as ya,Fragment as Ul}from"react/jsx-runtime";import{useState as ba}from"react";import{SettingsDefaultReset as Vl,SettingsField as Yl}from"efficient-easel/panel";import{useEaselStrings as Xl}from"efficient-easel/strings";import{jsx as Yt,Fragment as $l,jsxs as fa}from"react/jsx-runtime";import{Button as ma,Dialog as Gl}from"efficient-shell/ui";function Kl(e){return Bt("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 ga({count:e,onCancel:t,onConfirm:o}){return fa(Gl,{open:!0,onClose:t,role:"alertdialog",size:"sm",title:i("Clear this site\u2019s colors?"),footer:fa($l,{children:[Yt(ma,{variant:"secondary",onClick:t,children:i("Cancel")}),Yt(ma,{variant:"danger",onClick:o,children:i("Clear colors")})]}),children:[Yt("p",{children:Kl(e)}),Yt("p",{className:"mt-2 font-medium",children:i("This cannot be undone.")})]})}var Zl=xi("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");function Ql(){return qe("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:qe("path",{d:"M12 5v14M5 12h14"})})}var Jl="Reset color",ec={selected:0,themes:[]};function tc(e){e(ec)}function xa({value:e,onChange:t}){let o=e?.themes??[],a=o.length===0,l=Mt(e),[s,c]=ba(!1),p=Xl(),[u,b]=ba(null),m=(E,v)=>{t({...l,themes:l.themes.map((h,y)=>y===E?v:h)})},x=Br(l).accent,I=new Set(l.themes.map(E=>E.brandInk).filter(Boolean)),w=Hr.filter(E=>!I.has(E)).map(E=>Mr(x,E)),L=[...l.themes,...w],N=E=>{if(E<l.themes.length)return t({...l,selected:E});let v=[...l.themes,L[E]];t({...l,themes:v,selected:v.length-1})},f=()=>{let E=[...l.themes,{...Wr(l.themes[l.selected])}];t({...l,themes:E,selected:E.length-1}),b(E.length-1)};return ya(Ul,{children:[a?null:qe(Yl,{label:i(Jl),icon:wi(Zl),labelId:"sf-theme-reset",action:qe(Vl,{label:i("all theme colors"),words:p.panel,changed:!0,onReset:()=>c(!0)})}),s&&qe(ga,{count:o.length,onCancel:()=>c(!1),onConfirm:()=>{c(!1),tc(t)}}),qe("div",{className:"sf-theme-list",role:"radiogroup","aria-label":i("Theme"),children:L.map((E,v)=>qe(ui,{index:v,colors:E,selected:v===l.selected,open:u===v&&v<l.themes.length,editable:v<l.themes.length,onPick:()=>N(v),onEdit:()=>b(h=>h===v?null:v),onChangeColors:h=>m(v,h)},v))}),ya("button",{type:"button",onClick:f,className:"sf-theme-add",children:[qe(Ql,{}),i("Add new theme")]})]})}import{jsx as Xt}from"react/jsx-runtime";import{SettingsDefaultReset as nc,SettingsField as oc}from"efficient-easel/panel";import{SquareIcon as rc}from"efficient-easel/icons";var ic="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",Qn="Corners";function wa({value:e,onChange:t,showHint:o=!0}){let a=e===null;return Xt(oc,{label:i(Qn),icon:Xt(rc,{}),value:a?void 0:`${e}px`,changed:!a,action:Xt(nc,{words:ie()?.panel,label:i(Qn),changed:!a,detail:i("the built-in corners"),onReset:()=>t(null)}),hint:o?i(ic):void 0,children:Xt(Le,{min:Dn,max:Ur,step:1,value:e??Dn,readout:!1,ariaLabel:i(Qn),onChange:t})})}import{jsx as wt}from"react/jsx-runtime";import{SettingsDefaultReset as ac,SettingsField as sc,SettingsSegmented as lc}from"efficient-easel/panel";import{ShadowIcon as cc}from"efficient-easel/icons";var Jn={none:"None",soft:"Soft",lifted:"Lifted"},dc="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",pc={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)"},hc={labelsPx:90.25,widestLabelPx:34.6};function va({value:e,onChange:t,showHint:o=!0}){let a=e===null,l=e??zn;return wt(sc,{label:i("Card shadow"),icon:wt(cc,{}),value:i(Jn[l]),changed:!a,action:wt(ac,{words:ie()?.panel,label:i("Card shadow"),changed:!a,detail:i(Jn[zn]),onReset:()=>t(null)}),hint:o?i(dc):void 0,children:wt(lc,{options:Xr.map(s=>({id:s,label:i(Jn[s]),icon:wt("span",{className:"sf-shadow-chip",style:{boxShadow:pc[s]}})})),value:l,ariaLabel:i("Card shadow"),fit:hc,onChange:t})})}import{jsx as eo}from"react/jsx-runtime";import{SettingsDefaultReset as uc,SettingsField as fc}from"efficient-easel/panel";import{ShadowIcon as mc}from"efficient-easel/icons";var gc="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 Sa({value:e,onChange:t,showHint:o=!0}){let a=e===null;return eo(fc,{label:i("Shadow color"),icon:eo(mc,{}),changed:!a,action:pi({value:e??"",inherited:a?_n:void 0,onChange:t,label:"Shadow color",after:eo(uc,{words:ie()?.panel,label:i("Shadow color"),changed:!a,detail:_n,onReset:()=>t(null)})}),hint:o?i(gc):void 0})}import{jsx as Zt}from"react/jsx-runtime";import{SettingsDefaultReset as yc,SettingsField as bc}from"efficient-easel/panel";import{AlignSeparateIcon as xc}from"efficient-easel/icons";var wc="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",to="Block gap",vc=yi.Grid;function ka({value:e,onChange:t,showHint:o=!0}){let a=e===null;return Zt(bc,{label:i(to),labelId:"sf-block-gap",icon:Zt(xc,{}),value:a?void 0:`${e}px`,changed:!a,action:Zt(yc,{words:ie()?.panel,label:i(to),changed:!a,detail:i("each block's own spacing"),onReset:()=>t(null)}),hint:o?i(wc):void 0,children:Zt(Le,{min:qt.min,max:qt.max,step:qt.step,value:a?vc:e,readout:!1,ariaLabel:i(to),onChange:t})})}import{jsx as Qt}from"react/jsx-runtime";import{SettingsDefaultReset as Sc,SettingsField as kc,SettingsSegmented as Cc}from"efficient-easel/panel";import{HoverIcon as Tc}from"efficient-easel/icons";var no={none:"None",lift:"Lift",highlight:"Highlight"},Ic="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 Ca({value:e,onChange:t,showHint:o=!0}){let a=e===null,l=e??On;return Qt(kc,{label:i("Hover effect"),icon:Qt(Tc,{}),value:i(no[l]),changed:!a,action:Qt(Sc,{words:ie()?.panel,label:i("Hover effect"),changed:!a,detail:i(no[On]),onReset:()=>t(null)}),hint:o?i(Ic):void 0,children:Qt(Cc,{options:Zr.map(s=>({id:s,label:i(no[s])})),value:l,ariaLabel:i("Hover effect"),onChange:t})})}import{jsx as Jt}from"react/jsx-runtime";import{SettingsDefaultReset as Ec,SettingsField as Rc,SettingsSegmented as Pc}from"efficient-easel/panel";import{ImageIcon as Nc}from"efficient-easel/icons";var oo="Hero image",ro=[{followsWidth:!1,label:Mn.full},{followsWidth:!0,label:Mn.page}],Ac="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 Ta({value:e,onChange:t,showHint:o=!0}){let a=e===null,l=e??!1;return Jt(Rc,{label:i(oo),icon:Jt(Nc,{}),value:i(ro.find(s=>s.followsWidth===l).label),changed:!a,action:Jt(Ec,{words:ie()?.panel,label:i(oo),changed:!a,detail:i(ro.find(s=>!s.followsWidth).label),onReset:()=>t(null)}),hint:o?i(Ac):void 0,children:Jt(Pc,{options:ro.map(s=>({id:s.followsWidth,label:i(s.label)})),value:l,ariaLabel:i(oo),onChange:t})})}import{jsx as en}from"react/jsx-runtime";import{SettingsDefaultReset as Lc,SettingsField as Fc,SettingsSegmented as Dc}from"efficient-easel/panel";import{DropIcon as zc}from"efficient-easel/icons";var io="Photography",Ia={shot:"As shot",mono:"Black and white"},ao=[{grayscale:!1,label:Ia.shot},{grayscale:!0,label:Ia.mono}],Oc="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function Ea({value:e,onChange:t,showHint:o=!0}){let a=e===null,l=e??!1;return en(Fc,{label:i(io),icon:en(zc,{}),value:i(ao.find(s=>s.grayscale===l).label),changed:!a,action:en(Lc,{words:ie()?.panel,label:i(io),changed:!a,detail:i(ao.find(s=>!s.grayscale).label),onReset:()=>t(null)}),hint:o?i(Oc):void 0,children:en(Dc,{options:ao.map(s=>({id:s.grayscale,label:i(s.label)})),value:l,ariaLabel:i(io),onChange:t})})}import{jsx as tn}from"react/jsx-runtime";import{SettingsDefaultReset as _c,SettingsField as Hc}from"efficient-easel/panel";import{PaddingXIcon as Mc}from"efficient-easel/icons";var so="Side space",lo=yt.default,Bc="The room left at the left and right edge of every page.";function Ra({value:e,onChange:t,showHint:o=!0}){let a=e===null;return tn(Hc,{label:i(so),labelId:"sf-side-space",icon:tn(Mc,{}),value:`${e??lo}px`,changed:!a,action:tn(_c,{words:ie()?.panel,label:i(so),changed:!a,detail:`${lo}px`,onReset:()=>t(null)}),hint:o?i(Bc):void 0,children:tn(Le,{min:yt.min,max:yt.max,step:yt.step,value:e??lo,readout:!1,ariaLabel:i(so),onChange:t})})}import{jsx as nn}from"react/jsx-runtime";import{SettingsDefaultReset as Wc,SettingsField as jc}from"efficient-easel/panel";import{WidthIcon as qc}from"efficient-easel/icons";var co="Content width",po=gt.default,$c="The standard width every page on this site renders at.";function Pa({value:e,onChange:t,showHint:o=!0}){let a=e===null;return nn(jc,{label:i(co),labelId:"sf-site-width",icon:nn(qc,{}),value:`${e??po}px`,changed:!a,action:nn(Wc,{words:ie()?.panel,label:i(co),changed:!a,detail:`${po}px`,onReset:()=>t(null)}),hint:o?i($c):void 0,children:nn(Le,{min:gt.min,max:gt.max,step:gt.step,value:e??po,readout:!1,ariaLabel:i(co),onChange:t})})}import{jsx as D,jsxs as hn,Fragment as bo}from"react/jsx-runtime";import{FieldSelect as Ed}from"efficient-easel/fields";import{SettingsField as un}from"efficient-easel/panel";import{Tooltip as $a}from"efficient-shell/ui";import{AccentIcon as Rd,CaseIcon as Pd,StylesIcon as Nd,TextLinesIcon as Ka,TextSizeIcon as Ct,TextSmallIcon as Ad,TypeIcon as Ld,WeightIcon as Fd}from"efficient-easel/icons";import{jsx as T,jsxs as J,Fragment as St}from"react/jsx-runtime";import{useEffect as cn,useId as od,useRef as fo,useState as mo}from"react";import{jsx as rt,jsxs as Na}from"react/jsx-runtime";import{Tooltip as Gc}from"efficient-shell/ui";function Ve({label:e,onClear:t,what:o="override"}){let a=i(e),l=o==="override"?i("Clear override"):o==="change"?i("Clear change"):i("Clear {what}",{what:o}),s=o==="override"?i("Clear override: {label}",{label:a}):o==="change"?i("Clear change: {label}",{label:a}):i("Clear {what}: {label}",{what:o,label:a});return rt(Gc,{content:l,children:rt("button",{type:"button",className:"sf-part-mark","aria-label":s,onClick:t,children:rt(Kc,{})})})}function Kc(){return Na("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[rt("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),Na("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[rt("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),rt("path",{d:"M13 2.5V5h-2.6"})]})]})}import{FieldSelect as Ha,InspectorField as rd}from"efficient-easel/fields";import{SettingsField as Ma,SettingsGroup as id}from"efficient-easel/panel";import{InspectorUpLevel as dn}from"efficient-easel/chrome";import{StylesIcon as ad,TextColorIcon as sd,TypeIcon as Ba}from"efficient-easel/icons";import{useEasel as ld}from"efficient-easel/easel";import{Tooltip as cd}from"efficient-shell/ui";import{jsx as on,jsxs as ho}from"react/jsx-runtime";import{ColorSwatch as Uc,Tooltip as Vc}from"efficient-shell/ui";function Aa({value:e,label:t,colors:o,onChange:a}){let l=e===null,s=e||void 0,c=o.find(u=>u.key===s),p=c?c.value:s&&/^#[0-9a-f]{6}$/i.test(s)?s:void 0;return ho("div",{className:"sf-part-ink",children:[ho("div",{className:"sf-part-ink-top",children:[on("span",{className:"sf-part-ink-label",children:i(t)}),on("span",{className:"sf-part-ink-read",children:p?p.toUpperCase():l?i("Mixed"):i("Follows the style")})]}),ho("div",{className:"sf-part-ink-swatches",role:"group","aria-label":i(t),children:[o.map(u=>on(Vc,{content:`${i(u.name)} \xB7 ${u.value.toUpperCase()}`,children:on(Uc,{color:u.value,"aria-label":i(u.name),size:"sm",selected:s===u.key,onClick:()=>a(s===u.key?null:u.key)})},u.key)),hi({value:c?"":(p??"").toLowerCase(),label:"Any color",onChange:a})]})]})}import{jsx as uo,jsxs as Yc}from"react/jsx-runtime";import{COPY_CELLS as rn,CopyBox as Xc}from"efficient-easel/copy";import{PaddingYIcon as Zc,WidthIcon as Qc}from"efficient-easel/icons";var Jc=["left","center","right","justify"],ed=["bold","italic","underline","strike","link","sup","sub"],td=["bullet","number"];function La({text:e,onTextChange:t,multiline:o,markup:a=!0,styled:l=!0,style:s,base:c,setValue:p,colors:u,placeholder:b,ariaLabel:m,head:x}){let I=_r(s),w=s.size??c.sizePx,L=[{...rn.fontSize,value:s.size,styleValue:Math.round(c.sizePx),onChange:f=>p({size:f??null})},{...rn.lineHeight,value:I.lineHeight,styleValue:c.lineRatio,onChange:f=>p(f===void 0?{lineHeight:null,line:null}:{lineHeight:f})},{...rn.letterSpacing,scale:w,value:I.letterSpacingEm,styleValue:c.letterEm,onChange:f=>p(f===void 0?{letterSpacing:null,letter:null}:{letterSpacing:f})},{...rn.paragraphSpacing,value:s.paragraphSpacing,styleValue:0,onChange:f=>p({paragraphSpacing:f??null})},{key:"padding",name:i("Padding"),icon:uo(Zc,{}),unit:"px",step:Fr,shiftStep:10,min:Ar,max:Lr,value:s.padding,styleValue:c.paddingPx,onChange:f=>p({padding:f??null})},{key:"width",name:i("Width"),icon:uo(Qc,{}),unit:"px",step:zr,shiftStep:100,min:Dr,max:_t,value:s.width,styleValue:c.widthPx,onChange:f=>p({width:f??null})}],N=a?[...ed,...o?td:[]]:[];return Yc("div",{className:"sf-part-textbox",children:[x,uo(Xc,{value:e,onChange:t,multiline:o,placeholder:b,ariaLabel:m,rules:ur,tools:N,colors:a?u:[],align:l?{value:s.align??c.align,allow:Jc,onChange:f=>p({align:f})}:void 0,letterCase:l?{value:s.case??"",onChange:f=>p({case:f||null})}:void 0,cells:l?L:void 0})]})}function an(e,t){let o=wr(e);return o?.control==="textList"?t.rowKey===(o.itemKey??"text")?Ti(o,t.index):null:vr(e)?.[t.rowKey]??null}function Fa(e,t,o){let a=e.node.props,{key:l,row:s}=nt(e.propKey),c=s?Cr(a,l,s,e.kind,t):xr(a,l,e.kind,t);return c?(o(e.zone,e.index,{...e.node,props:c}),!0):!1}var nd={CollectionCard:"product",FooterMenu:"menu",Gallery:"product",GalleryItem:"product",ProductGrid:"product",ProductHero:"product",SpecTable:"product",Events:"blog",FeaturedCover:"blog",LongRead:"blog",SubscribeBlogs:"blog"},Da={product:"Synced from the product.",blog:"Synced from the blog post.",menu:"Synced from the site menu."},za="Open",Oa={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 vt(e){let t=e?.source?.slug;return typeof t=="string"&&t.length>0?t:void 0}function sn(e){return nd[e]??null}var dd={400:"Regular",500:"Medium",600:"Semibold",700:"Bold"},Wa=[{key:"font",label:"Font",group:"Style"},{key:"color",label:"Color",group:"Style"}],pd=[...new Set(Wa.map(e=>e.group))],hd={font:T(Ba,{}),color:T(sd,{})};function kt(e){return e?i(e):null}function Ye(e){return e.kind==="role"?Dt[e.role]:e.kind==="custom"?"Custom":null}var ud=e=>e.kind==="role"?`role:${e.role}`:e.kind;function fd(e){let t=e.role;return t&&Ft.includes(t)?{kind:"role",role:t}:null}function md(e,t){if(!e)return{kind:"unread"};let{faceRole:o,base:a}=e;if(t[o]===a.fontKey)return{kind:"role",role:o};let l=Object.keys(t).filter(s=>t[s]===a.fontKey);return l.length===1?{kind:"role",role:l[0]}:{kind:"custom"}}function go(e,t,o,a){return fd(Fn(e,t))??md(o,a)}function ja(e,t,o,a){return Ye(go(e,t,o,a))}function yo(e,t){if(!e.length)return null;let o=t(e[0]);return e.every(a=>t(a)===o)?o:null}function gd(e){return Object.values(e).filter(t=>t!==void 0).length}function yd(e,t){let o=e.style[t];return t==="color"?o??"":o!==void 0?String(o):e.base.fontKey}function bd({face:e,base:t,onPick:o}){let[a,l]=mo(!1),s=fo(null),c=fo(null),p=od();cn(()=>{if(!a)return;let m=x=>{s.current&&!s.current.contains(x.target)&&l(!1)};return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[a]);let u=e.kind==="role"?e.role:null,b=m=>{o(m),l(!1),c.current?.focus()};return J("div",{className:"sf-part-style-pick",ref:s,children:[J("button",{ref:c,type:"button",className:"sf-part-style-trigger","aria-expanded":a,"aria-controls":p,"aria-label":Ye(e)?i("Follows {name} \u2014 change",{name:kt(Ye(e))}):i("Follows no style \u2014 change"),onClick:()=>l(m=>!m),onKeyDown:m=>{m.key==="Escape"&&a&&(m.preventDefault(),l(!1))},children:[T("span",{className:"sf-part-style-name",style:{fontFamily:t?.fontKey?`var(${Ce(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:kt(Ye(e))}),T("span",{className:"sf-part-style-sign","aria-hidden":"true"})]}),a&&J("div",{className:"sf-multi-menu sf-part-style-menu",id:p,role:"listbox",onKeyDown:m=>{m.key==="Escape"&&(m.preventDefault(),l(!1),c.current?.focus())},children:[J("button",{type:"button",role:"option","aria-selected":u===null,className:`sf-part-style-option${u===null?" is-on":""}`,onClick:()=>b(null),children:[T("span",{className:"sf-part-style-option-name",children:i("No style")}),T("span",{className:"sf-note",children:i("Section\u2019s own")})]}),Ft.map(m=>T("button",{type:"button",role:"option","aria-selected":u===m,className:`sf-part-style-option${u===m?" is-on":""}`,onClick:()=>b(m),children:T("span",{className:"sf-part-style-option-name",style:{fontFamily:`var(--font-role-${m})`},children:i(Dt[m])})},m))]})]})}var ln="";function xd({face:e,base:t,onPick:o}){let a=e.kind==="role"?e.role:ln,l=[{label:i("No style"),value:ln},...Ft.map(s=>({label:i(Dt[s]),value:s}))];return T(Ha,{ariaLabel:i("Style"),value:a,options:l,inline:!0,onChange:s=>o(s===ln?null:s),renderOption:s=>s.value===ln?J(St,{children:[T("span",{className:"es-fsel-label sf-part-style-keep",children:s.label}),T("span",{className:"sf-part-style-aside","aria-hidden":"true",children:i("Section\u2019s own")})]}):T("span",{className:"es-fsel-label",style:{fontFamily:`var(--font-role-${s.value})`},children:s.label}),renderValue:()=>T("span",{style:{fontFamily:t?.fontKey?`var(${Ce(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:kt(Ye(e))}),valueText:s=>kt(Ye(e))??s?.label??""})}function wd({parts:e,onEditStyle:t,onClearAll:o,onFollowStyle:a,kindLabel:l}){let s=yo(e,m=>ud(m.face))?e[0].face:null,c=s?Ye(s):null,p=s&&s.kind!=="unread"?e[0].base:null,u=e.reduce((m,x)=>m+gd(x.style),0),b=p?Ce(p.fontKey)?.label:void 0;return J("div",{className:`sf-part-style${u?" has-overrides":""}`,children:[T("div",{className:"sf-part-style-caption",children:i("Style")}),e.length>1&&T("div",{className:"sf-part-style-count",children:i("{n} selected",{n:e.length})}),e.length===1&&l&&T("div",{className:"sf-part-style-count",children:i("{kind} \xB7 every row",{kind:i(l)})}),c&&p?J(St,{children:[a&&s?T(bd,{face:s,base:p,onPick:a}):T("div",{className:"sf-part-style-name",style:{fontFamily:b?`var(${Ce(p.fontKey)?.cssVar})`:void 0,fontWeight:p.weight},children:i(c)}),T("div",{className:"sf-part-style-meta",children:[b,`${Math.round(p.sizePx)} px`,i(dd[p.weight])].filter(Boolean).join(" \xB7 ")})]}):T("div",{className:"sf-part-style-name",children:i("Mixed styles")}),J("div",{className:"sf-part-style-top",children:[c?u?J(St,{children:[T("span",{className:"sf-part-chip",children:i("{n} changed",{n:u})}),T("button",{type:"button",className:"sf-part-link",onClick:o,children:i("Clear")})]}):T("span",{className:"sf-part-style-state",children:i("This text follows the site style.")}):T("span",{className:"sf-part-style-state",children:i("Changes apply to all selected.")}),T("span",{className:"sf-part-style-gap"}),c&&t&&T("button",{type:"button",className:"sf-part-link",onClick:t,children:i("Edit")})]})]})}function vd({sectionName:e,onBack:t,textEditor:o,styleRow:a,children:l}){return J("div",{className:"sf-part-panel",children:[T(dn,{inline:!0,name:i(e),onSelect:t}),o,a,l]})}function pn({source:e,slug:t}){let o=jt(),a=Oa[e],l=!a.needsSlug||!!t;return T("div",{className:"sf-note sf-note--source",children:J("p",{className:"es-field-hint sf-hint-keep",children:[i(Da[e]),l?J(St,{children:[" ",T("button",{type:"button",className:"sf-source-open",onClick:()=>{a.type==="storefront-editor:open-menus"?o.send(a.type):t&&o.send(a.type,{slug:t})},children:i(za)})]}):null]})})}var _a=4,Sd=120;function kd({region:e,sizePx:t,face:o,base:a,onFollowStyle:l,source:s,slug:c,onBack:p}){let u=e.follows;return J("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:i(e.label)})}),T("p",{children:t?i("Its size follows Site styles \u25B8 {follows} \u2014 {px}px right now.",{follows:i(u),px:Math.round(t)}):i("Its size follows Site styles \u25B8 {follows}.",{follows:i(u)})}),l?T(St,{children:T(Ma,{label:i("Style"),icon:T(ad,{}),hint:i("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:i(e.label).toLowerCase()}),children:T(xd,{face:o,base:a,onPick:l})})}):T("p",{className:"es-field-hint sf-hint-keep",children:i("Only the size follows a site style. This section sets its own font, weight and letter case.")}),s?T(pn,{source:s,slug:c}):null,T(dn,{inline:!0,name:i("Page"),onSelect:p})]})}function Cd({onBack:e}){return J("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:i("This part is no longer here.")})}),T("p",{children:i("The section it belonged to has been changed or removed.")}),T(dn,{inline:!0,name:i("Page"),onSelect:e})]})}function Td({onBack:e,partId:t,why:o}){return J("div",{className:"sf-note",children:[T("p",{children:T("strong",{children:i("This part's settings did not open.")})}),T("p",{children:i("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.")}),T("p",{className:"sf-note-detail",children:J("code",{children:[t," \u2014 ",o]})}),T(dn,{inline:!0,name:i("Page"),onSelect:e})]})}function qa({nodeId:e,propKey:t,onBack:o,onEditStyle:a}){let{getItemById:l,getSelectorForId:s,config:c}=ld(A=>A),p=Wt(),{partStyle:u}=Ot(),{fonts:b}=ne(),[m,x]=mo({}),I=fo(null),w=l(e),L=s(e),N=w?c.components[w.type]:void 0,{key:f,row:E}=nt(t),v=N?.fields?.[f],h=E?an(v,E):v,y=mt(e,t),R=w?.props??{},C=gr(h),Z=vi(h),M=Er(h),le=w?sn(w.type):null,H=E?Sr(R[f],E):R[f],q=!!E&&!(Array.isArray(R[f])&&E.index<R[f].length);cn(()=>{I.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[y]);let[pe,ae]=mo(0);cn(()=>ae(0),[y]);let F=!!w&&!q&&(!L||!h);cn(()=>{if(!F||pe>=_a)return;let A=setTimeout(()=>ae(X=>X+1),Sd);return()=>clearTimeout(A)},[F,pe]);let re=F&&pe<_a;if(!w||q)return T(Cd,{onBack:o});let fe=Mi(w.type),Re=fe?Hi(fe,t):null;if(fe&&Re){let A=u?.partId===y?u:null,X=fe[Re],ye=X.writable===!0&&!!L,be=de=>{L&&p.replaceComponent(L.zone,L.index,{...w,props:Ht(R,t,"role",de)})};return T(kd,{region:X,sizePx:A?.base.sizePx??null,face:go(R,t,A,b),base:A?.base??null,onFollowStyle:ye?be:void 0,source:le,slug:vt(R),onBack:o})}if(!L||!h)return re?T("div",{className:"sf-note","aria-busy":"true"}):T(Td,{onBack:o,partId:y,why:L?"no field":"no selector"});let we=A=>{p.replaceComponent(L.zone,L.index,{...w,props:A})},ve=A=>{if(Oe(A).hidden!==Oe(H).hidden||!C){let X=E?kr(R,f,E,A):{...R,[f]:A};X&&we(X);return}Fa({node:w,propKey:t,kind:C,zone:L.zone,index:L.index},Oe(A).text,p.replaceComponent)},Me=H,me=li(w?.type,t),ge=Fn(R,me),ee=u?.partId===y?u:null,K=[{partKey:me,face:go(R,me,ee,b),sizeGroup:ee?.sizeGroup??null,base:ee?.base??Id,style:ge}],te=yo(K,A=>A.sizeGroup),S=hr(ee?.inks),j=(A,X)=>{let ye=R;for(let be of K)ye=Ht(ye,be.partKey,A,X);we(ye)},$=A=>j("role",A),ce=()=>{let A=R;for(let X of K)A=Or(A,X.partKey);we(A)},Pe=A=>{let X=R;for(let ye of K)for(let[be,de]of Object.entries(A))X=Ht(X,ye.partKey,be,de??null);we(X)},ht=(A,X)=>{let ye=K.some(Ae=>Ae.style[A]!==void 0),be=yo(K,Ae=>yd(Ae,A)),de=be===null,Je=`sf-part-${e}-${t}-${A}`;return A==="color"?T(Aa,{value:de?null:String(be),label:X,colors:S,onChange:Ae=>j("color",Ae)},A):T(Ma,{label:i(X),icon:hd[A],className:"sf-part-field",changed:ye,htmlFor:Je,action:ye?T(Ve,{label:X,onClear:()=>j(A,null)}):void 0,children:A==="font"?T(Ha,{id:Je,ariaLabel:i(X),value:!de&&Ce(String(be))?String(be):void 0,placeholder:de?i("Mixed"):i("Site style"),options:sr.map(Ae=>({label:Ae.label,value:Ae.key})),onChange:Ae=>j("font",Ae||null)}):null},A)},he=C==="text"||C==="textarea",{text:Ne,hidden:Se}=Oe(H),Qe=h?.[mr]?.label??t,At=Se?i("Show {label} on the slide",{label:i(Qe)}):i("Hide {label} on the slide",{label:i(Qe)}),Nl=J("div",{className:"sf-field-head",children:[T(Ba,{}),T("span",{className:"sf-field-label sf-field-label--inline",children:i(Qe)}),he&&T(cd,{content:At,children:T("button",{type:"button",className:"sf-field-eye","aria-pressed":Se,"aria-label":At,onClick:()=>ve({text:Ne,hidden:!Se}),children:Se?T(Te,{name:"eye-off",size:14}):T(Te,{name:"eye",size:14})})})]}),Rn=!Z&&M;return J(vd,{sectionName:N?.label??w.type,onBack:o,textEditor:J("div",{ref:I,className:"sf-part-text",children:[C?T(La,{text:Ne,onTextChange:A=>ve(he?{text:A,hidden:Se}:A),multiline:yr(C),markup:C!=="plainText",styled:Rn,style:K[0].style,base:K[0].base,setValue:Pe,colors:S.map(A=>({name:A.key,label:i(A.name),value:A.value})),placeholder:kt(br(h))??void 0,ariaLabel:i(Qe),head:Nl}):T(rd,{field:h,name:t,value:Me,onChange:ve,id:`sf-part-${e}-${t}`}),Rn&&C&&te===null&&T("p",{className:"es-field-hint sf-hint-keep",children:i("Fixed size \u2014 the site\u2019s Text setting doesn\u2019t resize this.")})]}),children:[le&&T(pn,{source:le,slug:vt(R)}),Rn&&pd.map(A=>{let X=Wa.filter(de=>de.group===A),ye=X.filter(de=>K.some(Je=>Je.style[de.key]!==void 0)).length,be=`sf-part-g-${e}-${t}-${A.replace(/\W+/g,"-")}`;return J(id,{id:be,title:i(A),open:m[A]!==!0,onToggle:de=>x(Je=>({...Je,[A]:!de})),count:ye,children:[T(wd,{parts:K,onEditStyle:a,onClearAll:ce,onFollowStyle:$,kindLabel:si[me]}),X.map(de=>ht(de.key,de.label))]},A)})]})}var Id={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:_t};var Dd=[{role:"heading",title:"Heading 1",group:"heading",step:"headingLarge",base:17,icon:D(Ct,{})},{role:"heading2",title:"Heading 2",group:"heading",step:"headingMedium",base:15,icon:D(Ct,{})},{role:"heading3",title:"Heading 3",group:"heading",step:"headingSmall",base:13,icon:D(Ct,{})},{role:"accent",title:"Accent",step:"accent",base:15,icon:D(Rd,{})},{role:"body",title:"Body",group:"body",step:"body",base:14,icon:D(Ka,{})},{role:"label",title:"Labels",group:"label",step:"label",base:11,icon:D(Ad,{})}];var zd=9,it=500,Od=100,_d=80,Hd=4,Md=600,Bd=700,Wd=400,jd="0.18em";function qd({id:e,value:t,onChange:o}){let a=cr().flatMap(([s,c])=>c.map(p=>({label:p.label,value:p.key,group:i(lr[s])}))),l=(s,c)=>D("span",{style:{fontFamily:`var(${Ce(s)?.cssVar??"--font-body"})`},children:c});return D(Ed,{id:e,value:t,onChange:o,options:a,renderOption:s=>l(s.value,s.label),renderValue:s=>s?l(s.value,s.label):null})}function $d({label:e,icon:t,readout:o,min:a,max:l,step:s,value:c,onChange:p,action:u,hint:b}){return D(un,{label:i(e),icon:t,value:o,action:u,hint:b,children:D(Le,{min:a,max:l,step:s,value:c,readout:!1,ariaLabel:i(e),onChange:p})})}function xo({label:e,icon:t,value:o,fallback:a,min:l,max:s,step:c,suffix:p="",hint:u,onChange:b}){let m=o===null;return D($d,{label:e,icon:t,readout:m?i("Auto"):`${o}${p}`,min:l,max:s,step:c,value:m?a:o,onChange:b,action:m?null:D(Ve,{label:e,what:"change",onClear:()=>b(null)}),hint:u})}function Ga({label:e,icon:t,options:o,value:a,onChange:l,hint:s,action:c}){return D(un,{label:i(e),icon:t,value:Gd(o.find(p=>p.value===a)?.label),hint:s,action:c,children:D("div",{className:"sf-rungs",children:o.map(p=>D("button",{type:"button","aria-pressed":p.value===a,onClick:()=>l(p.value),className:`sf-rung${p.value===a?" is-active":""}`,children:i(p.label)},p.value))})})}var Gd=e=>e===void 0?void 0:i(e),Kd=[{value:"authored",label:"As designed"},{value:"sentence",label:"As typed"}],Ud=[{value:"normal",label:"Normal"},{value:"tight",label:"Tight"},{value:"compressed",label:"Compressed"}];function Vd({fontKey:e,weight:t,fallbackWeight:o,onWeight:a}){let l=(t??o)>=Md,s=dr(e),c=Ce(e)?.label??i("This face");return D(un,{label:i("Style"),icon:D(Nd,{}),value:l?i("Bold"):i("Normal"),hint:i("Bold is the weight above \u2014 one value, two ways to set it."),children:hn("div",{className:"sf-rungs",children:[D($a,{content:i("Bold"),className:"sf-rung-tip",children:D("button",{type:"button","aria-pressed":l,"aria-label":i("Bold"),onClick:()=>a(l?Wd:Bd),className:`sf-rung sf-rung--glyph${l?" is-active":""}`,style:{fontWeight:700},children:"B"})}),D($a,{className:"sf-rung-tip",content:s?i("Italic is not saved yet \u2014 the theme row has no column for it (card 66162.b)."):i("{face} is loaded without an italic, so it cannot be set in italic. Slanting it would deform the letters rather than style them.",{face:c}),children:D("span",{className:"sf-tip-disabled",tabIndex:0,children:D("button",{type:"button","aria-pressed":!1,"aria-label":i("Italic"),disabled:!0,className:"sf-rung sf-rung--glyph",style:{fontStyle:"italic"},children:"I"})})})]})})}function Ua({fonts:e,compression:t,headingTypography:o,openRole:a,onOpenRole:l,onFontChange:s,sizes:c,onSizeChange:p,onCompressionChange:u,onHeadingTypographyChange:b,livePx:m,savedRole:x=null}){let I=f=>b({...o,...f}),w=f=>f==="accent"?"weightStrong":f==="heading2"?"weight2":f==="heading3"?"weight3":"weight",L=f=>f==="heading2"?"case2":f==="heading3"?"case3":"case",N=ei(t);return D("div",{className:"sf-style-list",children:Dd.map(f=>{let E=a===f.role;return D(gi,{styleKey:f.role,label:f.title,icon:f.icon,value:Ce(e[f.role])?.label??e[f.role],sampleStyle:Yd(f,e,o,N),open:E,onToggle:()=>l(E?null:f.role),saved:x===f.role,children:E&&hn(bo,{children:[D(un,{label:i("Font"),icon:D(Ld,{}),htmlFor:`sf-font-${f.role}`,action:e[f.role]===An[f.role]?null:D(Ve,{label:"Font",what:"change",onClear:()=>s(f.role,An[f.role])}),children:D(qd,{id:`sf-font-${f.role}`,value:e[f.role],onChange:v=>s(f.role,v)})}),f.step&&p&&D(xo,{label:"Size",icon:D(Ct,{}),value:c[f.step],fallback:f.base*2,min:qr,max:$r,step:Gr,suffix:"px",hint:c[f.step]===null?i("Auto = this style states no size, and text following it keeps the size its section drew."):i("The size a text takes when you set it to follow this style. Sections keep their own sizes."),onChange:v=>p(f.step,v)}),(tt(f.role)||f.role==="accent")&&hn(bo,{children:[D(xo,{label:"Weight",icon:D(Fd,{}),value:o[w(f.role)],fallback:tt(f.role)?it:o.weight??it,min:ti,max:ni,step:Od,hint:f.role==="accent"?i("Auto = the accent phrase takes the heading's own weight."):void 0,onChange:v=>I({[w(f.role)]:v})}),D(Vd,{fontKey:e[f.role],weight:o[w(f.role)],fallbackWeight:tt(f.role)?it:o.weight??it,onWeight:v=>I({[w(f.role)]:v})})]}),tt(f.role)&&hn(bo,{children:[D(Ga,{label:"Line & text gap",icon:D(Ka,{}),options:Ud,value:t,onChange:u,hint:N.lineHeight===void 0?i("The built-in spacing."):i("Line gap {line} \xB7 text gap {letter}em.",{line:N.lineHeight,letter:String(N.letterSpacing)}),action:t===Hn?null:D(Ve,{label:"Line & text gap",what:"change",onClear:()=>u(Hn)})}),D(Ga,{label:"Capitals",icon:D(Pd,{}),options:Kd,value:o[L(f.role)],onChange:v=>I({[L(f.role)]:v}),hint:i("The only setting that changes a heading's capitals."),action:o[L(f.role)]==="authored"?null:D(Ve,{label:"Capitals",what:"change",onClear:()=>I({[L(f.role)]:"authored"})})}),D(xo,{label:"Largest size",icon:D(Ct,{}),value:o.maxPx,fallback:_d,min:oi,max:ri,step:Hd,suffix:"px",hint:i("Caps the biggest heading on the site. Auto = each section's own."),onChange:v=>I({maxPx:v})})]})]})},f.role)})})}function Yd(e,t,o,a){let l=Math.max(zd,e.base),s={fontFamily:`var(${Ce(t[e.role])?.cssVar??"--font-body"})`,fontSize:`${l.toFixed(1)}px`,lineHeight:1.15};return tt(e.role)?(s.fontWeight=o.weight??it,s.textTransform=o.case==="sentence"?"none":"uppercase",a.letterSpacing!==void 0&&(s.letterSpacing=`${a.letterSpacing}em`)):e.role==="accent"?(s.fontWeight=o.weightStrong??o.weight??it,a.letterSpacing!==void 0&&(s.letterSpacing=`${a.letterSpacing}em`)):e.role==="label"&&(s.textTransform="uppercase",s.letterSpacing=jd),s}import{SettingsTabs as Zd}from"efficient-easel/panel";import{Tooltip as Wy,tabButtonId as Qd,tabPanelId as Jd}from"efficient-shell/ui";import{ContrastIcon as ep,NoteIcon as tp,SettingsIcon as np,TypeIcon as op}from"efficient-easel/icons";function Va(e){switch(e.status){case"saved":return null;case"failed":return{msg:i("Not saved. Try again."),tone:"error"};case"skipped":switch(e.reason){case"empty":return null;case"no-token":return{msg:i("Not saved. Reload the page."),tone:"error"};case"template":return{msg:i("Templates keep their look. Press Done."),tone:"success"}}}}import{gotoPreviewSlide as Sy,pinPreviewToBottom as Ya,pinPreviewToSection as fn,previewFrame as Xa,scrollPreviewToSection as Za,scrollPreviewToTop as wo}from"efficient-easel/screen/lib/puck/preview-dom";var vo="sf-site-styles",rp="sf-site-styles-tabpanel",ko=!1,ip="Show hints";function Co({shown:e,onChange:t}){return W("div",{className:"sf-hints",children:st("button",{type:"button","aria-pressed":e,onClick:()=>t(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[W(tp,{size:13}),i(ip)]})})}var Ja="text",at=[{id:"basics",label:"Basics",icon:W(np,{})},{id:"theme",label:"Theme",icon:W(ep,{})},{id:"text",label:"Text",icon:W(op,{})}];function ap({themeFromDocument:e,persist:t}){let{appState:o,dispatch:a}=So(b=>b),{theme:l,setTheme:s}=ne(),c=o.data,p=c.root?.props??{},u=b=>{if(e){let m={...p,theme:b};a({type:"replaceRoot",root:{...c.root,props:m},recordHistory:!0})}else s(b);t({selected_preset:b.selected,theme_presets:b.themes})};return W(xa,{value:e?p.theme:l,onChange:u})}function sp(e,t){let[o,a]=mn(null),l=Qa(null),s=JSON.stringify(e),c=Qa(t);return c.current=t,Xd(()=>{if(l.current===null){l.current=s;return}if(l.current===s)return;l.current=s;let p=window.setTimeout(()=>a(c.current),700),u=window.setTimeout(()=>a(null),2200);return()=>{window.clearTimeout(p),window.clearTimeout(u)}},[s]),o}function lp({themeFromDocument:e,persist:t}){let{appState:o,dispatch:a}=So(C=>C),[l,s]=mn(null),{fonts:c,setFonts:p,sizes:u,setSizes:b,headingCompression:m,setHeadingCompression:x,headingTypography:I,setHeadingTypography:w}=ne(),L=o.data,N=L.root?.props??{},f=e?pr(N.fonts):c,E=e?jr:u,v=e?Jr(N.headingCompression):m,h=e?ii(N.headingTypography):I,y=C=>a({type:"replaceRoot",root:{...L.root,props:{...N,...C}},recordHistory:!0}),R=sp({curFonts:f,curCompression:v,curTypography:h},l);return W(Ua,{fonts:f,sizes:E,compression:v,headingTypography:h,openRole:l,onOpenRole:s,onFontChange:(C,Z)=>{let M={...f,[C]:Z};e?y({fonts:M}):p(M),t({heading_font:M.heading,body_font:M.body,accent_font:M.accent,label_font:M.label})},onSizeChange:e?void 0:(C,Z)=>{let M={...E,[C]:Z};b(M),t({heading_size_large_px:M.headingLarge,heading_size_medium_px:M.headingMedium,heading_size_small_px:M.headingSmall,accent_size_px:M.accent,body_size_px:M.body,label_size_px:M.label})},onCompressionChange:C=>{e?y({headingCompression:C}):x(C),t({heading_compression:C})},onHeadingTypographyChange:C=>{e?y({headingTypography:C}):w(C),t(ai(C))},livePx:dp,savedRole:R})}var cp={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 dp(e){if(typeof document>"u")return null;let t=(Xa()?.contentDocument??document).querySelector(cp[e]);if(!t)return null;let o=parseFloat(getComputedStyle(t).fontSize);return Number.isFinite(o)?o:null}function pp({themeFromDocument:e,persist:t,showHint:o}){let{appState:a,dispatch:l}=So(I=>I),{cornerRadiusPx:s,setCornerRadiusPx:c}=ne(),p=a.data,u=p.root?.props??{},b=u.cornerRadiusPx===void 0?Vr[Kr(u.cornerStyle)]:Yr(u.cornerRadiusPx),m=e?b:s,x=I=>l({type:"replaceRoot",root:{...p.root,props:{...u,...I}},recordHistory:!0});return W(wa,{value:m,onChange:I=>{e?x({cornerRadiusPx:I}):c(I),t({corner_radius_px:I})},showHint:o})}function hp(e){return{site_width:e}}function up({persist:e,showHint:t}){let{siteWidth:o,setSiteWidth:a}=ne();return W(Pa,{value:o,onChange:l=>{a(l),e(hp(l),l===null)},showHint:t})}function fp(e){return{block_gap:e}}function mp(e){return{site_gutter:e}}function gp({persist:e,showHint:t}){let{siteGutter:o,setSiteGutter:a}=ne();return W(Ra,{value:o,onChange:l=>{a(l),e(mp(l),l===null)},showHint:t})}function yp({persist:e,showHint:t}){let{blockGap:o,setBlockGap:a}=ne();return W(ka,{value:o,onChange:l=>{a(l),e(fp(l),l===null)},showHint:t})}function bp({persist:e,showHint:t}){let{heroBackgroundFollowsWidth:o,setHeroBackgroundFollowsWidth:a}=ne();return W(Ta,{value:o,onChange:l=>{a(l),e({hero_background_follows_width:l},!0)},showHint:t})}function xp({persist:e,showHint:t=!0}){return st(Tt,{children:[W(up,{persist:e,showHint:t}),W(gp,{persist:e,showHint:t}),W(yp,{persist:e,showHint:t}),W(bp,{persist:e,showHint:t})]})}function wp(e){return{card_shadow:e}}function vp(e){return e===null?{shadow_color:null}:{shadow_color:Qr(e)}}function Sp(e){return{hover_effect:e}}function kp({persist:e,showHint:t=!0}){let{cardShadow:o,setCardShadow:a,shadowColor:l,setShadowColor:s,hoverEffect:c,setHoverEffect:p}=ne();return st(Tt,{children:[W(va,{value:o,onChange:u=>{a(u),e(wp(u),!0)},showHint:t}),W(Sa,{value:l,onChange:u=>{s(u),e(vp(u),u===null)},showHint:t}),W(Ca,{value:c,onChange:u=>{p(u),e(Sp(u),!0)},showHint:t})]})}function Cp(e){return{photography_grayscale:e}}function Tp({persist:e,showHint:t}){let{photographyGrayscale:o,setPhotographyGrayscale:a}=ne();return W(Ea,{value:o,onChange:l=>{a(l),e(Cp(l),!0)},showHint:t})}function Ip({persist:e,showHint:t=!0}){return W(Tt,{children:W(Tp,{persist:e,showHint:t})})}function lt(){let{websiteName:e}=ne();return e?.trim()||Ri}function gn({themeFromDocument:e=!1,tokenRef:t,siteId:o,onNotify:a,tab:l,onTabChange:s}){let{persist:c}=fi({themeFromDocument:e,tokenRef:t,siteId:o,onResult:N=>{let f=Va(N);f&&a?.(f.msg,f.tone)}}),[p,u]=mn(at[0].id),b=l!==void 0,m=b?l:p,x=b?s??(()=>{}):u,I=at.find(N=>N.id===m)??at[0],[w,L]=mn(ko);return st(Tt,{children:[W(Zd,{items:at.map(N=>({...N,label:i(N.label)})),activeId:I.id,onSelect:x,ariaLabel:i("Site styles"),idPrefix:vo}),st("div",{id:Jd(vo,I.id),className:rp,role:"tabpanel","aria-labelledby":Qd(vo,I.id),children:[m==="basics"&&st(Tt,{children:[W(pp,{themeFromDocument:e,persist:c,showHint:w}),!e&&W(kp,{persist:c,showHint:w}),!e&&W(xp,{persist:c,showHint:w}),!e&&W(Ip,{persist:c,showHint:w}),W(Co,{shown:w,onChange:L})]}),m==="theme"&&W(ap,{themeFromDocument:e,persist:c}),m==="text"&&W(lp,{themeFromDocument:e,persist:c})]})]})}import{InspectorIconButton as Np}from"efficient-easel/chrome";import{Button as ns,Dialog as Ap,FormField as Lp,Input as Fp,Tooltip as To}from"efficient-shell/ui";import{AddIcon as Dp}from"efficient-easel/icons";import{PagesIcon as zp}from"efficient-easel/rail";var os="sf-editor-pages-collapsed-groups",Op=e=>e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),rs=(e,t)=>{let o=Op(e)||"page";if(!t.has(o))return o;let a=2;for(;t.has(`${o}-${a}`);)a+=1;return`${o}-${a}`};function is({onNavigate:e,onClose:t,activeSurface:o,onPreviewSurface:a}){let l=je().chrome?.pageRows,s=jt(),{adapter:c,capabilities:p,ready:u,currentSlug:b}=ue(),m=lt(),[x,I]=Xe(null),[w,L]=Xe(""),[N,f]=Xe(!1),[E,v]=Xe(null),[h,y]=Xe(!1),[R,C]=Xe(""),Z=Pp(),M=Rp(async()=>{if(u)try{I(await c.listPages())}catch{I([])}},[c,u]);es(()=>{I(null),M()},[M]);let[le,H]=Xe(()=>{if(typeof window>"u")return new Set;try{let S=window.localStorage.getItem(os);return new Set(S?JSON.parse(S):[])}catch{return new Set}});es(()=>{try{window.localStorage.setItem(os,JSON.stringify([...le]))}catch{}},[le]);let q=S=>H(j=>{let $=new Set(j);return $.has(S)?$.delete(S):$.add(S),$}),pe=ts(()=>qi(x??[]),[x]),ae=w.trim().toLowerCase(),F=S=>!ae||S.toLowerCase().includes(ae),re=S=>ae?!0:!le.has(S),fe=ts(()=>new Set((x??[]).map(S=>S.slug)),[x]),Re=()=>{if(p.pageCreationInAdminForm){s.send("storefront-editor:new-page");return}C(""),v(null),y(!0)},we=async()=>{let S=R.trim();if(!(!S||!u||N||!c.createPage)){f(!0),v(null);try{let j=await c.createPage({slug:rs(S,fe),title:S,layout:{}});await M(),y(!1),C(""),e(j.slug)}catch{v(i("Couldn\u2019t add the page \u2014 please retry."))}finally{f(!1)}}},ve=async S=>{if(!(!u||N||!c.deletePage||(x??[]).length<=1)){f(!0);try{await c.deletePage(S.id);let j=(x??[]).filter($=>$.id!==S.id);I(j),v(null),S.slug===b&&j[0]&&e(j[0].slug)}catch{v(i("Couldn\u2019t delete the page \u2014 please retry."))}finally{f(!1)}}},Me=S=>s.send("storefront-editor:open-page",{slug:S}),me=S=>{if(!F(S.label))return null;let j=!o&&S.slug===b,$=p.canDeletePagesInline&&(x??[]).length>1;return Fe("div",{className:`sf-row sf-prow ${j?"is-selected":""}`,onClick:()=>e(S.slug),children:[z("span",{className:"sf-chip",children:z(_p,{})}),z("span",{className:"sf-row-name",children:S.label}),ji(S)&&z("span",{className:"sf-badge-dynamic",children:i("Dynamic")}),S.kind==="lightbox"&&z("span",{className:"sf-badge-lightbox",children:i("Lightbox")}),S.draft&&z("span",{className:"sf-page-draft",children:i("draft")}),p.pageCreationInAdminForm&&z(To,{content:i("Edit \u201C{name}\u201D in {place}",{name:S.label,place:i("the admin")}),children:z("button",{type:"button",className:"sf-page-edit","aria-label":i("Edit {name} in {place}",{name:S.label,place:i("the admin")}),onClick:ce=>{ce.stopPropagation(),Me(S.slug)},children:z(Te,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})})}),$&&z(To,{content:i("Delete \u201C{name}\u201D",{name:S.label}),children:z("button",{type:"button",className:"sf-page-edit sf-page-edit--danger",disabled:N,"aria-label":i("Delete {name}",{name:S.label}),onClick:ce=>{ce.stopPropagation(),ve(S)},children:z(Te,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})})]},S.id)},ge=(S,j,$)=>{let ce=$.filter(Boolean);if(ce.length===0)return null;let Pe=re(S);return Fe("div",{className:"sf-pgroup",children:[Fe("button",{type:"button",className:"sf-pgroup-head","aria-expanded":Pe,onClick:()=>q(S),children:[z(Te,{name:"chevron-right",size:10,strokeWidth:2.6,rounded:!0,style:{transform:Pe?"rotate(90deg)":"none",transition:"transform 0.14s"}}),z("span",{className:"sf-pgroup-label",children:j}),z("span",{className:"sf-pgroup-count",children:ce.length})]}),Pe&&z("div",{className:"sf-pgroup-body",children:ce})]},S)},ee=(l?.rows??[]).filter(S=>F(S.label)).map(S=>{let j=o===S.key;return Fe("div",{className:`sf-row sf-prow sf-prow--shop ${j?"is-selected":""}`,onClick:()=>a(S.key),children:[z("span",{className:"sf-chip",children:S.icon}),z("span",{className:"sf-row-name",children:S.label}),z("span",{className:"sf-badge-preview",children:i("Preview")}),z(To,{content:i("Open the {name} in a new tab",{name:S.label}),children:z("a",{className:"sf-page-edit",href:S.href,target:"_blank",rel:"noopener noreferrer","aria-label":i("Open the {name} in a new tab",{name:S.label}),onClick:$=>$.stopPropagation(),children:z(Te,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})})})]},S.key)}),K=p.hasSiteSettings&&!!l,te=(()=>{if(x===null)return null;let S=[],j=!1;for(let $ of pe){K&&!j&&$.key.startsWith("system:")&&(S.push(ge("shop",l.title,ee)),j=!0);let ce=$.key===Wi||$.label===Bi?i($.label):$.label;S.push(ge($.key,ce,$.rows.map(me)))}return K&&!j&&S.push(ge("shop",l.title,ee)),S})();return Fe("div",{className:"sf-pages",children:[z(Vt,{icon:z(zp,{}),title:i("Pages"),context:m,actions:z(Np,{label:i("New page"),onClick:Re,children:z(Dp,{size:15})}),onHide:t}),Fe("div",{className:"sf-pages-search",children:[z(Te,{name:"search",size:14,rounded:!0}),z("input",{type:"search",className:"sf-pages-search-input",placeholder:i("Search all pages\u2026"),value:w,onChange:S=>L(S.target.value),"aria-label":i("Search all pages")})]}),Fe("div",{className:"sf-pages-list sf-scroll",children:[E&&!h&&z("div",{className:"sf-note sf-note--error",role:"alert",children:E}),te===null?z("div",{className:"sf-note",children:i("Loading\u2026")}):te.some(Boolean)?te:z("div",{className:"sf-note",children:w.trim()?i("No pages match your search"):i("No pages yet")})]}),Fe("button",{type:"button",className:"sf-pages-new",onClick:Re,children:[z("span",{className:"sf-plus",children:"+"}),i("New page")]}),z(Ap,{open:h,onClose:()=>y(!1),size:"sm",title:i("Add a page"),description:i("Give the new template page a name. It starts blank \u2014 add sections once it opens."),footer:Fe(Ep,{children:[z(ns,{variant:"secondary",onClick:()=>y(!1),children:i("Cancel")}),z(ns,{onClick:()=>{we()},disabled:N||!R.trim(),loading:N,children:N?i("Adding\u2026"):i("Add page")})]}),children:z(Lp,{label:i("Page name"),htmlFor:Z,hint:R.trim()?i("URL: /{slug}",{slug:rs(R,fe)}):void 0,error:E??void 0,children:z(Fp,{id:Z,value:R,invalid:!!E,onChange:S=>C(S.target.value),onKeyDown:S=>{S.key==="Enter"&&we()},placeholder:i("e.g. About")})})})]})}function _p(){return Fe("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[z("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),z("path",{d:"M14 3v5h5"})]})}import{jsx as Io}from"react/jsx-runtime";import{DesktopIcon as Hp,PhoneIcon as Mp,TabletIcon as Bp}from"efficient-easel/icons";var Wp={desktop:Io(Hp,{}),tablet:Io(Bp,{}),mobile:Io(Mp,{})},as=Gi.map(e=>({id:e,get label(){return i($i[e])},icon:Wp[e]}));import{jsx as B,jsxs as $e,Fragment as Fo}from"react/jsx-runtime";import{useState as Vh}from"react";import{useEasel as Yh}from"efficient-easel/easel";import{InspectorHead as Xh,InspectorIconButton as Is}from"efficient-easel/chrome";import{DuplicateIcon as Zh,TrashIcon as Qh}from"efficient-easel/icons";import{panelFieldsOf as ss}from"efficient-easel/screen/lib/puck/panel-fields";import{jsx as g,Fragment as O,jsxs as _}from"react/jsx-runtime";import{BlockBannerIcon as jp,BlockBoxIcon as qp,BlockButtonIcon as $p,BlockDividerIcon as ls,BlockFooterIcon as cs,BlockHeadingIcon as Gp,BlockProductIcon as Kp,BlockSocialIcon as Up,BlockTextIcon as Vp,ChatIcon as Yp,GridIcon as Xp,ImageIcon as Zp,PageIcon as Qp}from"efficient-easel/icons";var Jp={header:_(O,{children:[g("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),g("path",{d:"M3 9.5h18"})]}),website:_(O,{children:[g("circle",{cx:"12",cy:"12",r:"9"}),g("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:_(O,{children:[g("circle",{cx:"6",cy:"12",r:"2.5"}),g("circle",{cx:"18",cy:"6",r:"2.5"}),g("circle",{cx:"18",cy:"18",r:"2.5"}),g("path",{d:"M8.2 10.8l7.6-3.6M8.2 13.2l7.6 3.6"})]}),ticker:_(O,{children:[g("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),g("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),FooterLogo:_(O,{children:[g("path",{d:"M4 15.5h6M4 18h4"}),g("path",{d:"M14 8.5l3 7 3-7"})]}),FooterMenu:g("path",{d:"M6 7h12M6 11h12M6 15h8M6 19h8"}),FooterGroup:_(O,{children:[g("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",strokeDasharray:"3 2.5"}),g("path",{d:"M8 9h8M8 13h8M8 16h5"})]}),FooterText:g("path",{d:"M5 7h14M5 12h14M5 17h9"}),FooterEmailSignup:_(O,{children:[g("rect",{x:"3",y:"6",width:"18",height:"12",rx:"2"}),g("path",{d:"M3.5 7l8.5 6 8.5-6"})]}),SearchBlock:_(O,{children:[g("circle",{cx:"11",cy:"11",r:"6"}),g("path",{d:"M20 20l-4.2-4.2"})]}),CartBlock:Ui,CountrySwitchBlock:_(O,{children:[g("circle",{cx:"12",cy:"12",r:"8.5"}),g("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:_(O,{children:[g("path",{d:"M3 9h18"}),g("path",{d:"M3 14h8M14 14h2M18 14h3"})]}),Hero:_(O,{children:[g("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),g("path",{d:"M7 13.5h7M7 16.5h10"})]}),HeroSlide:_(O,{children:[g("rect",{x:"3",y:"5",width:"18",height:"14",rx:"2"}),g("path",{d:"M7 15h6M16 9.5h.01M9.5 12l-2.5 3"})]}),HeroSingle:_(O,{children:[g("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),g("path",{d:"M10.5 8.5l4 2.5-4 2.5z"}),g("path",{d:"M7 17h7"})]}),Collections:_(O,{children:[g("rect",{x:"3",y:"5",width:"4.6",height:"14",rx:"1.3"}),g("rect",{x:"9.7",y:"5",width:"4.6",height:"14",rx:"1.3"}),g("rect",{x:"16.4",y:"5",width:"4.6",height:"14",rx:"1.3"})]}),CollectionCard:_(O,{children:[g("rect",{x:"6",y:"4",width:"12",height:"16",rx:"2"}),g("path",{d:"M9 15h6M9 17.5h4"})]}),AlloyWheelsListing:_(O,{children:[g("path",{d:"M3 5h5M3 9h5M3 13h5M3 17h5"}),g("rect",{x:"11.5",y:"5",width:"4.2",height:"5",rx:"1"}),g("rect",{x:"17.3",y:"5",width:"4.2",height:"5",rx:"1"}),g("rect",{x:"11.5",y:"12",width:"4.2",height:"5",rx:"1"}),g("rect",{x:"17.3",y:"12",width:"4.2",height:"5",rx:"1"})]}),CatalogFilterBar:_(O,{children:[g("path",{d:"M3 7h9M15.5 7H21"}),g("circle",{cx:"13.5",cy:"7",r:"1.7"}),g("path",{d:"M3 12h4M10.5 12H21"}),g("circle",{cx:"8.5",cy:"12",r:"1.7"}),g("path",{d:"M3 17h9M15.5 17H21"}),g("circle",{cx:"13.5",cy:"17",r:"1.7"})]}),ProductGrid:_(O,{children:[g("rect",{x:"3",y:"5",width:"4.8",height:"6",rx:"1"}),g("rect",{x:"9.6",y:"5",width:"4.8",height:"6",rx:"1"}),g("rect",{x:"16.2",y:"5",width:"4.8",height:"6",rx:"1"}),g("rect",{x:"3",y:"13",width:"4.8",height:"6",rx:"1"}),g("rect",{x:"9.6",y:"13",width:"4.8",height:"6",rx:"1"}),g("rect",{x:"16.2",y:"13",width:"4.8",height:"6",rx:"1"})]}),RelatedProducts:_(O,{children:[g("path",{d:"M3 5h10"}),g("rect",{x:"3",y:"9.5",width:"5",height:"9",rx:"1"}),g("rect",{x:"9.5",y:"9.5",width:"5",height:"9",rx:"1"}),g("rect",{x:"16",y:"9.5",width:"5",height:"9",rx:"1"})]}),Gallery:_(O,{children:[g("rect",{x:"3",y:"4",width:"11",height:"16",rx:"2"}),g("rect",{x:"15.5",y:"4",width:"5.5",height:"7.5",rx:"1.5"}),g("rect",{x:"15.5",y:"12.5",width:"5.5",height:"7.5",rx:"1.5"})]}),GalleryB:_(O,{children:[g("rect",{x:"3.5",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),g("rect",{x:"13",y:"4",width:"7.5",height:"7.5",rx:"1.5"}),g("rect",{x:"3.5",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"}),g("rect",{x:"13",y:"12.5",width:"7.5",height:"7.5",rx:"1.5"})]}),GalleryItem:_(O,{children:[g("rect",{x:"4",y:"5",width:"16",height:"14",rx:"2"}),g("circle",{cx:"9",cy:"10",r:"1.6"}),g("path",{d:"M20 15.5l-4.5-4L7 19"})]}),Events:_(O,{children:[g("rect",{x:"4",y:"5",width:"16",height:"15",rx:"2"}),g("path",{d:"M4 9.5h16M8.5 3v4M15.5 3v4M8 14h2M14 14h2"})]}),PostCard:_(O,{children:[g("rect",{x:"4",y:"3.5",width:"16",height:"17",rx:"2"}),g("rect",{x:"6.5",y:"6",width:"11",height:"6",rx:"1"}),g("path",{d:"M6.5 14.5h11M6.5 17.5h7"})]}),Manifesto:_(O,{children:[g("path",{d:"M7 8h3.2v4c0 1.6-1 2.6-3 3.2"}),g("path",{d:"M14 8h3.2v4c0 1.6-1 2.6-3 3.2"})]}),Stats:_(O,{children:[g("path",{d:"M3.5 20h17"}),g("path",{d:"M6 20v-7M11 20V7M16 20v-5M20.5 20v-9"})]}),Logos:_(O,{children:[g("circle",{cx:"6",cy:"12",r:"2.6"}),g("rect",{x:"10",y:"9.4",width:"5.2",height:"5.2",rx:"1.2"}),g("path",{d:"M19 9.2l2.4 5h-4.8z"})]}),Ticker:_(O,{children:[g("rect",{x:"3",y:"8.5",width:"18",height:"7",rx:"2"}),g("path",{d:"M6 12h3.5M11.5 12h2M15.5 12h2.5"})]}),SectionHeader:_(O,{children:[g("rect",{x:"3.5",y:"6",width:"5",height:"5",rx:"1.2"}),g("path",{d:"M11 8.5h9M3.5 15.5h17"})]}),IntroBleed:_(O,{children:[g("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),g("path",{d:"M3 13.5h18M7 16.8h6"})]}),Split:_(O,{children:[g("rect",{x:"3",y:"5",width:"8",height:"14",rx:"1.5"}),g("path",{d:"M14 8.5h6M14 12h6M14 15.5h4"})]}),Eyebrow:_(O,{children:[g("path",{d:"M4 8.5h4.5M11 8.5h9"}),g("path",{d:"M4 14.5h16"})]}),HeroGroup:_(O,{children:[g("rect",{x:"3.5",y:"4.5",width:"17",height:"15",rx:"2"}),g("path",{d:"M7 9h8M7 12.5h10M7 16h6"})]}),Form:_(O,{children:[g("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),g("path",{d:"M6.5 9h11M6.5 12.5h11"}),g("rect",{x:"6.5",y:"15",width:"6.5",height:"2.6",rx:"1.3"})]}),LogoBlock:g(O,{children:g("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:_(O,{children:[g("path",{d:"M12 4v6M9.5 6.5L12 4l2.5 2.5M12 20v-6M9.5 17.5L12 20l2.5-2.5"}),g("path",{d:"M5 13h14",strokeDasharray:"2 2.5"})]}),ContactRouting:_(O,{children:[g("rect",{x:"3",y:"4",width:"5",height:"5",rx:"1"}),g("rect",{x:"9.5",y:"4",width:"5",height:"5",rx:"1"}),g("rect",{x:"16",y:"4",width:"5",height:"5",rx:"1"}),g("path",{d:"M4 13.5h11M4 17.5h7"}),g("path",{d:"M17 15l3 2-3 2"})]}),CustomHTML:g("path",{d:"M9 8l-4 4 4 4M15 8l4 4-4 4"})},eh=g("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2.5"}),th={footer:cs,Footer:cs,Divider:ls,FooterDivider:ls,Banner:jp,Flex:qp,FooterSocial:Up,page:Qp,chat:Yp,Heading:Gp,Text:Vp,ImageBlock:Zp,ButtonBlock:$p,Grid:Xp,ProductRef:Kp},nh={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",SiteHeader:"header",SiteFooter:"footer"};function ct({type:e,size:t=16,className:o}){let a=nh[e]??e,l=th[a];return l?g(l,{size:t,className:o}):g("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",className:o,"aria-hidden":"true",children:Jp[a]??eh})}import{jsx as xe,Fragment as oh,jsxs as rh}from"react/jsx-runtime";import{useEffect as ih,useId as ah,useState as sh}from"react";import{SettingsField as ds,SettingsSwitch as lh}from"efficient-easel/panel";import{EyeIcon as ch,TypeIcon as dh}from"efficient-easel/icons";var ph="Chat with us",hh="We usually reply within a few minutes",uh="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function Eo({label:e,value:t,placeholder:o,onCommit:a,multiline:l=!1}){let[s,c]=sh(t);ih(()=>c(t),[t]);let p=()=>{s!==t&&a(s)};return xe(ds,{label:e,icon:xe(dh,{}),children:l?xe("textarea",{value:s,placeholder:o,rows:3,onChange:u=>c(u.target.value),onBlur:p,"aria-label":e}):xe("input",{type:"text",value:s,placeholder:o,onChange:u=>c(u.target.value),onBlur:p,onKeyDown:u=>{u.key==="Enter"&&u.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function ps(){let{chat:e,setChat:t}=Gt(),o=ah();return rh(oh,{children:[xe(ds,{label:i("Show the chat bubble"),labelId:o,icon:xe(ch,{}),action:xe(lh,{checked:e.enabled,onChange:a=>t({enabled:a}),ariaLabelledBy:o}),hint:e.enabled?i("The floating chat bubble shows in the corner of every page."):i("The chat bubble is hidden across the whole site.")}),xe($t,{label:"Wording"}),xe(Eo,{label:i("Title"),value:e.title,placeholder:ph,onCommit:a=>t({title:a})}),xe(Eo,{label:i("Subtitle"),value:e.subtitle,placeholder:hh,onCommit:a=>t({subtitle:a})}),xe(Eo,{label:i("Greeting message"),value:e.greeting,placeholder:uh,onCommit:a=>t({greeting:a}),multiline:!0}),xe("p",{className:"es-field-hint sf-hint-keep",children:i("Leave a field blank to use the built-in wording.")})]})}import{jsx as Ze,Fragment as Ro,jsxs as fs}from"react/jsx-runtime";import{useEffect as fh,useId as hs,useState as us}from"react";import{SettingsField as mh}from"efficient-easel/panel";var gh={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 yh({platform:e}){let{rows:t,saveLink:o}=bt(),{value:a,error:l}=t[e],[s,c]=us(a),[p,u]=us(!1),b=hs(),m=hs();fh(()=>c(a),[a]);let x=async()=>{if(s.trim()===a){s!==a&&c(a);return}u(!0),await o(e,s),u(!1)},I=Ai[e];return fs(Ro,{children:[Ze(mh,{label:i(I),htmlFor:b,icon:Ze(Vi,{platform:e,iconStyle:"outline",size:18}),children:Ze("input",{id:b,type:"text",inputMode:"url",value:s,placeholder:gh[e],onChange:w=>c(w.target.value),onBlur:()=>{x()},onKeyDown:w=>{w.key==="Enter"&&w.currentTarget.blur(),w.key==="Escape"&&(c(a),w.currentTarget.blur())},"aria-invalid":l?!0:void 0,"aria-describedby":l?m:void 0,"aria-busy":p||void 0,autoComplete:"off",spellCheck:!1})}),l&&Ze("p",{id:m,className:"sf-note sf-note--error",role:"alert",children:l})]})}function ms({unavailable:e}){let{canSave:t}=bt();return!t&&e?Ze(Ro,{children:e}):fs(Ro,{children:[Ze("p",{className:"es-field-hint sf-hint-keep",children:i("Paste a link to each profile. A platform left empty shows nothing on the site.")}),Ni.map(o=>Ze(yh,{platform:o},o))]})}import{jsx as dt,jsxs as bh}from"react/jsx-runtime";import{useId as xh,useMemo as wh}from"react";import{useEasel as vh}from"efficient-easel/easel";import{SettingsField as Sh,SettingsSwitch as kh}from"efficient-easel/panel";import{EyeIcon as Ch}from"efficient-easel/icons";var Th="root:default-zone";function gs({heroId:e}){let{appState:t,dispatch:o}=vh(m=>m),a=t.data.content??[],l=a.findIndex(m=>m.props.id===e),s=l>=0?a[l]:null,c=s?s.props.showTicker??!0:!0,p=wh(()=>{let m=s?.props.tickerItems;return Array.isArray(m)?m:Xi.map(x=>({text:x}))},[s]),u=xh();if(!s)return dt("p",{className:"sf-note",children:i("This ticker\u2019s hero is no longer on the page.")});let b=m=>o({type:"replace",destinationZone:Th,destinationIndex:l,data:{...s,props:{...s.props,...m}}});return bh("div",{children:[dt($t,{label:"Ticker"}),dt(Sh,{label:i("Show ticker"),labelId:u,icon:dt(Ch,{}),action:dt(kh,{checked:c,onChange:m=>b({showTicker:m}),ariaLabelledBy:u})}),dt(Ci,{label:Bn.label,icon:Bn.icon,items:p,placeholder:"item",onChange:m=>b({tickerItems:m}),markup:!0})]})}import{jsx as Ee,jsxs as Po,Fragment as Ih}from"react/jsx-runtime";import{useCallback as Eh,useRef as Rh,useState as It}from"react";import{InspectorIconButton as Ph}from"efficient-easel/chrome";import{PopupMenu as Nh,PopupMenuItem as Ah,PopupMenuLabel as yn}from"efficient-shell/ui";import{CopyToPageIcon as Lh}from"efficient-easel/icons";import{cloneNodeWithFreshIds as ys,docToNode as Yb,nodeToDoc as Xb}from"efficient-easel/screen/lib/puck/section-doc";function bs({node:e,currentSlug:t,siteId:o,tokenRef:a,runAuthed:l,onNotify:s}){let[c,p]=It(!1),[u,b]=It(null),m=je(),[x,I]=It(!1),[w,L]=It(null),N=Rh(null),[f,E]=It(null),v=Eh(async()=>{if(m.usesBridgedToken&&!a.current){I(!0);return}try{b(await ut(m).pages.list(o?{siteId:o}:void 0))}catch{I(!0)}},[a,o,m]),h=()=>{if(c){p(!1);return}let C=N.current?.getBoundingClientRect();C&&E({top:C.bottom+6,right:Math.max(8,window.innerWidth-C.right)}),b(null),I(!1),v(),p(!0)},y=(u??[]).filter(C=>C.slug!==t),R=async C=>{if(w)return;L(C.slug);let Z=ys(e),M=m.documentHooks?.storedNode?.(Z)??Z,le=ut(m).pages,H=await l(async()=>{let q=await le.load({id:C.id});if(!q)throw new Error(`Page "${C.slug}" no longer exists.`);let pe=q.layout??{},ae=Array.isArray(pe.content)?[...pe.content]:[],F=ae.findIndex(re=>re?.type===Q);ae.splice(F===-1?ae.length:F,0,M),await le.save(C.id,{layout:{root:{},zones:{},...pe,content:ae}},{version:q.version,clientId:""})});L(null),p(!1),s?.(H?i("Duplicated to \u201C{name}\u201D",{name:C.label}):i("Couldn\u2019t duplicate the section \u2014 please retry"),H?"success":"error")};return Po(Ih,{children:[Ee("span",{"data-menu-toggle":!0,style:{display:"contents"},children:Ee(Ph,{buttonRef:N,label:i("Duplicate to another page"),hasPopup:"menu",expanded:c,onClick:h,children:Ee(Lh,{size:15})})}),c&&f&&Ee(Nh,{portal:!0,style:{top:f.top,right:f.right},onClose:()=>p(!1),children:Po("div",{role:"menu","aria-label":i("Duplicate to page"),children:[Ee(yn,{children:i("Duplicate to page\u2026")}),x?Ee(yn,{children:i("Couldn\u2019t load pages")}):u===null?Ee(yn,{children:i("Loading\u2026")}):y.length===0?Ee(yn,{children:i("No other pages")}):y.map(C=>Po(Ah,{role:"menuitem",disabled:w!==null,onClick:()=>{R(C)},children:[Ee("span",{className:"min-w-0 flex-1 truncate",children:C.label}),w===C.slug?Ee("span",{className:"shrink-0 text-xs",children:i("Copying\u2026")}):C.draft&&Ee("span",{className:"shrink-0 text-xs",children:i("draft")})]},C.id))]})})]})}import{ScreenPartsProvider as dx,sameInspectorMode as px,SELECTION_MODE as xs,useScreenParts as hx,useScreenBlockLook as ux,useScreenBlockRules as fx,useScreenBridges as mx,useScreenCanvasFrame as gx,useScreenDevices as yx,useScreenDocumentPass as bx,useScreenInspectorPanel as xx,useScreenLeftView as wx,useScreenOwnerName as vx,useScreenPinned as Sx,useStandaloneScreenBridges as kx}from"efficient-easel/screen/lib/screen-parts";import{jsx as Et,jsxs as Fh}from"react/jsx-runtime";import{SettingsDrill as Dh}from"efficient-easel/panel";var zh="Not shown on the page";function Oh({part:e,onOpen:t}){return Et(Dh,{name:i(e.label),preview:e.offPage?i(zh):e.preview||i("Empty"),offPage:e.offPage,status:e.hidden?Et("span",{className:"sf-entry-eye",role:"img","aria-label":i("Hidden on the page"),children:Et(Te,{name:"eye-off",size:14})}):void 0,onOpen:()=>t(e.key)})}function ws({parts:e,onOpen:t}){let o=e.filter(a=>!a.identifier);return o.length?Fh("div",{className:"sf-entries",children:[Et("h3",{className:"sf-entries-head",children:i("Text")}),o.map(a=>Et(Oh,{part:a,onOpen:t},a.key))]}):null}import{jsx as wn,jsxs as ks}from"react/jsx-runtime";import{useState as Mh}from"react";import{createNode as Bh,newId as Wh}from"efficient-easel/data";import{useEasel as jh}from"efficient-easel/easel";import{Button as No}from"efficient-shell/ui";var bn="Flex",_h={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},Hh=e=>{let{id:t,...o}=e;return o},vs=e=>typeof e=="string"?e:"";function Ss(e,t){let o=e.props??{},a=_h[e.type];if(a)return[t(a,Hh(o))];switch(e.type){case"FooterLogo":{let l=t("LogoBlock",o.reverse?{reverse:o.reverse}:{}),s=vs(o.tagline).trim();return s?[l,t("Text",{text:s,tone:"dim",align:o.align==="center"?"center":"left"})]:[l]}case"FooterText":return[t("Text",{text:vs(o.text),tone:typeof o.tone=="string"?o.tone:"default"})];case"FooterDivider":return[t("Divider")];case"FooterGroup":{let l=Array.isArray(o.blocks)?o.blocks:[];return[t(bn,{direction:o.direction==="horizontal"?"row":"column",content:l.flatMap(s=>Ss(s,t))})]}default:return[]}}function xn(e,t,o){let a=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(c=>{let p=Ss(c,t);return p.length<=1?p:[t(bn,{direction:"column",content:p})]}),l=t(bn,{direction:"row",wrap:!0,share:"equal",content:a}),s=t(bn,{direction:"column",content:[t("LegalLineBlock")]});return or(ke,o,[l,s])}function Cs(){let{appState:e,dispatch:t,config:o}=jh(m=>m),{readOnly:a}=ue(),[l,s]=Mh(!1),c=e.data.content;if(a||c.some(m=>m.type===ke))return null;let p=c.find(m=>m.type===Q)??null,u=(m,x)=>Bh(o,m,x),b=()=>{let m=xn(p,u,Wh(ke));t({type:"setData",data:x=>({...x,content:[...ir(x.content,m)]}),recordHistory:!0}),s(!1)};return ks("div",{className:"sf-box-footer-switch",children:[wn("p",{className:"sf-box-footer-switch-text",children:i("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.")}),l?ks("div",{className:"sf-box-footer-switch-row",children:[wn(No,{variant:"primary",size:"sm",onClick:b,children:i("Switch now")}),wn(No,{variant:"secondary",size:"sm",onClick:()=>s(!1),children:i("Cancel")})]}):wn(No,{variant:"secondary",size:"sm",onClick:()=>s(!0),children:i("Switch to Box footer")})]})}import{jsx as Ts}from"react/jsx-runtime";import{useState as qh}from"react";import{useSelectedFields as $h}from"efficient-easel/easel";import{Inspector as Gh,planFields as Kh}from"efficient-easel/fields";var Ao=new Map,Uh=Object.fromEntries(Ii.map(e=>{let t=Si[e];return[e,Ts(t,{},e)]}));function Lo({entries:e}){let{id:t,fields:o,values:a,readOnly:l,onChange:s}=$h(),[c,p]=qh(()=>Ao.get(t)),u=Ao.get(t),b=Kh(o).buckets,m=u&&b.includes(u)?u:c&&b.includes(c)?c:b[0],x=m===void 0||ki(b,m)!==!0;return Ts(Gh,{fields:o,values:a,onChange:s,readOnly:l,tab:m,onTab:I=>{Ao.set(t,I),p(I)},tabIcons:Uh,idPrefix:t,ariaLabel:i("Section settings"),children:x?e:null})}import{SettingsSwitch as Jh}from"efficient-easel/panel";var Es=xs,Do={kind:"header"},zo={kind:"website"},Rs={kind:"chat"},Ps={kind:"social"},vn="Part";function Ns(e){return i("Part of {name}",{name:i(e)})}function eu(e,t,o){let a=e.describeNode(t);return{name:o,kindLabel:a?Ns(a.label):i(vn)}}function tu(e){switch(e){case"Header":return{title:i("Header settings belong to a website."),own:i("Each website created from this template sets its own header afterwards.")};case"Appearance":return{title:i("Appearance settings belong to a website."),own:i("Each website created from this template sets its own appearance afterwards.")};case"Live chat":return{title:i("Live chat settings belong to a website."),own:i("Each website created from this template sets its own live chat afterwards.")};case"Social link":return{title:i("Social link settings belong to a website."),own:i("Each website created from this template sets its own social link afterwards.")};default:return{title:i("{what} settings belong to a website.",{what:e}),own:i("Each website created from this template sets its own {what} afterwards.",{what:e.toLowerCase()})}}}function As({what:e}){let t=tu(e);return $e("div",{className:"sf-note",children:[B("p",{children:B("strong",{children:t.title})}),$e("p",{children:[i("A template is a blueprint \u2014 it has no website of its own, so there is nothing here to change.")," ",t.own]})]})}var nu={header:{name:"Header",kindLabel:"Site settings",icon:"header",render:(e,t)=>{let o=t.hostPanels?.header;return o?B(o,{placeholderMode:t.capabilities.placeholderFrames,tokenRef:t.tokenRef,siteId:t.siteId,websiteName:t.websiteName,onOpenWebsiteSettings:t.onOpenWebsiteSettings,onAuthExpired:()=>t.notifyParent("storefront-editor:auth-expired")}):null}},website:{name:"Appearance",kindLabel:"Site settings",icon:"website",render:(e,t)=>B(gn,{themeFromDocument:!t.capabilities.hasSiteTheme,tokenRef:t.tokenRef,siteId:t.siteId,onNotify:t.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>B(ps,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>B(ms,{unavailable:B(As,{what:"Social link"})})},ticker:{name:xt,kindLabel:vn,icon:"ticker",head:(e,t)=>e.kind==="ticker"?eu(t,e.heroId,i(xt)):null,render:e=>B(gs,{heroId:e.kind==="ticker"?e.heroId:""})},part:{name:vn,kindLabel:vn,icon:"Text",head:(e,t)=>{if(e.kind!=="part")return null;let o=t.describeNode(e.nodeId);if(!o)return null;let{key:a,row:l}=nt(e.propKey),s=l?an(o.fields[a],l):o.fields[a],c=Tr(i(Pr(Rr(s??{},a))),l),p=t.styleNameOfPart(e.nodeId,e.propKey);return{name:p!==null?i(p):c,kindLabel:Ns(o.label)}},render:(e,t)=>e.kind==="part"?B(qa,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>t.onSelectNode(e.nodeId),onEditStyle:t.onOpenSiteStyles}):null}},ou=new Set(["header","website","chat"]);function ru(e,t){if(e==="puck")return null;let o=nu[e];return ou.has(e)&&!t.hasSiteSettings?{...o,kindLabel:"Not part of a template",render:()=>B(As,{what:o.name})}:o}function Ls({mode:e,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:a,hideNodeActions:l=!1,onNotify:s,onHidePanel:c}){let{capabilities:p,tokenRef:u,notifyParent:b,currentSlug:m,siteId:x,runAuthed:I,readOnly:w}=ue(),{websiteName:L,fonts:N}=ne(),{partStyle:f}=Ot(),E=Wt({readOnly:w}),{select:v}=zt(),{selectedItem:h,getItemById:y,getSelectorForId:R,config:C,appState:Z}=Yh(he=>he),M=ss(C,h?{type:h.type,props:h.props}:null),le=he=>C.components[he]?.label??he,H=h?R(h.props.id):void 0,q=ru(e.kind,p),pe=je(),ae=pe.chrome?.panels?.chromePage,F={capabilities:p,tokenRef:u,hostPanels:pe.chrome?.panels,describeNode:he=>{let Ne=y(he);if(!Ne)return null;let Se=C.components[Ne.type];return{type:Ne.type,label:Se?.label??Ne.type,fields:Se?.fields??{}}},styleNameOfPart:(he,Ne)=>{let Se=y(he);if(!Se)return null;let Qe=mt(he,Ne),At=f?.partId===Qe?f:null;return ja(Se.props,Ne,At,N)},siteId:x,websiteName:L??null,notifyParent:b,onNotify:s,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:a},re=q?.head?.(e,F)??null,fe=re?.name??(q?i(q.name):h?i(le(h.type)):i("Page settings")),Re=re?.kindLabel??(q?i(q.kindLabel):h?H&&H.zone!==Be?i("Block"):i("Section"):i("Page")),we=q?q.icon:h?h.type:"page",ve=q?null:h?C.components[h.type]?.fields??null:C.root?.fields??null,Me=ve?Ei(ve):2,me=e.kind==="puck"&&h?sn(h.type):null,ge=!!h&&!!H&&H.zone===Be&&h.type!==Q&&h.type!==ze,ee=Lt(Z?.data,h),K=()=>{ee||H&&E.duplicateComponent(H.zone,H.index)},te=()=>{H&&(E.removeComponent(H.zone,H.index),E.select(null))},S=h?C.components[h.type]?.defaultProps?.previewHover:void 0,j=e.kind==="puck"&&!!h&&!!H&&S!==void 0,$=j&&h.props.previewHover===!0,ce=()=>{!h||!H||E.replaceComponent(H.zone,H.index,{...h,props:{...h.props,previewHover:!$}})},[Pe,ht]=Vh(ko);return $e("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${Pe||!(!q&&h)?"":" sf-hints-folded"}`,children:[B(Xh,{icon:B(ct,{type:we,size:15}),name:fe,kind:Re,actions:!l&&e.kind==="puck"&&h&&h.type!==Q?$e(Fo,{children:[B(Is,{label:i("Duplicate section"),title:ee??void 0,disabled:ee!==null,onClick:K,children:B(Zh,{size:15})}),ge&&p.hasSiteSettings&&B(bs,{node:h,currentSlug:m,siteId:x??void 0,tokenRef:u,runAuthed:I,onNotify:s}),B(Is,{label:i("Remove section"),danger:!0,onClick:te,children:B(Qh,{size:15})}),c?B(Zn,{side:"right",onHide:c,divider:!0}):null]}):c?B(Zn,{side:"right",onHide:c}):void 0}),j&&$e("div",{className:"sf-preview-pin",children:[$e("div",{className:"sf-preview-pin-text",children:[B("span",{className:"sf-preview-pin-label",children:i("Preview hover state")}),B("span",{className:"sf-preview-pin-hint",children:i("not shown live")})]}),B(Jh,{checked:$,onChange:ce,ariaLabel:i("Preview hover state")})]}),B(bi,{tier:Me,children:B("div",{className:"sf-insp-body sf-scroll",children:q?q.render(e,F):h?$e(Fo,{children:[B(mi,{children:B(Lo,{entries:B(ws,{parts:Nr(M??C.components[h.type]?.fields,h.props),onOpen:he=>v(mt(h.props.id,he))})})}),h.type===Q&&p.hasSiteSettings&&B(Cs,{}),me&&B(pn,{source:me,slug:vt(h?.props)}),B(Co,{shown:Pe,onChange:ht})]}):$e(Fo,{children:[B(Lo,{}),m===Ue&&p.hasSiteSettings&&ae&&B(ae,{})]})})})]})}import{jsx as n,jsxs as d,Fragment as _s}from"react/jsx-runtime";var oe={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)"},Oo="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 k({w:e,h:t,tone:o="dark",r:a=2,style:l}){return n("div",{style:{width:e,height:t,borderRadius:a,background:oe[o],flex:"none",...l}})}var iu={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"},P={position:"absolute",inset:0},r={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)"},Y=(e,t,o=160)=>({background:`linear-gradient(${o}deg,${e},${t})`});function He({size:e,style:t}){let o=Math.max(2,Math.round(e*.13)),a=(l,s,c)=>({position:"absolute",inset:l,background:s,borderRadius:o,...c?{mixBlendMode:c}:null});return d("span",{style:{position:"absolute",display:"block",width:e,height:e,...t},children:[n("span",{style:a("8% 26% 30% 6%",r.mark1)}),n("span",{style:a("26% 6% 8% 30%",r.mark2,"multiply")})]})}function Pt({children:e}){return n("span",{style:{fontSize:"4.64cqw",fontWeight:700,letterSpacing:"0.06em",textTransform:"uppercase",color:r.muted},children:e})}function Fs({over:e,overTone:t,head:o,headSize:a=11.5,cta:l,ctaBg:s,ctaFg:c,tone:p}){return d(_s,{children:[e&&n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:t},children:e}),n("span",{style:{fontSize:a,lineHeight:1.15,fontWeight:700,maxWidth:"78%",color:p},children:o}),l&&n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,marginTop:2,background:s,color:c},children:l})]})}function _o({name:e,price:t}){return d("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[n("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",...Y(r.paper,r.paper2,150)},children:n(He,{size:34,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("span",{style:{fontSize:"3.65cqw",fontWeight:600,color:r.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:r.muted},children:t})]})}function _e({k:e,v:t,ok:o}){return d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,padding:"3.5px 2px",borderBottom:`1px solid ${r.rule}`,fontSize:"3.98cqw",color:r.muted},children:[n("span",{children:e}),d("span",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("b",{style:{color:r.text,fontWeight:700},children:t}),o&&n("span",{style:{color:r.rust,fontWeight:700},children:"\u2713"})]})]})}function G({title:e,children:t}){return d("div",{style:{...P,background:r.card,padding:"9px 10px",display:"flex",flexDirection:"column",gap:6},children:[n(Pt,{children:e}),t]})}function Ds({size:e=14}){return n("span",{style:{width:e,height:e,borderRadius:"50%",flex:"none",display:"block",background:`linear-gradient(150deg,${r.mark1},${r.mark2})`}})}function Ho({filled:e=5,size:t=6}){return d("span",{style:{fontSize:t,letterSpacing:"0.06em",color:r.rust,lineHeight:1},children:["\u2605".repeat(e),n("span",{style:{color:r.mark1},children:"\u2605".repeat(5-e)})]})}function Rt({n:e,label:t,tone:o=r.text}){return d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"8.16cqw",lineHeight:1,color:o},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",opacity:.62,color:o},children:t})]})}function se({children:e,w:t}){return n("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:r.muted,width:t,display:"block"},children:e})}function Sn({label:e,w:t="100%",filled:o}){return d("div",{style:{width:t,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:r.muted},children:e}),n("span",{style:{height:9,borderRadius:3,border:`1px solid ${r.rule}`,background:o?r.paper:r.card}})]})}function zs({children:e}){return n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:r.text,color:r.onInk},children:e})}var au={wheelslisting:n(G,{title:"All wheels",children:n("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,t,o])=>d("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n("span",{style:{width:20,height:15,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",...Y(r.paper,r.paper2,150)},children:n(He,{size:12,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),n("b",{style:{flex:1,fontSize:"4.31cqw",color:r.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:r.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:r.text,width:26,textAlign:"right"},children:o})]},e))})}),catalogfilterbar:d("div",{style:{...P,background:r.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[d("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[["20 inch","6\xD7139.7","Black"].map(e=>d("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"4px 7px",borderRadius:99,background:r.text,color:r.onInk,display:"flex",gap:4,alignItems:"center"},children:[e,n("span",{style:{opacity:.6},children:"\u2715"})]},e)),n("span",{style:{fontSize:"3.65cqw",color:r.rust,fontWeight:700},children:"Clear"})]}),d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n("span",{style:{fontSize:"3.65cqw",color:r.muted},children:"128 results"}),n("span",{style:{fontSize:"3.65cqw",color:r.muted,border:`1px solid ${r.rule}`,borderRadius:3,padding:"3px 6px"},children:"Sort: Price \u25BE"})]})]}),fitmentfinder:d("div",{style:{...P,padding:"10px 12px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center",...Y(r.ink,r.inkSoft)},children:[n("span",{style:{fontSize:"5.31cqw",fontWeight:700,color:r.onInk},children:"Will it fit your rig?"}),d("div",{style:{display:"flex",gap:4},children:[["2021","Toyota","Hilux"].map(e=>d("span",{style:{flex:1,fontSize:"3.65cqw",color:r.text,background:r.card,borderRadius:3,padding:"5px 6px",display:"flex",justifyContent:"space-between"},children:[e," ",n("span",{style:{color:r.muted},children:"\u25BE"})]},e)),n("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.08em",background:r.warm,color:r.ink,borderRadius:3,padding:"5px 7px"},children:"GO"})]})]}),compatibletyres:n(G,{title:"Tyres that suit",children:n("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,t])=>d("div",{style:{display:"flex",flexDirection:"column",gap:2,minWidth:0},children:[n("div",{style:{flex:1,minHeight:0,borderRadius:3,position:"relative",overflow:"hidden",background:r.ink},children:n("span",{style:{position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:26,height:26,borderRadius:"50%",border:`5px solid ${r.mark2}`,boxSizing:"border-box"}})}),n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:r.text,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:e}),n("span",{style:{fontSize:"3.32cqw",color:r.muted},children:t})]},e))})}),tyresizes:n(G,{title:"Available sizes",children:n("div",{style:{flex:1,display:"flex",flexWrap:"wrap",gap:4,alignContent:"center"},children:["265/65R17","285/70R17","265/60R18","275/55R20"].map((e,t)=>n("span",{style:{fontSize:"3.65cqw",fontWeight:600,padding:"5px 7px",borderRadius:3,border:`1px solid ${t===0?r.rust:r.rule}`,color:t===0?r.rust:r.text,background:t===0?r.paper:r.card},children:e},e))})}),tyrefitment:d(G,{title:"Will it fit your car?",children:[n("div",{style:{display:"flex",gap:3},children:["Make","Model","Year","Trim"].map(e=>d("span",{style:{flex:1,minWidth:0,fontSize:"3.32cqw",color:r.muted,background:r.paper,border:`1px solid ${r.rule}`,borderRadius:3,padding:"4px 5px",display:"flex",justifyContent:"space-between",gap:2,overflow:"hidden",whiteSpace:"nowrap"},children:[e," ",n("span",{style:{color:r.muted},children:"\u25BE"})]},e))}),n("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,t,o])=>d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"baseline",gap:6,borderTop:`1px solid ${r.rule}`,paddingTop:3},children:[n("span",{style:{fontSize:"3.32cqw",fontWeight:600,color:r.text},children:e}),n("span",{style:{fontSize:"3.32cqw",fontWeight:o?700:400,letterSpacing:"0.06em",color:o?r.warm:r.muted},children:t})]},e))})]}),eutyrelabel:d("div",{style:{...P,background:r.card,padding:"9px 11px",display:"flex",gap:8,alignItems:"center"},children:[n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1.5},children:[["A","42%"],["B","56%"],["C","70%"],["D","84%"]].map(([e,t],o)=>d("div",{style:{display:"flex",alignItems:"center",gap:3},children:[n("span",{style:{width:t,height:6,borderRadius:"0 2px 2px 0",background:o===1?r.rust:r.mark1}}),n("span",{style:{fontSize:"3.32cqw",fontWeight:700,color:o===1?r.rust:r.muted},children:e})]},e))}),d("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:3,alignItems:"center"},children:[n("b",{style:{fontSize:"6.63cqw",lineHeight:1,color:r.text},children:"72"}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",color:r.muted},children:"dB"})]})]}),bundleoffer:d("div",{style:{...P,background:r.paper,padding:"9px 11px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(Pt,{children:"Buy it with"}),d("div",{style:{display:"flex",alignItems:"center",gap:5},children:[[0,1].map(e=>n("span",{style:{width:26,height:22,borderRadius:3,flex:"none",position:"relative",overflow:"hidden",background:r.card},children:n(He,{size:17,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})},e)),n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:r.muted},children:"+"}),d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:1},children:[n("span",{style:{fontSize:"3.65cqw",color:r.muted,textDecoration:"line-through"},children:"$1,024"}),n("b",{style:{fontSize:"6.02cqw",color:r.rust,lineHeight:1},children:"$899"})]})]})]}),checkoutcta:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,...Y(r.ink,r.ink2)},children:[d("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",color:r.warm,fontWeight:700},children:"READY TO ORDER"}),n("b",{style:{fontSize:"6.63cqw",color:r.onInk,lineHeight:1},children:"$1,956"}),n("span",{style:{fontSize:"3.65cqw",color:r.onInk,opacity:.65},children:"4 items \xB7 fitted free"})]}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"6px 10px",borderRadius:2,background:r.warm,color:r.ink,flex:"none"},children:"CHECKOUT"})]}),contact:n(G,{title:"Who do you need?",children:n("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,t])=>d("div",{style:{display:"flex",alignItems:"center",gap:5},children:[n("b",{style:{flex:1,fontSize:"4.31cqw",color:r.text},children:e}),n("span",{style:{fontSize:"3.65cqw",color:r.muted},children:t}),n("span",{style:{fontSize:"4.64cqw",color:r.rust,lineHeight:1},children:"\u203A"})]},e))})}),contactlocations:n(G,{title:"Find us",children:n("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,t,o])=>d("div",{style:{border:`1px solid ${r.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"4.31cqw",color:r.text},children:e}),n("span",{style:{fontSize:"3.32cqw",color:r.muted},children:t}),n("span",{style:{fontSize:"3.32cqw",color:r.rust,fontWeight:700},children:o})]},e))})}),form:n(G,{title:"Send us a message",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[d("div",{style:{display:"flex",gap:5},children:[n(Sn,{label:"Name"}),n(Sn,{label:"Email"})]}),n(Sn,{label:"Message",filled:!0}),n(zs,{children:"SEND"})]})}),appointmentbooking:n(G,{title:"Book a fitting",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("div",{style:{display:"flex",gap:3},children:["Mon","Tue","Wed","Thu"].map((e,t)=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",fontWeight:t===2?700:500,padding:"4px 0",borderRadius:3,background:t===2?r.text:r.paper,color:t===2?r.onInk:r.muted},children:e},e))}),n("div",{style:{display:"flex",gap:3},children:["8:00","10:30","13:00","15:30"].map((e,t)=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.32cqw",padding:"4px 0",borderRadius:3,border:`1px solid ${t===1?r.rust:r.rule}`,color:t===1?r.rust:r.muted,background:t===3?r.paper:r.card,textDecoration:t===3?"line-through":"none"},children:e},e))})]})}),reviewform:n(G,{title:"Leave a review",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(Ho,{filled:4,size:14}),n(Sn,{label:"Your review",filled:!0}),n(zs,{children:"POST"})]})}),submitbuild:n(G,{title:"Show us your build",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:3,border:`1px dashed ${r.mark1}`,borderRadius:5,background:r.paper},children:[n("span",{style:{fontSize:"6.63cqw",lineHeight:1,color:r.rust,fontWeight:300},children:"+"}),n("span",{style:{fontSize:"3.65cqw",color:r.muted},children:"Drop a photo of your rig"})]})}),masthead:d("div",{style:{...P,background:r.paper,display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 13px",gap:5},children:[n("span",{style:{height:1.5,background:r.text}}),n("span",{style:{fontSize:"7.65cqw",fontWeight:800,letterSpacing:"0.02em",color:r.text,lineHeight:1},children:"THE TRACK"}),d("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"3.65cqw",letterSpacing:"0.1em",textTransform:"uppercase",color:r.muted},children:[n("span",{children:"Issue 14"}),n("span",{children:"Spring 2026"})]}),n("span",{style:{height:1,background:r.rule}})]}),featuredcover:d("div",{style:{...P,overflow:"hidden",...Y(r.ink,r.inkSoft2)},children:[n(He,{size:92,style:{right:-18,top:-14}}),n("div",{style:{position:"absolute",inset:0,background:`linear-gradient(0deg,${r.scrim},transparent 62%)`}}),d("div",{style:{position:"absolute",left:12,right:12,bottom:11,display:"flex",flexDirection:"column",gap:3},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:r.warm},children:"FEATURE"}),n("span",{style:{fontSize:"6.16cqw",lineHeight:1.15,fontWeight:700,color:r.onInk},children:"Four days on the Madigan Line"})]})]}),longread:d("div",{style:{...P,background:r.card,padding:"10px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.14em",fontWeight:700,color:r.rust},children:"12 MIN READ"}),n("span",{style:{fontSize:"6.02cqw",lineHeight:1.15,fontWeight:700,color:r.text},children:"What breaks first, and why"}),n(se,{children:"Every failure starts in the same place \u2014 not the rim, not"}),n(se,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:n(G,{title:"Recurring columns",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[["Shed Notes","Monthly"],["Track Tested","Fortnightly"],["Reader Rigs","Weekly"]].map(([e,t])=>d("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n("span",{style:{width:3,height:12,borderRadius:2,background:r.rust,flex:"none"}}),n("b",{style:{flex:1,fontSize:"4.64cqw",color:r.text},children:e}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:r.muted},children:t})]},e))})}),events:n(G,{title:"Latest posts",children:n("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[[r.inkSoft,r.inkSoft2,"Madigan Line, four days"],[r.rust,r.warm,"Why offset beats width"]].map(([e,t,o])=>d("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("span",{style:{width:24,height:18,borderRadius:3,flex:"none",...Y(e,t,150)}}),d("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"4.31cqw",color:r.text},children:o}),n("span",{style:{fontSize:"3.65cqw",color:r.muted},children:"4 Sep \xB7 Shed Notes"})]})]},o))})}),docmasthead:d("div",{style:{...P,background:r.card,padding:"12px 14px",display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:r.muted},children:"POLICY"}),n("span",{style:{fontSize:"6.49cqw",fontWeight:700,color:r.text,lineHeight:1.1},children:"Returns & refunds"}),n("span",{style:{fontSize:"3.65cqw",color:r.muted},children:"Version 3 \xB7 Updated 4 Sep 2026"}),n("span",{style:{height:2,width:26,background:r.rust,borderRadius:1}})]}),docbody:n("div",{style:{...P,background:r.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,t])=>d("div",{style:{display:"flex",gap:5},children:[n("b",{style:{fontSize:"3.98cqw",color:r.rust,flex:"none"},children:e}),n(se,{children:t})]},e))}),docmetacards:n(G,{title:"At a glance",children:n("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,t])=>d("div",{style:{border:`1px solid ${r.rule}`,borderRadius:4,padding:"5px 6px",display:"flex",flexDirection:"column",gap:1},children:[n("b",{style:{fontSize:"5.31cqw",color:r.text,lineHeight:1},children:e}),n("span",{style:{fontSize:"3.32cqw",letterSpacing:"0.08em",textTransform:"uppercase",color:r.muted},children:t})]},t))})}),doctabs:d("div",{style:{...P,background:r.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:0,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:0},children:["Returns","Warranty","Shipping"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,padding:"5px 8px",color:t===0?r.text:r.muted,background:t===0?r.paper:"transparent",borderRadius:"4px 4px 0 0",border:`1px solid ${t===0?r.rule:"transparent"}`,borderBottom:"none"},children:e},e))}),n("span",{style:{height:1,background:r.rule}}),d("div",{style:{paddingTop:6,display:"flex",flexDirection:"column",gap:2},children:[n(se,{children:"Unfitted wheels come back within 30 days, no questions."}),n(se,{w:"58%",children:"Freight on a change of mind is yours."})]})]}),paragraphs:d("div",{style:{...P,background:r.card,padding:"11px 14px",display:"flex",gap:10,alignItems:"center"},children:[n("span",{style:{flex:1,fontSize:"5.86cqw",lineHeight:1.2,fontWeight:700,color:r.text},children:"The right wheel is the boring one."}),d("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[n(se,{children:"Forged, correctly offset, rated for what you actually"}),n(se,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:n(G,{title:"Key features",children:n("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=>d("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[n("span",{style:{fontSize:"4.64cqw",color:r.rust,fontWeight:700,lineHeight:1},children:"\u2713"}),n("span",{style:{fontSize:"4.31cqw",color:r.text},children:e})]},e))})}),statsparagraph:d("div",{style:{...P,background:r.paper,padding:"10px 12px",display:"flex",gap:10,alignItems:"center"},children:[d("div",{style:{flex:"none",display:"flex",flexDirection:"column",gap:5},children:[n(Rt,{n:"27k",label:"Rigs"}),n(Rt,{n:"4.9",label:"Rating"})]}),d("div",{style:{flex:1,display:"flex",flexDirection:"column"},children:[n(se,{children:"Twelve years of fitting the same three questions, and the"}),n(se,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:d(G,{title:"Load vs weight",children:[n("div",{style:{flex:1,display:"flex",alignItems:"flex-end",gap:5,paddingBottom:2},children:[38,62,84,71,96].map((e,t)=>n("span",{style:{flex:1,height:`${e}%`,borderRadius:"2px 2px 0 0",background:t===4?r.rust:r.mark1}},t))}),n("span",{style:{height:1,background:r.rule,marginTop:-4}})]}),mockup:n("div",{style:{...P,overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center",...Y(r.inkSoft,r.ink)},children:d("div",{style:{width:"72%",height:"74%",borderRadius:4,overflow:"hidden",background:r.card,boxShadow:`0 6px 14px ${r.scrim}`},children:[n("div",{style:{height:9,background:r.paper,display:"flex",alignItems:"center",gap:2,padding:"0 4px"},children:[0,1,2].map(e=>n("span",{style:{width:2.5,height:2.5,borderRadius:"50%",background:r.mark1}},e))}),d("div",{style:{padding:5,display:"flex",flexDirection:"column",gap:3},children:[n("span",{style:{height:4,width:"56%",borderRadius:1,background:r.mark2}}),n("span",{style:{height:14,borderRadius:2,...Y(r.paper,r.paper2,150)}}),n("span",{style:{height:3,width:"38%",borderRadius:1,background:r.rust}})]})]})}),manifesto:n("div",{style:{...P,overflow:"hidden",display:"flex",alignItems:"center",padding:"0 16px",...Y(r.ink,r.ink2)},children:d("span",{style:{fontSize:"6.63cqw",lineHeight:1.2,fontWeight:700,color:r.onInk},children:["We build for the ",n("span",{style:{color:r.warm},children:"last"})," ten percent of the track."]})}),timeline:n(G,{title:"Our story",children:n("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,t],o)=>d("div",{style:{display:"flex",gap:7,alignItems:"flex-start",position:"relative"},children:[o<2&&n("span",{style:{position:"absolute",left:3,top:8,bottom:-8,width:1,background:r.rule}}),n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",marginTop:1,background:r.rust,zIndex:1}}),d("div",{style:{display:"flex",flexDirection:"column",gap:0,minWidth:0},children:[n("b",{style:{fontSize:"4.64cqw",color:r.text},children:e}),n(se,{children:t})]})]},e))})}),timelinetrack:d("div",{style:{...P,padding:"0 12px",display:"flex",flexDirection:"column",gap:10,justifyContent:"center",...Y(r.ink,r.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:r.warm},children:"Milestones"}),d("div",{style:{position:"relative",display:"flex",justifyContent:"space-between",paddingTop:7},children:[n("span",{style:{position:"absolute",left:0,right:0,top:3,height:1,background:r.mark2,opacity:.55}}),["1998","2009","2016","2024"].map((e,t)=>d("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:3,position:"relative"},children:[n("span",{style:{position:"absolute",top:-7,width:6,height:6,borderRadius:"50%",background:t===3?r.warm:r.mark1}}),n("span",{style:{fontSize:"4.31cqw",fontWeight:700,color:t===3?r.warm:r.onInk,opacity:t===3?1:.75},children:e})]},e))]})]}),footprint:d("div",{style:{...P,overflow:"hidden",...Y(r.paper,r.paper2,150)},children:[n("span",{style:{position:"absolute",left:"8%",top:"18%",width:"62%",height:"64%",borderRadius:"48% 52% 40% 60% / 55% 45% 55% 45%",background:r.mark1,opacity:.75}}),n("span",{style:{position:"absolute",left:"52%",top:"52%",width:"34%",height:"34%",borderRadius:"58% 42% 55% 45% / 45% 58% 42% 55%",background:r.mark2,opacity:.55}}),[["26%","38%"],["44%","58%"],["62%","34%"]].map(([e,t])=>n("span",{style:{position:"absolute",left:e,top:t,width:7,height:7,borderRadius:"50% 50% 50% 0",transform:"rotate(-45deg)",background:r.rust}},e)),n("span",{style:{position:"absolute",left:11,bottom:9,fontSize:"4.64cqw",fontWeight:700,color:r.text},children:"3 fitting bays"})]}),banner:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"space-between",padding:"0 13px",gap:8,background:r.rust},children:[d("div",{style:{display:"flex",flexDirection:"column",gap:2},children:[n("b",{style:{fontSize:"6.02cqw",color:r.onInk},children:"End of season \xB7 20% off"}),n("span",{style:{fontSize:"3.98cqw",color:r.onInk,opacity:.8},children:"Fitted free, this month only."})]}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:r.onInk,color:r.text,flex:"none"},children:"SHOP"})]}),titlewithbuttons:d("div",{style:{...P,background:r.paper,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:7,padding:"0 14px",textAlign:"center"},children:[n("span",{style:{fontSize:"6.49cqw",lineHeight:1.15,fontWeight:700,color:r.text},children:"Not sure what fits?"}),d("div",{style:{display:"flex",gap:5},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,background:r.text,color:r.onInk},children:"FIND MY FIT"}),n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"5px 9px",borderRadius:2,border:`1px solid ${r.text}`,color:r.text},children:"CALL US"})]})]}),ticker:n("div",{style:{...P,overflow:"hidden",background:r.ink,display:"flex",alignItems:"center"},children:n("span",{style:{whiteSpace:"nowrap",fontSize:"6.29cqw",fontWeight:800,letterSpacing:"0.06em",color:r.warm,marginLeft:-14},children:"FREE FITTING \xB7 48HR DISPATCH \xB7 FREE FITTING \xB7 48HR DISPATCH"})}),countdown:d("div",{style:{...P,padding:"10px 12px",display:"flex",flexDirection:"column",alignItems:"center",gap:6,justifyContent:"center",...Y(r.ink,r.ink2)},children:[n("span",{style:{fontSize:"3.65cqw",fontWeight:700,letterSpacing:"0.16em",textTransform:"uppercase",color:r.muted},children:"Back online in"}),n("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[["23","Hours"],["59","Minutes"],["48","Seconds"]].map(([e,t],o)=>d("div",{style:{display:"flex",alignItems:"flex-start",gap:5},children:[o>0&&n("b",{style:{fontSize:"9.5cqw",lineHeight:1,color:r.warm},children:":"}),d("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:2},children:[n("b",{style:{fontSize:"11.5cqw",lineHeight:1,color:r.onInk,fontVariantNumeric:"tabular-nums"},children:e}),n("span",{style:{fontSize:"3.2cqw",letterSpacing:"0.1em",textTransform:"uppercase",opacity:.62,color:r.onInk},children:t})]})]},t))})]}),breadcrumb:n("div",{style:{...P,background:r.card,display:"flex",alignItems:"center",padding:"0 13px"},children:d("span",{style:{fontSize:"4.64cqw",color:r.muted},children:["Home ",n("span",{style:{opacity:.5},children:"/"})," Wheels ",n("span",{style:{opacity:.5},children:"/"})," ",n("span",{style:{color:r.text,fontWeight:700},children:"20 inch"})]})}),categorybar:d("div",{style:{...P,background:r.card,display:"flex",flexDirection:"column",justifyContent:"center",gap:7,padding:"0 11px"},children:[n("div",{style:{display:"flex",gap:5},children:["All","Wheels","Tyres","Lift"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,padding:"4px 7px",borderRadius:99,background:t===0?r.text:r.paper,color:t===0?r.onInk:r.muted},children:e},e))}),n("span",{style:{height:1,background:r.rule}})]}),intro:d("div",{style:{...P,overflow:"hidden",background:r.card},children:[n("div",{style:{position:"absolute",inset:0,...Y(r.ink,r.inkSoft2)}}),n(He,{size:64,style:{right:8,top:6}}),d("div",{style:{position:"absolute",left:16,right:16,bottom:8,top:"46%",background:r.paper,borderRadius:6,padding:"8px 11px",display:"flex",flexDirection:"column",gap:2,boxShadow:`0 -4px 10px ${r.scrim}`},children:[n("span",{style:{fontSize:"5.69cqw",fontWeight:700,color:r.text},children:"Since 1998"}),n(se,{children:"One shed, one lathe, one idea."}),n(se,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:n(G,{title:"From our customers",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gridTemplateRows:"repeat(2,1fr)",gap:4,minHeight:0},children:[[r.rust,r.warm],[r.inkSoft,r.ink],[r.paper2,r.mark2],[r.ink,r.inkSoft2],[r.warm,r.paper2],[r.mark2,r.inkSoft]].map(([e,t],o)=>n("div",{style:{borderRadius:3,...Y(e,t,140+o*22)}},o))})}),gallery:d(G,{title:"Gallery",children:[n("div",{style:{display:"flex",gap:8,alignItems:"center",marginTop:-2},children:["On the truck","Studio","Close-ups"].map((e,t)=>n("span",{style:{fontSize:"3.98cqw",fontWeight:t===0?700:500,color:t===0?r.text:r.muted,borderBottom:`1.5px solid ${t===0?r.rust:"transparent"}`,paddingBottom:2},children:e},e))}),n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:4,minHeight:0},children:[[r.rust,r.warm],[r.ink,r.inkSoft],[r.paper2,r.mark2]].map(([e,t],o)=>n("div",{style:{borderRadius:3,...Y(e,t,150+o*20)}},o))})]}),ordersummary:d(G,{title:"Order summary",children:[d("div",{style:{display:"flex",gap:6,alignItems:"center",paddingBottom:4},children:[n("span",{style:{width:26,height:26,borderRadius:4,position:"relative",overflow:"hidden",flex:"none",...Y(r.paper,r.paper2,150)},children:n(He,{size:18,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),d("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[n("b",{style:{fontSize:"4.31cqw",color:r.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"3.65cqw",color:r.muted},children:"20\xD79 +12 \xB7 qty 4"})]})]}),d("div",{style:{flex:1,minHeight:0,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(_e,{k:"Subtotal",v:"$1,956"}),n(_e,{k:"Fitting",v:"Free"}),d("div",{style:{display:"flex",justifyContent:"space-between",paddingTop:5,fontSize:"4.64cqw"},children:[n("b",{style:{color:r.text},children:"Total"}),n("b",{style:{color:r.text,fontSize:"6.02cqw"},children:"$1,956"})]})]})]}),deliveryoptions:n(G,{title:"Delivery",children:n("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,t,o,a])=>d("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"5px 6px",borderRadius:4,border:`1px solid ${a?r.rust:r.rule}`,background:a?r.paper:r.card},children:[n("span",{style:{width:7,height:7,borderRadius:"50%",flex:"none",border:`1.5px solid ${a?r.rust:r.mark1}`,background:a?r.rust:"transparent"}}),n("span",{style:{flex:1,fontSize:"4.31cqw",fontWeight:600,color:r.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:r.muted},children:t}),n("b",{style:{fontSize:"4.31cqw",color:r.text},children:o})]},e))})}),paymentbadges:d("div",{style:{...P,background:r.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[n(Pt,{children:"Ways to pay"}),n("div",{style:{display:"flex",gap:5},children:[["VISA",r.ink],["MC",r.rust],["AMEX",r.inkSoft],["PayPal",r.ink2]].map(([e,t])=>n("span",{style:{flex:1,textAlign:"center",fontSize:"3.65cqw",fontWeight:800,letterSpacing:"0.06em",color:r.onInk,borderRadius:3,padding:"6px 0",background:t},children:e},e))})]}),stats:d("div",{style:{...P,padding:"10px 12px",display:"flex",flexDirection:"column",gap:9,justifyContent:"center",...Y(r.ink,r.ink2)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:r.warm},children:"By the numbers"}),d("div",{style:{display:"flex",gap:8},children:[n(Rt,{n:"27k",label:"Rigs fitted",tone:r.onInk}),n(Rt,{n:"12",label:"Years",tone:r.onInk}),n(Rt,{n:"4.9",label:"Avg rating",tone:r.warm})]})]}),testimonials:d("div",{style:{...P,overflow:"hidden",background:r.paper,padding:"10px 11px",display:"flex",flexDirection:"column",gap:6,justifyContent:"center"},children:[n("span",{style:{position:"absolute",right:10,top:2,fontSize:"22.4cqw",lineHeight:1,fontWeight:800,color:r.rust,opacity:.16},children:"\u201D"}),n(Ho,{filled:5,size:7}),n("span",{style:{position:"relative",fontSize:"5.31cqw",lineHeight:1.35,color:r.text,fontWeight:600},children:"\u201CTook them out to the Simpson and back. Not one chip.\u201D"}),d("div",{style:{display:"flex",alignItems:"center",gap:5},children:[n(Ds,{}),n("span",{style:{fontSize:"3.98cqw",color:r.muted},children:"Dave M. \xB7 Hilux N80"})]})]}),reviews:d(G,{title:"Reviews",children:[n("div",{style:{display:"flex",gap:4,height:22},children:[[r.inkSoft,r.inkSoft2],[r.rust,r.warm],[r.ink,r.inkSoft],[r.mark2,r.mark1]].map(([e,t],o)=>n("div",{style:{flex:1,borderRadius:3,...Y(e,t,140+o*15)}},o))}),n("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,t,o])=>d("div",{style:{display:"flex",gap:5,alignItems:"flex-start"},children:[n(Ds,{size:12}),d("div",{style:{display:"flex",flexDirection:"column",gap:1,minWidth:0},children:[d("div",{style:{display:"flex",gap:4,alignItems:"center"},children:[n("b",{style:{fontSize:"3.98cqw",color:r.text},children:e}),n(Ho,{filled:t})]}),n(se,{children:o})]})]},e))})]}),logos:d("div",{style:{...P,display:"flex",flexDirection:"column",gap:9,justifyContent:"center",padding:"0 12px",...Y(r.ink,r.inkSoft)},children:[n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.14em",textTransform:"uppercase",color:r.warm},children:"As fitted by"}),n("div",{style:{display:"grid",gridTemplateColumns:"repeat(4,1fr)",gap:8},children:["ARB","TJM","IRONMAN","OPPOSITE"].map(e=>n("span",{style:{textAlign:"center",fontSize:"4.31cqw",fontWeight:800,letterSpacing:"0.08em",color:r.onInk,opacity:.82},children:e},e))})]}),prose:d("div",{style:{...P,background:r.paper,padding:"11px 14px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"5.86cqw",fontWeight:700,color:r.text},children:"Why offset matters"}),d("div",{style:{display:"flex",gap:6},children:[n("span",{style:{fontSize:"15.3cqw",lineHeight:.78,fontWeight:800,color:r.rust,marginTop:1},children:"T"}),d("div",{style:{display:"flex",flexDirection:"column"},children:[n(se,{children:"he number on the back of your wheel decides whether the"}),n(se,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:n(G,{title:"What you get",children:n("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,t])=>d("div",{style:{border:`1px solid ${r.rule}`,borderRadius:4,padding:6,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{width:11,height:11,borderRadius:3,background:r.rust,opacity:.9}}),n("b",{style:{fontSize:"3.98cqw",color:r.text},children:e}),n(se,{children:t})]},e))})}),faq:n(G,{title:"Questions",children:n("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,t])=>d("div",{style:{borderBottom:`1px solid ${r.rule}`,padding:"4px 2px"},children:[d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6},children:[n("b",{style:{fontSize:"4.31cqw",color:r.text},children:e}),n("span",{style:{fontSize:"4.64cqw",color:r.muted,lineHeight:1},children:t?"\u2212":"+"})]}),t&&n(se,{w:"90%",children:"Use the fitment finder \u2014 it reads your build, not just the model."})]},e))})}),hero:d("div",{style:{...P,overflow:"hidden",...Y(r.ink,r.ink2)},children:[n("div",{style:{...P,background:`linear-gradient(90deg,${r.scrim},transparent 70%)`}}),n("div",{style:{position:"relative",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"flex-start",padding:"12px 14px",gap:5},children:n(Fs,{over:"NEW \xB7 SUMMER",overTone:r.warm,head:"Built for the worst road you own",cta:"SHOP ALL",ctaBg:r.warm,ctaFg:r.ink,tone:r.onInk})}),n(He,{size:104,style:{right:-24,bottom:-30}})]}),herosingle:d("div",{style:{...P,display:"flex",background:r.paper,overflow:"hidden"},children:[n("div",{style:{flex:1,padding:12,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:n(Fs,{over:"ALL-TERRAIN",overTone:r.rust,head:"Grip that does not ask",headSize:12,cta:"EXPLORE",ctaBg:r.text,ctaFg:r.onInk,tone:r.text})}),n("div",{style:{flex:1,position:"relative",...Y(r.inkSoft,r.inkSoft2)},children:n(He,{size:74,style:{right:-14,top:16}})})]}),productgrid:n(G,{title:"Best sellers",children:d("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[n(_o,{name:"Ridge 19",price:"$365"}),n(_o,{name:"Ridge 29",price:"$410"}),n(_o,{name:"Ridge 39",price:"$455"})]})}),collections:n(G,{title:"Shop by category",children:n("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[["Wheels",r.inkSoft,r.inkSoft2],["Tyres",r.rust,r.warm],["Lift kits",r.ink,r.inkSoft]].map(([e,t,o])=>n("div",{style:{borderRadius:4,display:"flex",alignItems:"flex-end",padding:5,color:r.onInk,...Y(t,o)},children:n("span",{style:{fontSize:"3.98cqw",fontWeight:700,letterSpacing:"0.04em"},children:e})},e))})}),producthero:d("div",{style:{...P,display:"flex",background:r.card,overflow:"hidden"},children:[n("div",{style:{flex:1.1,position:"relative",...Y(r.paper,r.paper2,150)},children:n(He,{size:78,style:{left:"50%",top:"50%",transform:"translate(-50%,-50%)"}})}),d("div",{style:{flex:1,padding:"10px 10px 10px 8px",display:"flex",flexDirection:"column",gap:4,justifyContent:"center"},children:[n("span",{style:{fontSize:"3.65cqw",letterSpacing:"0.16em",fontWeight:700,color:r.rust},children:"NITTO"}),n("b",{style:{fontSize:"6.29cqw",color:r.text},children:"Ridge Grappler"}),n("span",{style:{fontSize:"6.63cqw",fontWeight:700,color:r.text},children:"$489"}),n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,background:r.text,color:r.onInk},children:"ADD TO CART"})]})]}),spectable:n(G,{title:"Specifications",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(_e,{k:"Diameter",v:'20"'}),n(_e,{k:"Width",v:"9.0J"}),n(_e,{k:"Offset",v:"+12"}),n(_e,{k:"Load",v:"1250 kg"})]})}),fitmenttable:n(G,{title:"Will it fit?",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[n(_e,{k:"Hilux N80",v:"20\xD79 +12",ok:!0}),n(_e,{k:"Ranger PX3",v:"20\xD79 +12",ok:!0}),n(_e,{k:"LC79",v:"17\xD78 \u221210",ok:!0})]})}),brandstrip:d("div",{style:{...P,background:r.paper,display:"flex",flexDirection:"column",gap:8,justifyContent:"center",padding:"0 12px"},children:[n(Pt,{children:"Brands we carry"}),n("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:["NITTO","BFG","FUEL","TOYO"].map(e=>n("span",{style:{fontSize:"4.64cqw",fontWeight:800,letterSpacing:"0.1em",color:r.mark2},children:e},e))})]}),processsteps:d("div",{style:{...P,background:r.paper,padding:10,display:"flex",flexDirection:"column",gap:7,justifyContent:"center"},children:[n(Pt,{children:"How it works"}),n("div",{style:{display:"flex",gap:6},children:["Pick your rig","Match the fit","We fit it"].map((e,t)=>d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:2},children:[n("span",{style:{width:11,height:11,borderRadius:"50%",background:r.text,color:r.onInk,fontSize:"3.98cqw",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:700},children:t+1}),n("span",{style:{fontSize:"3.98cqw",color:r.text,fontWeight:600},children:e})]},e))})]}),detailrows:n("div",{style:{...P,background:r.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,t,o])=>{let a=n("div",{style:{flex:1,...Y(o?r.rust:r.inkSoft,o?r.warm:r.inkSoft2)}},"art"),l=d("div",{style:{flex:1.1,padding:8,display:"flex",flexDirection:"column",gap:2,justifyContent:"center"},children:[n("b",{style:{fontSize:"4.64cqw",color:r.text},children:e}),n("span",{style:{fontSize:"3.98cqw",color:r.muted,lineHeight:1.3},children:t})]},"tx");return n("div",{style:{flex:1,display:"flex",minHeight:0},children:o?[l,a]:[a,l]},e)})}),specstrip:n("div",{style:{...P,background:r.ink,color:r.onInk,display:"flex",alignItems:"center",justifyContent:"space-around",padding:"0 8px"},children:[["5 yr","Warranty"],["Free","Fitting"],["48 hr","Dispatch"]].map(([e,t])=>d("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:1},children:[n("b",{style:{fontSize:"5.69cqw",letterSpacing:"0.02em"},children:e}),n("span",{style:{fontSize:"3.65cqw",color:r.mark2,letterSpacing:"0.1em",textTransform:"uppercase"},children:t})]},t))})},Os={subscribe:d("div",{style:{...P,padding:13,display:"flex",flexDirection:"column"},children:[d("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[d("div",{style:{display:"flex",alignItems:"center",gap:6},children:[n(k,{w:8,h:8,r:2,tone:"accent"}),n(k,{w:38,h:7,r:3,tone:"dark"}),n(k,{w:16,h:7,r:3,tone:"accent"})]}),n(k,{w:38,h:4,r:2,tone:"soft"})]}),n("div",{style:{height:1,background:oe.line,marginBottom:10}}),d("div",{style:{flex:1,display:"flex",gap:10,border:`1px solid ${oe.line}`,borderRadius:7,padding:10},children:[d("div",{style:{flex:1.1,display:"flex",flexDirection:"column",justifyContent:"center",gap:5},children:[n(k,{w:"46%",h:3,r:2,tone:"accent"}),n(k,{w:"84%",h:8,r:4,tone:"dark"}),n(k,{w:"56%",h:8,r:4,tone:"accent"}),n(k,{w:"96%",h:3,r:2,tone:"soft",style:{marginTop:2}}),d("div",{style:{display:"flex",gap:5,marginTop:4},children:[n("div",{style:{flex:1,height:13,borderRadius:5,border:`1px solid ${oe.line}`,background:oe.block}}),n(k,{w:34,h:13,r:5,tone:"accent"})]})]}),d("div",{style:{flex:1,background:oe.block,borderRadius:6,padding:8,display:"flex",flexDirection:"column",gap:6},children:[n(k,{w:"52%",h:4,r:2,tone:"accent"}),Array.from({length:3}).map((e,t)=>d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",gap:6,borderTop:t?`1px solid ${oe.line}`:"none",paddingTop:t?4:0},children:[n(k,{w:34,h:4,r:2,tone:"dark"}),n(k,{w:16,h:3,r:2,tone:"soft"})]},t))]})]})]}),split:d("div",{style:{...P,display:"flex"},children:[n("div",{style:{width:"44%",background:Oo}}),d("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(k,{w:"44%",h:5,r:3,tone:"accent"}),n(k,{w:"88%",h:8,r:4,tone:"dark"}),n(k,{w:"70%",h:8,r:4,tone:"dark"}),n(k,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),n(k,{w:"80%",h:5,r:2,tone:"soft"}),n(k,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:d(_s,{children:[n(k,{w:"18%",h:6,r:3,tone:"accent",style:{position:"absolute",top:15,right:16}}),d("div",{style:{...P,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:10},children:[d("div",{style:{display:"flex",alignItems:"center",gap:9},children:[n(k,{w:16,h:16,r:4,tone:"accent"}),n(k,{w:"20%",h:9,r:4,tone:"dark"})]}),n(k,{w:"62%",h:10,r:5,tone:"dark"}),n(k,{w:"42%",h:6,r:3,tone:"soft"})]})]}),header:n("div",{style:{...P,padding:14,display:"flex",flexDirection:"column",justifyContent:"center"},children:d("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[n(k,{w:"22%",h:12,r:4,tone:"dark"}),d("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[n(k,{w:26,h:6,r:3,tone:"soft"}),n(k,{w:26,h:6,r:3,tone:"soft"}),n(k,{w:26,h:6,r:3,tone:"soft"}),n(k,{w:18,h:14,r:5,tone:"accent"})]})]})}),footer:d("div",{style:{...P,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:12},children:[d("div",{style:{display:"flex",gap:14},children:[d("div",{style:{flex:1.4,display:"flex",flexDirection:"column",gap:6},children:[n(k,{w:"60%",h:9,r:4,tone:"dark"}),n(k,{w:"90%",h:5,r:2,tone:"soft"}),n(k,{w:"70%",h:5,r:2,tone:"soft"})]}),[0,1].map(e=>d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:6},children:[n(k,{w:"50%",h:6,r:3,tone:"dark"}),n(k,{w:"80%",h:5,r:2,tone:"soft"}),n(k,{w:"66%",h:5,r:2,tone:"soft"})]},e))]}),n("div",{style:{height:1,background:oe.line}}),d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(k,{w:"30%",h:5,r:2,tone:"soft"}),n(k,{w:"16%",h:5,r:2,tone:"soft"})]})]}),grid:n("div",{style:{...P,padding:14,display:"grid",gridTemplateColumns:"1fr 1fr",gridTemplateRows:"1fr 1fr",gap:9},children:Array.from({length:4}).map((e,t)=>n("div",{style:{borderRadius:6,background:oe.block}},t))}),blanksection:n("div",{style:{...P,padding:14,display:"flex"},children:d("div",{style:{flex:1,border:`1px dashed ${oe.line}`,borderRadius:7,display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:[n(k,{w:14,h:2,r:1,tone:"tint"}),n(k,{w:2,h:14,r:1,tone:"tint",style:{position:"absolute"}})]})}),spacer:d("div",{style:{...P,padding:14,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[n(k,{w:"100%",h:6,r:3,tone:"soft"}),n(k,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),n(k,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:n("div",{style:{...P,padding:14,display:"flex",alignItems:"center"},children:n(k,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:Oo},children:[n(k,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),n(k,{w:16,h:10,r:3,tone:"accent"}),n(k,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(14deg)"}})]}),heading:n("div",{style:{...P,padding:14,display:"flex",alignItems:"center"},children:n(k,{w:"64%",h:13,r:4,tone:"dark"})}),text:d("div",{style:{...P,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(k,{w:"100%",h:6,r:3,tone:"soft"}),n(k,{w:"96%",h:6,r:3,tone:"soft"}),n(k,{w:"100%",h:6,r:3,tone:"soft"}),n(k,{w:"58%",h:6,r:3,tone:"soft"})]}),image:n("div",{style:{position:"absolute",inset:14,borderRadius:7,background:Oo}}),button:n("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center"},children:n(k,{w:"34%",h:16,r:8,tone:"accent"})}),menu:d("div",{style:{...P,padding:"14px 22%",display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(k,{w:"48%",h:7,r:3,tone:"dark"}),n(k,{w:"82%",h:5,r:2,tone:"soft"}),n(k,{w:"66%",h:5,r:2,tone:"soft"}),n(k,{w:"74%",h:5,r:2,tone:"soft"}),n(k,{w:"58%",h:5,r:2,tone:"soft"})]}),emailform:d("div",{style:{...P,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[n(k,{w:"56%",h:8,r:3,tone:"dark"}),d("div",{style:{display:"flex",gap:6},children:[n("div",{style:{flex:1,height:16,borderRadius:5,border:`1px solid ${oe.line}`}}),n(k,{w:"30%",h:16,r:5,tone:"accent"})]})]}),sociallogos:n("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center",gap:9},children:[0,1,2,3].map(e=>n(k,{w:16,h:16,r:8,tone:"dark"},e))}),search:n("div",{style:{...P,padding:"0 18%",display:"flex",alignItems:"center"},children:d("div",{style:{flex:1,height:22,borderRadius:11,border:`1px solid ${oe.line}`,display:"flex",alignItems:"center",gap:7,padding:"0 9px"},children:[n("div",{style:{width:9,height:9,borderRadius:5,border:`2px solid ${oe.dark}`}}),n(k,{w:"46%",h:5,r:2,tone:"soft"})]})}),cart:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center",gap:7},children:[n("div",{style:{width:22,height:18,borderRadius:"3px 3px 6px 6px",border:`2px solid ${oe.dark}`}}),n("div",{style:{padding:"2px 6px",borderRadius:6,border:`1.5px solid ${oe.dark}`},children:n(k,{w:7,h:7,r:2,tone:"dark"})})]}),countryswitch:d("div",{style:{...P,padding:14,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:5},children:[d("div",{style:{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",border:`1px solid ${oe.line}`},children:[n(k,{w:22,h:6,r:2,tone:"dark"}),n(k,{w:6,h:4,r:1,tone:"soft"})]}),d("div",{style:{width:"46%",display:"flex",flexDirection:"column",gap:4,padding:6,border:`1px solid ${oe.line}`},children:[n(k,{w:"80%",h:4,r:2,tone:"accent"}),n(k,{w:"64%",h:4,r:2,tone:"soft"}),n(k,{w:"72%",h:4,r:2,tone:"soft"})]})]}),legalline:d("div",{style:{...P,padding:16,display:"flex",flexDirection:"column",justifyContent:"center",gap:9},children:[n("div",{style:{height:1,background:oe.line}}),d("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[n(k,{w:"38%",h:5,r:2,tone:"soft"}),d("div",{style:{display:"flex",gap:5},children:[n(k,{w:14,h:5,r:2,tone:"soft"}),n(k,{w:14,h:5,r:2,tone:"soft"}),n(k,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:n("div",{style:{position:"absolute",inset:14,borderRadius:8,background:oe.block}})};function Hs({type:e}){let t=iu[e]??"",o=au[t]??Os[t]??Os.fallback;return n("div",{className:"sf-thumb","aria-hidden":"true",style:{position:"absolute",inset:0,background:"var(--sf-thumb-thumb-bg)",pointerEvents:"none",containerType:"inline-size"},children:o})}import{jsx as pt,jsxs as su}from"react/jsx-runtime";import{StylesIcon as lu}from"efficient-easel/rail";import{Tooltip as cu}from"efficient-shell/ui";function Ms({tokenRef:e,siteId:t,onClose:o,onNotify:a,tab:l,onTabChange:s}){let c=lt();return su("div",{className:"sf-styles",children:[pt(Vt,{icon:pt(lu,{}),title:i("Site styles"),context:pt(cu,{content:i("{name} \u2014 renamed in the Console: {place}.",{name:c,place:i("Storefront \u25B8 Sites \u25B8 Settings")}),className:"sf-name-tip",children:pt("span",{className:"sf-name-text",children:c})}),onHide:o}),pt("div",{className:"sf-insp-body sf-scroll",children:pt(gn,{tokenRef:e,siteId:t,onNotify:a,tab:l,onTabChange:s})})]})}import{jsx as Bs}from"react/jsx-runtime";var du="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";function Ws({size:e=15,className:t,strokeWidth:o=1.7}){return Bs("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round",className:t,"aria-hidden":"true",focusable:"false",children:Bs("path",{d:du})})}import{useEffect as Bo,useRef as pu}from"react";var Mo="sf-editor-footer-return";function Uw(e){if(!(typeof window>"u"))try{window.sessionStorage.setItem(Mo,e)}catch{}}function js(){if(typeof window>"u")return null;try{return window.sessionStorage.getItem(Mo)}catch{return null}}function qs(){if(!(typeof window>"u"))try{window.sessionStorage.removeItem(Mo)}catch{}}function $s(e,t){let{currentSlug:o,siteId:a,navigate:l,footerOriginSlug:s}=ue(),{selected:c}=e,p=e.data?.content??[],u=t.refreshes,b=o===Ue,{editFooter:m}=Pi(),x=pu(null);Bo(()=>{let w=c?.props.id;b&&typeof w=="string"&&(x.current?.(),x.current=fn(w))},[c?.props.id,b]);let I=w=>{x.current?.(),x.current=fn(w)};return Bo(()=>{if(!b||!s)return;let w=p.find(L=>L.type===Q)?.props?.id;if(w)return x.current?.(),x.current=fn(String(w)),()=>{x.current?.(),x.current=null}},[b,s,u]),Bo(()=>{if(!(b||!js()))return Ya(()=>qs())},[]),{pinnedSource:b,holdCanvasOn:b?I:void 0,editPinnedSource:()=>m?m():l({kind:"page",slug:Ue,siteId:a??void 0})}}import{jsx as U,jsxs as De,Fragment as hu}from"react/jsx-runtime";import{Fragment as Gs,useEffect as Ks,useRef as Wo}from"react";import{useTreeDrag as Us}from"efficient-easel/drag";import{ImageIcon as uu,TextLinesIcon as fu,TrashIcon as Vs}from"efficient-easel/icons";import{Subtree as Ys,TreeRow as Nt,TreeRowAction as Xs,TreeSeam as Zs}from"efficient-easel/tree";import{useEaselStrings as mu}from"efficient-easel/strings";var Cn="ContactLocations";function gu({size:e=13}){return De("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[U("circle",{cx:"12",cy:"12",r:"9"}),U("path",{d:"M3 12h18M12 3c2.6 2.6 2.6 15.4 0 18M12 3c-2.6 2.6-2.6 15.4 0 18"})]})}function yu({size:e=13}){return De("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[U("path",{d:"M12 21s6-5 6-10a6 6 0 10-12 0c0 5 6 10 6 10z"}),U("circle",{cx:"12",cy:"11",r:"2"})]})}function bu({size:e=13}){return De("svg",{width:e,height:e,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[U("path",{d:"M9 4 3 6.5v13L9 17l6 3 6-2.5v-13L15 7z"}),U("path",{d:"M9 4v13M15 7v13"})]})}var kn=e=>({parentId:`locations-${e}`,slot:"groups"}),jo=(e,t)=>({parentId:`locations-${e}`,slot:`cities:${t}`});function Qs(e,t){let{readOnly:o,selected:a}=t,l=mu().tree,s=t.data?.content??[],c=e.kind===Es.kind,p=Wo(null);Ks(()=>{let h=a?.type===Cn?String(a.props.id):null;h&&h!==p.current&&Ie({level:"groups"}),p.current=h},[a?.props.id]);let{selectedLocationPartId:u,setSelectedLocationPartId:b,setSelectHandler:m}=Di(),x=Zi(),I=(h,y)=>{let R=s[h];R&&t.replace(h,{type:R.type,props:{...R.props,locations:y}})},w=h=>{let y=s[h]?.props?.locations;return Array.isArray(y)?y:[]},L=Us({keyOf:h=>`group:${h.si}:${h.index}`,readOnly:!!o,canDrop:(h,y)=>y.parentId===kn(h.si).parentId&&y.slot==="groups",onDrop:(h,y)=>{I(h.si,Kn(w(h.si),h.index,y.index)),x.level==="city"&&Ie({level:"groups"})},onStep:(h,y)=>{I(h.si,Kn(w(h.si),h.index,y<0?h.index-1:h.index+2)),x.level==="city"&&Ie({level:"groups"})}}),N=Us({keyOf:h=>`city:${h.si}:${h.group}:${h.index}`,readOnly:!!o,canDrop:(h,y)=>y.parentId===kn(h.si).parentId&&y.slot.startsWith("cities:"),onDrop:(h,y)=>{let R=y.slot.slice(7);I(h.si,Un(w(h.si),h.group,h.index,R,y.index)),Ie({level:"group",key:R})},onStep:(h,y)=>{I(h.si,Un(w(h.si),h.group,h.index,h.group,y<0?h.index-1:h.index+2)),x.level==="city"&&Ie({level:"group",key:h.group})}}),f=Wo(s);f.current=s;let E=Wo(()=>{});Ks(()=>{m(h=>{let y=Oi(h);if(!y)return;let R=f.current.findIndex(C=>C.props?.id===y.nodeId);R<0||E.current(R,{level:y.part,index:y.index})})},[m]);let v=(h,y)=>{p.current=s[h]?.props?.id??null,t.select(h),Ie(y),e.reveal();let R=s[h]?.props?.id;typeof R=="string"&&(y.level==="image"||y.level==="map")?b(zi(R,y.index,y.level)):b(null),typeof R=="string"&&t.scrollTo(R)};return E.current=v,{renderLocationTree:(h,y,{rowClick:R,isCollapsed:C,toggleCollapse:Z})=>{let M=w(y),le=$n(M),H=String(h.props.id),q=c&&a?.props.id===H,pe=F=>U(Zs,{...o?{}:L.seam({place:{...kn(y),index:F}})},`seam:${H}:groups:${F}`),ae=(F,re)=>U(Zs,{...o?{}:N.seam({place:{...jo(y,F),index:re}})},`seam:${H}:cities:${F}:${re}`);return De(hu,{children:[U(Nt,{icon:U(fu,{size:13}),name:i("Texts"),words:l,onSelect:()=>v(y,{level:"texts"}),selected:q&&x.level==="texts",rowProps:{onClick:R(()=>v(y,{level:"texts"}))}}),le.map((F,re)=>{let fe=`${H}::grp::${F.key}`,Re=C(fe),we=q&&x.level==="group"&&x.key===F.key,ve=F.name||F.key?Qi(F.key,F.name):i("Ungrouped"),Me={...jo(y,F.key),index:F.cards.length},me=N.row({item:{si:y,group:F.key,index:-1},place:Me,into:Me,canDrag:!1},{onClick:R(()=>v(y,{level:"group",key:F.key}))}),ge=L.row({item:{si:y,index:re},place:{...kn(y),index:re}},me.rowProps);return De(Gs,{children:[re===0&&pe(0),U(Nt,{icon:U(gu,{size:13}),name:ve,words:l,onSelect:()=>v(y,{level:"group",key:F.key}),selected:we,draggable:ge.draggable,dragging:ge.dragging,drop:ge.drop??me.drop,fold:{open:!Re,label:i("group"),onToggle:()=>Z(fe)},actions:U(Xs,{kind:"delete",label:Bt("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",F.cards.length,{label:ve}),onClick:()=>{I(y,ta(M,F.key)),Ie({level:"groups"})},children:U(Vs,{size:15})}),rowProps:ge.rowProps,children:U("span",{className:"es-group-count",children:F.cards.length})}),!Re&&De(Ys,{children:[F.cards.map((ee,K)=>{let te=Gn(M,F.key,K),S=q&&x.level==="city"&&x.index===te,j=String(ee?.name??"")||i("City"),$=`${H}::city::${qn(ee)}`,ce=C($),{rowProps:Pe,...ht}=N.row({item:{si:y,group:F.key,index:K},place:{...jo(y,F.key),index:K}},{onClick:R(()=>v(y,{level:"city",index:te}))});return De(Gs,{children:[K===0&&ae(F.key,0),U(Nt,{icon:U(yu,{size:13}),name:j,words:l,onSelect:()=>v(y,{level:"city",index:te}),selected:S,...ht,fold:{open:!ce,label:j,onToggle:()=>Z($)},actions:U(Xs,{kind:"delete",label:i("Delete {name}",{name:j}),onClick:()=>{I(y,na(M,F.key,K)),Ie({level:"group",key:F.key})},children:U(Vs,{size:15})}),rowProps:Pe}),!ce&&De(Ys,{children:[U(Nt,{icon:U(uu,{size:13}),name:i("Image"),words:l,onSelect:()=>v(y,{level:"image",index:te}),selected:q&&x.level==="image"&&x.index===te,rowProps:{onClick:R(()=>v(y,{level:"image",index:te}))}}),U(Nt,{icon:U(bu,{size:13}),name:i("Map"),words:l,onSelect:()=>v(y,{level:"map",index:te}),selected:q&&x.level==="map"&&x.index===te,rowProps:{onClick:R(()=>v(y,{level:"map",index:te}))}})]}),ae(F.key,K+1)]},qn(ee))}),De("button",{type:"button",className:"sf-add-card",onClick:()=>{let ee=Ji(M,F.key);I(y,ee);let K=$n(ee).find(te=>te.key===F.key);Ie(K&&K.cards.length?{level:"city",index:Gn(ee,F.key,K.cards.length-1)}:{level:"group",key:F.key})},children:[U("span",{className:"sf-plus sf-plus--sm",children:"+"}),i("Add city")]})]}),pe(re+1)]},fe)}),De("button",{type:"button",className:"sf-add-card",onClick:()=>{let{cards:F,key:re}=ea(M);I(y,F),v(y,{level:"group",key:re})},children:[U("span",{className:"sf-plus sf-plus--sm",children:"+"}),i("Add group")]})]})},sectionPressed:h=>{h?.type===Cn&&Ie({level:"groups"})}}}import{useEffect as Su,useRef as ku}from"react";import{createNode as Cu,newId as Tu}from"efficient-easel/data";import{useEaselApi as Iu}from"efficient-easel/easel";import{resetForDocumentSwitch as xu,saveStatusForNewDocument as wu,saveStatusOf as vu}from"efficient-easel/screen/lib/document-switch";function Js(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function el(e,t){let{capabilities:o,currentSlug:a,docId:l,data:s,saveStatus:c}=ue(),{hasSiteSettings:p,hasPinnedChrome:u}=o,b=a===Ue,m=Iu().getState,x=ku(null);Su(()=>{if(!Js({docId:l,saveStatus:c,seededDocId:x.current})||(x.current=l,!u))return;let I=m().appState.data,w=I.content,L=s?.content??[],N=(h,y)=>h.some(R=>R?.type===y);if(!p){let h=new Set(Nn(w)),y=h.size?w.filter(C=>!h.has(C.props.id)):w;h.size&&e.setDocument({...I,content:y});let R=Xo(y,L);if(R.includes(Q)){let C=y.length,Z=e.insertSection(Q,C);e.replaceComponent(Be,C,{type:Q,props:{id:Z,blocks:jn()}})}R.includes(ze)&&e.insertNode(Be,0,Wn());return}if(b){let h=rr(w);if(h!==w&&e.setDocument({...I,content:[...h]}),!h.find(y=>y.type===Q)&&!N(L,Q)&&!N(h,ke)&&!N(L,ke)){let y=(C,Z)=>Cu(t,C,Z),R={type:Q,props:{blocks:jn()}};e.insertNode(Be,h.length,xn(R,y,Tu(ke)))}return}let f=w.filter(h=>h.type!==Q),E=new Set(Nn(f)),v=E.size?f.filter(h=>!E.has(h.props.id)):f;v.length!==w.length&&e.setDocument({...I,content:v}),!N(v,ze)&&!N(L,ze)&&e.insertNode(Be,0,Wn())},[l,c,s,m,e,p,u,b])}import{useEffect as ol,useState as rl}from"react";var Tn=new Map;async function Eu(e,t){try{return(await ut().site.get({siteId:t})).slug?.trim()||null}catch(o){return console.warn("[editor-site-slug] could not resolve the site slug",o),null}}function tl(e,t){let o=Tn.get(t);return o||(o=Eu(e,t),Tn.set(t,o),o.catch(()=>{Tn.get(t)===o&&Tn.delete(t)})),o}var Ru=/^(localhost|(?:[a-z0-9-]+\.)+localhost|127(?:\.\d{1,3}){3}|0\.0\.0\.0|\[::1\]|::1)$/i;function qo(e){return!!e&&Ru.test(e)}function nl(e){let{pageSlug:t,siteSlug:o,hostname:a}=e,l=t===ci?"/":`/${encodeURIComponent(t)}`;if(!qo(a))return l;let s=o?.trim();return s?`${l}?site=${encodeURIComponent(s)}`:l}function il(e){let{pageSlug:t,siteId:o,token:a}=e,[l,s]=rl(null),[c,p]=rl(null),u=oa();ol(()=>p(u?new URL(u).hostname:window.location.hostname),[u]),ol(()=>{if(!qo(c)||!o||!a){s(null);return}let m=!1;return tl(a,o).then(x=>{m||s(x)}),()=>{m=!0}},[c,o,a]);let b=nl({pageSlug:t,siteSlug:l,hostname:c});return u?`${u}${b}`:b}import{buildPaletteSections as Pu,categoryLabel as Nu,matchesQuery as Au,paletteWithoutPinned as Lu,pinnedSection as Fu}from"efficient-easel/screen/lib/puck/palette-sections";var Du={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 al(e){return Du[e]?.label}var sl=Ko;function ll(e,t){let o=e.props;if(e.type==="FooterMenu"){let a=o.menu;return o.heading||a?.name||i("Menu")}if(e.type==="FooterText"){let a=typeof o.text=="string"?o.text.trim():"";return a?a.length>28?`${a.slice(0,28)}\u2026`:a:i("Text")}return e.type==="FooterEmailSignup"?o.heading||i("Email signup"):t(e.type)}var cl="sf-editor-left-view";function dl(){if(typeof window>"u")return"pages";try{let e=window.localStorage.getItem(cl);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function pl(e){if(!(typeof window>"u"))try{window.localStorage.setItem(cl,e)}catch{}}function hl(e,t,o=!1){return e==="styles"&&!t||e==="media"&&!o?"sections":e}function ul(e,t){return e?"sections":t}var zu=new Set(["BookingBox","SubmitBox"]);function fl(e){return typeof e=="string"&&zu.has(e)}import{Fragment as xl,jsx as $o}from"react/jsx-runtime";import{EaselCanvas as ju}from"efficient-easel/easel";import{jsx as gl,Fragment as Hu,jsxs as Mu}from"react/jsx-runtime";import{useEffect as yl,useLayoutEffect as Bu}from"react";var Ou=String.raw`(function (doc) {
-  if (doc.__sfFitWords) return;
-  var win = doc.defaultView;
-  var SELECTOR = "h1,h2,h3,h4,h5,h6,[class*='font-heading'],[class*='font-display']";
-  var MIN_SCALE = 0.3, MIN_PX = 16, SLACK = 1;
-
-  function measure(el) {
-    var widest = 0, current = 0, last = null, split = false, lastBlock = null;
-    function blockOf(n) {
-      for (var p = n.parentElement; p && p !== el; p = p.parentElement) {
-        var d = win.getComputedStyle(p).display;
-        if (d.indexOf("inline") !== 0 && d !== "contents") return p;
-      }
-      return el;
-    }
-    function close() { if (current > widest) widest = current; current = 0; last = null; }
-    var walker = doc.createTreeWalker(el, 5), range = doc.createRange(), node;
-    while ((node = walker.nextNode())) {
-      if (node.nodeType === 1) {
-        if (node.tagName === "BR" || node.tagName === "WBR") close();
-        continue;
-      }
-      var block = blockOf(node);
-      if (block !== lastBlock) close();
-      lastBlock = block;
-      var re = /(\S+)|(\s+)/g, m;
-      while ((m = re.exec(node.data))) {
-        if (m[2]) { close(); continue; }
-        range.setStart(node, m.index);
-        range.setEnd(node, m.index + m[0].length);
-        var rects = range.getClientRects();
-        for (var i = 0; i < rects.length; i++) {
-          var r = rects[i];
-          if (r.width <= 0) continue;
-          current += r.width;
-          if (last && r.top > last.top + last.height / 2) split = true;
-          last = r;
-        }
-      }
-    }
-    close();
-    return { widest: widest, split: split };
-  }
-
-  function lineWidth(el) {
-    var cs = win.getComputedStyle(el);
-    return el.getBoundingClientRect().width - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight)
-      - parseFloat(cs.borderLeftWidth) - parseFloat(cs.borderRightWidth);
-  }
-
-  // ⚠️ THE HEADING ELEMENT IS NEVER TOUCHED — no style="", no data-*. This
-  // runs before React hydrates, and React 19 in development reports ANY
-  // attribute that differs from what it rendered ("a tree hydrated but some
-  // attributes didn't match"): first our inline font-size on the hero (which
-  // React owns via --heading-size), then, when that moved to a data-sf-fit
-  // attribute, the attribute itself. So the fitted size lives only in this
-  // script's own stylesheet, in <head>, addressed to each heading by its
-  // POSITION (":root>*:nth-child(2)>…"). A position goes stale when the page's
-  // structure changes, so the rules are rewritten in the MutationObserver
-  // callback, which runs before the next paint. !important so the size also
-  // beats a part's own inline size.
-  var head = doc.head || doc.documentElement;
-  var fitEl = doc.createElement("style");
-  fitEl.id = "storefront-fit-words-sizes";
-  head.appendChild(fitEl);
-  var fitted = new Map(); // heading -> fitted size, e.g. "43.8px"
-
-  function pathOf(el) {
-    var parts = [];
-    for (var e = el; e && e.parentElement; e = e.parentElement) {
-      var i = 1, s = e;
-      while ((s = s.previousElementSibling)) i++;
-      parts.unshift("*:nth-child(" + i + ")");
-    }
-    return ":root>" + parts.join(">");
-  }
-  function writeRules() {
-    var css = "";
-    fitted.forEach(function (size, el) {
-      if (!el.isConnected) { fitted.delete(el); return; }
-      css += pathOf(el) + "{font-size:" + size + " !important}";
-    });
-    if (fitEl.textContent !== css) fitEl.textContent = css;
-  }
-
-  function unfit(el) {
-    if (fitted.delete(el)) writeRules();
-  }
-
-  function fits(el) {
-    var m = measure(el);
-    return !m.split && m.widest <= lineWidth(el) + SLACK;
-  }
-
-  function fit(el) {
-    unfit(el);
-    if (lineWidth(el) <= 0) return; // hidden, or not laid out yet
-    if (fits(el)) return;
-    var set = parseFloat(win.getComputedStyle(el).fontSize);
-    if (!set) return;
-    var floor = Math.max(set * MIN_SCALE, MIN_PX);
-    if (floor >= set) return;
-    function size(px) { return Math.floor(px * 10) / 10 + "px"; }
-    // The SEARCH tries sizes on the element's own style and then puts that
-    // attribute back byte for byte (or removes it, if it had none), so nothing
-    // is left for React to see. A trial in a stylesheet instead restyles the
-    // whole page per step: a full pass on the Hartes home took 75–160ms at 4x
-    // CPU that way.
-    var hadStyle = el.hasAttribute("style"), origStyle = el.getAttribute("style");
-    function attempt(px) { el.style.setProperty("font-size", size(px), "important"); }
-    function done() { if (hadStyle) el.setAttribute("style", origStyle); else el.removeAttribute("style"); }
-    attempt(floor);
-    if (!fits(el)) { done(); return; } // even the floor does not fit: leave it as set
-    var lo = floor, hi = set;
-    for (var i = 0; i < 8; i++) {
-      var mid = (lo + hi) / 2;
-      attempt(mid);
-      if (fits(el)) lo = mid; else hi = mid;
-    }
-    done();
-    fitted.set(el, size(lo));
-    writeRules();
-  }
-
-  // What each heading measured right after we last fitted it, so the
-  // ResizeObserver below can tell a real change (a font swap, a rotate, a
-  // container that moved) from the size change our own write just caused.
-  var seen = new WeakMap();
-  function remember(el) {
-    var b = el.getBoundingClientRect();
-    seen.set(el, b.width + "x" + b.height);
-  }
-  function fitAndRemember(el) { fit(el); remember(el); }
-
-  // ⚠️ A ResizeObserver, NOT fonts.ready or a resize event, and the reason is
-  // WHEN it runs: after layout, BEFORE paint. The web font arriving re-wraps a
-  // fitted heading, and fonts.ready resolves only after that frame is painted —
-  // measured on the Hartes hero: a 42px jump in 2 of 3 loads. A size change
-  // reported here is fitted in the same frame, so the broken state is never
-  // drawn. It also covers a container that resizes.
-  var ro = new win.ResizeObserver(function (entries) {
-    for (var i = 0; i < entries.length; i++) {
-      var el = entries[i].target;
-      var b = el.getBoundingClientRect();
-      if (seen.get(el) === b.width + "x" + b.height) continue; // our own write
-      fitAndRemember(el);
-    }
-  });
-  function watch(el) { if (!seen.has(el)) { remember(el); ro.observe(el); } }
-
-  function fitAll() {
-    var els = doc.querySelectorAll(SELECTOR);
-    for (var i = 0; i < els.length; i++) { fitAndRemember(els[i]); watch(els[i]); }
-  }
-
-  var queued = 0, all = false, touched = new Set();
-  function run() {
-    queued = 0;
-    if (all) { all = false; touched.clear(); fitAll(); return; }
-    var els = Array.from(touched);
-    touched.clear();
-    for (var i = 0; i < els.length; i++) if (els[i].isConnected) { fitAndRemember(els[i]); watch(els[i]); }
-  }
-  function schedule() { if (!queued) queued = win.requestAnimationFrame(run); }
-  function scheduleAll() { all = true; schedule(); }
-
-  fitAll();
-  // A backstop only: a font that changes widths without changing any
-  // heading's box is not seen by the ResizeObserver.
-  if (doc.fonts && doc.fonts.ready) doc.fonts.ready.then(scheduleAll, function () {});
-
-  // …and the viewport WIDTH, which the ResizeObserver cannot stand in for: a
-  // heading sized to its own text (fit-content, a flex item) keeps the SAME box
-  // when the phone turns to 844, so nothing reports a change and it would stay
-  // shrunk. The probe's rotate check caught exactly that.
-  var lastWidth = win.innerWidth;
-  function onResize() {
-    if (win.innerWidth === lastWidth) return; // a phone's toolbar changing HEIGHT is not our business
-    lastWidth = win.innerWidth;
-    scheduleAll();
-  }
-  win.addEventListener("resize", onResize);
-
-  var mo = new win.MutationObserver(function (records) {
-    // Positions first: a node added or removed anywhere can shift the
-    // nth-child path of a fitted heading, and this callback runs before paint.
-    if (fitted.size) {
-      for (var q = 0; q < records.length; q++) if (records[q].type === "childList") { writeRules(); break; }
-    }
-    for (var i = 0; i < records.length; i++) {
-      var r = records[i];
-      var target = r.target.nodeType === 1 ? r.target : r.target.parentElement;
-      var own = target && target.closest(SELECTOR);
-      if (own) touched.add(own);
-      for (var j = 0; j < r.addedNodes.length; j++) {
-        var n = r.addedNodes[j];
-        if (n.nodeType !== 1) continue;
-        if (n.matches(SELECTOR)) touched.add(n);
-        var inner = n.querySelectorAll(SELECTOR);
-        for (var k = 0; k < inner.length; k++) touched.add(inner[k]);
-      }
-    }
-    if (touched.size) schedule();
-  });
-  mo.observe(doc.body, { childList: true, subtree: true, characterData: true });
-
-  doc.__sfFitWords = function stop() {
-    win.removeEventListener("resize", onResize);
-    ro.disconnect();
-    mo.disconnect();
-    if (queued) win.cancelAnimationFrame(queued);
-    fitted.clear();
-    fitEl.remove();
-    delete doc.__sfFitWords;
-  };
-  // For the probe and for debugging: which headings are fitted, at what size,
-  // and the sheet that holds it (disable it to read a heading's set size).
-  doc.__sfFitWords.fitted = fitted;
-  doc.__sfFitWords.sheet = fitEl;
-})(document);`,_u="storefront-fit-words";function ml(e){let t=e.createElement("script");return t.id=_u,t.textContent=Ou,(e.head??e.documentElement).appendChild(t),()=>{e.__sfFitWords?.(),t.remove()}}var Wu=`
-[${Ln}][${Ln}] { cursor: text; }
-[${We}][${We}][${We}] {
-  outline: 1px solid ${Yi.accent};
-  outline-offset: 2px;
-}
-[${We}][${We}]:has([${We}]),
-[data-puck-overlay-portal][data-puck-overlay-portal]:has([${We}]) {
-  outline: none;
-}
-`;function bl({children:e,document:t}){let{theme:o,themeMode:a,themeSwitchShown:l}=ne(),s=Mt(o);return yl(()=>{if(t)return sa(t,{mode:a,switchShown:l})},[t,a,l]),yl(()=>{if(t)return la(t,s)},[t,s]),Bu(()=>{if(t)return ml(t)},[t]),Mu(Hu,{children:[gl(da,{}),gl("style",{children:Wu}),e]})}function qu({children:e,componentId:t}){let{selectedPartId:o}=zt();return Ir(o,t)?$o(xl,{}):$o(xl,{children:e})}function wl(e){let{mirrorHostStyles:t}=Yn(),o=ha();return $o(ju,{...e,metadata:e.metadata??o,height:"fill",mirrorStyles:t,frameWrapper:bl,overlay:qu})}var vl={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 $u="Save your page changes first";function Sl(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:$u}:{visible:!0,enabled:!0}:{visible:!1,hiddenReason:"no-site"}:{visible:!1,hiddenReason:"not-operator"}:{visible:!1,hiddenReason:"no-console"}}var kl="storefront-editor:save-as-template";function Cl(e,{nodeDefaults:t,newNodeId:o,sectionLabel:a,blockIsOffered:l}){let s=Uo(e);return s?s(t,o):ar(e)&&l(ft)&&l(et)?{type:ft,props:{...t(ft),id:o(ft),direction:"column",name:`${a(e)} section`,content:[{type:et,props:{...t(et),id:o(et),...Ke[e]?.headStyle?{headStyle:Ke[e].headStyle}:{},...Ke[e]?.headRowGap?{rowGap:Ke[e].headRowGap}:{},...Ke[e]?.headDescriptionSize?{descriptionSize:Ke[e].headDescriptionSize}:{},...Kt(e)!==Kt(et)?{eyebrowLook:Kt(e)}:{}}},{type:e,props:{...t(e),id:o(e),headPlacement:"own-box"}}]}}:Qo[e]?.fixed===!0?{type:e,props:{...t(e),id:o(e),layout:"boxes"}}:null}import{useEffect as Gu,useState as Ku}from"react";function Tl(){let e=je().chrome?.products?.list,[t,o]=Ku(null);return Gu(()=>{if(!e)return;let a=!1;return e().then(l=>{a||o(l)}),()=>{a=!0}},[e]),t}function Pl({mode:e,open:t}){let{setSelectedHeroId:o,setSelectHandler:a}=Fi(),l=tf().tree,s=e,c=s.kind==="ticker"?s.heroId:null,p=En(u=>{u&&(t({kind:"ticker",heroId:u}),Za(u))},[t]);return Ge(()=>{o(c)},[c,o]),Ge(()=>{a(p)},[a,p]),{partRows:(u,{rowClick:b})=>{let m=String(u.props.id);return u.type==="Hero"&&V(ef,{icon:V(ct,{type:"ticker",size:13}),name:i(xt),onSelect:()=>p(m),selected:c===m,rowProps:{onClick:b(()=>p(m))},words:l})}}}function nf(){let{adapter:e,capabilities:t,currentSlug:o,siteId:a,hasUnsavedEdits:l,bridgeCapabilities:s,notifyParent:c,token:p}=ue(),{hasPreviewLink:u}=t,b=Sl({hasTrustedConsole:!!p,canCreatePlatformTemplate:s.canCreatePlatformTemplate,capabilities:t,siteId:a,hasUnsavedEdits:l}),m=En(()=>{!a||!o||c(kl,{siteId:a,slug:o})},[c,a,o]),x=il({pageSlug:o,siteId:a,token:p}),I=e.previewHref?.(o)??x;return{barLead:()=>b.visible&&V(Il,{side:"bottom",content:b.enabled?i("Save this website as a platform template"):i(b.disabledReason),children:V("span",{className:"sf-tip-disabled",tabIndex:b.enabled?void 0:0,children:V(Yu,{variant:"secondary",disabled:!b.enabled,onClick:m,rightIcon:V(Ws,{}),children:i("Save as Template")})})}),barTrail:()=>u&&o&&V(Il,{content:i("Preview the live site (opens in a new tab)"),children:In("a",{className:Xu({variant:"secondary"}),href:I,target:"_blank",rel:"noopener noreferrer","aria-label":i("Preview the live site in a new tab"),children:[i("Preview"),V(Vu,{size:15})]})})}}function of(){return In("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",children:[V("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"}),V("circle",{cx:"7.7",cy:"11.3",r:"1.05",fill:"currentColor",stroke:"none"}),V("circle",{cx:"12",cy:"8",r:"1.05",fill:"currentColor",stroke:"none"}),V("circle",{cx:"16",cy:"11",r:"1.05",fill:"currentColor",stroke:"none"})]})}function rf(e,t){let{capabilities:o,templateId:a,siteId:l,tokenRef:s,navigate:c}=ue(),{hasSiteTheme:p,explainsSiteSettings:u}=o,b=E=>t.setView(E),[m,x]=Uu(at[0].id),{surface:I,setSurface:w}=Li(),L=()=>{if(p){b("styles"),t.reveal(),wo();return}e.show(zo),e.reveal(),wo()},N={id:"pages",label:i("Pages"),icon:V(Qu,{}),panel:({onHide:E})=>V(is,{activeSurface:I,onPreviewSurface:w,onNavigate:v=>{w(null),c(a?{kind:"template",id:a,pageSlug:v}:{kind:"page",slug:v,siteId:l??void 0})},onClose:E})},f=[];return!p&&u&&f.push({id:"appearance",label:i("Appearance"),icon:V(of,{}),active:e.kind==="website",onSelect:L}),p&&f.push({id:"styles",label:i("Site styles"),icon:V(Ju,{}),panel:({onHide:E,notify:v})=>V(Ms,{tokenRef:s,siteId:l??void 0,onClose:E,onNotify:v,tab:m,onTabChange:x})}),{railLead:[N],railTrail:f,resolveLeftView:(E,v)=>hl(E,p,v),openSettings:L,openStyles:()=>{x(Ja),b("styles")}}}function af(e,t,o,a){let{kind:l,open:s}=e,{selected:c,zoneOf:p}=t,u=$s(t,o);Ge(()=>{ia(c?.type==="BookingBox"&&c.props.region==="confirm"?aa(p(String(c.props.id))):null)},[c?.props.id]);let b=Qs(e,t),{capabilities:{hasSiteSettings:m}}=ue(),{setSelected:x,setSelectHandler:I}=ne(),{chat:w,setChat:L,setSelected:N,setSelectHandler:f}=Gt(),E=l==="header";Ge(()=>{x(E)},[E,x]),Ge(()=>{I(()=>s(Do))},[I,s]);let v=En(()=>s(Rs),[s]),h=l==="chat";Ge(()=>{N(h)},[h,N]),Ge(()=>{f(v)},[f,v]);let{setOpenHandler:y}=bt(),R=En(()=>s(Ps),[s]);Ge(()=>{y(R)},[y,R]);let C=Pl(e),Z=nf(),M=rf(e,a),le=o.device;return{...u,...C,...Z,...M,treeFoot:()=>V("div",{className:"sf-tree-tool",children:V(ua,{})}),hasOwnRows:H=>H.type===Cn,ownRows:b.renderLocationTree,sectionPressed:b.sectionPressed,wrap:H=>V(_i.Provider,{value:!0,children:V(Ki.Provider,{value:le,children:H})}),addPanelRow:H=>m?In("div",{className:"sf-addside-sitewide",children:[V("span",{className:"sf-addside-sitewide-glyph","aria-hidden":"true",children:V(ct,{type:"chat",size:16})}),In("button",{type:"button",className:"sf-addside-sitewide-name",onClick:()=>{H(),v()},children:[i("Live chat"),V("span",{className:"sf-addside-sitewide-desc",children:i("A chat bubble on every page")})]}),V(Zu,{checked:w.enabled,onChange:q=>L({enabled:q}),ariaLabel:i("Show the chat bubble on the whole site")})]}):void 0}}var El=null,Go=new WeakMap;function sf(e){let t=di();if(!e||!t)return e;El!==t&&(El=t,Go=new WeakMap);let o=Go.get(e);return o||(o={...e,choices:e.choices?e.choices.map(a=>({...a,label:i(a.label)})):null,spec:e.spec?{...e.spec,addLabel:i(e.spec.addLabel)}:null},Go.set(e,o)),o}var lf={isLockedBlock:fl,duplicateBlocked:Lt,nestDepth:(e,t,o)=>t===Vo?Yo(e,o):0,newSectionNode:Cl,canAddTo:(e,t)=>sf(ra(e,t)),blockIsOffered:Jo},cf=new Proxy(vl,{get:(e,t)=>{let o=Reflect.get(e,t);return typeof o=="string"?i(o):o}}),df={labelAtLevel:(e,t,o)=>i(Pn(e,t,o)),descriptions:cf,categoryLabel:e=>{let t=al(e);return t===void 0?void 0:i(t)},firstSection:sl,blockRowName:ll,plainText:fr,Icon:ct,Thumbnail:Hs,useProducts:Tl},pf={desktop:2e3,tablet:800,mobile:390},Rl="desktop",hf={options:as,initial:Rl,fluid:Rl,widths:pf},uf={read:dl,write:e=>pl(e),forSelection:(e,t)=>ul(e,t)},ff={first:ze,last:Q,firstGroup:er,lastGroup:ke,isSectionGroup:tr,sectionGroupZone:nr,panelOf:e=>e===ze?Do:null};function mf(e){return{...Pl(e),openSettings:()=>e.show(zo)}}var x1={useOwnerName:lt,useBridges:af,useStandaloneBridges:mf,useDocumentPass:el,blockRules:lf,blockLook:df,devices:hf,leftView:uf,pinned:ff,Canvas:wl,Inspector:Ls};export{Uw as a,js as b,qs as c,ko as d,Co as e,Yb as f,Xb as g,vu as h,tl as i,bf as j,Sf as k,x1 as l};