efficient-storefront-blocks 0.25.1 → 0.27.0

package/dist/chunks/chunk-XMVMMYNE.js

@@ -0,0 +1,230 @@
+import{$a as Dr,$h as Vn,Aa as wr,Ae as Ii,Ce as Ei,De as Ri,Ea as zt,Eg as Ki,Ga as _t,Gb as mi,Ge as Pi,Hb as gi,Hf as jn,Ia as et,Ig as Ui,J as or,Ja as ut,Jf as Ni,Jg as Vi,Ka as vr,Kf as Di,Kg as Yi,L as Nt,Lc as de,Lg as Xi,M as rr,Ma as Sr,Mg as Zi,Nc as ie,Ng as Ji,Nh as ra,O as Q,Oa as kr,Ob as mt,Oc as bi,Od as Ke,Og as Qi,P as ze,Pc as i,Pe as Ai,Ph as qn,Q as ir,Qa as ft,Qc as Bt,Qe as Li,Qg as ea,Qh as $n,Rc as xi,Rh as Te,S as Nn,Sa as Cr,Sc as wi,Sg as ta,Sh as ia,Ta as Tr,Tc as vi,Tf as Fi,U as Me,Ua as Ir,Ub as gt,Ug as na,V as ar,Va as Er,Vc as We,Wa as Rr,We as $t,Wh as Gn,Xa as Pr,Xh as aa,Ya as Ar,Yc as Si,Z as sr,Za as Lr,Ze as Le,Zh as Kn,_a as Nr,_h as Un,ab as Fn,ad as Wt,ai as Yn,bb as Be,bg as zi,bi as sa,ci as la,db as Fr,dc as Wn,di as da,e as tr,ee as Ae,ei as ca,fb as zr,gb as _r,gc as yi,h as Ln,hb as Or,hg as Oi,hi as ha,ii as ua,k as pt,ka as lr,kb as Hr,kg as Gt,ki as fa,la as ke,le as Ti,m as ht,mb as Mr,md as ki,me as qt,na as dr,nb as Br,ng as yt,oa as cr,ob as Wr,p as nr,pa as pr,pb as jr,pg as Bi,pi as ma,qa as hr,qb as Ot,qg as bt,qi as ga,ra as ur,rb as qr,sg as Wi,ta as Ge,tb as zn,th as oa,ua as Je,ub as Ht,ug as ji,ui as Kt,va as fr,vb as $r,vd as Ci,vg as qi,wb as Gr,wg as $i,xg as Gi,zd as jt}from"./chunk-HDRNAE62.js";import{$ as ni,A as Ur,Aa as pi,B as Vr,Ba as hi,C as Yr,Ca as ui,Fa as fi,La as ne,Ma as _i,Oa as Hi,Pa as Mi,S as Xr,T as Zr,U as Jr,V as Qr,Y as ei,Z as _n,_ as ti,aa as oi,d as mr,da as ri,e as gr,ea as On,f as yr,g as br,h as Ce,ha as ii,i as Dt,ia as Hn,j as Ft,ka as Mn,n as Qe,o as Dn,oa as ai,p as xr,ta as Bn,ua as si,wa as li,y as Mt,ya as di,z as Kr,za as ci}from"./chunk-4NZU2IB7.js";import{q as pa}from"./chunk-GONJOVIE.js";import{jsx as Xn,Fragment as Ul,jsxs as Vl}from"react/jsx-runtime";import{createContext as Yl,useContext as Xl}from"react";var Zl={mirrorHostStyles:!0,css:null,fontHrefs:[]},ya=Yl(Zl);function zf({value:e,children:t}){return Xn(ya.Provider,{value:e,children:t})}function Zn(){return Xl(ya)}function ba(){let{css:e,fontHrefs:t}=Zn();return Vl(Ul,{children:[t.map(o=>Xn("link",{rel:"stylesheet",href:o},o)),e?Xn("style",{"data-sf-canvas-css":"",children:e}):null]})}import{jsx as Jl}from"react/jsx-runtime";import{createContext as Ql,useContext as ed}from"react";var xa=Ql(void 0);function Mf({metadata:e,children:t}){return Jl(xa.Provider,{value:e,children:t})}var wa=()=>ed(xa);import{jsx as Z,jsxs as En}from"react/jsx-runtime";import{useCallback as Rn,useEffect as $e,useState as pf}from"react";import{ExternalIcon as hf}from"efficient-easel/icons";import{Button as uf,Tooltip as ql,buttonClasses as ff}from"efficient-shell/ui";import{SettingsSwitch as mf}from"efficient-easel/panel";import{PagesIcon as gf,StylesIcon as yf}from"efficient-easel/rail";import{TreeRow as bf}from"efficient-easel/tree";import{useEaselStrings as xf}from"efficient-easel/strings";import{jsx as M,Fragment as Ro,jsxs as st}from"react/jsx-runtime";import{Fragment as jp,useEffect as qp,useId as $p,useMemo as ps,useState as at}from"react";import{default as Ut,PanelHideButton as Jn,PanelModeExit as jf,PanelShowStrip as qf}from"efficient-easel/screen/components/SidePanelHead";import{jsx as j,jsxs as rt,Fragment as Ct}from"react/jsx-runtime";import{useEasel as ko}from"efficient-easel/easel";import{useEffect as sp,useRef as is,useState as fn}from"react";import{jsx as je,jsxs as Ca,Fragment as rd}from"react/jsx-runtime";import{useState as Ta}from"react";import{SettingsDefaultReset as id,SettingsField as ad}from"efficient-easel/panel";import{useEaselStrings as sd}from"efficient-easel/strings";import{jsx as Vt,Fragment as td,jsxs as va}from"react/jsx-runtime";import{Button as Sa,Dialog as nd}from"efficient-shell/ui";function od(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 ka({count:e,onCancel:t,onConfirm:o}){return va(nd,{open:!0,onClose:t,role:"alertdialog",size:"sm",title:i("Clear this site\u2019s colors?"),footer:va(td,{children:[Vt(Sa,{variant:"secondary",onClick:t,children:i("Cancel")}),Vt(Sa,{variant:"danger",onClick:o,children:i("Clear colors")})]}),children:[Vt("p",{children:od(e)}),Vt("p",{className:"mt-2 font-medium",children:i("This cannot be undone.")})]})}var ld=Ei("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 dd(){return je("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",children:je("path",{d:"M12 5v14M5 12h14"})})}var cd="Reset color",pd={selected:0,themes:[]};function hd(e){e(pd)}function Ia({value:e,onChange:t}){let o=e?.themes??[],a=o.length===0,s=Mt(e),[l,h]=Ta(!1),p=sd(),[u,b]=Ta(null),m=(I,S)=>{t({...s,themes:s.themes.map((c,y)=>y===I?S:c)})},w=Vr(s).accent,E=new Set(s.themes.map(I=>I.brandInk).filter(Boolean)),v=Kr.filter(I=>!E.has(I)).map(I=>Ur(w,I)),A=[...s.themes,...v],N=I=>{if(I<s.themes.length)return t({...s,selected:I});let S=[...s.themes,A[I]];t({...s,themes:S,selected:S.length-1})},f=()=>{let I=[...s.themes,{...Yr(s.themes[s.selected])}];t({...s,themes:I,selected:I.length-1}),b(I.length-1)};return Ca(rd,{children:[a?null:je(ad,{label:i(cd),icon:Ri(ld),labelId:"sf-theme-reset",action:je(id,{label:i("all theme colors"),words:p.panel,changed:!0,onReset:()=>h(!0)})}),l&&je(ka,{count:o.length,onCancel:()=>h(!1),onConfirm:()=>{h(!1),hd(t)}}),je("div",{className:"sf-theme-list",role:"radiogroup","aria-label":i("Theme"),children:A.map((I,S)=>je(vi,{index:S,colors:I,selected:S===s.selected,open:u===S&&S<s.themes.length,editable:S<s.themes.length,onPick:()=>N(S),onEdit:()=>b(c=>c===S?null:S),onChangeColors:c=>m(S,c)},S))}),Ca("button",{type:"button",onClick:f,className:"sf-theme-add",children:[je(dd,{}),i("Add new theme")]})]})}import{jsx as Yt}from"react/jsx-runtime";import{SettingsDefaultReset as ud,SettingsField as fd}from"efficient-easel/panel";import{SquareIcon as md}from"efficient-easel/icons";var gd="Applies to panels, cards, inputs and buttons. Round things \u2014 color swatches, switches, status dots \u2014 stay round.",Qn="Corners";function Ea({value:e,onChange:t,showHint:o=!0}){let a=e===null;return Yt(fd,{label:i(Qn),icon:Yt(md,{}),value:a?void 0:`${e}px`,changed:!a,action:Yt(ud,{words:ie()?.panel,label:i(Qn),changed:!a,detail:i("the built-in corners"),onReset:()=>t(null)}),hint:o?i(gd):void 0,children:Yt(Le,{min:_n,max:ti,step:1,value:e??_n,readout:!1,ariaLabel:i(Qn),onChange:t})})}import{jsx as xt}from"react/jsx-runtime";import{SettingsDefaultReset as yd,SettingsField as bd,SettingsSegmented as xd}from"efficient-easel/panel";import{ShadowIcon as wd}from"efficient-easel/icons";var eo={none:"None",soft:"Soft",lifted:"Lifted"},vd="Applies to cards \u2014 products, brands, journal entries and filter cells. Round things like swatches and status dots are never shadowed.",Sd={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)"},kd={labelsPx:90.25,widestLabelPx:34.6};function Ra({value:e,onChange:t,showHint:o=!0}){let a=e===null,s=e??On;return xt(bd,{label:i("Card shadow"),icon:xt(wd,{}),value:i(eo[s]),changed:!a,action:xt(yd,{words:ie()?.panel,label:i("Card shadow"),changed:!a,detail:i(eo[On]),onReset:()=>t(null)}),hint:o?i(vd):void 0,children:xt(xd,{options:ri.map(l=>({id:l,label:i(eo[l]),icon:xt("span",{className:"sf-shadow-chip",style:{boxShadow:Sd[l]}})})),value:s,ariaLabel:i("Card shadow"),fit:kd,onChange:t})})}import{jsx as to}from"react/jsx-runtime";import{SettingsDefaultReset as Cd,SettingsField as Td}from"efficient-easel/panel";import{ShadowIcon as Id}from"efficient-easel/icons";var Ed="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 Pa({value:e,onChange:t,showHint:o=!0}){let a=e===null;return to(Td,{label:i("Shadow color"),icon:to(Id,{}),changed:!a,action:xi({value:e??"",inherited:a?Mn:void 0,onChange:t,label:"Shadow color",after:to(Cd,{words:ie()?.panel,label:i("Shadow color"),changed:!a,detail:Mn,onReset:()=>t(null)})}),hint:o?i(Ed):void 0})}import{jsx as Xt}from"react/jsx-runtime";import{SettingsDefaultReset as Rd,SettingsField as Pd}from"efficient-easel/panel";import{AlignSeparateIcon as Ad}from"efficient-easel/icons";var Ld="The space between the blocks inside a row, a grid or a box. Default means each one keeps the spacing it already has.",no="Block gap",Nd=Ti.Grid;function Aa({value:e,onChange:t,showHint:o=!0}){let a=e===null;return Xt(Pd,{label:i(no),labelId:"sf-block-gap",icon:Xt(Ad,{}),value:a?void 0:`${e}px`,changed:!a,action:Xt(Rd,{words:ie()?.panel,label:i(no),changed:!a,detail:i("each block's own spacing"),onReset:()=>t(null)}),hint:o?i(Ld):void 0,children:Xt(Le,{min:qt.min,max:qt.max,step:qt.step,value:a?Nd:e,readout:!1,ariaLabel:i(no),onChange:t})})}import{jsx as Zt}from"react/jsx-runtime";import{SettingsDefaultReset as Dd,SettingsField as Fd,SettingsSegmented as zd}from"efficient-easel/panel";import{HoverIcon as _d}from"efficient-easel/icons";var oo={none:"None",lift:"Lift",highlight:"Highlight"},Od="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 La({value:e,onChange:t,showHint:o=!0}){let a=e===null,s=e??Hn;return Zt(Fd,{label:i("Hover effect"),icon:Zt(_d,{}),value:i(oo[s]),changed:!a,action:Zt(Dd,{words:ie()?.panel,label:i("Hover effect"),changed:!a,detail:i(oo[Hn]),onReset:()=>t(null)}),hint:o?i(Od):void 0,children:Zt(zd,{options:ii.map(l=>({id:l,label:i(oo[l])})),value:s,ariaLabel:i("Hover effect"),onChange:t})})}import{jsx as Jt}from"react/jsx-runtime";import{SettingsDefaultReset as Hd,SettingsField as Md,SettingsSegmented as Bd}from"efficient-easel/panel";import{ImageIcon as Wd}from"efficient-easel/icons";var ro="Hero image",io=[{followsWidth:!1,label:Wn.full},{followsWidth:!0,label:Wn.page}],jd="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 Na({value:e,onChange:t,showHint:o=!0}){let a=e===null,s=e??!1;return Jt(Md,{label:i(ro),icon:Jt(Wd,{}),value:i(io.find(l=>l.followsWidth===s).label),changed:!a,action:Jt(Hd,{words:ie()?.panel,label:i(ro),changed:!a,detail:i(io.find(l=>!l.followsWidth).label),onReset:()=>t(null)}),hint:o?i(jd):void 0,children:Jt(Bd,{options:io.map(l=>({id:l.followsWidth,label:i(l.label)})),value:s,ariaLabel:i(ro),onChange:t})})}import{jsx as Qt}from"react/jsx-runtime";import{SettingsDefaultReset as qd,SettingsField as $d,SettingsSegmented as Gd}from"efficient-easel/panel";import{DropIcon as Kd}from"efficient-easel/icons";var ao="Photography",Da={shot:"As shot",mono:"Black and white"},so=[{grayscale:!1,label:Da.shot},{grayscale:!0,label:Da.mono}],Ud="Black and white photographs return to color on hover. Wheels and tyres keep their real finish either way.";function Fa({value:e,onChange:t,showHint:o=!0}){let a=e===null,s=e??!1;return Qt($d,{label:i(ao),icon:Qt(Kd,{}),value:i(so.find(l=>l.grayscale===s).label),changed:!a,action:Qt(qd,{words:ie()?.panel,label:i(ao),changed:!a,detail:i(so.find(l=>!l.grayscale).label),onReset:()=>t(null)}),hint:o?i(Ud):void 0,children:Qt(Gd,{options:so.map(l=>({id:l.grayscale,label:i(l.label)})),value:s,ariaLabel:i(ao),onChange:t})})}import{jsx as en}from"react/jsx-runtime";import{SettingsDefaultReset as Vd,SettingsField as Yd}from"efficient-easel/panel";import{PaddingXIcon as Xd}from"efficient-easel/icons";var lo="Side space",co=gt.default,Zd="The room left at the left and right edge of every page.";function za({value:e,onChange:t,showHint:o=!0}){let a=e===null;return en(Yd,{label:i(lo),labelId:"sf-side-space",icon:en(Xd,{}),value:`${e??co}px`,changed:!a,action:en(Vd,{words:ie()?.panel,label:i(lo),changed:!a,detail:`${co}px`,onReset:()=>t(null)}),hint:o?i(Zd):void 0,children:en(Le,{min:gt.min,max:gt.max,step:gt.step,value:e??co,readout:!1,ariaLabel:i(lo),onChange:t})})}import{jsx as tn}from"react/jsx-runtime";import{SettingsDefaultReset as Jd,SettingsField as Qd}from"efficient-easel/panel";import{WidthIcon as ec}from"efficient-easel/icons";var po="Content width",ho=mt.default,tc="The standard width every page on this site renders at.";function _a({value:e,onChange:t,showHint:o=!0}){let a=e===null;return tn(Qd,{label:i(po),labelId:"sf-site-width",icon:tn(ec,{}),value:`${e??ho}px`,changed:!a,action:tn(Jd,{words:ie()?.panel,label:i(po),changed:!a,detail:`${ho}px`,onReset:()=>t(null)}),hint:o?i(tc):void 0,children:tn(Le,{min:mt.min,max:mt.max,step:mt.step,value:e??ho,readout:!1,ariaLabel:i(po),onChange:t})})}import{jsx as F,jsxs as pn,Fragment as xo}from"react/jsx-runtime";import{FieldSelect as Hc}from"efficient-easel/fields";import{SettingsField as hn}from"efficient-easel/panel";import{Tooltip as Za}from"efficient-shell/ui";import{AccentIcon as Mc,CaseIcon as Bc,StylesIcon as Wc,TextLinesIcon as Qa,TextSizeIcon as kt,TextSmallIcon as jc,TypeIcon as qc,WeightIcon as $c}from"efficient-easel/icons";import{jsx as T,jsxs as ee,Fragment as vt}from"react/jsx-runtime";import{useEffect as ln,useId as fc,useRef as mo,useState as go}from"react";import{jsx as tt,jsxs as Oa}from"react/jsx-runtime";import{Tooltip as nc}from"efficient-shell/ui";function Ue({label:e,onClear:t,what:o="override"}){let a=i(e),s=o==="override"?i("Clear override"):o==="change"?i("Clear change"):i("Clear {what}",{what:o}),l=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 tt(nc,{content:s,children:tt("button",{type:"button",className:"sf-part-mark","aria-label":l,onClick:t,children:tt(oc,{})})})}function oc(){return Oa("svg",{width:"12",height:"12",viewBox:"0 0 16 16","aria-hidden":"true",children:[tt("circle",{className:"sf-part-mark-dot",cx:"8",cy:"8",r:"3",fill:"currentColor"}),Oa("g",{className:"sf-part-mark-arrow",fill:"none",stroke:"currentColor",strokeWidth:1.8,strokeLinecap:"round",children:[tt("path",{d:"M13 8a5 5 0 1 1-1.6-3.7"}),tt("path",{d:"M13 2.5V5h-2.6"})]})]})}import{FieldSelect as Ga,InspectorField as mc}from"efficient-easel/fields";import{SettingsField as Ka,SettingsGroup as gc}from"efficient-easel/panel";import{InspectorUpLevel as dn}from"efficient-easel/chrome";import{StylesIcon as yc,TextColorIcon as bc,TypeIcon as Ua}from"efficient-easel/icons";import{useEasel as xc}from"efficient-easel/easel";import{Tooltip as wc}from"efficient-shell/ui";import{jsx as nn,jsxs as uo}from"react/jsx-runtime";import{ColorSwatch as rc,Tooltip as ic}from"efficient-shell/ui";function Ha({value:e,label:t,colors:o,onChange:a}){let s=e===null,l=e||void 0,h=o.find(u=>u.key===l),p=h?h.value:l&&/^#[0-9a-f]{6}$/i.test(l)?l:void 0;return uo("div",{className:"sf-part-ink",children:[uo("div",{className:"sf-part-ink-top",children:[nn("span",{className:"sf-part-ink-label",children:i(t)}),nn("span",{className:"sf-part-ink-read",children:p?p.toUpperCase():s?i("Mixed"):i("Follows the style")})]}),uo("div",{className:"sf-part-ink-swatches",role:"group","aria-label":i(t),children:[o.map(u=>nn(ic,{content:`${i(u.name)} \xB7 ${u.value.toUpperCase()}`,children:nn(rc,{color:u.value,"aria-label":i(u.name),size:"sm",selected:l===u.key,onClick:()=>a(l===u.key?null:u.key)})},u.key)),wi({value:h?"":(p??"").toLowerCase(),label:"Any color",onChange:a})]})]})}import{jsx as fo,jsxs as ac}from"react/jsx-runtime";import{COPY_CELLS as on,CopyBox as sc}from"efficient-easel/copy";import{PaddingYIcon as lc,WidthIcon as dc}from"efficient-easel/icons";var cc=["left","center","right","justify"],pc=["bold","italic","underline","strike","link","sup","sub"],hc=["bullet","number"];function Ma({text:e,onTextChange:t,multiline:o,markup:a=!0,styled:s=!0,style:l,base:h,setValue:p,colors:u,placeholder:b,ariaLabel:m,head:w}){let E=Gr(l),v=l.size??h.sizePx,A=[{...on.fontSize,value:l.size,styleValue:Math.round(h.sizePx),onChange:f=>p({size:f??null})},{...on.lineHeight,value:E.lineHeight,styleValue:h.lineRatio,onChange:f=>p(f===void 0?{lineHeight:null,line:null}:{lineHeight:f})},{...on.letterSpacing,scale:v,value:E.letterSpacingEm,styleValue:h.letterEm,onChange:f=>p(f===void 0?{letterSpacing:null,letter:null}:{letterSpacing:f})},{...on.paragraphSpacing,value:l.paragraphSpacing,styleValue:0,onChange:f=>p({paragraphSpacing:f??null})},{key:"padding",name:i("Padding"),icon:fo(lc,{}),unit:"px",step:Wr,shiftStep:10,min:Mr,max:Br,value:l.padding,styleValue:h.paddingPx,onChange:f=>p({padding:f??null})},{key:"width",name:i("Width"),icon:fo(dc,{}),unit:"px",step:qr,shiftStep:100,min:jr,max:Ot,value:l.width,styleValue:h.widthPx,onChange:f=>p({width:f??null})}],N=a?[...pc,...o?hc:[]]:[];return ac("div",{className:"sf-part-textbox",children:[w,fo(sc,{value:e,onChange:t,multiline:o,placeholder:b,ariaLabel:m,rules:vr,tools:N,colors:a?u:[],align:s?{value:l.align??h.align,allow:cc,onChange:f=>p({align:f})}:void 0,letterCase:s?{value:l.case??"",onChange:f=>p({case:f||null})}:void 0,cells:s?A:void 0})]})}function rn(e,t){let o=Rr(e);return o?.control==="textList"?t.rowKey===(o.itemKey??"text")?Di(o,t.index):null:Pr(e)?.[t.rowKey]??null}function Ba(e,t,o){let a=e.node.props,{key:s,row:l}=et(e.propKey),h=l?Nr(a,s,l,e.kind,t):Er(a,s,e.kind,t);return h?(o(e.zone,e.index,{...e.node,props:h}),!0):!1}var uc={CollectionCard:"product",FooterMenu:"menu",Gallery:"product",GalleryItem:"product",ProductGrid:"product",ProductHero:"product",SpecTable:"product",Events:"blog",FeaturedCover:"blog",LongRead:"blog",SubscribeBlogs:"blog"},Wa={product:"Synced from the product.",blog:"Synced from the blog post.",menu:"Synced from the site menu."},ja="Open",qa={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 wt(e){let t=e?.source?.slug;return typeof t=="string"&&t.length>0?t:void 0}function an(e){return uc[e]??null}var vc={400:"Regular",500:"Medium",600:"Semibold",700:"Bold"},Va=[{key:"font",label:"Font",group:"Style"},{key:"color",label:"Color",group:"Style"}],Sc=[...new Set(Va.map(e=>e.group))],kc={font:T(Ua,{}),color:T(bc,{})};function St(e){return e?i(e):null}function Ve(e){return e.kind==="role"?Ft[e.role]:e.kind==="custom"?"Custom":null}var Cc=e=>e.kind==="role"?`role:${e.role}`:e.kind;function Tc(e){let t=e.role;return t&&Dt.includes(t)?{kind:"role",role:t}:null}function Ic(e,t){if(!e)return{kind:"unread"};let{faceRole:o,base:a}=e;if(t[o]===a.fontKey)return{kind:"role",role:o};let s=Object.keys(t).filter(l=>t[l]===a.fontKey);return s.length===1?{kind:"role",role:s[0]}:{kind:"custom"}}function yo(e,t,o,a){return Tc(zn(e,t))??Ic(o,a)}function Ya(e,t,o,a){return Ve(yo(e,t,o,a))}function bo(e,t){if(!e.length)return null;let o=t(e[0]);return e.every(a=>t(a)===o)?o:null}function Ec(e){return Object.values(e).filter(t=>t!==void 0).length}function Rc(e,t){let o=e.style[t];return t==="color"?o??"":o!==void 0?String(o):e.base.fontKey}function Pc({face:e,base:t,onPick:o}){let[a,s]=go(!1),l=mo(null),h=mo(null),p=fc();ln(()=>{if(!a)return;let m=w=>{l.current&&!l.current.contains(w.target)&&s(!1)};return document.addEventListener("mousedown",m),()=>document.removeEventListener("mousedown",m)},[a]);let u=e.kind==="role"?e.role:null,b=m=>{o(m),s(!1),h.current?.focus()};return ee("div",{className:"sf-part-style-pick",ref:l,children:[ee("button",{ref:h,type:"button",className:"sf-part-style-trigger","aria-expanded":a,"aria-controls":p,"aria-label":Ve(e)?i("Follows {name} \u2014 change",{name:St(Ve(e))}):i("Follows no style \u2014 change"),onClick:()=>s(m=>!m),onKeyDown:m=>{m.key==="Escape"&&a&&(m.preventDefault(),s(!1))},children:[T("span",{className:"sf-part-style-name",style:{fontFamily:t?.fontKey?`var(${Ce(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:St(Ve(e))}),T("span",{className:"sf-part-style-sign","aria-hidden":"true"})]}),a&&ee("div",{className:"sf-multi-menu sf-part-style-menu",id:p,role:"listbox",onKeyDown:m=>{m.key==="Escape"&&(m.preventDefault(),s(!1),h.current?.focus())},children:[ee("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")})]}),Dt.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(Ft[m])})},m))]})]})}var sn="";function Ac({face:e,base:t,onPick:o}){let a=e.kind==="role"?e.role:sn,s=[{label:i("No style"),value:sn},...Dt.map(l=>({label:i(Ft[l]),value:l}))];return T(Ga,{ariaLabel:i("Style"),value:a,options:s,inline:!0,onChange:l=>o(l===sn?null:l),renderOption:l=>l.value===sn?ee(vt,{children:[T("span",{className:"es-fsel-label sf-part-style-keep",children:l.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-${l.value})`},children:l.label}),renderValue:()=>T("span",{style:{fontFamily:t?.fontKey?`var(${Ce(t.fontKey)?.cssVar})`:void 0,fontWeight:t?.weight},children:St(Ve(e))}),valueText:l=>St(Ve(e))??l?.label??""})}function Lc({parts:e,onEditStyle:t,onClearAll:o,onFollowStyle:a,kindLabel:s}){let l=bo(e,m=>Cc(m.face))?e[0].face:null,h=l?Ve(l):null,p=l&&l.kind!=="unread"?e[0].base:null,u=e.reduce((m,w)=>m+Ec(w.style),0),b=p?Ce(p.fontKey)?.label:void 0;return ee("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&&s&&T("div",{className:"sf-part-style-count",children:i("{kind} \xB7 every row",{kind:i(s)})}),h&&p?ee(vt,{children:[a&&l?T(Pc,{face:l,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(h)}),T("div",{className:"sf-part-style-meta",children:[b,`${Math.round(p.sizePx)} px`,i(vc[p.weight])].filter(Boolean).join(" \xB7 ")})]}):T("div",{className:"sf-part-style-name",children:i("Mixed styles")}),ee("div",{className:"sf-part-style-top",children:[h?u?ee(vt,{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"}),h&&t&&T("button",{type:"button",className:"sf-part-link",onClick:t,children:i("Edit")})]})]})}function Nc({sectionName:e,onBack:t,textEditor:o,styleRow:a,children:s}){return ee("div",{className:"sf-part-panel",children:[T(dn,{inline:!0,name:i(e),onSelect:t}),o,a,s]})}function cn({source:e,slug:t}){let o=jt(),a=qa[e],s=!a.needsSlug||!!t;return T("div",{className:"sf-note sf-note--source",children:ee("p",{className:"es-field-hint sf-hint-keep",children:[i(Wa[e]),s?ee(vt,{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(ja)})]}):null]})})}var $a=4,Dc=120;function Fc({region:e,sizePx:t,face:o,base:a,onFollowStyle:s,source:l,slug:h,onBack:p}){let u=e.follows;return ee("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)})}),s?T(vt,{children:T(Ka,{label:i("Style"),icon:T(yc,{}),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(Ac,{face:o,base:a,onPick:s})})}):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.")}),l?T(cn,{source:l,slug:h}):null,T(dn,{inline:!0,name:i("Page"),onSelect:p})]})}function zc({onBack:e}){return ee("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 _c({onBack:e,partId:t,why:o}){return ee("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:ee("code",{children:[t," \u2014 ",o]})}),T(dn,{inline:!0,name:i("Page"),onSelect:e})]})}function Xa({nodeId:e,propKey:t,onBack:o,onEditStyle:a}){let{getItemById:s,getSelectorForId:l,config:h}=xc(L=>L),p=Wt(),{partStyle:u}=_t(),{fonts:b}=ne(),[m,w]=go({}),E=mo(null),v=s(e),A=l(e),N=v?h.components[v.type]:void 0,{key:f,row:I}=et(t),S=N?.fields?.[f],c=I?rn(S,I):S,y=ut(e,t),R=v?.props??{},x=Cr(c),H=Pi(c),z=zr(c),ae=v?an(v.type):null,J=I?Ar(R[f],I):R[f],W=!!I&&!(Array.isArray(R[f])&&I.index<R[f].length);ln(()=>{E.current?.querySelector(".es-copy [contenteditable='true'], .es-copy textarea, .sf-copybox textarea, .sf-copybox input")?.focus()},[y]);let[V,se]=go(0);ln(()=>se(0),[y]);let D=!!v&&!W&&(!A||!c);ln(()=>{if(!D||V>=$a)return;let L=setTimeout(()=>se(X=>X+1),Dc);return()=>clearTimeout(L)},[D,V]);let re=D&&V<$a;if(!v||W)return T(zc,{onBack:o});let ue=Ui(v.type),De=ue?Ki(ue,t):null;if(ue&&De){let L=u?.partId===y?u:null,X=ue[De],ye=X.writable===!0&&!!A,be=he=>{A&&p.replaceComponent(A.zone,A.index,{...v,props:Ht(R,t,"role",he)})};return T(Fc,{region:X,sizePx:L?.base.sizePx??null,face:yo(R,t,L,b),base:L?.base??null,onFollowStyle:ye?be:void 0,source:ae,slug:wt(R),onBack:o})}if(!A||!c)return re?T("div",{className:"sf-note","aria-busy":"true"}):T(_c,{onBack:o,partId:y,why:A?"no field":"no selector"});let we=L=>{p.replaceComponent(A.zone,A.index,{...v,props:L})},Ee=L=>{if(ft(L).hidden!==ft(J).hidden||!x){let X=I?Lr(R,f,I,L):{...R,[f]:L};X&&we(X);return}Ba({node:v,propKey:t,kind:x,zone:A.zone,index:A.index},ft(L).text,p.replaceComponent)},Fe=J,ve=gi(v?.type,t),me=zn(R,ve),le=u?.partId===y?u:null,q=[{partKey:ve,face:yo(R,ve,le,b),sizeGroup:le?.sizeGroup??null,base:le?.base??Oc,style:me}],te=bo(q,L=>L.sizeGroup),k=wr(le?.inks),$=(L,X)=>{let ye=R;for(let be of q)ye=Ht(ye,be.partKey,L,X);we(ye)},G=L=>$("role",L),pe=()=>{let L=R;for(let X of q)L=$r(L,X.partKey);we(L)},Se=L=>{let X=R;for(let ye of q)for(let[be,he]of Object.entries(L))X=Ht(X,ye.partKey,be,he??null);we(X)},He=(L,X)=>{let ye=q.some(Pe=>Pe.style[L]!==void 0),be=bo(q,Pe=>Rc(Pe,L)),he=be===null,Ze=`sf-part-${e}-${t}-${L}`;return L==="color"?T(Ha,{value:he?null:String(be),label:X,colors:k,onChange:Pe=>$("color",Pe)},L):T(Ka,{label:i(X),icon:kc[L],className:"sf-part-field",changed:ye,htmlFor:Ze,action:ye?T(Ue,{label:X,onClear:()=>$(L,null)}):void 0,children:L==="font"?T(Ga,{id:Ze,ariaLabel:i(X),value:!he&&Ce(String(be))?String(be):void 0,placeholder:he?i("Mixed"):i("Site style"),options:mr.map(Pe=>({label:Pe.label,value:Pe.key})),onChange:Pe=>$("font",Pe||null)}):null},L)},Xe=x==="text"||x==="textarea",{text:fe,hidden:ge}=ft(J),Re=c?.[kr]?.label??t,Lt=ge?i("Show {label} on the slide",{label:i(Re)}):i("Hide {label} on the slide",{label:i(Re)}),Pn=ee("div",{className:"sf-field-head",children:[T(Ua,{}),T("span",{className:"sf-field-label sf-field-label--inline",children:i(Re)}),Xe&&T(wc,{content:Lt,children:T("button",{type:"button",className:"sf-field-eye","aria-pressed":ge,"aria-label":Lt,onClick:()=>Ee({text:fe,hidden:!ge}),children:ge?T(Ae,{name:"eye-off",size:14}):T(Ae,{name:"eye",size:14})})})]}),An=!H&&z;return ee(Nc,{sectionName:N?.label??v.type,onBack:o,textEditor:ee("div",{ref:E,className:"sf-part-text",children:[x?T(Ma,{text:fe,onTextChange:L=>Ee(Xe?{text:L,hidden:ge}:L),multiline:Tr(x),markup:x!=="plainText",styled:An,style:q[0].style,base:q[0].base,setValue:Se,colors:k.map(L=>({name:L.key,label:i(L.name),value:L.value})),placeholder:St(Ir(c))??void 0,ariaLabel:i(Re),head:Pn}):T(mc,{field:c,name:t,value:Fe,onChange:Ee,id:`sf-part-${e}-${t}`}),An&&x&&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:[ae&&T(cn,{source:ae,slug:wt(R)}),An&&Sc.map(L=>{let X=Va.filter(he=>he.group===L),ye=X.filter(he=>q.some(Ze=>Ze.style[he.key]!==void 0)).length,be=`sf-part-g-${e}-${t}-${L.replace(/\W+/g,"-")}`;return ee(gc,{id:be,title:i(L),open:m[L]!==!0,onToggle:he=>w(Ze=>({...Ze,[L]:!he})),count:ye,children:[T(Lc,{parts:q,onEditStyle:a,onClearAll:pe,onFollowStyle:G,kindLabel:mi[ve]}),X.map(he=>He(he.key,he.label))]},L)})]})}var Oc={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:Ot};var Gc=[{role:"heading",title:"Heading 1",group:"heading",step:"headingLarge",base:17,icon:F(kt,{})},{role:"heading2",title:"Heading 2",group:"heading",step:"headingMedium",base:15,icon:F(kt,{})},{role:"heading3",title:"Heading 3",group:"heading",step:"headingSmall",base:13,icon:F(kt,{})},{role:"accent",title:"Accent",step:"accent",base:15,icon:F(Mc,{})},{role:"body",title:"Body",group:"body",step:"body",base:14,icon:F(Qa,{})},{role:"label",title:"Labels",group:"label",step:"label",base:11,icon:F(jc,{})}];var Kc=9,nt=500,Uc=100,Vc=80,Yc=4,Xc=600,Zc=700,Jc=400,Qc="0.18em";function ep({id:e,value:t,onChange:o}){let a=yr().flatMap(([l,h])=>h.map(p=>({label:p.label,value:p.key,group:i(gr[l])}))),s=(l,h)=>F("span",{style:{fontFamily:`var(${Ce(l)?.cssVar??"--font-body"})`},children:h});return F(Hc,{id:e,value:t,onChange:o,options:a,renderOption:l=>s(l.value,l.label),renderValue:l=>l?s(l.value,l.label):null})}function tp({label:e,icon:t,readout:o,min:a,max:s,step:l,value:h,onChange:p,action:u,hint:b}){return F(hn,{label:i(e),icon:t,value:o,action:u,hint:b,children:F(Le,{min:a,max:s,step:l,value:h,readout:!1,ariaLabel:i(e),onChange:p})})}function wo({label:e,icon:t,value:o,fallback:a,min:s,max:l,step:h,suffix:p="",hint:u,onChange:b}){let m=o===null;return F(tp,{label:e,icon:t,readout:m?i("Auto"):`${o}${p}`,min:s,max:l,step:h,value:m?a:o,onChange:b,action:m?null:F(Ue,{label:e,what:"change",onClear:()=>b(null)}),hint:u})}function Ja({label:e,icon:t,options:o,value:a,onChange:s,hint:l,action:h}){return F(hn,{label:i(e),icon:t,value:np(o.find(p=>p.value===a)?.label),hint:l,action:h,children:F("div",{className:"sf-rungs",children:o.map(p=>F("button",{type:"button","aria-pressed":p.value===a,onClick:()=>s(p.value),className:`sf-rung${p.value===a?" is-active":""}`,children:i(p.label)},p.value))})})}var np=e=>e===void 0?void 0:i(e),op=[{value:"authored",label:"As designed"},{value:"sentence",label:"As typed"}],rp=[{value:"normal",label:"Normal"},{value:"tight",label:"Tight"},{value:"compressed",label:"Compressed"}];function ip({fontKey:e,weight:t,fallbackWeight:o,onWeight:a}){let s=(t??o)>=Xc,l=br(e),h=Ce(e)?.label??i("This face");return F(hn,{label:i("Style"),icon:F(Wc,{}),value:s?i("Bold"):i("Normal"),hint:i("Bold is the weight above \u2014 one value, two ways to set it."),children:pn("div",{className:"sf-rungs",children:[F(Za,{content:i("Bold"),className:"sf-rung-tip",children:F("button",{type:"button","aria-pressed":s,"aria-label":i("Bold"),onClick:()=>a(s?Jc:Zc),className:`sf-rung sf-rung--glyph${s?" is-active":""}`,style:{fontWeight:700},children:"B"})}),F(Za,{className:"sf-rung-tip",content:l?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:h}),children:F("span",{className:"sf-tip-disabled",tabIndex:0,children:F("button",{type:"button","aria-pressed":!1,"aria-label":i("Italic"),disabled:!0,className:"sf-rung sf-rung--glyph",style:{fontStyle:"italic"},children:"I"})})})]})})}function es({fonts:e,compression:t,headingTypography:o,openRole:a,onOpenRole:s,onFontChange:l,sizes:h,onSizeChange:p,onCompressionChange:u,onHeadingTypographyChange:b,livePx:m,savedRole:w=null}){let E=f=>b({...o,...f}),v=f=>f==="accent"?"weightStrong":f==="heading2"?"weight2":f==="heading3"?"weight3":"weight",A=f=>f==="heading2"?"case2":f==="heading3"?"case3":"case",N=li(t);return F("div",{className:"sf-style-list",children:Gc.map(f=>{let I=a===f.role;return F(Ci,{styleKey:f.role,label:f.title,icon:f.icon,value:Ce(e[f.role])?.label??e[f.role],sampleStyle:ap(f,e,o,N),open:I,onToggle:()=>s(I?null:f.role),saved:w===f.role,children:I&&pn(xo,{children:[F(hn,{label:i("Font"),icon:F(qc,{}),htmlFor:`sf-font-${f.role}`,action:e[f.role]===Dn[f.role]?null:F(Ue,{label:"Font",what:"change",onClear:()=>l(f.role,Dn[f.role])}),children:F(ep,{id:`sf-font-${f.role}`,value:e[f.role],onChange:S=>l(f.role,S)})}),f.step&&p&&F(wo,{label:"Size",icon:F(kt,{}),value:h[f.step],fallback:f.base*2,min:Zr,max:Jr,step:Qr,suffix:"px",hint:h[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:S=>p(f.step,S)}),(Qe(f.role)||f.role==="accent")&&pn(xo,{children:[F(wo,{label:"Weight",icon:F($c,{}),value:o[v(f.role)],fallback:Qe(f.role)?nt:o.weight??nt,min:di,max:ci,step:Uc,hint:f.role==="accent"?i("Auto = the accent phrase takes the heading's own weight."):void 0,onChange:S=>E({[v(f.role)]:S})}),F(ip,{fontKey:e[f.role],weight:o[v(f.role)],fallbackWeight:Qe(f.role)?nt:o.weight??nt,onWeight:S=>E({[v(f.role)]:S})})]}),Qe(f.role)&&pn(xo,{children:[F(Ja,{label:"Line & text gap",icon:F(Qa,{}),options:rp,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===Bn?null:F(Ue,{label:"Line & text gap",what:"change",onClear:()=>u(Bn)})}),F(Ja,{label:"Capitals",icon:F(Bc,{}),options:op,value:o[A(f.role)],onChange:S=>E({[A(f.role)]:S}),hint:i("The only setting that changes a heading's capitals."),action:o[A(f.role)]==="authored"?null:F(Ue,{label:"Capitals",what:"change",onClear:()=>E({[A(f.role)]:"authored"})})}),F(wo,{label:"Largest size",icon:F(kt,{}),value:o.maxPx,fallback:Vc,min:pi,max:hi,step:Yc,suffix:"px",hint:i("Caps the biggest heading on the site. Auto = each section's own."),onChange:S=>E({maxPx:S})})]})]})},f.role)})})}function ap(e,t,o,a){let s=Math.max(Kc,e.base),l={fontFamily:`var(${Ce(t[e.role])?.cssVar??"--font-body"})`,fontSize:`${s.toFixed(1)}px`,lineHeight:1.15};return Qe(e.role)?(l.fontWeight=o.weight??nt,l.textTransform=o.case==="sentence"?"none":"uppercase",a.letterSpacing!==void 0&&(l.letterSpacing=`${a.letterSpacing}em`)):e.role==="accent"?(l.fontWeight=o.weightStrong??o.weight??nt,a.letterSpacing!==void 0&&(l.letterSpacing=`${a.letterSpacing}em`)):e.role==="label"&&(l.textTransform="uppercase",l.letterSpacing=Qc),l}import{SettingsTabs as lp}from"efficient-easel/panel";import{Tooltip as Xy,tabButtonId as dp,tabPanelId as cp}from"efficient-shell/ui";import{ContrastIcon as pp,NoteIcon as hp,SettingsIcon as up,TypeIcon as fp}from"efficient-easel/icons";function ts(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 Ly,pinPreviewToBottom as ns,pinPreviewToSection as un,previewFrame as os,scrollPreviewToSection as rs,scrollPreviewToTop as vo}from"efficient-easel/screen/lib/puck/preview-dom";var So="sf-site-styles",mp="sf-site-styles-tabpanel",Co=!1,gp="Show hints";function To({shown:e,onChange:t}){return j("div",{className:"sf-hints",children:rt("button",{type:"button","aria-pressed":e,onClick:()=>t(!e),className:`sf-rung sf-hints-toggle${e?" is-active":""}`,children:[j(hp,{size:13}),i(gp)]})})}var as="text",ot=[{id:"basics",label:"Basics",icon:j(up,{})},{id:"theme",label:"Theme",icon:j(pp,{})},{id:"text",label:"Text",icon:j(fp,{})}];function yp({themeFromDocument:e,persist:t}){let{appState:o,dispatch:a}=ko(b=>b),{theme:s,setTheme:l}=ne(),h=o.data,p=h.root?.props??{},u=b=>{if(e){let m={...p,theme:b};a({type:"replaceRoot",root:{...h.root,props:m},recordHistory:!0})}else l(b);t({selected_preset:b.selected,theme_presets:b.themes})};return j(Ia,{value:e?p.theme:s,onChange:u})}function bp(e,t){let[o,a]=fn(null),s=is(null),l=JSON.stringify(e),h=is(t);return h.current=t,sp(()=>{if(s.current===null){s.current=l;return}if(s.current===l)return;s.current=l;let p=window.setTimeout(()=>a(h.current),700),u=window.setTimeout(()=>a(null),2200);return()=>{window.clearTimeout(p),window.clearTimeout(u)}},[l]),o}function xp({themeFromDocument:e,persist:t}){let{appState:o,dispatch:a}=ko(x=>x),[s,l]=fn(null),{fonts:h,setFonts:p,sizes:u,setSizes:b,headingCompression:m,setHeadingCompression:w,headingTypography:E,setHeadingTypography:v}=ne(),A=o.data,N=A.root?.props??{},f=e?xr(N.fonts):h,I=e?Xr:u,S=e?si(N.headingCompression):m,c=e?ui(N.headingTypography):E,y=x=>a({type:"replaceRoot",root:{...A.root,props:{...N,...x}},recordHistory:!0}),R=bp({curFonts:f,curCompression:S,curTypography:c},s);return j(es,{fonts:f,sizes:I,compression:S,headingTypography:c,openRole:s,onOpenRole:l,onFontChange:(x,H)=>{let z={...f,[x]:H};e?y({fonts:z}):p(z),t({heading_font:z.heading,body_font:z.body,accent_font:z.accent,label_font:z.label})},onSizeChange:e?void 0:(x,H)=>{let z={...I,[x]:H};b(z),t({heading_size_large_px:z.headingLarge,heading_size_medium_px:z.headingMedium,heading_size_small_px:z.headingSmall,accent_size_px:z.accent,body_size_px:z.body,label_size_px:z.label})},onCompressionChange:x=>{e?y({headingCompression:x}):w(x),t({heading_compression:x})},onHeadingTypographyChange:x=>{e?y({headingTypography:x}):v(x),t(fi(x))},livePx:vp,savedRole:R})}var wp={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 vp(e){if(typeof document>"u")return null;let t=(os()?.contentDocument??document).querySelector(wp[e]);if(!t)return null;let o=parseFloat(getComputedStyle(t).fontSize);return Number.isFinite(o)?o:null}function Sp({themeFromDocument:e,persist:t,showHint:o}){let{appState:a,dispatch:s}=ko(E=>E),{cornerRadiusPx:l,setCornerRadiusPx:h}=ne(),p=a.data,u=p.root?.props??{},b=u.cornerRadiusPx===void 0?ni[ei(u.cornerStyle)]:oi(u.cornerRadiusPx),m=e?b:l,w=E=>s({type:"replaceRoot",root:{...p.root,props:{...u,...E}},recordHistory:!0});return j(Ea,{value:m,onChange:E=>{e?w({cornerRadiusPx:E}):h(E),t({corner_radius_px:E})},showHint:o})}function kp(e){return{site_width:e}}function Cp({persist:e,showHint:t}){let{siteWidth:o,setSiteWidth:a}=ne();return j(_a,{value:o,onChange:s=>{a(s),e(kp(s),s===null)},showHint:t})}function Tp(e){return{block_gap:e}}function Ip(e){return{site_gutter:e}}function Ep({persist:e,showHint:t}){let{siteGutter:o,setSiteGutter:a}=ne();return j(za,{value:o,onChange:s=>{a(s),e(Ip(s),s===null)},showHint:t})}function Rp({persist:e,showHint:t}){let{blockGap:o,setBlockGap:a}=ne();return j(Aa,{value:o,onChange:s=>{a(s),e(Tp(s),s===null)},showHint:t})}function Pp({persist:e,showHint:t}){let{heroBackgroundFollowsWidth:o,setHeroBackgroundFollowsWidth:a}=ne();return j(Na,{value:o,onChange:s=>{a(s),e({hero_background_follows_width:s},!0)},showHint:t})}function Ap({persist:e,showHint:t=!0}){return rt(Ct,{children:[j(Cp,{persist:e,showHint:t}),j(Ep,{persist:e,showHint:t}),j(Rp,{persist:e,showHint:t}),j(Pp,{persist:e,showHint:t})]})}function Lp(e){return{card_shadow:e}}function Np(e){return e===null?{shadow_color:null}:{shadow_color:ai(e)}}function Dp(e){return{hover_effect:e}}function Fp({persist:e,showHint:t=!0}){let{cardShadow:o,setCardShadow:a,shadowColor:s,setShadowColor:l,hoverEffect:h,setHoverEffect:p}=ne();return rt(Ct,{children:[j(Ra,{value:o,onChange:u=>{a(u),e(Lp(u),!0)},showHint:t}),j(Pa,{value:s,onChange:u=>{l(u),e(Np(u),u===null)},showHint:t}),j(La,{value:h,onChange:u=>{p(u),e(Dp(u),!0)},showHint:t})]})}function zp(e){return{photography_grayscale:e}}function _p({persist:e,showHint:t}){let{photographyGrayscale:o,setPhotographyGrayscale:a}=ne();return j(Fa,{value:o,onChange:s=>{a(s),e(zp(s),!0)},showHint:t})}function Op({persist:e,showHint:t=!0}){return j(Ct,{children:j(_p,{persist:e,showHint:t})})}function it(){let{websiteName:e}=ne();return e?.trim()||_i}function mn({themeFromDocument:e=!1,tokenRef:t,siteId:o,onNotify:a,tab:s,onTabChange:l}){let{persist:h}=Si({themeFromDocument:e,tokenRef:t,siteId:o,onResult:N=>{let f=ts(N);f&&a?.(f.msg,f.tone)}}),[p,u]=fn(ot[0].id),b=s!==void 0,m=b?s:p,w=b?l??(()=>{}):u,E=ot.find(N=>N.id===m)??ot[0],[v,A]=fn(Co);return rt(Ct,{children:[j(lp,{items:ot.map(N=>({...N,label:i(N.label)})),activeId:E.id,onSelect:w,ariaLabel:i("Site styles"),idPrefix:So}),rt("div",{id:cp(So,E.id),className:mp,role:"tabpanel","aria-labelledby":dp(So,E.id),children:[m==="basics"&&rt(Ct,{children:[j(Sp,{themeFromDocument:e,persist:h,showHint:v}),!e&&j(Fp,{persist:h,showHint:v}),!e&&j(Ap,{persist:h,showHint:v}),!e&&j(Op,{persist:h,showHint:v}),j(To,{shown:v,onChange:A})]}),m==="theme"&&j(yp,{themeFromDocument:e,persist:h}),m==="text"&&j(xp,{themeFromDocument:e,persist:h})]})]})}import{InspectorIconButton as Gp}from"efficient-easel/chrome";import{Button as hs,Dialog as Kp,FormField as Up,Input as us}from"efficient-shell/ui";import{LayersTree as Vp,TreeGroupLabel as Yp,TreeRow as fs,TreeRowAction as Po}from"efficient-easel/tree";import{AddIcon as Xp}from"efficient-easel/icons";import{PagesIcon as Zp}from"efficient-easel/rail";import{useCallback as gn,useEffect as Hp,useSyncExternalStore as Mp}from"react";var ss=new WeakMap;function Tt(e){let t=ss.get(e);return t||(t={rows:null,loading:null,listeners:new Set},ss.set(e,t)),t}function Io(e,t){e.rows=t;for(let o of e.listeners)o()}function ls(e){let t=Tt(e),o=e.listPages().then(a=>Io(t,a),()=>Io(t,[])).finally(()=>{t.loading===o&&(t.loading=null)});return t.loading=o,o}var ds=()=>null,Bp=()=>()=>{};function Eo(){let{adapter:e,ready:t}=de(),o=gn(p=>{let{listeners:u}=Tt(e);return u.add(p),()=>u.delete(p)},[e]),a=gn(()=>Tt(e).rows,[e]),s=Mp(t?o:Bp,t?a:ds,ds);Hp(()=>{if(!t)return;let p=Tt(e);p.rows===null&&!p.loading&&ls(e)},[e,t]);let l=gn(()=>t?ls(e):Promise.resolve(),[e,t]),h=gn(p=>Io(Tt(e),p),[e]);return{rows:s,reload:l,setRows:h}}function Wp(e,t){return e?.find(o=>o.slug===t)?.label?.trim()||`/${t}`}function cs(){let{currentSlug:e}=de(),{rows:t}=Eo();return Wp(t,e)}var ms="sf-editor-pages-collapsed-groups",Jp=e=>e.toLowerCase().trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""),gs=(e,t)=>{let o=Jp(e)||"page";if(!t.has(o))return o;let a=2;for(;t.has(`${o}-${a}`);)a+=1;return`${o}-${a}`};function ys({onNavigate:e,onClose:t,activeSurface:o,onPreviewSurface:a}){let s=We().chrome?.pageRows,l=jt(),{adapter:h,capabilities:p,ready:u,currentSlug:b}=de(),m=it(),{rows:w,reload:E,setRows:v}=Eo(),[A,N]=at(""),[f,I]=at(!1),[S,c]=at(null),[y,R]=at(!1),[x,H]=at(""),z=$p(),[ae,J]=at(()=>{if(typeof window>"u")return new Set;try{let k=window.localStorage.getItem(ms);return new Set(k?JSON.parse(k):[])}catch{return new Set}});qp(()=>{try{window.localStorage.setItem(ms,JSON.stringify([...ae]))}catch{}},[ae]);let W=k=>J($=>{let G=new Set($);return G.has(k)?G.delete(k):G.add(k),G}),V=ps(()=>Zi(w??[]),[w]),se=A.trim().toLowerCase(),D=k=>!se||k.toLowerCase().includes(se),re=k=>se?!0:!ae.has(k),ue=ps(()=>new Set((w??[]).map(k=>k.slug)),[w]),De=()=>{if(p.pageCreationInAdminForm){l.send("storefront-editor:new-page");return}H(""),c(null),R(!0)},we=async()=>{let k=x.trim();if(!(!k||!u||f||!h.createPage)){I(!0),c(null);try{let $=await h.createPage({slug:gs(k,ue),title:k,layout:{}});await E(),R(!1),H(""),e($.slug)}catch{c(i("Couldn\u2019t add the page \u2014 please retry."))}finally{I(!1)}}},Ee=async k=>{if(!(!u||f||!h.deletePage||(w??[]).length<=1)){I(!0);try{await h.deletePage(k.id);let $=(w??[]).filter(G=>G.id!==k.id);v($),c(null),k.slug===b&&$[0]&&e($[0].slug)}catch{c(i("Couldn\u2019t delete the page \u2014 please retry."))}finally{I(!1)}}},Fe=k=>l.send("storefront-editor:open-page",{slug:k}),ve=k=>{if(!D(k.label))return null;let $=!o&&k.slug===b,G=p.canDeletePagesInline&&(w??[]).length>1,pe=Xi(k),Se=k.kind==="lightbox",He=pe||Se||k.draft?st(Ro,{children:[pe&&M("span",{className:"sf-badge-dynamic",children:i("Dynamic")}),Se&&M("span",{className:"sf-badge-lightbox",children:i("Lightbox")}),k.draft&&M("span",{className:"sf-page-draft",children:i("draft")})]}):void 0,Xe=p.pageCreationInAdminForm||G?st(Ro,{children:[p.pageCreationInAdminForm&&M(Po,{kind:"plain",label:i("Edit \u201C{name}\u201D in {place}",{name:k.label,place:i("the admin")}),onClick:()=>Fe(k.slug),children:M(Ae,{name:"pencil",size:13,strokeWidth:1.7,rounded:!0})}),G&&M(Po,{kind:"delete",label:i("Delete \u201C{name}\u201D",{name:k.label}),disabled:f,onClick:()=>{Ee(k)},children:M(Ae,{name:"trash",size:13,strokeWidth:1.7,rounded:!0})})]}):void 0;return M(fs,{icon:M(Qp,{}),name:k.label,selected:$,onSelect:()=>e(k.slug),preview:He,actions:Xe,rowProps:{"data-page-slug":k.slug}},k.id)},me=(k,$,G)=>{let pe=G.filter(Boolean);if(pe.length===0)return null;let Se=re(k);return st(jp,{children:[M(Yp,{count:pe.length,expanded:Se,onToggle:()=>W(k),children:$}),Se&&pe]},k)},le=(s?.rows??[]).filter(k=>D(k.label)).map(k=>{let $=o===k.key;return M(fs,{icon:k.icon,name:k.label,selected:$,onSelect:()=>a(k.key),preview:M("span",{className:"sf-badge-preview",children:i("Preview")}),actions:M(Po,{kind:"plain",label:i("Open the {name} in a new tab",{name:k.label}),onClick:()=>window.open(k.href,"_blank","noopener,noreferrer"),children:M(Ae,{name:"external-link",size:13,strokeWidth:1.7,rounded:!0})}),rowProps:{"data-shop-surface":k.key}},k.key)}),q=p.hasSiteSettings&&!!s,te=(()=>{if(w===null)return null;let k=[],$=!1;for(let G of V){q&&!$&&G.key.startsWith("system:")&&(k.push(me("shop",s.title,le)),$=!0);let pe=G.key===Yi||G.label===Vi?i(G.label):G.label;k.push(me(G.key,pe,G.rows.map(ve)))}return q&&!$&&k.push(me("shop",s.title,le)),k})();return st("div",{className:"sf-pages",children:[M(Ut,{icon:M(Zp,{}),title:i("Pages"),context:m,actions:M(Gp,{label:i("New page"),onClick:De,children:M(Xp,{size:15})}),onHide:t}),M("div",{className:"sf-pages-find",children:M(us,{type:"search",leftIcon:M(Ae,{name:"search",size:14,rounded:!0}),placeholder:i("Search all pages\u2026"),value:A,onChange:k=>N(k.target.value),"aria-label":i("Search all pages")})}),S&&!y&&M("div",{className:"sf-note sf-note--error",role:"alert",children:S}),te===null?M("div",{className:"sf-note",children:i("Loading\u2026")}):te.some(Boolean)?M(Vp,{ariaLabel:i("Pages"),className:"sf-scroll",children:te}):M("div",{className:"sf-note",children:A.trim()?i("No pages match your search"):i("No pages yet. Add one with + above.")}),M(Kp,{open:y,onClose:()=>R(!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:st(Ro,{children:[M(hs,{variant:"secondary",onClick:()=>R(!1),children:i("Cancel")}),M(hs,{onClick:()=>{we()},disabled:f||!x.trim(),loading:f,children:i("Add page")})]}),children:M(Up,{label:i("Page name"),htmlFor:z,hint:x.trim()?i("URL: /{slug}",{slug:gs(x,ue)}):void 0,error:S??void 0,children:M(us,{id:z,value:x,invalid:!!S,onChange:k=>H(k.target.value),onKeyDown:k=>{k.key==="Enter"&&we()},placeholder:i("e.g. About")})})})]})}function Qp(){return st("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:[M("path",{d:"M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z"}),M("path",{d:"M14 3v5h5"})]})}import{jsx as Ao}from"react/jsx-runtime";import{DesktopIcon as eh,PhoneIcon as th,TabletIcon as nh}from"efficient-easel/icons";var oh={desktop:Ao(eh,{}),tablet:Ao(nh,{}),mobile:Ao(th,{})},bs=Qi.map(e=>({id:e,get label(){return i(Ji[e])},icon:oh[e]}));import{jsx as B,jsxs as qe,Fragment as jo}from"react/jsx-runtime";import{useState as pu}from"react";import{useEasel as hu}from"efficient-easel/easel";import{InspectorHead as uu,InspectorIconButton as qs}from"efficient-easel/chrome";import{DuplicateIcon as fu,TrashIcon as mu}from"efficient-easel/icons";import{panelFieldsOf as xs}from"efficient-easel/screen/lib/puck/panel-fields";import{jsx as g,Fragment as _,jsxs as O}from"react/jsx-runtime";import{BlockBannerIcon as rh,BlockBoxIcon as ih,BlockButtonIcon as ah,BlockDividerIcon as ws,BlockFooterIcon as vs,BlockHeadingIcon as sh,BlockProductIcon as lh,BlockSocialIcon as dh,BlockTextIcon as ch,ChatIcon as ph,GridIcon as hh,ImageIcon as uh,PageIcon as fh}from"efficient-easel/icons";var mh={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:ta,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(_,{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"})},gh=g("rect",{x:"4",y:"4",width:"16",height:"16",rx:"2.5"}),yh={footer:vs,Footer:vs,Divider:ws,FooterDivider:ws,Banner:rh,Flex:ih,FooterSocial:dh,page:fh,chat:ph,Heading:sh,Text:ch,ImageBlock:uh,ButtonBlock:ah,Grid:hh,ProductRef:lh},bh={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial",SiteHeader:"header",SiteFooter:"footer"};function lt({type:e,size:t=16,className:o}){let a=bh[e]??e,s=yh[a];return s?g(s,{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:mh[a]??gh})}import{jsx as xe,Fragment as xh,jsxs as wh}from"react/jsx-runtime";import{useEffect as vh,useId as Sh,useState as kh}from"react";import{SettingsField as Ss,SettingsSwitch as Ch}from"efficient-easel/panel";import{EyeIcon as Th,TypeIcon as Ih}from"efficient-easel/icons";var Eh="Chat with us",Rh="We usually reply within a few minutes",Ph="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function Lo({label:e,value:t,placeholder:o,onCommit:a,multiline:s=!1}){let[l,h]=kh(t);vh(()=>h(t),[t]);let p=()=>{l!==t&&a(l)};return xe(Ss,{label:e,icon:xe(Ih,{}),children:s?xe("textarea",{value:l,placeholder:o,rows:3,onChange:u=>h(u.target.value),onBlur:p,"aria-label":e}):xe("input",{type:"text",value:l,placeholder:o,onChange:u=>h(u.target.value),onBlur:p,onKeyDown:u=>{u.key==="Enter"&&u.currentTarget.blur()},"aria-label":e,autoComplete:"off"})})}function ks(){let{chat:e,setChat:t}=Gt(),o=Sh();return wh(xh,{children:[xe(Ss,{label:i("Show the chat bubble"),labelId:o,icon:xe(Th,{}),action:xe(Ch,{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(Lo,{label:i("Title"),value:e.title,placeholder:Eh,onCommit:a=>t({title:a})}),xe(Lo,{label:i("Subtitle"),value:e.subtitle,placeholder:Rh,onCommit:a=>t({subtitle:a})}),xe(Lo,{label:i("Greeting message"),value:e.greeting,placeholder:Ph,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 Ye,Fragment as No,jsxs as Is}from"react/jsx-runtime";import{useEffect as Ah,useId as Cs,useState as Ts}from"react";import{SettingsField as Lh}from"efficient-easel/panel";var Nh={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 Dh({platform:e}){let{rows:t,saveLink:o}=yt(),{value:a,error:s}=t[e],[l,h]=Ts(a),[p,u]=Ts(!1),b=Cs(),m=Cs();Ah(()=>h(a),[a]);let w=async()=>{if(l.trim()===a){l!==a&&h(a);return}u(!0),await o(e,l),u(!1)},E=Mi[e];return Is(No,{children:[Ye(Lh,{label:i(E),htmlFor:b,icon:Ye(na,{platform:e,iconStyle:"outline",size:18}),children:Ye("input",{id:b,type:"text",inputMode:"url",value:l,placeholder:Nh[e],onChange:v=>h(v.target.value),onBlur:()=>{w()},onKeyDown:v=>{v.key==="Enter"&&v.currentTarget.blur(),v.key==="Escape"&&(h(a),v.currentTarget.blur())},"aria-invalid":s?!0:void 0,"aria-describedby":s?m:void 0,"aria-busy":p||void 0,autoComplete:"off",spellCheck:!1})}),s&&Ye("p",{id:m,className:"sf-note sf-note--error",role:"alert",children:s})]})}function Es({unavailable:e}){let{canSave:t}=yt();return!t&&e?Ye(No,{children:e}):Is(No,{children:[Ye("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.")}),Hi.map(o=>Ye(Dh,{platform:o},o))]})}import{jsx as dt,jsxs as Fh}from"react/jsx-runtime";import{useId as zh,useMemo as _h}from"react";import{useEasel as Oh}from"efficient-easel/easel";import{SettingsField as Hh,SettingsSwitch as Mh}from"efficient-easel/panel";import{EyeIcon as Bh}from"efficient-easel/icons";var Wh="root:default-zone";function Rs({heroId:e}){let{appState:t,dispatch:o}=Oh(m=>m),a=t.data.content??[],s=a.findIndex(m=>m.props.id===e),l=s>=0?a[s]:null,h=l?l.props.showTicker??!0:!0,p=_h(()=>{let m=l?.props.tickerItems;return Array.isArray(m)?m:ra.map(w=>({text:w}))},[l]),u=zh();if(!l)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:Wh,destinationIndex:s,data:{...l,props:{...l.props,...m}}});return Fh("div",{children:[dt($t,{label:"Ticker"}),dt(Hh,{label:i("Show ticker"),labelId:u,icon:dt(Bh,{}),action:dt(Mh,{checked:h,onChange:m=>b({showTicker:m}),ariaLabelledBy:u})}),dt(Ni,{label:jn.label,icon:jn.icon,items:p,placeholder:"item",onChange:m=>b({tickerItems:m}),markup:!0})]})}import{jsx as Ie,jsxs as Do,Fragment as jh}from"react/jsx-runtime";import{useCallback as qh,useRef as $h,useState as It}from"react";import{InspectorIconButton as Gh}from"efficient-easel/chrome";import{PopupMenu as Kh,PopupMenuItem as Uh,PopupMenuLabel as yn}from"efficient-shell/ui";import{CopyToPageIcon as Vh}from"efficient-easel/icons";import{cloneNodeWithFreshIds as Ps,docToNode as dx,nodeToDoc as cx}from"efficient-easel/screen/lib/puck/section-doc";function As({node:e,currentSlug:t,siteId:o,tokenRef:a,runAuthed:s,onNotify:l}){let[h,p]=It(!1),[u,b]=It(null),m=We(),[w,E]=It(!1),[v,A]=It(null),N=$h(null),[f,I]=It(null),S=qh(async()=>{if(m.usesBridgedToken&&!a.current){E(!0);return}try{b(await pt(m).pages.list(o?{siteId:o}:void 0))}catch{E(!0)}},[a,o,m]),c=()=>{if(h){p(!1);return}let x=N.current?.getBoundingClientRect();x&&I({top:x.bottom+6,right:Math.max(8,window.innerWidth-x.right)}),b(null),E(!1),S(),p(!0)},y=(u??[]).filter(x=>x.slug!==t),R=async x=>{if(v)return;A(x.slug);let H=Ps(e),z=m.documentHooks?.storedNode?.(H)??H,ae=pt(m).pages,J=await s(async()=>{let W=await ae.load({id:x.id});if(!W)throw new Error(`Page "${x.slug}" no longer exists.`);let V=W.layout??{},se=Array.isArray(V.content)?[...V.content]:[],D=se.findIndex(re=>re?.type===Q);se.splice(D===-1?se.length:D,0,z),await ae.save(x.id,{layout:{root:{},zones:{},...V,content:se}},{version:W.version,clientId:""})});A(null),p(!1),l?.(J?i("Duplicated to \u201C{name}\u201D",{name:x.label}):i("Couldn\u2019t duplicate the section \u2014 please retry"),J?"success":"error")};return Do(jh,{children:[Ie("span",{"data-menu-toggle":!0,style:{display:"contents"},children:Ie(Gh,{buttonRef:N,label:i("Duplicate to another page"),hasPopup:"menu",expanded:h,onClick:c,children:Ie(Vh,{size:15})})}),h&&f&&Ie(Kh,{portal:!0,style:{top:f.top,right:f.right},onClose:()=>p(!1),children:Do("div",{role:"menu","aria-label":i("Duplicate to page"),children:[Ie(yn,{children:i("Duplicate to page")}),w?Ie(yn,{children:i("Couldn\u2019t load pages")}):u===null?Ie(yn,{children:i("Loading\u2026")}):y.length===0?Ie(yn,{children:i("No other pages")}):y.map(x=>Do(Uh,{role:"menuitem",disabled:v!==null,onClick:()=>{R(x)},children:[Ie("span",{className:"min-w-0 flex-1 truncate",children:x.label}),v===x.slug?Ie("span",{className:"shrink-0 text-xs",children:i("Copying\u2026")}):x.draft&&Ie("span",{className:"shrink-0 text-xs",children:i("draft")})]},x.id))]})})]})}import{ScreenPartsProvider as Cx,sameInspectorMode as Tx,SELECTION_MODE as Ls,useScreenParts as Ix,useScreenBlockLook as Ex,useScreenBlockRules as Rx,useScreenBridges as Px,useScreenCanvasFrame as Ax,useScreenDevices as Lx,useScreenDocumentPass as Nx,useScreenInspectorPanel as Dx,useScreenLeftView as Fx,useScreenOwnerName as zx,useScreenPinned as _x,useStandaloneScreenBridges as Ox}from"efficient-easel/screen/lib/screen-parts";import{jsx as Et,jsxs as Yh}from"react/jsx-runtime";import{SettingsDrill as Xh}from"efficient-easel/panel";var Zh="Not shown on the page";function Jh({part:e,onOpen:t}){return Et(Xh,{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(Ae,{name:"eye-off",size:14})}):void 0,onOpen:()=>t(e.key)})}function Fo(e){return e.filter(t=>!t.identifier)}function Ns({parts:e,onOpen:t,heading:o=!0}){let a=Fo(e);return a.length?Yh("div",{className:"sf-entries",children:[o?Et("h3",{className:"sf-entries-head",children:i("Text")}):null,a.map(s=>Et(Jh,{part:s,onOpen:t},s.key))]}):null}import{jsx as wn,jsxs as zs}from"react/jsx-runtime";import{useState as tu}from"react";import{createNode as nu,newId as ou}from"efficient-easel/data";import{useEasel as ru}from"efficient-easel/easel";import{Button as zo}from"efficient-shell/ui";var bn="Flex",Qh={FooterMenu:"MenuBlock",FooterEmailSignup:"EmailFormBlock",FooterSocial:"SocialLogosBlock"},eu=e=>{let{id:t,...o}=e;return o},Ds=e=>typeof e=="string"?e:"";function Fs(e,t){let o=e.props??{},a=Qh[e.type];if(a)return[t(a,eu(o))];switch(e.type){case"FooterLogo":{let s=t("LogoBlock",o.reverse?{reverse:o.reverse}:{}),l=Ds(o.tagline).trim();return l?[s,t("Text",{text:l,tone:"dim",align:o.align==="center"?"center":"left"})]:[s]}case"FooterText":return[t("Text",{text:Ds(o.text),tone:typeof o.tone=="string"?o.tone:"default"})];case"FooterDivider":return[t("Divider")];case"FooterGroup":{let s=Array.isArray(o.blocks)?o.blocks:[];return[t(bn,{direction:o.direction==="horizontal"?"row":"column",content:s.flatMap(l=>Fs(l,t))})]}default:return[]}}function xn(e,t,o){let a=(e&&Array.isArray(e.props?.blocks)?e.props.blocks:[]).flatMap(h=>{let p=Fs(h,t);return p.length<=1?p:[t(bn,{direction:"column",content:p})]}),s=t(bn,{direction:"row",wrap:!0,share:"equal",content:a}),l=t(bn,{direction:"column",content:[t("LegalLineBlock")]});return pr(ke,o,[s,l])}function _s(){let{appState:e,dispatch:t,config:o}=ru(m=>m),{readOnly:a}=de(),[s,l]=tu(!1),h=e.data.content;if(a||h.some(m=>m.type===ke))return null;let p=h.find(m=>m.type===Q)??null,u=(m,w)=>nu(o,m,w),b=()=>{let m=xn(p,u,ou(ke));t({type:"setData",data:w=>({...w,content:[...ur(w.content,m)]}),recordHistory:!0}),l(!1)};return zs("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.")}),s?zs("div",{className:"sf-box-footer-switch-row",children:[wn(zo,{variant:"primary",size:"sm",onClick:b,children:i("Switch now")}),wn(zo,{variant:"secondary",size:"sm",onClick:()=>l(!1),children:i("Cancel")})]}):wn(zo,{variant:"secondary",size:"sm",onClick:()=>l(!0),children:i("Switch to Box footer")})]})}import{jsx as Bo}from"react/jsx-runtime";import{useLayoutEffect as iu,useMemo as Ws,useRef as au,useState as Ho}from"react";import{useSelectedFields as su}from"efficient-easel/easel";import{Inspector as lu,planFields as js}from"efficient-easel/fields";var _o=" text",Os="Text";function Oo(e){let t=e.rows.filter(o=>o.shown);return t.length===1&&t[0].labelled}function Hs(e){return e.filter(Oo).map(t=>t.key)}function Ms(e,t){let o=null;for(let a of t){let s=e[a];!s||s.marker!==!0||typeof s.fold!="string"||(o??={...e},o[a]={...s,fold:!1})}return o??e}function Bs(e,t){if(e.size!==t.size)return!1;for(let o of e)if(!t.has(o))return!1;return!0}var Mo=new Map,vn=new Set;function du(e,t){let o=new Map;for(let s of e.querySelectorAll(".es-insp-row[data-field]"))o.set(s.getAttribute("data-field")??"",s);let a=[];for(let[s,l]of t)a.push({key:s,rows:l.map(h=>{let p=o.get(h),u=!!p&&[...p.children].some(m=>!m.hidden),b=p?.querySelector(".es-field-label, .es-list-label")?.textContent?.trim();return{shown:u,labelled:u&&!!b}})});return a}var cu=Object.fromEntries(Fi.map(e=>{let t=Ai[e];return[e,Bo(t,{},e)]}));function Wo({entries:e,entryCount:t=0}){let{id:o,fields:a,values:s,readOnly:l,onChange:h}=su(),[p,u]=Ho(()=>new Set(vn)),[b,m]=Ho(()=>new Set),w=au(null),E=Ws(()=>{let x=new Map;for(let H of js(a).rows){if(!H.fold)continue;let z=x.get(H.fold.key)??[];z.push(H.name),x.set(H.fold.key,z)}return x},[a]);iu(()=>{let x=w.current?.parentElement;if(!x)return;let H=new Set(Hs(du(x,E)));m(z=>Bs(z,H)?z:H)});let v=Ws(()=>Ms(a,b),[a,b]),A={key:_o,rows:Array.from({length:t},()=>({shown:!0,labelled:!0}))},N=t>0&&!Oo(A)?{key:_o,title:Os}:void 0,[f,I]=Ho(()=>Mo.get(o)),S=Mo.get(o),c=js(a).buckets,y=S&&c.includes(S)?S:f&&c.includes(f)?f:c[0],R=y===void 0||Li(c,y)!==!0;return Bo(lu,{fields:v,values:s,onChange:h,readOnly:l,tab:y,onTab:x=>{Mo.set(o,x),I(x)},tabIcons:cu,idPrefix:o,ariaLabel:i("Section settings"),lead:R?e:null,leadFold:N,closedFolds:p,onFold:(x,H)=>{H?vn.delete(x):vn.add(x),u(new Set(vn))},children:Bo("span",{ref:w,hidden:!0})})}import{SettingsSwitch as gu}from"efficient-easel/panel";var $s=Ls,qo={kind:"header"},$o={kind:"website"},Gs={kind:"chat"},Ks={kind:"social"},Sn="Part";function Us(e){return i("Part of {name}",{name:i(e)})}function yu(e,t,o){let a=e.describeNode(t);return{name:o,kindLabel:a?Us(a.label):i(Sn)}}function bu(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 Vs({what:e}){let t=bu(e);return qe("div",{className:"sf-note",children:[B("p",{children:B("strong",{children:t.title})}),qe("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 xu={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(mn,{themeFromDocument:!t.capabilities.hasSiteTheme,tokenRef:t.tokenRef,siteId:t.siteId,onNotify:t.onNotify})},chat:{name:"Live chat",kindLabel:"Site settings",icon:"chat",render:()=>B(ks,{})},social:{name:"Social links",kindLabel:"Site settings",icon:"social",render:()=>B(Es,{unavailable:B(Vs,{what:"Social link"})})},ticker:{name:bt,kindLabel:Sn,icon:"ticker",head:(e,t)=>e.kind==="ticker"?yu(t,e.heroId,i(bt)):null,render:e=>B(Rs,{heroId:e.kind==="ticker"?e.heroId:""})},part:{name:Sn,kindLabel:Sn,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:s}=et(e.propKey),l=s?rn(o.fields[a],s):o.fields[a],h=Dr(i(Or(_r(l??{},a))),s),p=t.styleNameOfPart(e.nodeId,e.propKey);return{name:p!==null?i(p):h,kindLabel:Us(o.label)}},render:(e,t)=>e.kind==="part"?B(Xa,{nodeId:e.nodeId,propKey:e.propKey,onBack:()=>t.onSelectNode(e.nodeId),onEditStyle:t.onOpenSiteStyles}):null}},wu=new Set(["header","website","chat"]);function vu(e,t){if(e==="puck")return null;let o=xu[e];return wu.has(e)&&!t.hasSiteSettings?{...o,kindLabel:"Not part of a template",render:()=>B(Vs,{what:o.name})}:o}function Ys({mode:e,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:a,hideNodeActions:s=!1,onNotify:l,onHidePanel:h}){let{capabilities:p,tokenRef:u,notifyParent:b,currentSlug:m,siteId:w,runAuthed:E,readOnly:v}=de(),{websiteName:A,fonts:N}=ne(),{partStyle:f}=_t(),I=Wt({readOnly:v}),{select:S}=zt(),{selectedItem:c,getItemById:y,getSelectorForId:R,config:x,appState:H}=hu(fe=>fe),z=xs(x,c?{type:c.type,props:c.props}:null),ae=c?Hr(z??x.components[c.type]?.fields,c.props):[],J=fe=>x.components[fe]?.label??fe,W=c?R(c.props.id):void 0,V=vu(e.kind,p),se=We(),D=se.chrome?.panels?.chromePage,re={capabilities:p,tokenRef:u,hostPanels:se.chrome?.panels,describeNode:fe=>{let ge=y(fe);if(!ge)return null;let Re=x.components[ge.type];return{type:ge.type,label:Re?.label??ge.type,fields:Re?.fields??{}}},styleNameOfPart:(fe,ge)=>{let Re=y(fe);if(!Re)return null;let Lt=ut(fe,ge),Pn=f?.partId===Lt?f:null;return Ya(Re.props,ge,Pn,N)},siteId:w,websiteName:A??null,notifyParent:b,onNotify:l,onOpenWebsiteSettings:t,onOpenSiteStyles:o,onSelectNode:a},ue=V?.head?.(e,re)??null,De=ue?.name??(V?i(V.name):c?i(J(c.type)):i("Page settings")),we=ue?.kindLabel??(V?i(V.kindLabel):c?W&&W.zone!==Me?i("Block"):i("Section"):i("Page")),Ee=V?V.icon:c?c.type:"page",Fe=V?null:c?x.components[c.type]?.fields??null:x.root?.fields??null,ve=Fe?zi(Fe):2,me=e.kind==="puck"&&c?an(c.type):null,le=!!c&&!!W&&W.zone===Me&&c.type!==Q&&c.type!==ze,q=Nt(H?.data,c),te=()=>{q||W&&I.duplicateComponent(W.zone,W.index)},k=()=>{W&&(I.removeComponent(W.zone,W.index),I.select(null))},$=c?x.components[c.type]?.defaultProps?.previewHover:void 0,G=e.kind==="puck"&&!!c&&!!W&&$!==void 0,pe=G&&c.props.previewHover===!0,Se=()=>{!c||!W||I.replaceComponent(W.zone,W.index,{...c,props:{...c.props,previewHover:!pe}})},[He,Xe]=pu(Co);return qe("div",{className:`es-sidepanel es-sidepanel--right sf-panel sf-panel--right${He||!(!V&&c)?"":" sf-hints-folded"}`,children:[B(uu,{icon:B(lt,{type:Ee,size:15}),name:De,kind:we,actions:!s&&e.kind==="puck"&&c&&c.type!==Q?qe(jo,{children:[B(qs,{label:i("Duplicate section"),title:q??void 0,disabled:q!==null,onClick:te,children:B(fu,{size:15})}),le&&p.hasSiteSettings&&B(As,{node:c,currentSlug:m,siteId:w??void 0,tokenRef:u,runAuthed:E,onNotify:l}),B(qs,{label:i("Remove section"),danger:!0,onClick:k,children:B(mu,{size:15})}),h?B(Jn,{side:"right",onHide:h,divider:!0}):null]}):h?B(Jn,{side:"right",onHide:h}):void 0}),G&&qe("div",{className:"sf-preview-pin",children:[qe("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(gu,{checked:pe,onChange:Se,ariaLabel:i("Preview hover state")})]}),B(Ii,{tier:ve,children:B("div",{className:"sf-insp-body sf-scroll",children:V?V.render(e,re):c?qe(jo,{children:[B(ki,{children:B(Wo,{entries:B(Ns,{parts:ae,heading:!1,onOpen:fe=>S(ut(c.props.id,fe))}),entryCount:Fo(ae).length})}),c.type===Q&&p.hasSiteSettings&&B(_s,{}),me&&B(cn,{source:me,slug:wt(c?.props)}),B(To,{shown:He,onChange:Xe})]}):qe(jo,{children:[B(Wo,{}),m===Ke&&p.hasSiteSettings&&D&&B(D,{})]})})})]})}import{jsx as n,jsxs as d,Fragment as el}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)"},Go="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 C({w:e,h:t,tone:o="dark",r:a=2,style:s}){return n("div",{style:{width:e,height:t,borderRadius:a,background:oe[o],flex:"none",...s}})}var Su={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 Oe({size:e,style:t}){let o=Math.max(2,Math.round(e*.13)),a=(s,l,h)=>({position:"absolute",inset:s,background:l,borderRadius:o,...h?{mixBlendMode:h}: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 Xs({over:e,overTone:t,head:o,headSize:a=11.5,cta:s,ctaBg:l,ctaFg:h,tone:p}){return d(el,{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}),s&&n("span",{style:{alignSelf:"flex-start",fontSize:"3.65cqw",letterSpacing:"0.12em",fontWeight:700,padding:"4px 8px",borderRadius:2,marginTop:2,background:l,color:h},children:s})]})}function Ko({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(Oe,{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 K({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 Zs({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 Uo({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 ce({children:e,w:t}){return n("span",{style:{fontSize:"3.98cqw",lineHeight:1.45,color:r.muted,width:t,display:"block"},children:e})}function kn({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 Js({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 ku={wheelslisting:n(K,{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(Oe,{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(K,{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(K,{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(K,{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(Oe,{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(K,{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(K,{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(K,{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(kn,{label:"Name"}),n(kn,{label:"Email"})]}),n(kn,{label:"Message",filled:!0}),n(Js,{children:"SEND"})]})}),appointmentbooking:n(K,{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(K,{title:"Leave a review",children:d("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:5,justifyContent:"center"},children:[n(Uo,{filled:4,size:14}),n(kn,{label:"Your review",filled:!0}),n(Js,{children:"POST"})]})}),submitbuild:n(K,{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(Oe,{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(ce,{children:"Every failure starts in the same place \u2014 not the rim, not"}),n(ce,{w:"62%",children:"the tyre, but the bolt nobody re-torqued."})]}),series:n(K,{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(K,{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(ce,{children:t})]},e))}),docmetacards:n(K,{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(ce,{children:"Unfitted wheels come back within 30 days, no questions."}),n(ce,{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(ce,{children:"Forged, correctly offset, rated for what you actually"}),n(ce,{children:"carry. Everything else is a photograph."})]})]}),keyfeatures:n(K,{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(ce,{children:"Twelve years of fitting the same three questions, and the"}),n(ce,{children:"answer has not moved: load rating, offset, then looks."})]})]}),chart:d(K,{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(K,{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(ce,{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(Oe,{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(ce,{children:"One shed, one lathe, one idea."}),n(ce,{w:"66%",children:"It turned out to be right."})]})]}),gallerygrid:n(K,{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(K,{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(K,{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(Oe,{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(K,{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(Uo,{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(Zs,{}),n("span",{style:{fontSize:"3.98cqw",color:r.muted},children:"Dave M. \xB7 Hilux N80"})]})]}),reviews:d(K,{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(Zs,{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(Uo,{filled:t})]}),n(ce,{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(ce,{children:"he number on the back of your wheel decides whether the"}),n(ce,{w:"76%",children:"tyre sits under the guard or an inch outside it."})]})]})]}),cards:n(K,{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(ce,{children:t})]},e))})}),faq:n(K,{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(ce,{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(Xs,{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(Oe,{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(Xs,{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(Oe,{size:74,style:{right:-14,top:16}})})]}),productgrid:n(K,{title:"Best sellers",children:d("div",{style:{flex:1,display:"grid",gridTemplateColumns:"repeat(3,1fr)",gap:5,minHeight:0},children:[n(Ko,{name:"Ridge 19",price:"$365"}),n(Ko,{name:"Ridge 29",price:"$410"}),n(Ko,{name:"Ridge 39",price:"$455"})]})}),collections:n(K,{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(Oe,{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(K,{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(K,{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"),s=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?[s,a]:[a,s]},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))})},Qs={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(C,{w:8,h:8,r:2,tone:"accent"}),n(C,{w:38,h:7,r:3,tone:"dark"}),n(C,{w:16,h:7,r:3,tone:"accent"})]}),n(C,{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(C,{w:"46%",h:3,r:2,tone:"accent"}),n(C,{w:"84%",h:8,r:4,tone:"dark"}),n(C,{w:"56%",h:8,r:4,tone:"accent"}),n(C,{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(C,{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(C,{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(C,{w:34,h:4,r:2,tone:"dark"}),n(C,{w:16,h:3,r:2,tone:"soft"})]},t))]})]})]}),split:d("div",{style:{...P,display:"flex"},children:[n("div",{style:{width:"44%",background:Go}}),d("div",{style:{flex:1,padding:15,display:"flex",flexDirection:"column",justifyContent:"center",gap:7},children:[n(C,{w:"44%",h:5,r:3,tone:"accent"}),n(C,{w:"88%",h:8,r:4,tone:"dark"}),n(C,{w:"70%",h:8,r:4,tone:"dark"}),n(C,{w:"94%",h:5,r:2,tone:"soft",style:{marginTop:2}}),n(C,{w:"80%",h:5,r:2,tone:"soft"}),n(C,{w:"40%",h:13,r:6,tone:"accent",style:{marginTop:5}})]})]}),sectionheader:d(el,{children:[n(C,{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(C,{w:16,h:16,r:4,tone:"accent"}),n(C,{w:"20%",h:9,r:4,tone:"dark"})]}),n(C,{w:"62%",h:10,r:5,tone:"dark"}),n(C,{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(C,{w:"22%",h:12,r:4,tone:"dark"}),d("div",{style:{display:"flex",gap:9,alignItems:"center"},children:[n(C,{w:26,h:6,r:3,tone:"soft"}),n(C,{w:26,h:6,r:3,tone:"soft"}),n(C,{w:26,h:6,r:3,tone:"soft"}),n(C,{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(C,{w:"60%",h:9,r:4,tone:"dark"}),n(C,{w:"90%",h:5,r:2,tone:"soft"}),n(C,{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(C,{w:"50%",h:6,r:3,tone:"dark"}),n(C,{w:"80%",h:5,r:2,tone:"soft"}),n(C,{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(C,{w:"30%",h:5,r:2,tone:"soft"}),n(C,{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(C,{w:14,h:2,r:1,tone:"tint"}),n(C,{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(C,{w:"100%",h:6,r:3,tone:"soft"}),n(C,{w:16,h:22,r:3,tone:"block",style:{alignSelf:"center"}}),n(C,{w:"100%",h:6,r:3,tone:"soft"})]}),divider:n("div",{style:{...P,padding:14,display:"flex",alignItems:"center"},children:n(C,{w:"100%",h:3,r:2,tone:"dark"})}),customhtml:d("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center",gap:8,background:Go},children:[n(C,{w:5,h:16,r:2,tone:"dark",style:{transform:"skewX(-14deg)"}}),n(C,{w:16,h:10,r:3,tone:"accent"}),n(C,{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(C,{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(C,{w:"100%",h:6,r:3,tone:"soft"}),n(C,{w:"96%",h:6,r:3,tone:"soft"}),n(C,{w:"100%",h:6,r:3,tone:"soft"}),n(C,{w:"58%",h:6,r:3,tone:"soft"})]}),image:n("div",{style:{position:"absolute",inset:14,borderRadius:7,background:Go}}),button:n("div",{style:{...P,display:"flex",alignItems:"center",justifyContent:"center"},children:n(C,{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(C,{w:"48%",h:7,r:3,tone:"dark"}),n(C,{w:"82%",h:5,r:2,tone:"soft"}),n(C,{w:"66%",h:5,r:2,tone:"soft"}),n(C,{w:"74%",h:5,r:2,tone:"soft"}),n(C,{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(C,{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(C,{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(C,{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(C,{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(C,{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(C,{w:22,h:6,r:2,tone:"dark"}),n(C,{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(C,{w:"80%",h:4,r:2,tone:"accent"}),n(C,{w:"64%",h:4,r:2,tone:"soft"}),n(C,{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(C,{w:"38%",h:5,r:2,tone:"soft"}),d("div",{style:{display:"flex",gap:5},children:[n(C,{w:14,h:5,r:2,tone:"soft"}),n(C,{w:14,h:5,r:2,tone:"soft"}),n(C,{w:14,h:5,r:2,tone:"soft"})]})]})]}),fallback:n("div",{style:{position:"absolute",inset:14,borderRadius:8,background:oe.block}})};function tl({type:e}){let t=Su[e]??"",o=ku[t]??Qs[t]??Qs.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 ct,jsxs as Cu}from"react/jsx-runtime";import{StylesIcon as Tu}from"efficient-easel/rail";import{Tooltip as Iu}from"efficient-shell/ui";function nl({tokenRef:e,siteId:t,onClose:o,onNotify:a,tab:s,onTabChange:l}){let h=it();return Cu("div",{className:"sf-styles",children:[ct(Ut,{icon:ct(Tu,{}),title:i("Site styles"),context:ct(Iu,{content:i("{name} \u2014 renamed in the Console: {place}.",{name:h,place:i("Storefront \u25B8 Sites \u25B8 Settings")}),className:"sf-name-tip",children:ct("span",{className:"sf-name-text",children:h})}),onHide:o}),ct("div",{className:"sf-insp-body sf-scroll",children:ct(mn,{tokenRef:e,siteId:t,onNotify:a,tab:s,onTabChange:l})})]})}import{jsx as ol}from"react/jsx-runtime";var Eu="M6 3h12a1 1 0 0 1 1 1v17l-7-4-7 4V4a1 1 0 0 1 1-1z";function rl({size:e=15,className:t,strokeWidth:o=1.7}){return ol("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:ol("path",{d:Eu})})}import{useEffect as Yo,useRef as Ru}from"react";var Vo="sf-editor-footer-return";function dv(e){if(!(typeof window>"u"))try{window.sessionStorage.setItem(Vo,e)}catch{}}function il(){if(typeof window>"u")return null;try{return window.sessionStorage.getItem(Vo)}catch{return null}}function al(){if(!(typeof window>"u"))try{window.sessionStorage.removeItem(Vo)}catch{}}function sl(e,t){let{currentSlug:o,siteId:a,navigate:s,footerOriginSlug:l}=de(),{selected:h}=e,p=e.data?.content??[],u=t.refreshes,b=o===Ke,{editFooter:m}=Oi(),w=Ru(null);Yo(()=>{let v=h?.props.id;b&&typeof v=="string"&&(w.current?.(),w.current=un(v))},[h?.props.id,b]);let E=v=>{w.current?.(),w.current=un(v)};return Yo(()=>{if(!b||!l)return;let v=p.find(A=>A.type===Q)?.props?.id;if(v)return w.current?.(),w.current=un(String(v)),()=>{w.current?.(),w.current=null}},[b,l,u]),Yo(()=>{if(!(b||!il()))return ns(()=>al())},[]),{pinnedSource:b,holdCanvasOn:b?E:void 0,editPinnedSource:()=>m?m():s({kind:"page",slug:Ke,siteId:a??void 0})}}import{jsx as U,jsxs as Ne,Fragment as Pu}from"react/jsx-runtime";import{Fragment as ll,useEffect as dl,useRef as Xo}from"react";import{useTreeDrag as cl}from"efficient-easel/drag";import{ImageIcon as Au,TextLinesIcon as Lu,TrashIcon as pl}from"efficient-easel/icons";import{Subtree as hl,TreeRow as At,TreeRowAction as ul,TreeSeam as fl}from"efficient-easel/tree";import{useEaselStrings as Nu}from"efficient-easel/strings";var Tn="ContactLocations";function Du({size:e=13}){return Ne("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 Fu({size:e=13}){return Ne("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 zu({size:e=13}){return Ne("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 Cn=e=>({parentId:`locations-${e}`,slot:"groups"}),Zo=(e,t)=>({parentId:`locations-${e}`,slot:`cities:${t}`});function ml(e,t){let{readOnly:o,selected:a}=t,s=Nu().tree,l=t.data?.content??[],h=e.kind===$s.kind,p=Xo(null);dl(()=>{let c=a?.type===Tn?String(a.props.id):null;c&&c!==p.current&&Te({level:"groups"}),p.current=c},[a?.props.id]);let{selectedLocationPartId:u,setSelectedLocationPartId:b,setSelectHandler:m}=ji(),w=ia(),E=(c,y)=>{let R=l[c];R&&t.replace(c,{type:R.type,props:{...R.props,locations:y}})},v=c=>{let y=l[c]?.props?.locations;return Array.isArray(y)?y:[]},A=cl({keyOf:c=>`group:${c.si}:${c.index}`,readOnly:!!o,canDrop:(c,y)=>y.parentId===Cn(c.si).parentId&&y.slot==="groups",onDrop:(c,y)=>{E(c.si,Vn(v(c.si),c.index,y.index)),w.level==="city"&&Te({level:"groups"})},onStep:(c,y)=>{E(c.si,Vn(v(c.si),c.index,y<0?c.index-1:c.index+2)),w.level==="city"&&Te({level:"groups"})}}),N=cl({keyOf:c=>`city:${c.si}:${c.group}:${c.index}`,readOnly:!!o,canDrop:(c,y)=>y.parentId===Cn(c.si).parentId&&y.slot.startsWith("cities:"),onDrop:(c,y)=>{let R=y.slot.slice(7);E(c.si,Yn(v(c.si),c.group,c.index,R,y.index)),Te({level:"group",key:R})},onStep:(c,y)=>{E(c.si,Yn(v(c.si),c.group,c.index,c.group,y<0?c.index-1:c.index+2)),w.level==="city"&&Te({level:"group",key:c.group})}}),f=Xo(l);f.current=l;let I=Xo(()=>{});dl(()=>{m(c=>{let y=$i(c);if(!y)return;let R=f.current.findIndex(x=>x.props?.id===y.nodeId);R<0||I.current(R,{level:y.part,index:y.index})})},[m]);let S=(c,y)=>{p.current=l[c]?.props?.id??null,t.select(c),Te(y),e.reveal();let R=l[c]?.props?.id;typeof R=="string"&&(y.level==="image"||y.level==="map")?b(qi(R,y.index,y.level)):b(null),typeof R=="string"&&t.scrollTo(R)};return I.current=S,{renderLocationTree:(c,y,{rowClick:R,isCollapsed:x,toggleCollapse:H})=>{let z=v(y),ae=Kn(z),J=String(c.props.id),W=h&&a?.props.id===J,V=D=>U(fl,{...o?{}:A.seam({place:{...Cn(y),index:D}})},`seam:${J}:groups:${D}`),se=(D,re)=>U(fl,{...o?{}:N.seam({place:{...Zo(y,D),index:re}})},`seam:${J}:cities:${D}:${re}`);return Ne(Pu,{children:[U(At,{icon:U(Lu,{size:13}),name:i("Texts"),words:s,onSelect:()=>S(y,{level:"texts"}),selected:W&&w.level==="texts",rowProps:{onClick:R(()=>S(y,{level:"texts"}))}}),ae.map((D,re)=>{let ue=`${J}::grp::${D.key}`,De=x(ue),we=W&&w.level==="group"&&w.key===D.key,Ee=D.name||D.key?aa(D.key,D.name):i("Ungrouped"),Fe={...Zo(y,D.key),index:D.cards.length},ve=N.row({item:{si:y,group:D.key,index:-1},place:Fe,into:Fe,canDrag:!1},{onClick:R(()=>S(y,{level:"group",key:D.key}))}),me=A.row({item:{si:y,index:re},place:{...Cn(y),index:re}},ve.rowProps);return Ne(ll,{children:[re===0&&V(0),U(At,{icon:U(Du,{size:13}),name:Ee,words:s,onSelect:()=>S(y,{level:"group",key:D.key}),selected:we,draggable:me.draggable,dragging:me.dragging,drop:me.drop??ve.drop,fold:{open:!De,label:i("group"),onToggle:()=>H(ue)},actions:U(ul,{kind:"delete",label:Bt("Delete {label} group ({n} city)","Delete {label} group ({n} cities)",D.cards.length,{label:Ee}),onClick:()=>{E(y,da(z,D.key)),Te({level:"groups"})},children:U(pl,{size:15})}),rowProps:me.rowProps,children:U("span",{className:"es-group-count",children:D.cards.length})}),!De&&Ne(hl,{children:[D.cards.map((le,q)=>{let te=Un(z,D.key,q),k=W&&w.level==="city"&&w.index===te,$=String(le?.name??"")||i("City"),G=`${J}::city::${Gn(le)}`,pe=x(G),{rowProps:Se,...He}=N.row({item:{si:y,group:D.key,index:q},place:{...Zo(y,D.key),index:q}},{onClick:R(()=>S(y,{level:"city",index:te}))});return Ne(ll,{children:[q===0&&se(D.key,0),U(At,{icon:U(Fu,{size:13}),name:$,words:s,onSelect:()=>S(y,{level:"city",index:te}),selected:k,...He,fold:{open:!pe,label:$,onToggle:()=>H(G)},actions:U(ul,{kind:"delete",label:i("Delete {name}",{name:$}),onClick:()=>{E(y,ca(z,D.key,q)),Te({level:"group",key:D.key})},children:U(pl,{size:15})}),rowProps:Se}),!pe&&Ne(hl,{children:[U(At,{icon:U(Au,{size:13}),name:i("Image"),words:s,onSelect:()=>S(y,{level:"image",index:te}),selected:W&&w.level==="image"&&w.index===te,rowProps:{onClick:R(()=>S(y,{level:"image",index:te}))}}),U(At,{icon:U(zu,{size:13}),name:i("Map"),words:s,onSelect:()=>S(y,{level:"map",index:te}),selected:W&&w.level==="map"&&w.index===te,rowProps:{onClick:R(()=>S(y,{level:"map",index:te}))}})]}),se(D.key,q+1)]},Gn(le))}),Ne("button",{type:"button",className:"sf-add-card",onClick:()=>{let le=sa(z,D.key);E(y,le);let q=Kn(le).find(te=>te.key===D.key);Te(q&&q.cards.length?{level:"city",index:Un(le,D.key,q.cards.length-1)}:{level:"group",key:D.key})},children:[U("span",{className:"sf-plus sf-plus--sm",children:"+"}),i("Add city")]})]}),V(re+1)]},ue)}),Ne("button",{type:"button",className:"sf-add-card",onClick:()=>{let{cards:D,key:re}=la(z);E(y,D),S(y,{level:"group",key:re})},children:[U("span",{className:"sf-plus sf-plus--sm",children:"+"}),i("Add group")]})]})},sectionPressed:c=>{c?.type===Tn&&Te({level:"groups"})}}}import{useEffect as Mu,useRef as Bu}from"react";import{createNode as Wu,newId as ju}from"efficient-easel/data";import{useEaselApi as qu}from"efficient-easel/easel";import{resetForDocumentSwitch as _u,saveStatusForNewDocument as Ou,saveStatusOf as Hu}from"efficient-easel/screen/lib/document-switch";function gl(e){return!e.docId||e.saveStatus==="saving"?!1:e.seededDocId!==e.docId}function yl(e,t){let{capabilities:o,currentSlug:a,docId:s,data:l,saveStatus:h}=de(),{hasSiteSettings:p,hasPinnedChrome:u}=o,b=a===Ke,m=qu().getState,w=Bu(null);Mu(()=>{if(!gl({docId:s,saveStatus:h,seededDocId:w.current})||(w.current=s,!u))return;let E=m().appState.data,v=E.content,A=l?.content??[],N=(c,y)=>c.some(R=>R?.type===y);if(!p){let c=new Set(Nn(v)),y=c.size?v.filter(x=>!c.has(x.props.id)):v;c.size&&e.setDocument({...E,content:y});let R=ir(y,A);if(R.includes(Q)){let x=y.length,H=e.insertSection(Q,x);e.replaceComponent(Me,x,{type:Q,props:{id:H,blocks:$n()}})}R.includes(ze)&&e.insertNode(Me,0,qn());return}if(b){let c=hr(v);if(c!==v&&e.setDocument({...E,content:[...c]}),!c.find(y=>y.type===Q)&&!N(A,Q)&&!N(c,ke)&&!N(A,ke)){let y=(x,H)=>Wu(t,x,H),R={type:Q,props:{blocks:$n()}};e.insertNode(Me,c.length,xn(R,y,ju(ke)))}return}let f=v.filter(c=>c.type!==Q),I=new Set(Nn(f)),S=I.size?f.filter(c=>!I.has(c.props.id)):f;S.length!==v.length&&e.setDocument({...E,content:S}),!N(S,ze)&&!N(A,ze)&&e.insertNode(Me,0,qn())},[s,h,l,m,e,p,u,b])}import{useEffect as wl,useState as vl}from"react";var In=new Map;async function $u(e,t){try{return(await pt().site.get({siteId:t})).slug?.trim()||null}catch(o){return console.warn("[editor-site-slug] could not resolve the site slug",o),null}}function bl(e,t){let o=In.get(t);return o||(o=$u(e,t),In.set(t,o),o.catch(()=>{In.get(t)===o&&In.delete(t)})),o}var Gu=/^(localhost|(?:[a-z0-9-]+\.)+localhost|127(?:\.\d{1,3}){3}|0\.0\.0\.0|\[::1\]|::1)$/i;function Jo(e){return!!e&&Gu.test(e)}function xl(e){let{pageSlug:t,siteSlug:o,hostname:a}=e,s=t===yi?"/":`/${encodeURIComponent(t)}`;if(!Jo(a))return s;let l=o?.trim();return l?`${s}?site=${encodeURIComponent(l)}`:s}function Sl(e){let{pageSlug:t,siteId:o,token:a}=e,[s,l]=vl(null),[h,p]=vl(null),u=pa();wl(()=>p(u?new URL(u).hostname:window.location.hostname),[u]),wl(()=>{if(!Jo(h)||!o||!a){l(null);return}let m=!1;return bl(a,o).then(w=>{m||l(w)}),()=>{m=!0}},[h,o,a]);let b=xl({pageSlug:t,siteSlug:s,hostname:h});return u?`${u}${b}`:b}import{buildPaletteSections as Ku,categoryLabel as Uu,matchesQuery as Vu,paletteWithoutPinned as Yu,pinnedSection as Xu}from"efficient-easel/screen/lib/puck/palette-sections";var Zu={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 kl(e){return Zu[e]?.label}var Cl=tr;function Tl(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 Il="sf-editor-left-view";function El(){if(typeof window>"u")return"pages";try{let e=window.localStorage.getItem(Il);return e==="sections"||e==="styles"||e==="media"?e:"pages"}catch{return"pages"}}function Rl(e){if(!(typeof window>"u"))try{window.localStorage.setItem(Il,e)}catch{}}function Pl(e,t,o=!1){return e==="styles"&&!t||e==="media"&&!o?"sections":e}function Al(e,t){return e?"sections":t}var Ju=new Set(["BookingBox","SubmitBox"]);function Ll(e){return typeof e=="string"&&Ju.has(e)}import{Fragment as _l,jsx as Qo}from"react/jsx-runtime";import{EaselCanvas as af}from"efficient-easel/easel";import{jsx as Dl,Fragment as tf,jsxs as nf}from"react/jsx-runtime";import{useEffect as Fl,useLayoutEffect as of}from"react";var Qu=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);`,ef="storefront-fit-words";function Nl(e){let t=e.createElement("script");return t.id=ef,t.textContent=Qu,(e.head??e.documentElement).appendChild(t),()=>{e.__sfFitWords?.(),t.remove()}}var rf=`
+[${Fn}][${Fn}] { cursor: text; }
+[${Be}][${Be}][${Be}] {
+  outline: 1px solid ${oa.accent};
+  outline-offset: 2px;
+}
+[${Be}][${Be}]:has([${Be}]),
+[data-puck-overlay-portal][data-puck-overlay-portal]:has([${Be}]) {
+  outline: none;
+}
+`;function zl({children:e,document:t}){let{theme:o,themeMode:a,themeSwitchShown:s}=ne(),l=Mt(o);return Fl(()=>{if(t)return ma(t,{mode:a,switchShown:s})},[t,a,s]),Fl(()=>{if(t)return ga(t,l)},[t,l]),of(()=>{if(t)return Nl(t)},[t]),nf(tf,{children:[Dl(ba,{}),Dl("style",{children:rf}),e]})}function sf({children:e,componentId:t}){let{selectedPartId:o}=zt();return Fr(o,t)?Qo(_l,{}):Qo(_l,{children:e})}function Ol(e){let{mirrorHostStyles:t}=Zn(),o=wa();return Qo(af,{...e,metadata:e.metadata??o,height:"fill",mirrorStyles:t,frameWrapper:zl,overlay:sf})}var Hl={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 lf="Save your page changes first";function Ml(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:lf}:{visible:!0,enabled:!0}:{visible:!1,hiddenReason:"no-site"}:{visible:!1,hiddenReason:"not-operator"}:{visible:!1,hiddenReason:"no-console"}}var Bl="storefront-editor:save-as-template";function Wl(e,{nodeDefaults:t,newNodeId:o,sectionLabel:a,blockIsOffered:s}){let l=nr(e);return l?l(t,o):fr(e)&&s(ht)&&s(Je)?{type:ht,props:{...t(ht),id:o(ht),direction:"column",name:`${a(e)} section`,content:[{type:Je,props:{...t(Je),id:o(Je),...Ge[e]?.headStyle?{headStyle:Ge[e].headStyle}:{},...Ge[e]?.headRowGap?{rowGap:Ge[e].headRowGap}:{},...Ge[e]?.headDescriptionSize?{descriptionSize:Ge[e].headDescriptionSize}:{},...Kt(e)!==Kt(Je)?{eyebrowLook:Kt(e)}:{}}},{type:e,props:{...t(e),id:o(e),headPlacement:"own-box"}}]}}:ar[e]?.fixed===!0?{type:e,props:{...t(e),id:o(e),layout:"boxes"}}:null}import{useEffect as df,useState as cf}from"react";function jl(){let e=We().chrome?.products?.list,[t,o]=cf(null);return df(()=>{if(!e)return;let a=!1;return e().then(s=>{a||o(s)}),()=>{a=!0}},[e]),t}function Kl({mode:e,open:t}){let{setSelectedHeroId:o,setSelectHandler:a}=Wi(),s=xf().tree,l=e,h=l.kind==="ticker"?l.heroId:null,p=Rn(u=>{u&&(t({kind:"ticker",heroId:u}),rs(u))},[t]);return $e(()=>{o(h)},[h,o]),$e(()=>{a(p)},[a,p]),{partRows:(u,{rowClick:b})=>{let m=String(u.props.id);return u.type==="Hero"&&Z(bf,{icon:Z(lt,{type:"ticker",size:13}),name:i(bt),onSelect:()=>p(m),selected:h===m,rowProps:{onClick:b(()=>p(m))},words:s})}}}function wf(){let{adapter:e,capabilities:t,currentSlug:o,siteId:a,hasUnsavedEdits:s,bridgeCapabilities:l,notifyParent:h,token:p}=de(),{hasPreviewLink:u}=t,b=Ml({hasTrustedConsole:!!p,canCreatePlatformTemplate:l.canCreatePlatformTemplate,capabilities:t,siteId:a,hasUnsavedEdits:s}),m=Rn(()=>{!a||!o||h(Bl,{siteId:a,slug:o})},[h,a,o]),w=Sl({pageSlug:o,siteId:a,token:p}),E=e.previewHref?.(o)??w;return{barLead:()=>b.visible&&Z(ql,{side:"bottom",content:b.enabled?i("Save this website as a platform template"):i(b.disabledReason),children:Z("span",{className:"sf-tip-disabled",tabIndex:b.enabled?void 0:0,children:Z(uf,{variant:"secondary",disabled:!b.enabled,onClick:m,rightIcon:Z(rl,{}),children:i("Save as Template")})})}),barTrail:()=>u&&o&&Z(ql,{content:i("Preview the live site (opens in a new tab)"),children:En("a",{className:ff({variant:"secondary"}),href:E,target:"_blank",rel:"noopener noreferrer","aria-label":i("Preview the live site in a new tab"),children:[i("Preview"),Z(hf,{size:15})]})})}}function vf(){return En("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:1.7,strokeLinecap:"round",strokeLinejoin:"round",children:[Z("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"}),Z("circle",{cx:"7.7",cy:"11.3",r:"1.05",fill:"currentColor",stroke:"none"}),Z("circle",{cx:"12",cy:"8",r:"1.05",fill:"currentColor",stroke:"none"}),Z("circle",{cx:"16",cy:"11",r:"1.05",fill:"currentColor",stroke:"none"})]})}function Sf(e,t){let{capabilities:o,templateId:a,siteId:s,tokenRef:l,navigate:h}=de(),{hasSiteTheme:p,explainsSiteSettings:u}=o,b=I=>t.setView(I),[m,w]=pf(ot[0].id),{surface:E,setSurface:v}=Bi(),A=()=>{if(p){b("styles"),t.reveal(),vo();return}e.show($o),e.reveal(),vo()},N={id:"pages",label:i("Pages"),icon:Z(gf,{}),panel:({onHide:I})=>Z(ys,{activeSurface:E,onPreviewSurface:v,onNavigate:S=>{v(null),h(a?{kind:"template",id:a,pageSlug:S}:{kind:"page",slug:S,siteId:s??void 0})},onClose:I})},f=[];return!p&&u&&f.push({id:"appearance",label:i("Appearance"),icon:Z(vf,{}),active:e.kind==="website",onSelect:A}),p&&f.push({id:"styles",label:i("Site styles"),icon:Z(yf,{}),panel:({onHide:I,notify:S})=>Z(nl,{tokenRef:l,siteId:s??void 0,onClose:I,onNotify:S,tab:m,onTabChange:w})}),{railLead:[N],railTrail:f,resolveLeftView:(I,S)=>Pl(I,p,S),openSettings:A,openStyles:()=>{w(as),b("styles")}}}function kf(e,t,o,a){let{kind:s,open:l}=e,{selected:h,zoneOf:p}=t,u=sl(t,o);$e(()=>{ua(h?.type==="BookingBox"&&h.props.region==="confirm"?fa(p(String(h.props.id))):null)},[h?.props.id]);let b=ml(e,t),{capabilities:{hasSiteSettings:m}}=de(),{setSelected:w,setSelectHandler:E}=ne(),{chat:v,setChat:A,setSelected:N,setSelectHandler:f}=Gt(),I=s==="header";$e(()=>{w(I)},[I,w]),$e(()=>{E(()=>l(qo))},[E,l]);let S=Rn(()=>l(Gs),[l]),c=s==="chat";$e(()=>{N(c)},[c,N]),$e(()=>{f(S)},[f,S]);let{setOpenHandler:y}=yt(),R=Rn(()=>l(Ks),[l]);$e(()=>{y(R)},[y,R]);let x=Kl(e),H=wf(),z=Sf(e,a),ae=o.device;return{...u,...x,...H,...z,hasOwnRows:J=>J.type===Tn,ownRows:b.renderLocationTree,sectionPressed:b.sectionPressed,wrap:J=>Z(Gi.Provider,{value:!0,children:Z(ea.Provider,{value:ae,children:J})}),addPanelRow:J=>m?En("div",{className:"sf-addside-sitewide",children:[Z("span",{className:"sf-addside-sitewide-glyph","aria-hidden":"true",children:Z(lt,{type:"chat",size:16})}),En("button",{type:"button",className:"sf-addside-sitewide-name",onClick:()=>{J(),S()},children:[i("Live chat"),Z("span",{className:"sf-addside-sitewide-desc",children:i("A chat bubble on every page")})]}),Z(mf,{checked:v.enabled,onChange:W=>A({enabled:W}),ariaLabel:i("Show the chat bubble on the whole site")})]}):void 0}}var $l=null,er=new WeakMap;function Cf(e){let t=bi();if(!e||!t)return e;$l!==t&&($l=t,er=new WeakMap);let o=er.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},er.set(e,o)),o}var Tf={isLockedBlock:Ll,duplicateBlocked:Nt,nestDepth:(e,t,o)=>t===or?rr(e,o):0,newSectionNode:Wl,canAddTo:(e,t)=>Cf(ha(e,t)),blockIsOffered:sr},If=new Proxy(Hl,{get:(e,t)=>{let o=Reflect.get(e,t);return typeof o=="string"?i(o):o}}),Ef={labelAtLevel:(e,t,o)=>i(Ln(e,t,o)),descriptions:If,categoryLabel:e=>{let t=kl(e);return t===void 0?void 0:i(t)},firstSection:Cl,blockRowName:Tl,plainText:Sr,Icon:lt,Thumbnail:tl,useProducts:jl},Rf={desktop:2e3,tablet:800,mobile:390},Gl="desktop",Pf={options:bs,initial:Gl,fluid:Gl,widths:Rf},Af={read:El,write:e=>Rl(e),forSelection:(e,t)=>Al(e,t)},Lf={first:ze,last:Q,firstGroup:lr,lastGroup:ke,isSectionGroup:dr,sectionGroupZone:cr,panelOf:e=>e===ze?qo:null};function Nf(e){return{...Kl(e),openSettings:()=>e.show($o)}}var z1={useOwnerName:it,useDocumentLabel:cs,useBridges:kf,useStandaloneBridges:Nf,useDocumentPass:yl,blockRules:Tf,blockLook:Ef,devices:Pf,leftView:Af,pinned:Lf,Canvas:Ol,Inspector:Ys};export{dv as a,il as b,al as c,Co as d,To as e,dx as f,cx as g,Hu as h,bl as i,zf as j,Mf as k,z1 as l};