efficient-web-builder 0.8.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +91 -0
- package/README.md +24 -5
- package/dist/chunks/{EditorPreviewCheckout-RALICX2M.js → EditorPreviewCheckout-YVSO4HE3.js} +3 -3
- package/dist/chunks/PreviewFooter-34YJU76X.js +1 -0
- package/dist/chunks/SectionEditorShell-CVWJ6DSU.js +1 -0
- package/dist/chunks/{SiteEditorProvider-4NZYBEVE.js → SiteEditorProvider-ECGZVKLG.js} +1 -1
- package/dist/chunks/StorefrontEditorChrome-YKEMJT3Z.js +1 -0
- package/dist/chunks/chunk-2XX3N727.js +153 -0
- package/dist/chunks/chunk-6CP4D6VJ.js +1 -0
- package/dist/chunks/chunk-7QXLVNFD.js +1 -0
- package/dist/chunks/chunk-EKKAVQJX.js +1 -0
- package/dist/chunks/chunk-FU5UZ4UY.js +1 -0
- package/dist/chunks/chunk-J5WPJJCW.js +2 -0
- package/dist/chunks/{chunk-5WIA75VU.js → chunk-MEIUD5LJ.js} +1 -1
- package/dist/chunks/chunk-N3IM4XBG.js +1 -0
- package/dist/chunks/chunk-RRHBLOH4.js +1 -0
- package/dist/chunks/chunk-TUB4O4RZ.js +15 -0
- package/dist/chunks/chunk-UM3P3PXW.js +230 -0
- package/dist/chunks/chunk-XQGZKQII.js +1 -0
- package/dist/chunks/fitment-data-6NXSKODX.js +1 -0
- package/dist/chunks/render-client-VMLB4BTY.js +1 -0
- package/dist/editor.css +1 -1
- package/dist/index.d.ts +184 -4
- package/dist/index.js +908 -644
- package/dist/links.js +1 -1
- package/package.json +2 -2
- package/dist/chunks/PreviewFooter-TTWVSN7F.js +0 -1
- package/dist/chunks/SectionEditorShell-QHF74BM4.js +0 -1
- package/dist/chunks/StorefrontEditorChrome-VAFMI23Y.js +0 -1
- package/dist/chunks/chunk-23HYGLAH.js +0 -1
- package/dist/chunks/chunk-2Z43RC3L.js +0 -143
- package/dist/chunks/chunk-4MT74TMP.js +0 -1
- package/dist/chunks/chunk-764WH3TY.js +0 -11
- package/dist/chunks/chunk-DN65SLZM.js +0 -1
- package/dist/chunks/chunk-FEL3RPX5.js +0 -230
- package/dist/chunks/chunk-KZIT3J33.js +0 -1
- package/dist/chunks/chunk-X2DL3VCU.js +0 -15
- package/dist/chunks/chunk-XMRSKZIR.js +0 -2
- package/dist/chunks/fitment-data-6EHBA26C.js +0 -1
- package/dist/chunks/render-client-3H6QYWG7.js +0 -1
- /package/dist/chunks/{chunk-2Z43RC3L.js.LEGAL.txt → chunk-2XX3N727.js.LEGAL.txt} +0 -0
- /package/dist/chunks/{chunk-UBYBQ3KR.js → chunk-HVOO2GNE.js} +0 -0
- /package/dist/chunks/{chunk-X2DL3VCU.js.LEGAL.txt → chunk-TUB4O4RZ.js.LEGAL.txt} +0 -0
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import{F as Oz,G as ir,J as qz,L as Wz,a as F1,d as P1,e as Eb,f as Z1,g as E1,i as Rb,k as _b,l as Ob,n as xz,o as O3,p as wz,q as Fc,r as le,s as Q4,u as Tc,v as rr}from"./chunk-XMRSKZIR.js";import{a as Db}from"./chunk-5WIA75VU.js";import{$ as X7,$a as G9,$b as Pd,$c as fv,$d as m0,$f as ib,$g as wb,$i as lz,$j as Ec,A as ag,Ab as zd,Ac as jd,Ad as Bo,Ae as Gv,Ag as v,Ah as D5,B as cg,Bb as xd,Bc as Yd,Be as Da,Bf as Gf,Bg as v4,Bh as Cb,C as sg,Cb as wd,Cc as Xd,Cd as kv,Ce as Y9,Cf as qf,Cg as K1,Ch as Lb,D as lg,Da as Zg,Db as yd,Dc as E5,De as qv,Df as Wf,Dg as mb,Di as Gb,E as og,Eb as W9,Ec as l8,Ee as Oa,Ef as Uf,Eg as d8,Eh as G6,F as ho,Fb as kd,Fc as Jd,Fe as Wv,Ff as Kf,Fg as _5,Fh as x8,Fj as or,G as rg,Gb as m4,Gc as Qd,Ge as Uv,Gf as $f,Gg as ic,Gh as w8,Gi as ce,Gj as H8,H as ig,Hb as F5,Hc as Va,Hd as r8,He as Do,Hf as jf,Hh as y8,Hi as qb,Hj as F8,Ib as V6,Ic as ev,Ie as Kv,If as p8,Ih as k8,Ii as se,Ij as zz,Ja as Ig,Jb as P6,Jc as tv,Je as $v,Jf as Yf,Jg as J,Jh as Sb,Jj as yz,K as la,Ka as ga,Kb as Ma,Kc as Fo,Ke as jv,Kf as Xf,Kg as t3,Kh as Ab,Ki as Wb,Kj as kz,La as Rg,Lb as Ca,Lc as av,Ld as Mv,Le as Yv,Lf as Jf,Lg as pb,Lh as Hb,Li as Ub,Lj as Mz,M as g3,Ma as O9,Mb as a8,Mc as cv,Md as Cv,Me as Xv,Mf as Qf,Mg as nc,Mh as fc,Mi as Kb,Mj as Cz,N as ng,Nb as Md,Nc as sv,Nd as Lv,Ne as sf,Nf as eb,Ng as ub,Ni as $b,Nj as Lz,O as mo,Oa as _g,Ob as c8,Oc as lv,Od as Sv,Oe as Wa,Of as tb,Og as gb,Oh as bc,Oi as jb,Oj as Sz,P as mg,Pa as Q7,Pb as Cd,Pc as ov,Pd as Av,Pe as lf,Pf as ac,Pg as hc,Ph as Fb,Pi as Yb,Pj as Az,Q as pg,Qb as Ld,Qc as rv,Qd as No,Qe as _6,Qf as ab,Qg as mc,Qh as Tb,Qi as Cc,Qj as Hz,R as ug,Rb as Sd,Rc as iv,Rd as Zo,Re as of,Rf as d4,Rg as pc,Rh as M8,Ri as Lc,Rj as Fz,S as gg,Sb as U9,Sc as nv,Sd as Io,Se as rf,Sf as cb,Sg as db,Si as Sc,Sj as Tz,T as dg,Tb as Ad,Tc as N6,Tf as $o,Tg as vb,Th as Vb,Ti as Xb,Tj as Vz,Ub as Hd,Uc as hv,Ud as Hv,Uf as cc,Ug as fb,Uh as Pb,Ui as Jb,Uj as Pz,Vb as Fd,Vc as mv,Vd as Fv,Vf as sb,Vg as bb,Vh as C8,Vi as Qb,Vj as Ez,W as zg,Wb as Ao,Wc as gv,Wd as Tv,Wf as lb,Wg as ee,Wh as L8,Wi as ez,Wj as Bz,X as K0,Xb as Sa,Xc as dv,Xd as R6,Xe as nf,Xf as sc,Xg as zb,Xh as zc,Xi as tz,Xj as Vc,Y as oa,Yb as Td,Yc as Vo,Yd as k,Ye as hf,Yf as lc,Yg as f4,Yi as az,Yj as Pc,Z as Lg,Za as Dg,Zb as Vd,Zc as vv,Zd as z0,Zf as ob,Zg as b4,Zi as cz,Zj as Nz,_ as Sg,_a as Mo,_b as Ho,_c as o8,_d as U,_f as rb,_g as xb,_i as sz,_j as Zz,a as o2,aa as J7,ab as Og,ac as Ed,ad as A3,ae as B5,ag as nb,ah as e1,aj as oz,ak as Iz,b as Y,ba as Ag,bb as da,bc as Bd,bd as bv,bg as oc,bh as yb,bi as S8,bj as rz,bk as Rz,c as i4,ca as Hg,cb as va,cc as Nd,cd as zv,ce as Vv,cg as Z5,ch as te,cj as a3,da as ha,db as Gg,dc as Zd,dd as xv,de as p4,dg as Q9,dh as kb,di as xc,dj as iz,ec as K9,ed as Po,ee as Ba,ef as mf,eg as I5,eh as z4,ej as nz,f as aa,fc as Id,fe as Na,ff as pf,fg as jo,fh as v8,fi as wc,fj as hz,fk as _z,g as _u,gc as Rd,gd as wv,ge as e3,gg as u2,gh as X4,gi as Jo,gj as mz,h as Du,ha as Fg,hc as _d,he as Za,hg as v0,hh as Mb,hi as Bb,hj as er,hk as Dz,i as Ou,ia as go,ib as ed,ic as Aa,ie as Pv,ih as uc,ij as tr,j as qu,ja as ma,jb as L3,jc as Dd,je as Ev,jg as O6,jh as h1,jj as ar,k as Wu,ka as Tg,kb as id,kc as T5,ke as j9,kf as g4,kg as hb,kh as f8,ki as Qo,kj as pz,kk as Bc,l as U2,la as Vg,lb as nd,lc as Od,le as Ro,lf as If,lg as u8,lh as x4,lj as Ac,lk as Gz,m as Uu,ma as pa,mb as hd,mc as E6,me as Nv,mf as Rf,mg as L2,mh as E0,mi as Nb,mj as uz,na as vo,nb as md,nc as Gd,ne as Zv,nf as _f,ni as yc,nj as gz,o as Ku,oa as Pg,ob as pd,oc as V5,oe as Iv,of as Ko,og as g8,oh as gc,oi as O5,oj as F3,p as $u,pa as fo,pb as ya,pc as s8,pd as j4,pe as i0,pg as rc,ph as p1,pi as kc,pj as Hc,pk as T8,q as ju,qa as bo,qb as ud,qc as Ha,qd as I6,qe as Rv,qf as C2,qg as R5,qi as A8,qj as G5,qk as Uz,r as Yu,ra as Eg,rb as gd,rc as B6,rd as $9,re as _o,rf as m8,rg as A,rh as V1,ri as Mc,rj as d3,s as Xu,sa as zo,sb as Co,sc as qd,sd as Y4,se as T0,sg as V,sh as dc,si as ae,sj as dz,t as no,ta as xo,tb as ka,tc as P5,te as Ia,tg as P,ti as I1,tj as j1,u as Ju,ua as wo,ub as dd,uc as Wd,ue as n8,uf as Df,ug as n1,uh as Xo,ui as J4,uj as vz,v as Qu,va as yo,vb as Lo,vc as Ud,vd as yv,ve as Ra,vf as ec,vg as w1,vh as r2,vj as fz,w as ca,wa as ko,wb as vd,wc as Kd,we as _v,wg as C1,wj as cr,x as sa,xa as Bg,xb as fd,xc as $d,xe as Dv,xh as b8,xi as Zb,xj as sr,y as eg,ya as Ng,yb as So,yc as Fa,ye as Ov,yf as tc,yh as z8,yj as lr,z as tg,za as ua,zb as bd,zc as Ta,zd as Eo,ze as _a,zf as Of,zg as Yo,zh as vc,zj as bz}from"./chunk-X2DL3VCU.js";import{a as q6,b as Ib}from"./chunk-DN65SLZM.js";import{$b as Z6,$c as Ff,Ab as t8,Ac as vf,Ba as n4,Bb as ld,Ca as U7,Cb as od,Cc as N5,D as ro,Dc as ff,E as Tu,Ec as bf,Fb as ba,Fc as Ya,Gc as zf,H as Vu,Hc as xf,I as Pu,Ia as K7,Ic as wf,J as io,Ja as $7,Jb as za,Jc as yf,Ka as vg,Kb as xa,Kc as kf,La as fg,Lb as wa,Ma as bg,Mb as rd,Mc as Wo,Nb as S3,Ob as La,Oc as D6,Pb as F0,Pc as Mf,Qa as uo,Qc as Cf,Ra as d0,Rb as pv,Rc as Lf,Sa as T6,Sc as Sf,Ta as e8,Ua as A5,Ub as Pa,Vb as uv,W as Eu,Wa as q9,Wc as Af,X as Bu,Xc as Hf,Y as Nu,Ya as qg,Yc as Xa,Z as Zu,Zb as To,Zc as H3,_b as Ea,_c as Uo,aa as Iu,ab as Wg,ac as Bv,ad as Tf,bc as i8,bd as Vf,cb as Ug,cd as Pf,db as Kg,dd as J9,eb as $g,ed as Ja,fb as jg,fc as Jv,fd as h8,gb as Yg,hb as Xg,hc as Oo,ia as Ru,ib as Jg,ic as Qv,id as Ef,jb as Qg,jc as Go,jd as Bf,kb as r0,kc as Ga,kd as Nf,lb as H5,lc as qa,mb as td,mc as ef,nc as tf,nd as Qa,ob as ad,oc as af,p as ta,pb as cd,pc as qo,q as ao,qc as cf,rc as uf,s as co,ta as Gu,tc as Ua,uc as Ka,ud as D3,v as so,vc as $a,vd as Zf,w as lo,wb as sd,wc as X9,x as oo,xb as fa,xc as gf,ya as hg,yc as ja,za as po,zb as I2,zc as df}from"./chunk-764WH3TY.js";import{A as Z2,C as kg,D as na,E as Mg,H as j7,I as Cg,O as Y7,P as D0,T as h4,d as xg,e as Q2,f as wg,h as D9,q as yg,r as ra,s as M2,u as ia,w as $4}from"./chunk-4MT74TMP.js";import{b as u4}from"./chunk-UBYBQ3KR.js";import{a as qP,b as WP}from"./chunk-Y6SLVHK3.js";var VC=qP((ah1,TC)=>{"use strict";function gC(e,t){(t==null||t>e.length)&&(t=e.length);for(var a=0,c=Array(t);a<t;a++)c[a]=e[a];return c}function wD(e){if(Array.isArray(e))return e}function yD(e,t){var a=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(a!=null){var c,s,l,o,r=[],i=!0,n=!1;try{if(l=(a=a.call(e)).next,t!==0)for(;!(i=(c=l.call(a)).done)&&(r.push(c.value),r.length!==t);i=!0);}catch(h){n=!0,s=h}finally{try{if(!i&&a.return!=null&&(o=a.return(),Object(o)!==o))return}finally{if(n)throw s}}return r}}function kD(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
2
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function MD(e,t){return wD(e)||yD(e,t)||CD(e,t)||kD()}function CD(e,t){if(e){if(typeof e=="string")return gC(e,t);var a={}.toString.call(e).slice(8,-1);return a==="Object"&&e.constructor&&(a=e.constructor.name),a==="Map"||a==="Set"?Array.from(e):a==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?gC(e,t):void 0}}var AC=Object.entries,dC=Object.setPrototypeOf,LD=Object.isFrozen,SD=Object.getPrototypeOf,AD=Object.getOwnPropertyDescriptor,V2=Object.freeze,P2=Object.seal,t9=Object.create,HC=typeof Reflect<"u"&&Reflect,kn=HC.apply,Mn=HC.construct;V2||(V2=function(t){return t});P2||(P2=function(t){return t});kn||(kn=function(t,a){for(var c=arguments.length,s=new Array(c>2?c-2:0),l=2;l<c;l++)s[l-2]=arguments[l];return t.apply(a,s)});Mn||(Mn=function(t){for(var a=arguments.length,c=new Array(a>1?a-1:0),s=1;s<a;s++)c[s-1]=arguments[s];return new t(...c)});var qe=c2(Array.prototype.forEach),HD=c2(Array.prototype.lastIndexOf),vC=c2(Array.prototype.pop),e9=c2(Array.prototype.push),FD=c2(Array.prototype.splice),i6=Array.isArray,Ke=c2(String.prototype.toLowerCase),bn=c2(String.prototype.toString),fC=c2(String.prototype.match),We=c2(String.prototype.replace),bC=c2(String.prototype.indexOf),TD=c2(String.prototype.trim),VD=c2(Number.prototype.toString),PD=c2(Boolean.prototype.toString),zC=typeof BigInt>"u"?null:c2(BigInt.prototype.toString),xC=typeof Symbol>"u"?null:c2(Symbol.prototype.toString),v2=c2(Object.prototype.hasOwnProperty),Ue=c2(Object.prototype.toString),T2=c2(RegExp.prototype.test),p7=ED(TypeError);function c2(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var a=arguments.length,c=new Array(a>1?a-1:0),s=1;s<a;s++)c[s-1]=arguments[s];return kn(e,t,c)}}function ED(e){return function(){for(var t=arguments.length,a=new Array(t),c=0;c<t;c++)a[c]=arguments[c];return Mn(e,a)}}function Q1(e,t){let a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:Ke;if(dC&&dC(e,null),!i6(t))return e;let c=t.length;for(;c--;){let s=t[c];if(typeof s=="string"){let l=a(s);l!==s&&(LD(t)||(t[c]=l),s=l)}e[s]=!0}return e}function BD(e){for(let t=0;t<e.length;t++)v2(e,t)||(e[t]=null);return e}function K2(e){let t=t9(null);for(let c of AC(e)){var a=MD(c,2);let s=a[0],l=a[1];v2(e,s)&&(i6(l)?t[s]=BD(l):l&&typeof l=="object"&&l.constructor===Object?t[s]=K2(l):t[s]=l)}return t}function ND(e){switch(typeof e){case"string":return e;case"number":return VD(e);case"boolean":return PD(e);case"bigint":return zC?zC(e):"0";case"symbol":return xC?xC(e):"Symbol()";case"undefined":return Ue(e);case"function":case"object":{if(e===null)return Ue(e);let t=e,a=L4(t,"toString");if(typeof a=="function"){let c=a(t);return typeof c=="string"?c:Ue(c)}return Ue(e)}default:return Ue(e)}}function L4(e,t){for(;e!==null;){let c=AD(e,t);if(c){if(c.get)return c2(c.get);if(typeof c.value=="function")return c2(c.value)}e=SD(e)}function a(){return null}return a}function ZD(e){try{return T2(e,""),!0}catch{return!1}}var wC=V2(["a","abbr","acronym","address","area","article","aside","audio","b","bdi","bdo","big","blink","blockquote","body","br","button","canvas","caption","center","cite","code","col","colgroup","content","data","datalist","dd","decorator","del","details","dfn","dialog","dir","div","dl","dt","element","em","fieldset","figcaption","figure","font","footer","form","h1","h2","h3","h4","h5","h6","head","header","hgroup","hr","html","i","img","input","ins","kbd","label","legend","li","main","map","mark","marquee","menu","menuitem","meter","nav","nobr","ol","optgroup","option","output","p","picture","pre","progress","q","rp","rt","ruby","s","samp","search","section","select","shadow","slot","small","source","spacer","span","strike","strong","style","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","time","tr","track","tt","u","ul","var","video","wbr"]),zn=V2(["svg","a","altglyph","altglyphdef","altglyphitem","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","enterkeyhint","exportparts","filter","font","g","glyph","glyphref","hkern","image","inputmode","line","lineargradient","marker","mask","metadata","mpath","part","path","pattern","polygon","polyline","radialgradient","rect","stop","style","switch","symbol","text","textpath","title","tref","tspan","view","vkern"]),xn=V2(["feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence"]),ID=V2(["animate","color-profile","cursor","discard","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","foreignobject","hatch","hatchpath","mesh","meshgradient","meshpatch","meshrow","missing-glyph","script","set","solidcolor","unknown","use"]),wn=V2(["math","menclose","merror","mfenced","mfrac","mglyph","mi","mlabeledtr","mmultiscripts","mn","mo","mover","mpadded","mphantom","mroot","mrow","ms","mspace","msqrt","mstyle","msub","msup","msubsup","mtable","mtd","mtext","mtr","munder","munderover","mprescripts"]),RD=V2(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),yC=V2(["#text"]),kC=V2(["accept","action","align","alt","autocapitalize","autocomplete","autopictureinpicture","autoplay","background","bgcolor","border","capture","cellpadding","cellspacing","checked","cite","class","clear","color","cols","colspan","command","commandfor","controls","controlslist","coords","crossorigin","datetime","decoding","default","dir","disabled","disablepictureinpicture","disableremoteplayback","download","draggable","enctype","enterkeyhint","exportparts","face","for","headers","height","hidden","high","href","hreflang","id","inert","inputmode","integrity","ismap","kind","label","lang","list","loading","loop","low","max","maxlength","media","method","min","minlength","multiple","muted","name","nonce","noshade","novalidate","nowrap","open","optimum","part","pattern","placeholder","playsinline","popover","popovertarget","popovertargetaction","poster","preload","pubdate","radiogroup","readonly","rel","required","rev","reversed","role","rows","rowspan","spellcheck","scope","selected","shape","size","sizes","slot","span","srclang","start","src","srcset","step","style","summary","tabindex","title","translate","type","usemap","valign","value","width","wrap","xmlns"]),yn=V2(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clippathunits","clip-path","clip-rule","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","dx","dy","diffuseconstant","direction","display","divisor","dur","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","fx","fy","g1","g2","glyph-name","glyphref","gradientunits","gradienttransform","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","kernelmatrix","kernelunitlength","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","maskcontentunits","maskunits","max","mask","mask-type","media","method","mode","min","name","numoctaves","offset","operator","opacity","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","points","preservealpha","preserveaspectratio","primitiveunits","r","rx","ry","radius","refx","refy","repeatcount","repeatdur","restart","result","rotate","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","transform","transform-origin","text-anchor","text-decoration","text-rendering","textlength","type","u1","u2","unicode","values","viewbox","visibility","version","vert-adv-y","vert-origin-x","vert-origin-y","width","word-spacing","wrap","writing-mode","xchannelselector","ychannelselector","x","x1","x2","xmlns","y","y1","y2","z","zoomandpan"]),MC=V2(["accent","accentunder","align","bevelled","close","columnalign","columnlines","columnspacing","columnspan","denomalign","depth","dir","display","displaystyle","encoding","fence","frame","height","href","id","largeop","length","linethickness","lquote","lspace","mathbackground","mathcolor","mathsize","mathvariant","maxsize","minsize","movablelimits","notation","numalign","open","rowalign","rowlines","rowspacing","rowspan","rspace","rquote","scriptlevel","scriptminsize","scriptsizemultiplier","selection","separator","separators","stretchy","subscriptshift","supscriptshift","symmetric","voffset","width","xmlns"]),Fs=V2(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),_D=P2(/{{[\w\W]*|^[\w\W]*}}/g),DD=P2(/<%[\w\W]*|^[\w\W]*%>/g),OD=P2(/\${[\w\W]*/g),GD=P2(/^data-[\-\w.\u00B7-\uFFFF]+$/),qD=P2(/^aria-[\-\w]+$/),CC=P2(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),WD=P2(/^(?:\w+script|data):/i),UD=P2(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),KD=P2(/^html$/i),$D=P2(/^[a-z][.\w]*(-[.\w]+)+$/i),LC=P2(/<[/\w!]/g),jD=P2(/<[/\w]/g),YD=P2(/<\/no(script|embed|frames)/i),XD=P2(/\/>/i),C4={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,processingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12},JD=function(){return typeof window>"u"?null:window},QD=function(t,a){if(typeof t!="object"||typeof t.createPolicy!="function")return null;let c=null,s="data-tt-policy-suffix";a&&a.hasAttribute(s)&&(c=a.getAttribute(s));let l="dompurify"+(c?"#"+c:"");try{return t.createPolicy(l,{createHTML(o){return o},createScriptURL(o){return o}})}catch{return console.warn("TrustedTypes policy "+l+" could not be created."),null}},SC=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},r6=function(t,a,c,s){return v2(t,a)&&i6(t[a])?Q1(s.base?K2(s.base):{},t[a],s.transform):c};function FC(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:JD(),t=r1=>FC(r1);if(t.version="3.4.11",t.removed=[],!e||!e.document||e.document.nodeType!==C4.document||!e.Element)return t.isSupported=!1,t;let a=e.document,c=a,s=c.currentScript;e.DocumentFragment;let l=e.HTMLTemplateElement,o=e.Node,r=e.Element,i=e.NodeFilter,n=e.NamedNodeMap;n===void 0&&(e.NamedNodeMap||e.MozNamedAttrMap),e.HTMLFormElement;let h=e.DOMParser,m=e.trustedTypes,p=r.prototype,u=L4(p,"cloneNode"),d=L4(p,"remove"),g=L4(p,"nextSibling"),z=L4(p,"childNodes"),f=L4(p,"parentNode"),b=L4(p,"shadowRoot"),y=L4(p,"attributes"),C=o&&o.prototype?L4(o.prototype,"nodeType"):null,S=o&&o.prototype?L4(o.prototype,"nodeName"):null;if(typeof l=="function"){let r1=a.createElement("template");r1.content&&r1.content.ownerDocument&&(a=r1.content.ownerDocument)}let H,_="",Z,q=!1,j=0,B=function(){if(j>0)throw p7('A configured TRUSTED_TYPES_POLICY callback (createHTML or createScriptURL) must not call DOMPurify.sanitize, as that causes infinite recursion. Do not pass a policy whose callbacks wrap DOMPurify as TRUSTED_TYPES_POLICY; see the "DOMPurify and Trusted Types" section of the README.')},N=function(w){B(),j++;try{return H.createHTML(w)}finally{j--}},D=function(w){B(),j++;try{return H.createScriptURL(w)}finally{j--}},T=function(){return q||(Z=QD(m,s),q=!0),Z},R=a,i1=R.implementation,O=R.createNodeIterator,m1=R.createDocumentFragment,Q=R.getElementsByTagName,K=c.importNode,a1=SC();t.isSupported=typeof AC=="function"&&typeof f=="function"&&i1&&i1.createHTMLDocument!==void 0;let B1=_D,X=DD,D1=OD,t0=GD,I=qD,H1=WD,f1=UD,J2=$D,G0=CC,q1=null,p3=Q1({},[...wC,...zn,...xn,...wn,...yC]),h0=null,R3=Q1({},[...kC,...yn,...MC,...Fs]),g0=Object.seal(t9(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),k3=null,l4=null,E2=Object.seal(t9(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}})),g1=!0,W1=!0,_0=!1,q0=!0,o0=!1,W0=!0,$=!1,N1=!1,y0=null,B2=null,R7=!1,M5=!1,_7=!1,H6=!1,$t=!0,jt=!1,Yt="user-content-",P9=!0,E9=!1,C5={},l2=null,o4=Q1({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","selectedcontent","style","svg","template","thead","title","video","xmp"]),D7=null,B9=Q1({},["audio","video","img","source","image","track"]),O7=null,N9=Q1({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),r4="http://www.w3.org/1998/Math/MathML",G7="http://www.w3.org/2000/svg",u3="http://www.w3.org/1999/xhtml",L5=u3,Z9=!1,T1=null,M3=Q1({},[r4,G7,u3],bn),N2=V2(["mi","mo","mn","ms","mtext"]),I9=Q1({},N2),Xt=V2(["annotation-xml"]),Xl=Q1({},Xt),HP=Q1({},["title","style","font","a","script"]),R9=null,FP=["application/xhtml+xml","text/html"],TP="text/html",U0=null,q7=null,VP=a.createElement("form"),wu=function(w){return w instanceof RegExp||w instanceof Function},Jl=function(){let w=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(q7&&q7===w)return;(!w||typeof w!="object")&&(w={}),w=K2(w),R9=FP.indexOf(w.PARSER_MEDIA_TYPE)===-1?TP:w.PARSER_MEDIA_TYPE,U0=R9==="application/xhtml+xml"?bn:Ke,q1=r6(w,"ALLOWED_TAGS",p3,{transform:U0}),h0=r6(w,"ALLOWED_ATTR",R3,{transform:U0}),T1=r6(w,"ALLOWED_NAMESPACES",M3,{transform:bn}),O7=r6(w,"ADD_URI_SAFE_ATTR",N9,{transform:U0,base:N9}),D7=r6(w,"ADD_DATA_URI_TAGS",B9,{transform:U0,base:B9}),l2=r6(w,"FORBID_CONTENTS",o4,{transform:U0}),k3=r6(w,"FORBID_TAGS",K2({}),{transform:U0}),l4=r6(w,"FORBID_ATTR",K2({}),{transform:U0}),C5=v2(w,"USE_PROFILES")?w.USE_PROFILES&&typeof w.USE_PROFILES=="object"?K2(w.USE_PROFILES):w.USE_PROFILES:!1,g1=w.ALLOW_ARIA_ATTR!==!1,W1=w.ALLOW_DATA_ATTR!==!1,_0=w.ALLOW_UNKNOWN_PROTOCOLS||!1,q0=w.ALLOW_SELF_CLOSE_IN_ATTR!==!1,o0=w.SAFE_FOR_TEMPLATES||!1,W0=w.SAFE_FOR_XML!==!1,$=w.WHOLE_DOCUMENT||!1,M5=w.RETURN_DOM||!1,_7=w.RETURN_DOM_FRAGMENT||!1,H6=w.RETURN_TRUSTED_TYPE||!1,R7=w.FORCE_BODY||!1,$t=w.SANITIZE_DOM!==!1,jt=w.SANITIZE_NAMED_PROPS||!1,P9=w.KEEP_CONTENT!==!1,E9=w.IN_PLACE||!1,G0=ZD(w.ALLOWED_URI_REGEXP)?w.ALLOWED_URI_REGEXP:CC,L5=typeof w.NAMESPACE=="string"?w.NAMESPACE:u3,I9=v2(w,"MATHML_TEXT_INTEGRATION_POINTS")&&w.MATHML_TEXT_INTEGRATION_POINTS&&typeof w.MATHML_TEXT_INTEGRATION_POINTS=="object"?K2(w.MATHML_TEXT_INTEGRATION_POINTS):Q1({},N2),Xl=v2(w,"HTML_INTEGRATION_POINTS")&&w.HTML_INTEGRATION_POINTS&&typeof w.HTML_INTEGRATION_POINTS=="object"?K2(w.HTML_INTEGRATION_POINTS):Q1({},Xt);let E=v2(w,"CUSTOM_ELEMENT_HANDLING")&&w.CUSTOM_ELEMENT_HANDLING&&typeof w.CUSTOM_ELEMENT_HANDLING=="object"?K2(w.CUSTOM_ELEMENT_HANDLING):t9(null);if(g0=t9(null),v2(E,"tagNameCheck")&&wu(E.tagNameCheck)&&(g0.tagNameCheck=E.tagNameCheck),v2(E,"attributeNameCheck")&&wu(E.attributeNameCheck)&&(g0.attributeNameCheck=E.attributeNameCheck),v2(E,"allowCustomizedBuiltInElements")&&typeof E.allowCustomizedBuiltInElements=="boolean"&&(g0.allowCustomizedBuiltInElements=E.allowCustomizedBuiltInElements),P2(g0),o0&&(W1=!1),_7&&(M5=!0),C5&&(q1=Q1({},yC),h0=t9(null),C5.html===!0&&(Q1(q1,wC),Q1(h0,kC)),C5.svg===!0&&(Q1(q1,zn),Q1(h0,yn),Q1(h0,Fs)),C5.svgFilters===!0&&(Q1(q1,xn),Q1(h0,yn),Q1(h0,Fs)),C5.mathMl===!0&&(Q1(q1,wn),Q1(h0,MC),Q1(h0,Fs))),E2.tagCheck=null,E2.attributeCheck=null,v2(w,"ADD_TAGS")&&(typeof w.ADD_TAGS=="function"?E2.tagCheck=w.ADD_TAGS:i6(w.ADD_TAGS)&&(q1===p3&&(q1=K2(q1)),Q1(q1,w.ADD_TAGS,U0))),v2(w,"ADD_ATTR")&&(typeof w.ADD_ATTR=="function"?E2.attributeCheck=w.ADD_ATTR:i6(w.ADD_ATTR)&&(h0===R3&&(h0=K2(h0)),Q1(h0,w.ADD_ATTR,U0))),v2(w,"ADD_URI_SAFE_ATTR")&&i6(w.ADD_URI_SAFE_ATTR)&&Q1(O7,w.ADD_URI_SAFE_ATTR,U0),v2(w,"FORBID_CONTENTS")&&i6(w.FORBID_CONTENTS)&&(l2===o4&&(l2=K2(l2)),Q1(l2,w.FORBID_CONTENTS,U0)),v2(w,"ADD_FORBID_CONTENTS")&&i6(w.ADD_FORBID_CONTENTS)&&(l2===o4&&(l2=K2(l2)),Q1(l2,w.ADD_FORBID_CONTENTS,U0)),P9&&(q1["#text"]=!0),$&&Q1(q1,["html","head","body"]),q1.table&&(Q1(q1,["tbody"]),delete k3.tbody),w.TRUSTED_TYPES_POLICY){if(typeof w.TRUSTED_TYPES_POLICY.createHTML!="function")throw p7('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof w.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw p7('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');let l1=H;H=w.TRUSTED_TYPES_POLICY;try{_=N("")}catch(b1){throw H=l1,b1}}else w.TRUSTED_TYPES_POLICY===null?(H=void 0,_=""):(H===void 0&&(H=T()),H&&typeof _=="string"&&(_=N("")));V2&&V2(w),q7=w},yu=Q1({},[...zn,...xn,...ID]),ku=Q1({},[...wn,...RD]),PP=function(w,E,l1){return E.namespaceURI===u3?w==="svg":E.namespaceURI===r4?w==="svg"&&(l1==="annotation-xml"||I9[l1]):!!yu[w]},EP=function(w,E,l1){return E.namespaceURI===u3?w==="math":E.namespaceURI===G7?w==="math"&&Xl[l1]:!!ku[w]},BP=function(w,E,l1){return E.namespaceURI===G7&&!Xl[l1]||E.namespaceURI===r4&&!I9[l1]?!1:!ku[w]&&(HP[w]||!yu[w])},NP=function(w){let E=f(w);(!E||!E.tagName)&&(E={namespaceURI:L5,tagName:"template"});let l1=Ke(w.tagName),b1=Ke(E.tagName);return T1[w.namespaceURI]?w.namespaceURI===G7?PP(l1,E,b1):w.namespaceURI===r4?EP(l1,E,b1):w.namespaceURI===u3?BP(l1,E,b1):!!(R9==="application/xhtml+xml"&&T1[w.namespaceURI]):!1},S5=function(w){e9(t.removed,{element:w});try{f(w).removeChild(w)}catch{if(d(w),!f(w))throw p7("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place")}},Mu=function(w){let E=z(w);if(E){let b1=[];qe(E,$1=>{e9(b1,$1)}),qe(b1,$1=>{try{d($1)}catch{}})}let l1=y(w);if(l1)for(let b1=l1.length-1;b1>=0;--b1){let $1=l1[b1],a0=$1&&$1.name;if(typeof a0=="string")try{w.removeAttribute(a0)}catch{}}},F6=function(w,E){try{e9(t.removed,{attribute:E.getAttributeNode(w),from:E})}catch{e9(t.removed,{attribute:null,from:E})}if(E.removeAttribute(w),w==="is")if(M5||_7)try{S5(E)}catch{}else try{E.setAttribute(w,"")}catch{}},ZP=function(w){let E=y(w);if(E)for(let l1=E.length-1;l1>=0;--l1){let b1=E[l1],$1=b1&&b1.name;if(!(typeof $1!="string"||h0[U0($1)]))try{w.removeAttribute($1)}catch{}}},IP=function(w){let E=[w];for(;E.length>0;){let l1=E.pop();(C?C(l1):l1.nodeType)===C4.element&&ZP(l1);let $1=z(l1);if($1)for(let a0=$1.length-1;a0>=0;--a0)E.push($1[a0])}},Cu=function(w){let E=null,l1=null;if(R7)w="<remove></remove>"+w;else{let a0=fC(w,/^[\r\n\t ]+/);l1=a0&&a0[0]}R9==="application/xhtml+xml"&&L5===u3&&(w='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+w+"</body></html>");let b1=H?N(w):w;if(L5===u3)try{E=new h().parseFromString(b1,R9)}catch{}if(!E||!E.documentElement){E=i1.createDocument(L5,"template",null);try{E.documentElement.innerHTML=Z9?_:b1}catch{}}let $1=E.body||E.documentElement;return w&&l1&&$1.insertBefore(a.createTextNode(l1),$1.childNodes[0]||null),L5===u3?Q.call(E,$?"html":"body")[0]:$?E.documentElement:$1},Lu=function(w){return O.call(w.ownerDocument||w,w,i.SHOW_ELEMENT|i.SHOW_COMMENT|i.SHOW_TEXT|i.SHOW_PROCESSING_INSTRUCTION|i.SHOW_CDATA_SECTION,null)},Jt=function(w){return w=We(w,B1," "),w=We(w,X," "),w=We(w,D1," "),w},Ql=function(w){var E;w.normalize();let l1=O.call(w.ownerDocument||w,w,i.SHOW_TEXT|i.SHOW_COMMENT|i.SHOW_CDATA_SECTION|i.SHOW_PROCESSING_INSTRUCTION,null),b1=l1.nextNode();for(;b1;)b1.data=Jt(b1.data),b1=l1.nextNode();let $1=(E=w.querySelectorAll)===null||E===void 0?void 0:E.call(w,"template");$1&&qe($1,a0=>{W7(a0.content)&&Ql(a0.content)})},Qt=function(w){let E=S?S(w):null;return typeof E!="string"||U0(E)!=="form"?!1:typeof w.nodeName!="string"||typeof w.textContent!="string"||typeof w.removeChild!="function"||w.attributes!==y(w)||typeof w.removeAttribute!="function"||typeof w.setAttribute!="function"||typeof w.namespaceURI!="string"||typeof w.insertBefore!="function"||typeof w.hasChildNodes!="function"||w.nodeType!==C(w)||w.childNodes!==z(w)},W7=function(w){if(!C||typeof w!="object"||w===null)return!1;try{return C(w)===C4.documentFragment}catch{return!1}},_9=function(w){if(!C||typeof w!="object"||w===null)return!1;try{return typeof C(w)=="number"}catch{return!1}};function K4(r1,w,E){r1.length!==0&&qe(r1,l1=>{l1.call(t,w,E,q7)})}let RP=function(w,E){return!!(W0&&w.hasChildNodes()&&!_9(w.firstElementChild)&&T2(LC,w.textContent)&&T2(LC,w.innerHTML)||W0&&w.namespaceURI===u3&&E==="style"&&_9(w.firstElementChild)||w.nodeType===C4.processingInstruction||W0&&w.nodeType===C4.comment&&T2(jD,w.data))},_P=function(w,E){if(!k3[E]&&Hu(E)&&(g0.tagNameCheck instanceof RegExp&&T2(g0.tagNameCheck,E)||g0.tagNameCheck instanceof Function&&g0.tagNameCheck(E)))return!1;if(P9&&!l2[E]){let l1=f(w),b1=z(w);if(b1&&l1){let $1=b1.length;for(let a0=$1-1;a0>=0;--a0){let p2=E9?b1[a0]:u(b1[a0],!0);l1.insertBefore(p2,g(w))}}}return S5(w),!0},Su=function(w){if(K4(a1.beforeSanitizeElements,w,null),Qt(w))return S5(w),!0;let E=U0(S?S(w):w.nodeName);if(K4(a1.uponSanitizeElement,w,{tagName:E,allowedTags:q1}),RP(w,E))return S5(w),!0;if(k3[E]||!(E2.tagCheck instanceof Function&&E2.tagCheck(E))&&!q1[E])return _P(w,E);if((C?C(w):w.nodeType)===C4.element&&!NP(w)||(E==="noscript"||E==="noembed"||E==="noframes")&&T2(YD,w.innerHTML))return S5(w),!0;if(o0&&w.nodeType===C4.text){let b1=Jt(w.textContent);w.textContent!==b1&&(e9(t.removed,{element:w.cloneNode()}),w.textContent=b1)}return K4(a1.afterSanitizeElements,w,null),!1},Au=function(w,E,l1){if(l4[E]||$t&&(E==="id"||E==="name")&&(l1 in a||l1 in VP))return!1;let b1=h0[E]||E2.attributeCheck instanceof Function&&E2.attributeCheck(E,w);if(!(W1&&T2(t0,E))){if(!(g1&&T2(I,E))){if(b1){if(!O7[E]){if(!T2(G0,We(l1,f1,""))){if(!((E==="src"||E==="xlink:href"||E==="href")&&w!=="script"&&bC(l1,"data:")===0&&D7[w])){if(!(_0&&!T2(H1,We(l1,f1,"")))){if(l1)return!1}}}}}else if(!(Hu(w)&&(g0.tagNameCheck instanceof RegExp&&T2(g0.tagNameCheck,w)||g0.tagNameCheck instanceof Function&&g0.tagNameCheck(w))&&(g0.attributeNameCheck instanceof RegExp&&T2(g0.attributeNameCheck,E)||g0.attributeNameCheck instanceof Function&&g0.attributeNameCheck(E,w))||E==="is"&&g0.allowCustomizedBuiltInElements&&(g0.tagNameCheck instanceof RegExp&&T2(g0.tagNameCheck,l1)||g0.tagNameCheck instanceof Function&&g0.tagNameCheck(l1))))return!1}}return!0},DP=Q1({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),Hu=function(w){return!DP[Ke(w)]&&T2(J2,w)},OP=function(w,E,l1,b1){if(H&&typeof m=="object"&&typeof m.getAttributeType=="function"&&!l1)switch(m.getAttributeType(w,E)){case"TrustedHTML":return N(b1);case"TrustedScriptURL":return D(b1)}return b1},GP=function(w,E,l1,b1){try{l1?w.setAttributeNS(l1,E,b1):w.setAttribute(E,b1),Qt(w)?S5(w):vC(t.removed)}catch{F6(E,w)}},Fu=function(w){K4(a1.beforeSanitizeAttributes,w,null);let E=w.attributes;if(!E||Qt(w))return;let l1={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:h0,forceKeepAttr:void 0},b1=E.length,$1=U0(w.nodeName);for(;b1--;){let a0=E[b1],p2=a0.name,a2=a0.namespaceURI,C3=a0.value,_3=U0(p2),to=C3,W2=p2==="value"?to:TD(to);if(l1.attrName=_3,l1.attrValue=W2,l1.keepAttr=!0,l1.forceKeepAttr=void 0,K4(a1.uponSanitizeAttribute,w,l1),W2=l1.attrValue,jt&&(_3==="id"||_3==="name")&&bC(W2,Yt)!==0&&(F6(p2,w),W2=Yt+W2),W0&&T2(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,W2)){F6(p2,w);continue}if(_3==="attributename"&&fC(W2,"href")){F6(p2,w);continue}if(!l1.forceKeepAttr){if(!l1.keepAttr){F6(p2,w);continue}if(!q0&&T2(XD,W2)){F6(p2,w);continue}if(o0&&(W2=Jt(W2)),!Au($1,_3,W2)){F6(p2,w);continue}W2=OP($1,_3,a2,W2),W2!==to&&GP(w,p2,a2,W2)}}K4(a1.afterSanitizeAttributes,w,null)},ea=function(w){let E=null,l1=Lu(w);for(K4(a1.beforeSanitizeShadowDOM,w,null);E=l1.nextNode();)if(K4(a1.uponSanitizeShadowNode,E,null),Su(E),Fu(E),W7(E.content)&&ea(E.content),(C?C(E):E.nodeType)===C4.element){let $1=b(E);W7($1)&&(eo($1),ea($1))}K4(a1.afterSanitizeShadowDOM,w,null)},eo=function(w){let E=[{node:w,shadow:null}];for(;E.length>0;){let l1=E.pop();if(l1.shadow){ea(l1.shadow);continue}let b1=l1.node,a0=(C?C(b1):b1.nodeType)===C4.element,p2=z(b1);if(p2)for(let a2=p2.length-1;a2>=0;--a2)E.push({node:p2[a2],shadow:null});if(a0){let a2=S?S(b1):null;if(typeof a2=="string"&&U0(a2)==="template"){let C3=b1.content;W7(C3)&&E.push({node:C3,shadow:null})}}if(a0){let a2=b(b1);W7(a2)&&E.push({node:null,shadow:a2},{node:a2,shadow:null})}}};return t.sanitize=function(r1){let w=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},E=null,l1=null,b1=null,$1=null;if(Z9=!r1,Z9&&(r1="<!-->"),typeof r1!="string"&&!_9(r1)&&(r1=ND(r1),typeof r1!="string"))throw p7("dirty is not a string, aborting");if(!t.isSupported)return r1;N1?(q1=y0,h0=B2):Jl(w),(a1.uponSanitizeElement.length>0||a1.uponSanitizeAttribute.length>0)&&(q1=K2(q1)),a1.uponSanitizeAttribute.length>0&&(h0=K2(h0)),t.removed=[];let a0=E9&&typeof r1!="string"&&_9(r1);if(a0){let C3=S?S(r1):r1.nodeName;if(typeof C3=="string"){let _3=U0(C3);if(!q1[_3]||k3[_3])throw p7("root node is forbidden and cannot be sanitized in-place")}if(Qt(r1))throw p7("root node is clobbered and cannot be sanitized in-place");try{eo(r1)}catch(_3){throw Mu(r1),_3}}else if(_9(r1))E=Cu("<!---->"),l1=E.ownerDocument.importNode(r1,!0),l1.nodeType===C4.element&&l1.nodeName==="BODY"||l1.nodeName==="HTML"?E=l1:E.appendChild(l1),eo(l1);else{if(!M5&&!o0&&!$&&r1.indexOf("<")===-1)return H&&H6?N(r1):r1;if(E=Cu(r1),!E)return M5?null:H6?_:""}E&&R7&&S5(E.firstChild);let p2=Lu(a0?r1:E);try{for(;b1=p2.nextNode();)Su(b1),Fu(b1),W7(b1.content)&&ea(b1.content)}catch(C3){throw a0&&Mu(r1),C3}if(a0)return qe(t.removed,C3=>{C3.element&&IP(C3.element)}),o0&&Ql(r1),r1;if(M5){if(o0&&Ql(E),_7)for($1=m1.call(E.ownerDocument);E.firstChild;)$1.appendChild(E.firstChild);else $1=E;return(h0.shadowroot||h0.shadowrootmode)&&($1=K.call(c,$1,!0)),$1}let a2=$?E.outerHTML:E.innerHTML;return $&&q1["!doctype"]&&E.ownerDocument&&E.ownerDocument.doctype&&E.ownerDocument.doctype.name&&T2(KD,E.ownerDocument.doctype.name)&&(a2="<!DOCTYPE "+E.ownerDocument.doctype.name+`>
|
|
3
|
-
`+a2),o0&&(a2=Jt(a2)),H&&H6?N(a2):a2},t.setConfig=function(){let r1=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Jl(r1),N1=!0,y0=q1,B2=h0},t.clearConfig=function(){q7=null,N1=!1,y0=null,B2=null,H=Z,_=""},t.isValidAttribute=function(r1,w,E){q7||Jl({});let l1=U0(r1),b1=U0(w);return Au(l1,b1,E)},t.addHook=function(r1,w){typeof w=="function"&&v2(a1,r1)&&e9(a1[r1],w)},t.removeHook=function(r1,w){if(v2(a1,r1)){if(w!==void 0){let E=HD(a1[r1],w);return E===-1?void 0:FD(a1[r1],E,1)[0]}return vC(a1[r1])}},t.removeHooks=function(r1){v2(a1,r1)&&(a1[r1]=[])},t.removeAllHooks=function(){a1=SC()},t}var eO=FC();TC.exports=eO});function UP(e,t){let a=Ko(t),c=a?a.inner:t;if(Yo(c))return!1;if(c?.type==="slot")return!0;let s=Rf(c);return s==="always"?!1:s==="authored-copy"?wv(e):!0}function Kz(e){let t=Ko(e),a=t?t.inner:e,c=Yo(a);return c?mb(a)?0:c.level:null}function KP(e,t,a){return a&&t===0&&e===G6.Content}var $P=new WeakMap,jP=new WeakMap;function V8(e,t="section"){let a=t==="page"?jP:$P,c=a.get(e);if(c)return c;let s=Object.entries(e).map(([m,p])=>({key:m,field:p,level:Kz(p),draws:UP(m,p)||t==="page"&&Kz(p)===null&&Bo(m,p)})),l=t==="section"&&s.some(m=>Bo(m.key,m.field)),o=new Set;for(let m=0;m<s.length;m++){let p=s[m].level;if(p===null)continue;let u=0;for(let d=m+1;d<s.length;d++){let g=s[d].level;if(g!==null&&g<=p)break;s[d].draws&&(u+=1)}u===0&&!KP(s[m].key,p,l)&&o.add(s[m].key)}let r=l&&Tb(e),i=r&&!(G6.Content in e);if(!o.size&&!i)return a.set(e,e),e;let n={};for(let m of s)o.has(m.key)||(n[m.key]=m.field);let h=M8(r?Fb(n):n);return a.set(e,h),h}var $z={name:"catalogueLabel",applies:e=>Object.prototype.hasOwnProperty.call(O9,e),draw(e,t){e.label=O9[t]}};function jz(e,t){let a=e.props?.id,c=t.appState?.data?.content;return!Array.isArray(c)||typeof a!="string"?!0:!c.some(s=>s?.props?.id===a)}function Nc(e,t){let a=e?.data?.content;if(!Array.isArray(a)||typeof t!="string")return;let c=(s,l)=>{for(let o of s){if(o?.props?.id===t)return l;for(let r of Object.values(o?.props??{}))if(Array.isArray(r)&&r.length>0&&typeof r[0]=="object"&&r[0]!==null&&"type"in r[0]){let i=c(r,o);if(i!==void 0)return i}}};return c(a,null)}var Yz={name:"sectionGroupAllow",applies:e=>zc.includes(e),panel(e,t,a,c){let s=e.fields?.sections;s&&(s.allow=[...c.sectionGroupAllow])}},nr=new Set(Object.keys(F1)),Xz={name:"openSlotDisallow",applies:()=>!0,panel(e,t,a,c){let s=c.contentSectionKeys;if(e?.fields)for(let l of Object.values(e.fields)){let o=l;if(o.type!=="slot"||o.allow)continue;let r=t==="Flex"?s.filter(i=>!nr.has(i)):s;o.disallow=Array.from(new Set([...o.disallow??[],...r]))}}};import{jsx as XP}from"react/jsx-runtime";var YP=Array.from(new Set([...Vb.map(e=>e.type),...nr,...ga,"GalleryItem"])),Jz={name:"cellWidth",applies:(e,t,a)=>YP.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let c=a.cellWidthFields;e.fields={...e.fields,...c()};let s=e.resolveFields;e.resolveFields=(l,o)=>{let r=s?s(l,o):o.fields,i=Nc(o.appState,l.props?.id);if(i===void 0||ag(i))return r;let n={...r};for(let h of Object.keys(c()))delete n[h];return n}},draw(e){let t=e.render;e.render=a=>{let c=eg(a.gridSpan),s=t(a);return c==null?s:XP("div",{className:"sf-grid-cell",[tg]:String(c),children:s})}}};import{useEffect as QP,useRef as eE}from"react";var oe="data-puck-component";function hr(e,t){return e.closest(`[${oe}]`)?.getAttribute(oe)===t}function JP(e,t,a){let c=e.querySelectorAll("*"),s=[],l=new Set;for(let u=0;u<c.length;u+=1){let d=c[u];if(!hr(d,t))continue;let g=d.getAttribute($9);g&&(s.push({element:d,partId:Y4(t,g)}),l.add(d))}let o=[];for(let u=0;u<c.length;u+=1){let d=c[u];if(!hr(d,t)||l.has(d))continue;let g=yv(d.textContent??"");g&&o.push({element:d,text:g})}let r=new Map,i=[],n=u=>u.row?`${u.key}.${u.row.rowKey}`:null,h=new Map;for(let u of a){let d=n(u);if(!d)continue;let g=h.get(d);g?g.push(u):h.set(d,[u])}let m=new Set;for(let[u,d]of h){if(d.length<2)continue;let g=d.flatMap(b=>b.texts);if(new Set(g).size===g.length)continue;let z=o.filter(b=>g.includes(b.text));if(z.length!==d.length)continue;let f=[...d].sort((b,y)=>(b.row?.index??0)-(y.row?.index??0));for(let b=0;b<f.length;b+=1){let y=f[b],C=z[b].element,S={key:y.key,partKey:Po(y.key,y.row),exact:!0},H=r.get(C);H?H.push(S):(r.set(C,[S]),i.push(C))}m.add(u)}for(let u of a){if(m.has(n(u)??""))continue;let d=Po(u.key,u.row);for(let g of u.texts){let z=[],f=null;for(let C of o)C.text===g?z.push(C.element):!z.length&&C.text.includes(g)&&(!f||C.text.length<=f.length)&&(f={element:C.element,length:C.text.length});let b=z.length?z:f?[f.element]:[],y=b.filter(C=>!b.some(S=>S!==C&&C.contains(S)));for(let C of y){let S={key:u.key,partKey:d,exact:z.length>0},H=r.get(C);H?H.push(S):(r.set(C,[S]),i.push(C))}}}let p=[...s];for(let u of i){let d=r.get(u)??[],g=d.some(z=>z.exact)?d.filter(z=>z.exact):d;if(new Set(g.map(z=>z.partKey)).size===1){p.push({element:u,partId:Y4(t,g[0].partKey)});continue}new Set(g.map(z=>z.key)).size===1&&p.push({element:u,partId:Y4(t,g[0].key)})}return p}function Qz(e,t,a){let c=e.querySelectorAll(`[${j4}]`);for(let l=0;l<c.length;l+=1){let o=c[l];hr(o,t)&&o.removeAttribute(j4)}let s=[];for(let{element:l,partId:o}of a)l.setAttribute(j4,o),s.push(l);return s}function ex(e,t,a,c,s){let l=null,o=null,r=()=>{let i=a(),n=i?.getAttribute(oe)??null;if(!i||!n)return!1;l=n;let h=Qz(e,n,JP(e,n,t));return s(i,n,h),!0};return r()||(o=c(()=>{(l||r())&&(o?.(),o=null)})),()=>{o?.(),o=null,l&&Qz(e,l,[])}}function tx(e,t){return e?.closest(`[${j4}]`)?.getAttribute(j4)??Y4(t,null)}function ax(e,t){return e!==Y4(t,null)}import{jsx as tE}from"react/jsx-runtime";function mr(e){let t=null,a=null;for(let c=e;c&&(t===null||a===null);c=c.parentElement){let s=c.getAttribute("class");t??=fg(s),a??=oo(s)}return{faceRole:t??"body",sizeGroup:a}}function Zc(e){let t=e.style,a={};for(let o of No)a[o]=t[o]??"",t[o]="";let c=getComputedStyle(e),s=getComputedStyle(e.ownerDocument.documentElement),l=Cv({fontSize:c.fontSize,fontWeight:c.fontWeight,lineHeight:c.lineHeight,letterSpacing:c.letterSpacing,textAlign:c.textAlign,textTransform:c.textTransform,paddingTop:c.paddingTop,maxWidth:c.maxWidth},Lv(c.fontFamily,o=>s.getPropertyValue(o)));for(let o of No)t[o]=a[o];return l}function pr({needles:e,styles:t,type:a,children:c}){let s=eE(null),{selectedPartId:l,select:o}=xc(),{setPartStyle:r}=wc(),i=JSON.stringify(e),n=JSON.stringify(t);return QP(()=>{let h=s.current;if(!h)return;let m=[],p=()=>h.parentElement,u=f=>{let b=p();if(!b)return null;let y=new MutationObserver(f);return y.observe(b,{attributes:!0,attributeFilter:[oe]}),()=>y.disconnect()},d=JSON.parse(i),g=JSON.parse(n),z=ex(h,d,p,u,(f,b,y)=>{let C=[];for(let Z of y){let q=Z,j=S8(q);j&&m.push(j),q.getAttribute(j4)===l?(q.setAttribute(I6,""),C.push(q)):q.removeAttribute(I6)}let S=Sv(b,l,C,Z=>bg(Z)!==null||oo(Z)!==null);if(S&&l){let Z=S;r({partId:l,...mr(Z),base:Zc(Z)})}Av(y.map(Z=>({element:Z,partId:Z.getAttribute(j4)??""})),g,Z=>Zc(Z),Z=>Hv(a,Z));let H=Z=>{let q=tx(Z.target,b);ax(q,b)&&(Z.stopPropagation(),Z.preventDefault()),o(q)},_=f;_.addEventListener("click",H,{capture:!0}),m.push(()=>_.removeEventListener("click",H,{capture:!0}))});return()=>{z();for(let f of m)f()}},[i,n,l,o,r]),tE("div",{ref:s,style:{display:"contents"},children:c})}import{jsx as cx}from"react/jsx-runtime";var sx={name:"clickableParts",applies:(e,t,a)=>typeof a?.render=="function",draw(e,t){let a=e,c=a.render;a.render=s=>{let l=r8(s);return s.puck?.isEditing?cx(pr,{needles:Eo(a.fields,s),styles:l,type:t,children:c(s)}):Object.keys(l).length?cx(Fv,{needles:Eo(a.fields,s),styles:l,type:t,children:c(s)}):c(s)}}};import{jsx as rx}from"react/jsx-runtime";var lx={name:"sectionCorners",applies:(e,t,a)=>t.isSection(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.sectionShapeFields()}},draw(e){let t=e.render;e.render=a=>{let c=aa(a.sectionCorners,a.sectionCornerSides),s=t(a),l=v0(a)?`sf-section-corners ${_u}`:"sf-section-corners";return c?rx("div",{className:l,style:{display:"contents",...c},children:s}):s}}},aE=["CollectionCard"],ox={name:"cardCorners",applies:(e,t,a)=>aE.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.cardShapeFields()}},draw(e){let t=e.render;e.render=a=>{let c=Du(a.cardCorners,a.cardCornerSides),s=t(a);return c?rx("div",{className:"sf-card-corners",style:{display:"contents",...c},children:s}):s}}};var ix={name:"emptyHeadings",applies:()=>!0,panel(e,t,a){let c=a.dropEmptyHeadings,s=e.resolveFields;e.resolveFields=s?(l,o)=>{let r=s(l,o);return r instanceof Promise?r.then(i=>c(i??o.fields)):c(r??o.fields)}:(l,o)=>c(o.fields)}};var nx={name:"hiddenNodes",applies:(e,t,a)=>typeof a?.render=="function",draw(e){let t=e.render;e.render=a=>a._hidden?null:t(a)}};import{Fragment as sE,jsx as mx,jsxs as lE}from"react/jsx-runtime";function cE({anchor:e}){let t=qf(typeof e=="string"?e:"");return t?mx("span",{id:t,className:"sf-section-anchor","aria-hidden":"true"}):null}var hx={name:"sectionAnchor",applies:(e,t,a)=>t.isSection(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let c=a.anchorFields;e.fields={...e.fields,...c()}},draw(e){e.defaultProps={...e.defaultProps,anchor:""};let t=e.render;e.render=a=>lE(sE,{children:[mx(cE,{anchor:a.anchor}),t(a)]})}};import{useEffect as oE,useRef as px}from"react";import{jsx as rE}from"react/jsx-runtime";function ux({motion:e,editing:t,children:a}){let c=px(null),s=px(e);return oE(()=>{let l=c.current;if(l){if(t){if(s.current===e)return;s.current=e,gg(l);return}return ug(l)}},[e,t]),rE("div",{ref:c,[pg]:e,children:a})}import{jsx as iE}from"react/jsx-runtime";var gx={name:"sectionAnimation",applies:(e,t,a)=>t.isSection(e)&&!dg.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let c=a.sectionAnimationFields;e.fields={...e.fields,...c()}},draw(e){let t=e,a=t.render;t.render=c=>{let s=mg(c.sectionAnimation);return s?iE(ux,{motion:s,editing:!!c.puck?.isEditing,children:a(c)}):a(c)}}};import{jsx as nE}from"react/jsx-runtime";var fx={name:"sectionHeight",applies:(e,t,a)=>t.isSection(e)&&!Jf.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let c=a.heightFields;e.fields={...e.fields,...c()};let s=e.resolveFields;e.resolveFields=(l,o)=>{let r=s?s(l,o):o.fields,i=l?.props??{},n=Xf(i),h=Qf(i)?eb(i):null;return r&&typeof r.then=="function"?r.then(m=>vx(dx(m,n),h)):vx(dx(r,n),h)}},draw(e){let t=e.render;e.render=a=>{let c=tb(a);return c?nE("div",{className:c.className,style:c.style,children:t(a)}):t(a)}}};function dx(e,t){if(!e||!("sectionHeightMode"in e))return e;let a={...e};if(t.mode==="auto")return delete a.sectionHeightValue,delete a.sectionHeightUnit,a;t.mode==="screen"&&delete a.sectionHeightUnit;let c=a.sectionHeightValue;return c&&(a.sectionHeightValue={...c,unit:t.unit}),a}function vx(e,t){if(!e||!("sectionHeightModePhone"in e))return e;let a={...e};if(!t||t.mode==="auto")return delete a.sectionHeightValuePhone,delete a.sectionHeightUnitPhone,a;t.mode==="screen"&&delete a.sectionHeightUnitPhone;let c=a.sectionHeightValuePhone;return c&&(a.sectionHeightValuePhone={...c,unit:t.unit}),a}var Ic="sf-card",i2={min:0,max:90,step:5,fallback:0,unit:"%"},q5=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],hE="68%",c3={desktop:20,phone:20,side:40,sidePhone:24},bx="sf-box-sides",zx={min:0,max:200,step:10};function P8(e){return typeof e=="string"&&e.trim()!==""}function Rc(e,t){let a=typeof e=="number"?e:Number.parseFloat(String(e??""));if(!Number.isFinite(a)||a<=0)return null;let s=(Math.min(i2.max,Math.max(i2.min,a))/100).toFixed(2);return t!=="bottom"?{background:`rgba(0,0,0,${s})`}:{background:`linear-gradient(0deg, rgba(0,0,0,${s}) 0%, rgba(0,0,0,0) ${hE})`}}function _c(e,t){let a={"top-left":["start","start"],"top-center":["center","start"],"top-right":["end","start"],left:["start","center"],center:["center","center"],right:["end","center"],"bottom-left":["start","end"],"bottom-center":["center","end"],"bottom-right":["end","end"]},[c,s]=a[e]??a.center,[l,o]=t==="column"?[s,c]:[c,s],r={start:"justify-start",center:"justify-center",end:"justify-end"},i={start:"items-start",center:"items-center",end:"items-end"};return`${r[l]} ${i[o]}`}import{jsx as uE}from"react/jsx-runtime";var Dc={ParagraphsA:{top:60,bottom:80},StatsParagraph:{top:120,bottom:120},Timeline:{top:120,bottom:120},Footprint:{top:120,bottom:120},TimelineTrack:{top:120,bottom:120},TitleWithButtons:{top:140,bottom:140},ProcessSteps:{top:120,bottom:120},DetailRows:{top:100,bottom:100}},xx=new Set(Object.keys(Dc)),mE=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),wx=new Set(["ProductGrid"]);function ur(e,t){let a=e.render;e.render=c=>{if(t?.(c))return a(c);let s=p8(c.sectionPaddingTop,c.sectionPaddingBottom,c.sectionPaddingTopPhone,c.sectionPaddingBottomPhone),l=a(c);return s?uE("div",{className:s.className,style:s.style,children:l}):l}}var yx={name:"sectionPadding",applies:(e,t,a)=>t.isSection(e)&&!mE.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){xx.has(t)||wx.has(t)||(e.fields={...e.fields,...a.spacingFields({phone:!0})})},draw(e,t){if(xx.has(t)){let a=e.render,c=Dc[t];e.render=s=>{let l=Yf(s,c);return a({...s,padTop:l.top,padBottom:l.bottom})};return}if(wx.has(t)){ur(e);return}ur(e,t==="Flex"?a=>P8(a.bgImage):void 0)}},pE=["Heading","Text"],kx={name:"blockPadding",applies:(e,t,a)=>pE.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.spacingFields({phone:!0})}},draw(e){ur(e)}};import{jsx as gE}from"react/jsx-runtime";var Mx={name:"sectionTheme",applies:(e,t,a)=>t.isSection(e)&&!hg.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let{sectionThemeFields:c,SECTION_THEME_FOLLOW_LABEL:s}=a,l=po.has(t);e.fields={...e.fields,...l?c(n4,s):c()}},draw(e,t){let a=po.has(t),c=e.render;e.render=s=>{let l=U7(a?{...s,sectionAccent:n4(s.sectionAccent)}:s),o=c(s);return l?gE("div",{className:l.className,style:l.style,children:o}):o}}},Cx={name:"slideTheme",applies:e=>e==="HeroSlide",panel(e,t,a){let{sectionThemeFields:c,BLOCK_THEME_FOLLOW_LABEL:s}=a;e?.fields&&(e.fields={...e.fields,...c(n4,s)})}};import{WidthIcon as fE}from"efficient-easel/icons";var W6={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function Lx(e){return typeof e!="number"?null:{width:`${e}${W6.unit}`,maxWidth:"100%"}}var dE=new Set(["Flex","Grid"]);function gr(e,t){return e&&!t}var vE=e=>Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"type"in e[0];function Sx(e,t){if(!Array.isArray(e)||typeof t!="string")return;let a=(c,s)=>{for(let l of c){let o=l?.props??{};if(o.id===t)return s;let r=String(l?.type??""),i=dE.has(r)&&gr(u2(o,"page").mode!=="full",s);for(let n of Object.values(o)){if(!vE(n))continue;let h=a(n,s||i);if(h!==void 0)return h}}};return a(e,!1)}import{jsx as Oc}from"react/jsx-runtime";var bE=new Set(["SectionHeader","ProductGrid","IntroBleed","RelatedProducts","Banner","Stats","Logos","Divider","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer","Flex","Grid"]),zE=new Set(["Hero","HeroSingle","Manifesto","ProductHero"]),xE=new Set(["ProductHero"]),Ax={name:"sectionWidth",applies:(e,t,a)=>t.isSection(e)&&!bE.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let c=a.widthField;e.fields={...e.fields,...c("full")};let s=e.resolveFields;e.resolveFields=(l,o)=>{let r=s?s(l,o):o.fields,i=u2(l?.props??{},"full");return r&&typeof r.then=="function"?r.then(n=>W5(n,i)):W5(r,i)}},draw(e,t){let a=zE.has(t),c=e.render;e.render=s=>{let{mode:l,inherited:o}=u2(s,"full"),r=c(s);if(l==="full")return a&&!o&&!xE.has(t)?Oc("div",{style:{[Ug]:"none",[Kg]:"initial",[$g]:"initial"},children:r}):r;let i=A5(q9);return a?Oc("div",{style:{"--sf-page-cap":q9},children:r}):Oc("div",{style:i,children:r})}}};function W5(e,t){if(!e||!("widthMode"in e))return e;let a={...e},c=a.widthMode;return c&&(a.widthMode={...c,currentValue:t.mode,inherited:t.inherited}),a}var wE=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),Hx={name:"containedWidth",applies:(e,t,a)=>wE.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let c=a.widthField;e.fields={...e.fields,...c("page")};let s=e.resolveFields;e.resolveFields=(l,o)=>{let r=s?s(l,o):o.fields,i=u2(l?.props??{},"page"),n=h=>kE(W5(h,i),l,o);return r&&typeof r.then=="function"?r.then(n):n(r)}},draw(e){let t=e.render;e.render=a=>{let{mode:c}=u2(a,"page");return t({...a,contained:c!=="full"})}}},Fx={name:"buttonAlignInRow",applies:e=>e==="ButtonBlock",panel(e){let t=e,a=t?.resolveFields;t.resolveFields=(c,s)=>{let l=a?a(c,s):s.fields,o=r=>{let i=Nc(s.appState,c.props?.id);if(!i||i.type!=="HeroGroup"||cc("HeroGroup",i.props?.direction)!=="row")return r;let n={...r};return delete n.align,n};return l&&typeof l.then=="function"?l.then(o):o(l)}}};function yE(e){return Object.values(e).some(t=>!!t&&typeof t=="object"&&t.type==="slot")}function kE(e,t,a){if(yE(e)){let s=a.appState?.data?.content;if(Sx(s,t.props?.id)!==!0)return e;let l={...e};return delete l.widthMode,delete l.pageWidth,l}if("parent"in a){if(!Eb(a.parent))return e}else if(!jz({props:t.props??{}},a))return e;let c={...e};return delete c.widthMode,delete c.pageWidth,c}var Tx={name:"imageWidth",applies:e=>e==="ImageBlock",panel(e,t,a){let c=a.slider;if(e?.fields){let s=c("Image width",Oc(fE,{}),W6.min,W6.max,W6.step,W6.fallback,W6.unit),l="focal",o=Object.entries(e.fields),r=o.findIndex(([i])=>i===l);e.fields=Object.fromEntries(r===-1?[...o,["width",s]]:[...o.slice(0,r+1),["width",s],...o.slice(r+1)])}}};var ME=new Set(["Reviews","Cards","FAQ","Prose","ProductHero","SpecTable","ProductGrid","ParagraphsA","KeyFeatures","Stats","StatsParagraph","Chart","Mockup","Testimonials","Logos","ContactRouting","ContactLocations","SubmitBuild","ReviewForm","Form","AppointmentBooking","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Collections","AlloyWheelsListing","CatalogFilterBar","FitmentFinder","GalleryB","BrandStrip","DocMasthead","DocBody","DocMetaCards","Masthead","FeaturedCover","LongRead","Series","Events","SectionHeader","Grid","Flex","Spacer","Divider","CustomHTML","Breadcrumb","CategoryBar","DocTabs","Hero","HeroSingle","IntroBleed","Manifesto","Timeline","TimelineTrack","Footprint","Banner","TitleWithButtons","Ticker","SubscribeBlogs","TyreSizes","TyreFitment","EuTyreLabel","SpecStrip","ProcessSteps","DetailRows","FitmentTable","CompatibleTyres","RelatedProducts","BundleOffer","Split","Gallery","Subscribe"]),Vx={name:"sectionGroups",applies:(e,t)=>t.isSection(e)&&(ME.has(e)||t.isHostBlock(e)),panel(e,t,a){let c=a.assignSectionGroups;e?.fields&&(e.fields=c(e.fields,t))}},CE=new Set(["HeroSlide","Heading","Text","ImageBlock","ButtonBlock","HeroGroup","GalleryItem","Footer","FooterLogo","FooterMenu","FooterGroup","FooterText","PostCard","LogoBlock","CollectionCard","Eyebrow","BookingBox","SubmitBox","FooterSocial","MenuBlock","SocialLogosBlock","EmailFormBlock","SearchBlock","CartBlock"]),Px={name:"blockGroups",applies:e=>CE.has(e),panel(e,t,a){let c=a.assignSectionGroups;e?.fields&&(e.fields=c(e.fields,t))}};var LE=["Form","Stats"];function dr(e,t){let a=new Set(e),c=Rg.filter(i=>a.has(i)),s=c.filter(i=>i!=="Header"&&i!=="Footer"&&!zc.includes(i)),l=new Set([...t,...ga,...LE]),o=c.filter(i=>!l.has(i)),r=new Set(c);return{isSection:i=>r.has(i),isHostBlock:()=>!1,sectionGroupAllow:s,contentSectionKeys:o}}var SE=[Yz,Xz,yx,lx,ox,kx,Jz,Ax,Hx,Fx,Tx,fx,hx,Mx,gx,Cx,Vx,Px,ix,sx,nx,$z];function Ex(e,t,a){let c=t;for(let s of SE)s.applies(e,a,c)&&(a.inspector&&s.panel?.(c,e,a.inspector,a),s.draw?.(c,e,a));return t}var Bx={spacingFields:f4,sectionShapeFields:nc,cardShapeFields:gb,cellWidthFields:zb,widthField:b4,heightFields:xb,anchorFields:wb,sectionThemeFields:ic,sectionAnimationFields:ub,slider:J,assignSectionGroups:bc,dropEmptyHeadings:V8,SECTION_THEME_FOLLOW_LABEL:tc,BLOCK_THEME_FOLLOW_LABEL:Of};import{SettingsField as AE,SettingsSegmented as HE}from"efficient-easel/panel";import{WidthIcon as FE}from"efficient-easel/icons";import{jsx as Gc}from"react/jsx-runtime";function re({value:e,resolved:t,onChange:a,label:c="Width",labelId:s,followsLabel:l,hint:o}){let r=e===void 0,i=r?t:e;return Gc(AE,{label:c,labelId:s,icon:Gc(FE,{}),value:r?l:void 0,changed:!r,action:r?void 0:Gc(Wu,{label:c,what:"change",onClear:()=>a(void 0)}),hint:o,children:Gc(HE,{options:[{label:jo.page,id:"content"},{label:jo.full,id:"full"}],value:i,ariaLabel:c,onChange:a})})}import{createContext as TE,useContext as VE,useMemo as PE}from"react";import{jsx as EE}from"react/jsx-runtime";var Nx=TE({originData:null,originSlug:null,exitFocus:()=>{}});function Q11({children:e,originData:t,originSlug:a,exitFocus:c}){let s=PE(()=>({originData:t,originSlug:a,exitFocus:c}),[t,a,c]);return EE(Nx.Provider,{value:s,children:e})}var Zx=()=>VE(Nx);import{useEffect as $x,useRef as KE,useState as jx}from"react";import{createContext as BE,useContext as vr,useEffect as NE,useState as ZE,useSyncExternalStore as IE}from"react";import{jsx as DE}from"react/jsx-runtime";var Rx=[];function RE(){let e=Rx,t=new Set,a=c=>{e=c;for(let s of t)s()};return{offer:c=>(a([...e,c]),()=>{let s=e.indexOf(c);s>=0&&a([...e.slice(0,s),...e.slice(s+1)])}),subscribe:c=>(t.add(c),()=>t.delete(c)),offered:()=>e}}var qc=BE(null);function _x({children:e}){let[t]=ZE(RE);return DE(qc.Provider,{value:t,children:e})}var Wc=()=>vr(qc)!==null;function fr(e){let t=vr(qc);NE(()=>{if(!(!t||!e))return t.offer(e)},[t,e])}var _E=()=>()=>{},Ix=()=>Rx;function Dx(){let e=vr(qc),t=IE(e?.subscribe??_E,e?.offered??Ix,Ix);return e?{search:t.includes("search"),region:t.includes("region")}:null}import{createContext as OE,useCallback as Ox,useContext as GE,useMemo as qE,useState as WE}from"react";import{jsx as UE}from"react/jsx-runtime";var Gx=OE({live:Qo,ready:!1,primeLive:()=>{},setLive:()=>{}});function r01({children:e}){let[t,a]=WE({live:Qo,ready:!1}),c=Ox(o=>a(r=>r.ready?r:{live:o,ready:!0}),[]),s=Ox(o=>a({live:o,ready:!0}),[]),l=qE(()=>({...t,primeLive:c,setLive:s}),[t,c,s]);return UE(Gx.Provider,{value:l,children:e})}var qx=()=>GE(Gx);import{jsx as c0,jsxs as w4}from"react/jsx-runtime";var $E=e=>/^https?:\/\//i.test(e),Yx="flex list-none flex-col gap-2.5 text-[13px]",br="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",Wx="text-[12px] italic text-fg-dim/70",Xx=(e,t)=>e&&t>0?"border-t border-line pt-2.5":"";function jE({showDividers:e}){return c0("ul",{className:Yx,children:Array.from({length:4},(t,a)=>c0("li",{className:`text-fg ${Xx(e,a)}`,children:c0(Wo,{})},a))})}function Jx({item:e,label:t,link:a,onNavigate:c}){return df(e.url)?c0("span",{className:t,children:k(e.label)}):$E(e.url)?c0("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:a,onClick:c,children:k(e.label)}):c0(r0,{href:e.url,className:a,onClick:c,children:k(e.label)})}function Ux({items:e,showDividers:t}){return c0("ul",{className:Yx,children:e.map((a,c)=>c0("li",{className:Xx(t,c),children:c0(Jx,{item:a,label:"text-fg",link:"text-fg transition-colors hover:text-accent"})},`${a.label}-${c}`))})}var YE="opacity-80 transition-opacity hover:opacity-100";function XE({items:e,label:t,editing:a}){let[c,s]=jx(!1),l=KE(null),o=Dx(),{open:r}=Ua(),i=t||"Menu",n=()=>s(!1);$x(()=>{if(!c)return;let p=l.current?.ownerDocument.body;if(!p)return;let u=p.style.overflow;return p.style.overflow="hidden",()=>{p.style.overflow=u}},[c]);let h=(p,u,d)=>e===null?Array.from({length:4},(g,z)=>c0("li",{className:u,children:c0(Wo,{})},z)):e.map((g,z)=>c0("li",{className:u,children:c0(Jx,{item:g,label:p,link:`${p} ${YE}`,onNavigate:d})},`${g.label}-${z}`)),m=o&&(o.search||o.region)?o:null;return w4("nav",{ref:l,"aria-label":i,"data-menu-row":"",className:"min-w-0",children:[c0("ul",{className:"m-0 hidden list-none flex-wrap items-center gap-x-[30px] gap-y-2 p-0 font-mono text-[13px] uppercase tracking-[0.18em] min-[801px]:flex",children:h("","")}),c0("button",{type:"button",className:"flex h-11 w-11 items-center justify-center min-[801px]:hidden","aria-expanded":c,"aria-label":c?"Close the menu":"Open the menu",onClick:()=>s(p=>!p),children:c0("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round","aria-hidden":"true",children:c?c0("path",{d:"M6 6l12 12M18 6L6 18"}):c0("path",{d:"M4 7h16M4 12h16M4 17h16"})})}),c?w4("div",{role:"dialog","aria-label":i,className:"fixed inset-x-0 bottom-0 top-[var(--sf-header-h,60px)] z-[60] flex flex-col overflow-y-auto bg-bg text-fg min-[801px]:hidden",onKeyDown:p=>{p.key==="Escape"&&n()},children:[c0("ul",{className:"m-0 flex list-none flex-col px-5 py-3 font-mono text-[16px] uppercase tracking-[0.18em]",children:h("","flex min-h-14 items-center border-b border-line",n)}),m?w4("div",{className:"mt-auto flex flex-col gap-3.5 border-t border-line bg-surface p-5",children:[m.search?w4("button",{type:"button",className:"flex h-12 items-center gap-3 border border-line bg-bg px-3.5 text-left text-[15px]",onClick:a?void 0:()=>{n(),r()},children:[c0(D6,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),Mf.search]}):null,m.region?w4("div",{className:"flex items-center justify-between",children:[c0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),c0(ja,{})]}):null]}):null]}):null]})}function ie({menu:e,heading:t,accordionMobile:a=!1,showDividers:c=!1,editing:s=!1,layout:l="column"}){let{live:o,ready:r}=qx(),i=Nb({id:e?.id,handle:e?.handle,editing:s,ready:r,live:o}),n=i?[]:e?.items??[],h=t||e?.name||"",[m,p]=jx(!1);return $x(()=>{if(!a)return;let u=window.matchMedia("(max-width: 800px)"),d=()=>p(u.matches);return d(),u.addEventListener("change",d),()=>u.removeEventListener("change",d)},[a]),l==="row"?c0(XE,{items:i?null:n,label:h,editing:s}):i?w4("div",{className:"min-w-0",children:[c0("h4",{className:br,children:t?z0(t):zf}),c0(jE,{showDividers:c}),c0("p",{className:`mt-3 ${Wx}`,children:xf})]}):n.length===0?w4("div",{className:"min-w-0",children:[h?c0("h4",{className:br,children:z0(h)}):null,s?c0("p",{className:Wx,children:wf}):null]}):a&&m?w4("details",{className:"min-w-0 border-b border-line",children:[w4("summary",{className:"flex cursor-pointer list-none items-center justify-between py-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:[z0(h),c0("span",{"aria-hidden":!0,children:"\uFF0B"})]}),c0("div",{className:"pb-3",children:c0(Ux,{items:n,showDividers:c})})]}):w4("div",{className:"min-w-0",children:[h?c0("h4",{className:br,children:z0(h)}):null,c0(Ux,{items:n,showDividers:c})]})}import{createContext as tB,useContext as aB}from"react";var Qx="grayscale(1) contrast(1.03)",ew="Black and white";function JE(e){return e===!0?{filter:Qx}:{}}function QE(e){let{filter:t}=JE(e);return t?{style:{filter:t}}:{}}var ne="sf-photo-grayscale",eB=`@media (hover:hover){.${ne}{filter:${Qx};transition:filter 160ms ease}.${ne}:hover{filter:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.${ne}{transition:none}}`;function E8(e,t){return typeof e=="boolean"?e?QE(!0):{}:t===!0?{className:ne}:{}}function tw(e){return e===!0?{[ne]:eB}:{}}import{jsx as cB,jsxs as sB}from"react/jsx-runtime";var aw=tB(!1);function B8(){return aB(aw)}function cw({grayscale:e,children:t}){let a=e===!0;return sB(aw.Provider,{value:a,children:[Object.entries(tw(e)).map(([c,s])=>cB("style",{children:s},c)),t]})}var Uc="";function ow(e){if(typeof e=="string"||typeof e=="number")return e;if(e&&typeof e=="object"&&"text"in e){let t=e.text;return typeof t=="string"?t:null}return null}function sw(e){let t=ow(e);if(t===null||typeof t=="string"&&t.trim()==="")return null;let a=Number(t);return Number.isSafeInteger(a)&&a>0?a:null}function lw(e){let t=ow(e);if(t===null||typeof t=="string"&&t.trim()==="")return null;let a=Number(t);return Number.isFinite(a)&&a>=0?a:null}function lB(e){return i8.some(t=>t.f===e)?e:null}function oB(e){return typeof e=="string"&&e!==""?e:null}function rw(e){return e?{...Ro,process:oB(e.openingProcess),size:sw(e.openingSize),lugs:sw(e.openingLugs),finish:lB(e.openingFinish),priceMin:lw(e.openingPriceMin),priceMax:lw(e.openingPriceMax)}:Ro}var iw={value:Uc,label:"Any"},nw=[iw,...i8.map(e=>({value:e.f,label:e.label}))],hw=[iw,...G9.map(e=>({value:e.key,label:e.key}))];import{useCallback as MB,useEffect as jc,useRef as Cw,useState as he}from"react";var rB={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function mw(e,t){let a={};for(let c of pa){let s=e[c];if(!s)continue;let l=Mv({role:s},rB,t);l.fontFamily&&(a[fo[c].font]=l.fontFamily),l.fontSize&&(a[fo[c].size]=l.fontSize)}return a}import{useEffect as iB}from"react";import{jsx as Y0,jsxs as N8}from"react/jsx-runtime";var pw="w-full border-2 border-line bg-bg px-4 py-3.5 font-display text-[17px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent";function nB({label:e,required:t,children:a}){return N8("label",{className:"flex flex-col gap-2",children:[N8("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-fg",children:[e,t?Y0("span",{className:"text-accent",children:" *"}):null]}),a]})}function hB({field:e,value:t,onChange:a}){let c={field:e,value:t,onChange:a};return e.type==="checkbox"?N8("label",{className:"flex items-start gap-3",children:[Y0(ae,{...c,className:"mt-1 size-4 accent-accent"}),N8("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-fg",children:[e.label,e.required?Y0("span",{className:"text-accent",children:" *"}):null]})]}):Y0(nB,{label:e.label,required:e.required,children:Y0(ae,{...c,className:e.type==="textarea"?pw+" resize-y":pw})})}function uw({children:e}){return Y0("section",{className:"relative z-[2] border-t border-line bg-surface",children:Y0("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:Y0("p",{className:"font-mono text-[12px] uppercase tracking-[0.22em] text-fg-dim",children:e})})})}function zr({formSlug:e,heading:t,intro:a,submitText:c,finePrint:s,form:l,editing:o=!1}={}){let r=O5(e,l);if(r===void 0)return Y0(uw,{children:"Loading form\u2026"});if(r===null)return Y0(uw,{children:o?"Choose a form in the inspector, under Form.":"This form is unavailable."});let i=(t??"").trim()||r.title;return Y0("section",{className:"relative z-[2] border-t border-line bg-surface",children:N8("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[i&&Y0("h2",{className:"mb-4 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:i}),(a??"").trim()&&Y0("p",{className:"mb-11 max-w-[640px] font-display text-[16px] leading-[1.6] text-fg-dim",children:a}),Y0(xr,{form:r,formSlug:e,submitText:c,finePrint:s,editing:o})]})})}function xr({form:e,formSlug:t,submitText:a,finePrint:c,editing:s=!1,onSent:l}){let{valueOf:o,set:r,honeypot:i,setHoneypot:n,submitting:h,done:m,error:p,handleSubmit:u}=A8({form:e,formSlug:t,editing:s});iB(()=>{m&&l?.()},[m]);let d=(a??"").trim()||e.submitButtonText?.trim()||"Submit";return m?Y0("p",{role:"status",className:"max-w-[560px] font-serif text-[19px] italic leading-[1.6] text-fg-dim",children:kc(e)}):N8("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:u,children:[e.fields.map(g=>Y0(hB,{field:g,value:o(g.key),onChange:z=>r(g.key,z)},g.key)),Y0(Mc,{value:i,onChange:n}),p&&Y0("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:p}),Y0("button",{type:s?"button":"submit",disabled:h,className:"cursor-pointer self-start bg-btn px-8 py-4 font-mono text-[14px] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg hover:text-bg disabled:cursor-wait disabled:opacity-60",children:h?"Sending\u2026":d}),e.consentText?.trim()&&Y0("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:e.consentText}),(c??"").trim()&&Y0("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:c})]})}import{useCallback as gw,useRef as mB,useState as dw}from"react";function Kc({source:e,dryRun:t=!1}){let[a,c]=dw("idle"),[s,l]=dw(null),o=mB(!1),r=gw(()=>{o.current=!1,l(null),c("idle")},[]),i=gw(async n=>{if(!o.current){if(!Pa(n.email)){c("invalid");return}o.current=!0,l(null),c("sending");try{t||await D0.createNewsletterSubscription(fv(n,e))}catch(h){o.current=!1,l(h),c("error");return}o.current=!1,c("sent")}},[e,t]);return{status:a,error:s,submit:i,reset:r}}import{createContext as dB,useCallback as $c,useContext as vB,useEffect as fB,useMemo as bB,useRef as zB,useState as kr}from"react";var vw="/edit";function fw(e){return e===vw||e.startsWith(`${vw}/`)}var zw="storefront-subscribe-seen",xw="storefront-popup-closed-at",pB=1440*60*1e3,uB=["/checkout","/cart"];function bw(e){let t=e.split(/[?#]/)[0]||"/",a=t.startsWith("/")?t:`/${t}`;return a.length>1?a.replace(/\/+$/,"")||"/":a}function wr(e,t,a){let c=bw(e);return uB.some(s=>c===s||c.startsWith(`${s}/`))?!1:t==="all"?!0:a.some(s=>bw(s)===c)}function gB(e,t,a,c){if(e==="never")return!1;if(a.session.getItem(zw)==="1")return!0;if(e==="visit")return!1;let s=Number(a.local.getItem(xw));return!Number.isFinite(s)||s<=0?!1:c-s<t*pB}function yr(e,t){e.session.setItem(zw,"1"),e.local.setItem(xw,String(t))}function ww(e,t){return e==="exit"&&!t?"delay":e}function yw(e,t,a){let c=a-t;return c<=0?100:Math.min(100,Math.max(0,e/c*100))}function kw(e,t,a){return!e.autoOpen||e.inEditor||!wr(e.path,e.showOn,e.showOnPages)||e.hideAfter!=="never"&&!xg(t.session)?!1:!gB(e.hideAfter,e.hideDays,t,a)}import{jsx as kB}from"react/jsx-runtime";var Mw=dB(null),Mr={session:wg,local:Q2};function xB(){try{return window.matchMedia("(hover: hover) and (pointer: fine)").matches}catch{return!1}}var wB=15,yB=[];function t21({children:e,disableAutoTrigger:t,autoOpen:a=!1,autoOpenDelaySec:c=wB,trigger:s="delay",scrollPercent:l=50,showOn:o="all",showOnPages:r=yB,hideAfter:i="visit",hideDays:n=7}){let[h,m]=kr(!1),[p,u]=kr("chosen"),[d,g]=kr({}),z=uf()??"/",f=fw(z),b=wr(z,o,r),y=zB(!1),C=$c(q=>{g(q??{}),u("newsletter"),m(!0)},[]),S=$c(()=>{y.current=!0,g({}),u("chosen"),m(!0)},[]),H=$c(()=>yr(Mr,Date.now()),[]),_=$c(()=>{m(!1),yr(Mr,Date.now())},[]);fB(()=>{if(t||y.current||!kw({autoOpen:a,inEditor:f,path:z,showOn:o,showOnPages:r,hideAfter:i,hideDays:n},Mr,Date.now()))return;let j=ww(s,xB());if(j==="scroll"){let N=()=>{yw(window.scrollY,window.innerHeight,document.documentElement.scrollHeight)>=l&&(window.removeEventListener("scroll",N),S())};return window.addEventListener("scroll",N,{passive:!0}),()=>window.removeEventListener("scroll",N)}if(j==="exit"){let N=D=>{D.relatedTarget===null&&D.clientY<=0&&(document.removeEventListener("mouseout",N),S())};return document.addEventListener("mouseout",N),()=>document.removeEventListener("mouseout",N)}let B=window.setTimeout(S,Math.max(0,c)*1e3);return()=>window.clearTimeout(B)},[t,a,f,b,s,c,l,i,n,S]);let Z=bB(()=>({isOpen:h,mode:p,open:C,close:_,markSent:H,prefillEmail:d.email??"",signupSource:d.source??A3.popup}),[h,p,C,_,H,d]);return kB(Mw.Provider,{value:Z,children:e})}function Cr(){let e=vB(Mw);if(!e)throw new Error("useSubscribePopup() must be called inside <SubscribePopupProvider>. Mount the provider in app/layout.tsx.");return e}import{Fragment as SB,jsx as U1,jsxs as $0}from"react/jsx-runtime";var CB=50;function LB(e){let t=U7({sectionAccent:n4(e.sectionAccent)}),a=aa(e.sectionCorners,e.sectionCornerSides);return{className:t?.className??"",style:{...t?.style??{},...a??{},...mw(e.textStyles)}}}function Sw({content:e,open:t=!0,onClose:a,onSent:c,inline:s=!1,prefillEmail:l="",source:o=A3.popup,mode:r="chosen",form:i}){let n=r==="chosen"?e.formSlug:"",h=O5(n||void 0,s?void 0:i??null),m=!!n&&!!h,[p,u]=he(""),[d,g]=he(""),[z,f]=he(()=>new Set(e.interests.slice(0,1))),[b,y]=he(e.frequencies[0]??""),{status:C,error:S,submit:H,reset:_}=Kc({source:o,dryRun:s}),Z=C==="sending",q=C==="invalid"?e.emailInvalidText:C==="error"?S instanceof Mg?S.message:e.submitErrorText:null,[j,B]=he(""),N=Cw(null),D=Cw(null);jc(()=>{t&&_()},[t,_]),jc(()=>{C==="sent"&&!s&&c?.()},[C]);let T=MB(()=>a?.(),[a]);if(o8({active:!s&&t,onDismiss:T}),jc(()=>{if(s||!t)return;let I=window.setTimeout(()=>D.current?.focus(),CB);return()=>window.clearTimeout(I)},[s,t]),jc(()=>{!t||!l||g(l)},[t,l]),!s&&!t)return null;function R(I){f(H1=>{let f1=new Set(H1);return f1.has(I)?f1.delete(I):f1.add(I),f1})}function i1(I){I.target===N.current&&a?.()}function O(I){I.preventDefault();let H1=d.trim().toLowerCase();B(H1),H({email:H1,firstName:p,interests:[...z],frequency:b})}let m1=e.successBody.replace(/\{email\}/g,j).replace(/\{issue\}/g,e.issueNumber),Q=LB(e),K=e.formSide==="left",a1=$0("div",{className:"flex flex-wrap items-center justify-between gap-5 uppercase tracking-[0.18em] text-fg-dim",children:[$0("span",{className:"flex items-center gap-2 font-[family-name:var(--pp-fineprint-font,var(--font-mono))] text-[length:var(--pp-fineprint-size,12px)]",children:[U1("span",{className:"block h-1.5 w-1.5 rounded-full bg-accent"}),k(e.finePrint)]}),!s&&U1("button",{type:"button",onClick:a,className:"font-[family-name:var(--pp-dismiss-font,var(--font-mono))] text-[length:var(--pp-dismiss-size,12px)] uppercase tracking-[0.18em] text-fg-dim underline underline-offset-[3px] transition-colors hover:text-fg",children:k(e.dismissText)})]}),B1=$0(SB,{children:[U1("span",{className:"contents [&>span]:font-[family-name:var(--pp-formeyebrow-font,var(--font-mono))] [&>span]:text-[length:var(--pp-formeyebrow-size,var(--size-label,13px))]",children:U1(I1,{text:e.formLabel,scaled:!1,className:"mb-[18px]"})}),U1("h2",{id:"subscribe-modal-title",className:"font-[family-name:var(--pp-formheading-font,var(--font-display))] text-[length:var(--pp-formheading-size,34px)] font-medium uppercase leading-none tracking-[-0.025em] [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.02em]",children:U(e.formHeading)}),U1("p",{className:"mt-3.5 font-[family-name:var(--pp-formintro-font,var(--font-serif))] text-[length:var(--pp-formintro-size,17px)] italic leading-[1.55] text-fg-dim",children:k(e.formIntro,!0)})]}),X="px-11 py-12 max-[880px]:px-[26px] max-[880px]:py-8",D1;m&&h?D1=$0("div",{className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${X}`,children:[B1,U1("div",{className:"mt-8",children:U1(xr,{form:h,formSlug:n,editing:s,onSent:c})}),U1("div",{className:"mt-auto pt-7",children:a1})]}):C!=="sent"?D1=$0("form",{onSubmit:O,noValidate:!0,className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${X}`,children:[B1,$0("div",{className:"mt-8 flex flex-col gap-[18px]",children:[U1(Lw,{label:e.firstNameLabel,required:!0,children:U1("input",{type:"text",value:p,onChange:I=>u(I.target.value),placeholder:e.firstNamePlaceholder,required:!0,className:"border border-line bg-surface px-4 py-3.5 font-display text-[15px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:tracking-[0.04em] placeholder:text-fg-dim focus:border-accent"})}),U1(Lw,{label:e.emailLabel,required:!0,children:U1("input",{type:"email",value:d,onChange:I=>g(I.target.value),placeholder:e.emailPlaceholder,required:!0,className:"border border-line bg-surface px-4 py-3.5 font-display text-[15px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:tracking-[0.04em] placeholder:text-fg-dim focus:border-accent"})}),$0("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[U1("span",{className:"font-[family-name:var(--pp-fieldlabel-font,var(--font-mono))] text-[length:var(--pp-fieldlabel-size,12px)] uppercase tracking-[0.28em] text-fg-dim",children:k(e.interestsLabel)}),U1("div",{className:"flex flex-wrap gap-2",children:e.interests.map((I,H1)=>{let f1=z.has(I);return U1("button",{type:"button",onClick:()=>R(I),"aria-pressed":f1,className:["select-none border px-3.5 py-2.5 font-[family-name:var(--pp-option-font,var(--font-mono))] text-[length:var(--pp-option-size,12px)] uppercase tracking-[0.22em] transition-all",f1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:I},`${I}-${H1}`)})})]}),e.frequencies.length>0&&$0("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[U1("span",{className:"font-[family-name:var(--pp-fieldlabel-font,var(--font-mono))] text-[length:var(--pp-fieldlabel-size,12px)] uppercase tracking-[0.28em] text-fg-dim",children:k(e.frequencyLabel)}),U1("div",{className:"flex border border-line",children:e.frequencies.map((I,H1)=>{let f1=b===I;return U1("button",{type:"button",onClick:()=>y(I),"aria-pressed":f1,className:["flex-1 px-2.5 py-3.5 font-[family-name:var(--pp-option-font,var(--font-mono))] text-[length:var(--pp-option-size,12px)] uppercase tracking-[0.24em] transition-all",H1<e.frequencies.length-1?"border-r border-line":"",f1?"bg-accent text-bg":"text-fg-dim hover:text-fg"].join(" "),children:I},`${I}-${H1}`)})})]})]}),$0("div",{className:"mt-auto flex flex-col gap-3.5 pt-7",children:[q&&U1("p",{role:"alert",className:"border border-red-300 bg-red-50 px-4 py-3 font-mono text-[12px] uppercase tracking-[0.18em] text-red-700",children:q}),$0("button",{type:"submit",disabled:Z,className:"group flex items-center justify-between gap-[18px] border border-btn bg-btn px-6 py-[18px] font-mono text-[14px] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg disabled:cursor-wait disabled:opacity-60 disabled:hover:border-btn disabled:hover:bg-btn",children:[U1("span",{children:e.submitText}),U1("span",{className:"transition-transform group-hover:translate-x-[4px]",children:Z?"\u2026":"\u2192"})]}),a1]})]}):D1=$0("div",{className:"flex min-h-[560px] flex-col justify-center gap-6 px-11 py-12 max-[880px]:min-h-0 max-[880px]:px-[26px] max-[880px]:py-8",style:{animation:"subscribe-fade 0.25s ease"},children:[U1("div",{className:"flex h-16 w-16 items-center justify-center border border-accent font-display text-[32px] text-accent",children:"\u2713"}),U1("h3",{className:"font-[family-name:var(--pp-doneheading-font,var(--font-display))] text-[length:var(--pp-doneheading-size,38px)] font-medium uppercase leading-none tracking-[-0.025em] [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.02em]",children:U(e.successHeading)}),U1("p",{className:"max-w-[440px] font-[family-name:var(--pp-donebody-font,var(--font-serif))] text-[length:var(--pp-donebody-size,18px)] italic leading-[1.55] text-fg-dim",children:k(m1,!0)}),!s&&U1("button",{type:"button",onClick:a,className:"self-start border border-line px-6 py-[18px] font-mono text-[14px] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:k(e.keepBrowsingText)})]});let t0=$0("div",{className:`relative w-[min(1100px,100%)] overflow-hidden border border-line bg-bg [border-radius:var(--sf-section-radius,0px)] max-[880px]:border-x-0 max-[880px]:border-b-0 ${Q.className}`.trim(),style:{...Q.style,background:"var(--bg)",color:"var(--fg)",boxShadow:s?"0 30px 80px -30px rgba(0,0,0,0.5)":"0 60px 120px -20px rgba(0,0,0,0.7)",animation:s?void 0:"subscribe-rise 0.35s cubic-bezier(.2,.7,.2,1)"},children:[!s&&U1("button",{ref:D,type:"button",onClick:a,"aria-label":"Close popup",className:"absolute right-[18px] top-[18px] z-[5] flex h-[38px] w-[38px] items-center justify-center border border-line font-mono text-[14px] text-fg-dim transition-colors hover:border-accent hover:text-fg max-[880px]:right-3 max-[880px]:top-3 max-[880px]:h-11 max-[880px]:w-11",style:{background:"color-mix(in oklab, var(--bg) 85%, transparent)"},children:"\u2715"}),$0("div",{className:["grid max-h-[calc(100vh-48px)] overflow-hidden max-[880px]:max-h-[88dvh] max-[880px]:grid-cols-1 max-[880px]:overflow-auto",K?"grid-cols-[1fr_1.05fr]":"grid-cols-[1.05fr_1fr]"].join(" "),children:[$0("aside",{className:["relative flex min-h-[560px] flex-col justify-between overflow-hidden border-line px-[var(--sf-site-gutter,40px)] py-11 max-[880px]:min-h-[380px] max-[880px]:border-r-0 max-[880px]:border-l-0 max-[880px]:border-b max-[880px]:px-[26px] max-[880px]:py-8",K?"order-2 border-l max-[880px]:order-none":"border-r",e.valuePanelOnPhone?"":"max-[880px]:hidden"].join(" "),style:{background:"var(--subscribe-panel-bg)"},children:[U1("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"repeating-linear-gradient(0deg, transparent 0 28px, color-mix(in oklab, var(--accent) 4%, transparent) 28px 29px), repeating-linear-gradient(90deg, transparent 0 28px, color-mix(in oklab, var(--accent) 3%, transparent) 28px 29px)"}}),$0("div",{"aria-hidden":!0,className:"pointer-events-none absolute -right-[120px] -bottom-[120px] z-[1] h-[520px] w-[520px] rounded-full border opacity-50 max-[880px]:-right-[100px] max-[880px]:-bottom-[100px] max-[880px]:h-[340px] max-[880px]:w-[340px]",style:{borderColor:"color-mix(in oklab, var(--accent) 22%, transparent)"},children:[U1("div",{className:"absolute inset-[60px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, transparent)"}}),U1("div",{className:"absolute inset-[140px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 14%, transparent)"}})]}),$0("div",{className:["relative z-[2] flex items-start justify-between font-[family-name:var(--pp-meta-font,var(--font-mono))] text-[length:var(--pp-meta-size,12px)] uppercase tracking-[0.3em] text-fg-dim",K&&!s?"pr-[52px]":""].join(" "),children:[U1("span",{children:k(e.metaLabel)}),(e.issueLabel||e.issueNumber)&&$0("span",{children:[k(e.issueLabel)," ",U1("strong",{className:"font-normal text-accent",children:e.issueNumber})]})]}),$0("div",{className:"relative z-[2] flex flex-col gap-[18px] py-8",children:[U1("span",{className:"contents [&>span]:font-[family-name:var(--pp-eyebrow-font,var(--font-mono))] [&>span]:text-[length:var(--pp-eyebrow-size,var(--size-label,12px))]",children:U1(I1,{text:e.kicker,size:12,scaled:!1})}),U1("h2",{className:"font-[family-name:var(--pp-heading-font,var(--font-display))] text-[length:var(--pp-heading-size,clamp(40px,4.8vw,68px))] font-medium uppercase leading-[0.92] tracking-[-0.04em] text-fg [&_em]:font-serif [&_em]:normal-case [&_em]:tracking-[-0.03em]",children:U(e.heading)}),U1("p",{className:"max-w-[420px] font-[family-name:var(--pp-body-font,var(--font-serif))] text-[length:var(--pp-body-size,18px)] italic leading-[1.5]",style:{color:"color-mix(in oklab, var(--fg) 85%, transparent)"},children:k(e.deck,!0)})]}),e.stats.length>0&&U1("div",{className:"relative z-[2] grid grid-cols-2 gap-[18px] border-t pt-6",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, var(--line))"},children:e.stats.map((I,H1)=>$0("div",{children:[U1("div",{className:"mb-1.5 font-[family-name:var(--pp-statname-font,var(--font-mono))] text-[length:var(--pp-statname-size,11px)] uppercase tracking-[0.24em] text-fg-dim",children:k(I.label)}),U1("div",{className:"font-[family-name:var(--pp-statvalue-font,var(--font-display))] text-[length:var(--pp-statvalue-size,22px)] font-medium tracking-[-0.015em] text-fg",children:k(I.value)})]},`${I.label}-${H1}`))})]}),D1]})]});return s?U1("div",{className:"flex w-full justify-center p-6","data-subscribe-preview":!0,children:t0}):$0("div",{ref:N,onClick:i1,role:"dialog","aria-modal":"true","aria-labelledby":"subscribe-modal-title",className:"fixed inset-0 z-[90] flex items-center justify-center p-6 backdrop-blur-[8px] max-[880px]:items-end max-[880px]:p-0",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)",animation:"subscribe-fade 0.25s ease"},children:[t0,U1("style",{children:`
|
|
4
|
-
@keyframes subscribe-fade { from { opacity: 0 } to { opacity: 1 } }
|
|
5
|
-
@keyframes subscribe-rise {
|
|
6
|
-
from { transform: translateY(20px); opacity: 0 }
|
|
7
|
-
to { transform: translateY(0); opacity: 1 }
|
|
8
|
-
}
|
|
9
|
-
`})]})}function Lw({label:e,required:t,children:a}){return $0("label",{className:"flex flex-col gap-2",children:[$0("span",{className:"font-[family-name:var(--pp-fieldlabel-font,var(--font-mono))] text-[length:var(--pp-fieldlabel-size,12px)] uppercase tracking-[0.28em] text-fg-dim",children:[k(e),t&&U1("span",{className:"ml-1.5 text-accent",children:"\xB7"})]}),a]})}import{createContext as AB,useCallback as me,useContext as HB,useEffect as Sr,useMemo as FB,useRef as TB,useState as U5}from"react";var Lr="/api/chat/public";function Aw(e){let t=D9.getAccess();return t?{token:t}:e?{headers:{"X-Chat-Token":e}}:{}}async function Hw(e){let t=D9.getAccess();return j7(`${Lr}/conversations/`,{method:"POST",token:t??void 0,body:JSON.stringify({subject:e.subject??"",body:e.body,guest_name:e.guestName??"",guest_email:e.guestEmail??"",guest_key:e.guestKey??""})})}async function Fw(e,t){return j7(`${Lr}/conversations/${e}/thread/`,Aw(t))}async function Tw(e,t,a){return j7(`${Lr}/conversations/${e}/thread/`,{method:"POST",body:JSON.stringify({body:a}),...Aw(t)})}import{jsx as BB}from"react/jsx-runtime";function VB(e,t){return`${(na||(typeof window<"u"?window.location.origin:"")).replace(/^http/,"ws")}/ws/chat/?conversation=${e}&token=${encodeURIComponent(t)}`}var PB="sf:aid",Vw="sf:chat",Pw=AB(null);function EB(){let e=Q2.getItem(Vw);if(!e)return null;try{return JSON.parse(e)}catch{return null}}function Ew({children:e,preview:t=!1}){let[a,c]=U5(!1),[s,l]=U5(null),[o,r]=U5([]),[i,n]=U5(!1),[h,m]=U5(null),[p,u]=U5(0),[d,g]=U5(!1),[z,f]=U5(!1),b=TB(a);b.current=a,Sr(()=>{t||(l(EB()),Cg.restoreSession().then(()=>g(!0)).catch(()=>g(!1)))},[t]);let y=me(async q=>{try{let j=await Fw(q.id,q.token);r(j.messages)}catch{}},[]);Sr(()=>{t||s&&y(s)},[t,s,y,d]),Sr(()=>{if(t||!s)return;let q=D9.getAccess()??s.token,j=!1,B=null,N,D=3e3,T=()=>{j||(B=new WebSocket(VB(s.id,q)),B.onmessage=R=>{try{let i1=JSON.parse(R.data);i1.type==="chat_event"&&i1.event==="message"&&(y(s),!b.current&&i1.payload?.sender_role==="employee"&&u(O=>O+1))}catch{}},B.onclose=()=>{j||(N=setTimeout(T,D),D=Math.min(D*2,3e4))},B.onerror=()=>B?.close())};return T(),()=>{j=!0,N&&clearTimeout(N),B?.close()}},[t,s,y]);let C=me(()=>{c(!0),u(0)},[]),S=me(()=>c(!1),[]),H=me(()=>c(q=>(q||u(0),!q)),[]),_=me(async(q,j)=>{let B=q.trim();if(B){if(t){r(N=>[...N,{id:`preview-${N.length}`,sender_role:"customer",sender_name:j?.name||"You",body:B,image_url:null,created_at:""}]),f(!0);return}n(!0),m(null);try{if(s){let N=await Tw(s.id,s.token,B);r(D=>[...D,N])}else{let N=Q2.getItem(PB)||"",D=await Hw({body:B,guestName:j?.name,guestEmail:j?.email,guestKey:N}),T={id:D.id,token:D.guest_token};Q2.setItem(Vw,JSON.stringify(T)),l(T),r(D.messages)}}catch{m("Could not send your message. Please try again shortly.")}finally{n(!1)}}},[s,t]),Z=FB(()=>({isOpen:a,open:C,close:S,toggle:H,messages:o,sending:i,error:h,unread:p,hasConversation:t?z:!!s,isSignedIn:d,send:_}),[a,C,S,H,o,i,h,p,s,d,_,t,z]);return BB(Pw.Provider,{value:Z,children:e})}function Bw(){let e=HB(Pw);if(!e)throw new Error("useChat must be used within <ChatProvider>");return e}import{useEffect as NB,useRef as ZB,useState as Ar}from"react";import{jsx as B0,jsxs as y4}from"react/jsx-runtime";var IB="Chat with us",RB="We usually reply within a few minutes",_B="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function DB({m:e}){if(e.sender_role==="system")return B0("div",{className:"text-center text-[11px] text-fg/50 py-1",children:e.body});let t=e.sender_role==="bot",a=e.sender_role==="employee"||t;return B0("div",{className:`flex ${a?"justify-start":"justify-end"}`,children:y4("div",{className:`max-w-[80%] rounded-2xl px-3 py-2 text-sm ${a?"bg-fg/5 text-fg":"bg-accent text-black"}`,children:[a&&y4("div",{className:"mb-0.5 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-fg/50",children:[t&&B0("span",{"aria-hidden":"true",children:"\u2726"}),B0("span",{children:t?e.sender_name||"Assistant":e.sender_name||"Support"}),t&&B0("span",{className:"font-normal normal-case tracking-normal",children:"\xB7 automated"})]}),e.body&&B0("p",{className:"whitespace-pre-wrap",children:e.body}),e.image_url&&B0("a",{href:e.image_url,target:"_blank",rel:"noopener noreferrer",children:B0("img",{src:e.image_url,alt:"Attachment",className:"mt-1.5 max-h-48 w-auto rounded-lg"})})]})})}function Hr({title:e,subtitle:t,greeting:a}={}){let{isOpen:c,toggle:s,close:l,messages:o,sending:r,error:i,unread:n,hasConversation:h,isSignedIn:m,send:p}=Bw(),u=e?.trim()||IB,d=t?.trim()||RB,g=a?.trim()||_B,[z,f]=Ar(""),[b,y]=Ar(""),[C,S]=Ar(""),H=ZB(null),_=!m&&!h;NB(()=>{c&&H.current?.scrollIntoView({behavior:J4(),block:"nearest"})},[o.length,c]);let Z=z.trim().length>0&&(!_||b.trim()&&/.+@.+/.test(C)),q=()=>{!Z||r||(p(z,_?{name:b.trim(),email:C.trim()}:void 0),f(""))};return c?y4("aside",{role:"dialog","aria-label":"Chat with us",className:"fixed bottom-5 right-5 z-[61] flex h-[min(560px,80vh)] w-[min(380px,calc(100vw-2.5rem))] flex-col overflow-hidden rounded-2xl border border-line bg-bg shadow-[0_20px_60px_rgba(0,0,0,.45)]",style:{color:"var(--fg)"},children:[y4("div",{className:"flex items-center justify-between border-b border-line px-4 py-3",children:[y4("div",{children:[B0("div",{className:"text-sm font-semibold text-fg",children:u}),B0("div",{className:"text-[11px] text-fg/50",children:d})]}),B0("button",{type:"button",onClick:l,"aria-label":"Close chat",className:"rounded-md p-1 text-fg/60 hover:bg-fg/5",children:B0("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:B0("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),y4("div",{className:"flex-1 space-y-2 overflow-y-auto px-3 py-3",children:[o.length===0&&B0("p",{className:"px-2 py-4 text-center text-sm text-fg/50",children:g}),o.map(j=>B0(DB,{m:j},j.id)),B0("div",{ref:H})]}),y4("div",{className:"border-t border-line p-3",children:[_&&y4("div",{className:"mb-2 grid grid-cols-2 gap-2",children:[B0("input",{value:b,onChange:j=>y(j.target.value),placeholder:"Your name",className:"rounded-lg border border-line bg-transparent px-2.5 py-1.5 text-sm outline-none focus:border-accent"}),B0("input",{value:C,onChange:j=>S(j.target.value),type:"email",placeholder:"Email",className:"rounded-lg border border-line bg-transparent px-2.5 py-1.5 text-sm outline-none focus:border-accent"})]}),i&&B0("p",{className:"mb-2 text-xs text-red-600",children:i}),y4("div",{className:"flex items-end gap-2",children:[B0("textarea",{value:z,onChange:j=>f(j.target.value),onKeyDown:j=>{j.key==="Enter"&&!j.shiftKey&&(j.preventDefault(),q())},rows:1,placeholder:"Type a message\u2026",className:"max-h-28 flex-1 resize-none rounded-lg border border-line bg-transparent px-3 py-2 text-sm outline-none focus:border-accent"}),B0("button",{type:"button",onClick:q,disabled:!Z||r,className:"rounded-lg bg-btn px-3 py-2 text-sm font-semibold text-btn-ink disabled:opacity-40",children:r?"\u2026":"Send"})]})]})]}):y4("button",{type:"button",onClick:s,"aria-label":K0(u),className:"fixed bottom-5 right-5 z-[60] flex h-14 w-14 items-center justify-center rounded-full bg-btn text-btn-ink shadow-[0_10px_30px_rgba(0,0,0,.35)] transition-transform hover:scale-105",children:[B0("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:B0("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 12h7.5M8.25 8.25h7.5M3 12c0 4.556 4.03 8.25 9 8.25a9.76 9.76 0 002.555-.337l3.945 1.087-1.087-3.945A8.19 8.19 0 0021 12c0-4.556-4.03-8.25-9-8.25S3 7.444 3 12z"})}),n>0&&B0("span",{className:"absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-red-600 px-1 text-[11px] font-bold text-white",children:n})]})}import{jsx as Fr,jsxs as GB}from"react/jsx-runtime";var OB=`
|
|
10
|
-
.sf-preview-chat-pick [aria-label] { cursor: pointer; }
|
|
11
|
-
.sf-preview-chat-pick:hover [aria-label] {
|
|
12
|
-
outline: 2px solid color-mix(in srgb, ${h8.accent} 45%, transparent);
|
|
13
|
-
outline-offset: 3px;
|
|
14
|
-
}
|
|
15
|
-
.sf-preview-chat-pick[data-selected] [aria-label] {
|
|
16
|
-
outline: 2px solid ${h8.accent};
|
|
17
|
-
outline-offset: 3px;
|
|
18
|
-
}
|
|
19
|
-
`;function Tr(){let{chromePlaceholder:e,themeFromDocument:t}=D3(),{chat:a,selected:c,select:s}=Zb();return e||t||!a.enabled?null:GB("div",{className:"sf-preview-chat-pick","data-selected":c||void 0,onClick:l=>{l.stopPropagation(),s()},children:[Fr("style",{children:OB}),Fr(Ew,{preview:!0,children:Fr(Hr,{title:a.title,subtitle:a.subtitle,greeting:a.greeting})})]})}import{lazy as qB,Suspense as WB}from"react";import{jsx as Nw}from"react/jsx-runtime";function Vr(e,t={}){let a=qB(async()=>{let l=await e();return{default:"default"in l?l.default:l}}),c=t.loading?t.loading():null;function s(l){return Nw(WB,{fallback:c,children:Nw(a,{...l})})}return s}import{useEffect as YB,useRef as XB}from"react";import{jsx as pe}from"react/jsx-runtime";function UB(e){let t=e?.tyreTypes??[];return t.length===1?t[0]:null}function Pr({line:e,catalog:t,tyre:a}){let c=t.find(h=>h.slug===e.slug),s=e.config.find(h=>h.gold)?.label,l=c?.finishes.find(h=>h.name===s&&h.src)??c?.finishes.find(h=>h.src),o=c?.spokes??5,r=c?.mesh??!1,n=(c?.finishes.find(h=>h.name===s)??c?.finishes[0])?.color??Bv;return pe("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:Da(e)?pe(n8,{image:a?.coverImage,size:e.size,type:UB(a),sizes:"96px",className:"h-full w-full"}):l?.src?pe(H5,{src:l.src,alt:`${c?.name??e.slug} \u2014 ${l.name}`,width:120,height:120,sizes:"96px",className:"relative z-[2] block w-[88%] object-contain",style:{filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"}}):c||t.length===0?pe("div",{className:"relative z-[2] block w-[72%]",style:{color:n,filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"},children:pe(q6,{spokes:o,mesh:r,className:"block w-full"})}):null})}import{useEffect as KB,useState as $B}from"react";var jB=new Map;function Zw(e){let[t,a]=$B(null);return KB(()=>{if(!e||t)return;let c=!0;return D0.listCatalog(["tyre"]).then(s=>{c&&a(new Map(s.flatMap(l=>l.kind==="tyre"?[[l.slug,l]]:[])))}).catch(s=>{console.error("[useTyreCatalog] tyre catalog read failed",s)}),()=>{c=!1}},[e,t]),t??jB}import{Fragment as Yc,jsx as z1,jsxs as Y1}from"react/jsx-runtime";function ue({content:e=ma}){let{isOpen:t,close:a,items:c,remove:s,setQty:l,totals:o,coupon:r,bundles:i}=Z6(),n=new Set(c.flatMap(b=>(b.components??[]).map(y=>y.partNumber))),h=new Set(o.appliedBundles.map(b=>b.slug)),m=i.filter(b=>!h.has(b.slug)).filter(b=>b.components.some(y=>n.has(y.partNumber))).slice(0,2),{formatMoney:p,activeCountry:u}=F0(),d=u?.name??e.shipsToFallback,g=1+(e.leadTimeValue?1:0)+(d?1:0),z=XB(null),f=Zw(c.some(Da));return o8({active:t,onDismiss:a,lockScroll:!1}),YB(()=>{t&&z.current?.focus({preventScroll:!0})},[t]),t?Y1(Yc,{children:[z1("div",{onClick:a,className:"fixed inset-0 z-[60] backdrop-blur-[4px]",style:{background:"rgba(0,0,0,0.68)",animation:"storefront-cart-fade 350ms ease both"},"aria-hidden":"true"}),Y1("aside",{role:"dialog","aria-label":"Your cart","aria-modal":"true",className:"fixed inset-y-0 right-0 z-[61] flex w-[520px] max-w-[100vw] flex-col border-l border-line bg-bg max-[640px]:w-screen max-[640px]:border-l-0",style:{animation:"storefront-cart-slide 450ms cubic-bezier(.2,.7,.2,1) both",boxShadow:"-30px 0 80px rgba(0,0,0,.5)"},onClick:b=>b.stopPropagation(),children:[z1("style",{children:`
|
|
20
|
-
@keyframes storefront-cart-fade { from { opacity: 0 } to { opacity: 1 } }
|
|
21
|
-
@keyframes storefront-cart-slide { from { transform: translateX(40px); opacity: 0 } to { transform: translateX(0); opacity: 1 } }
|
|
22
|
-
`}),Y1("header",{className:"flex flex-shrink-0 flex-col gap-3.5 border-b border-line px-8 pb-[22px] pt-[26px] max-[640px]:px-[22px] max-[640px]:pt-[22px] max-[640px]:pb-[18px]",children:[Y1("div",{className:"flex items-center justify-between",children:[Y1("span",{className:"flex items-center gap-2.5 font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[e.kickerBadge?z1("span",{className:"border px-2 py-1 text-[10px]",style:{background:"color-mix(in oklab, var(--accent) 12%, transparent)",borderColor:"color-mix(in oklab, var(--accent) 50%, transparent)"},children:e.kickerBadge}):null,(e.kickerBadge?"\xB7 ":"")+e.kickerText]}),z1("button",{ref:z,type:"button",onClick:a,"aria-label":"Close cart",className:"flex h-8 w-8 items-center justify-center border border-line text-[14px] text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u2715"})]}),Y1("h1",{className:"font-display text-[38px] font-medium uppercase leading-[0.95] tracking-[-0.03em] max-[640px]:text-[30px]",children:[e.titleLead+" ",z1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.02em] normal-case",children:e.titleAccent})]}),z1("p",{className:"font-serif text-[13px] italic leading-[1.5] text-fg-dim",children:Tg(e,c.length)})]}),Y1("div",{className:`grid flex-shrink-0 ${JB[g-1]} gap-px border-b border-line bg-line`,children:[z1(Er,{label:"Items",value:Y1(Yc,{children:[z1("em",{className:"font-serif font-normal italic text-accent",children:o.sets})," set",o.sets===1?"":"s"," \xB7 ",o.units," item",o.units===1?"":"s"]})}),e.leadTimeValue?z1(Er,{label:"Lead time",value:e.leadTimeValue}):null,d?z1(Er,{label:"Ships to",value:d}):null]}),Y1("div",{className:"flex-1 overflow-y-auto [scrollbar-color:var(--line)_transparent] [scrollbar-width:thin]",children:[c.length===0?z1(cN,{content:e}):c.map(b=>z1(QB,{line:b,tyre:f.get(b.slug),onRemove:()=>s(b.id),onQtyChange:y=>l(b.id,y)},b.id)),m.length>0&&Y1("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",style:{background:"color-mix(in oklab, var(--surface) 60%, transparent)"},children:[Y1("div",{className:"mb-3.5 flex items-center justify-between font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[z1("span",{children:"You may also need"}),z1("span",{className:"font-display text-[11px] normal-case tracking-[0.08em] text-fg-dim",children:"Buy together, save"})]}),z1("div",{className:"grid grid-cols-2 gap-2 max-[640px]:grid-cols-1",children:m.map(b=>z1(eN,{href:`/bundles/${b.slug}`,title:b.name,sub:tN(b,o.currency,p)},b.slug))})]}),z1("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",children:z1(Ib,{})}),e.promises.length>0&&z1("div",{className:"flex flex-wrap justify-center gap-[18px] border-b border-line px-8 pt-[22px] pb-7 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim max-[640px]:px-[22px]",children:e.promises.map(b=>z1(aN,{children:b},b))})]}),Y1("div",{className:"flex flex-shrink-0 flex-col gap-2 border-t border-line px-8 pt-5 max-[640px]:px-[22px]",children:[z1(K5,{label:`Subtotal \xB7 ${o.sets} set${o.sets===1?"":"s"}`,value:p(o.subtotal,o.currency)}),o.appliedBundles.map(b=>z1(K5,{label:`Bundle \xB7 ${b.name}${b.multiples>1?` \xD7${b.multiples}`:""}`,value:Y1("span",{style:{color:"var(--green)"},children:["\u2212 ",p(b.discount,o.currency)]})},b.slug)),o.discount>0&&r?.valid&&z1(K5,{label:`Coupon \xB7 ${r.code}`,value:Y1("span",{style:{color:"var(--green)"},children:["\u2212 ",p(o.discount,o.currency)]})}),r?.deferred&&z1(K5,{label:`Coupon \xB7 ${r.code}`,value:pv}),r?.valid&&r.effects?.gift&&z1(K5,{label:`Free gift \xB7 ${r.effects.gift.partNumber}${r.effects.gift.quantity>1?` \xD7${r.effects.gift.quantity}`:""}`,value:z1("span",{style:{color:"var(--green)"},children:"Free"})}),z1(K5,{label:"Shipping",value:o.freeShipping||o.shipping===0?z1("span",{style:{color:"var(--green)"},children:"Free"}):p(o.shipping,o.currency)}),o.tax&&(o.tax.charged?z1(K5,{label:o.tax.inclusive?`${o.tax.name} included \xB7 ${o.tax.rate}%`:o.tax.name,value:p(o.tax.amount,o.currency)}):o.tax.name?z1(K5,{label:o.tax.name,value:"Calculated at checkout"}):null),Y1("div",{className:"mt-1.5 flex items-center justify-between border-t border-line pt-3.5 text-fg",children:[Y1("span",{className:"font-display text-[22px] font-medium tracking-[-0.02em] normal-case",children:["Total ",z1("em",{className:"font-serif font-normal italic text-accent",children:"due"})]}),z1("span",{className:"text-right font-display text-[30px] font-medium tracking-[-0.025em] text-fg",children:o.repricing?"\u2026":p(o.grand,o.currency)})]})]}),Y1("div",{className:"flex flex-shrink-0 flex-col gap-2.5 px-8 pb-[22px] pt-3.5 max-[640px]:px-[22px]",children:[Y1(r0,{href:"/checkout",onClick:a,"aria-disabled":c.length===0,className:["group flex items-center justify-between border px-5 py-[18px] font-mono text-[12px] uppercase tracking-[0.3em] transition-colors",c.length===0?"pointer-events-none cursor-not-allowed border-line bg-surface text-fg-dim":"border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg"].join(" "),children:["Begin checkout",z1("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]}),Y1("div",{className:"flex items-center justify-between px-1 py-1.5 font-mono text-[10px] uppercase tracking-[0.24em] text-fg-dim",children:[z1(r0,{href:"/wheels",onClick:a,className:"text-fg transition-colors hover:text-accent",children:"\u2190 Keep browsing"}),z1("button",{type:"button",className:"text-fg transition-colors hover:text-accent",children:"Save for later"})]})]})]})]}):null}var JB=["grid-cols-1","grid-cols-2","grid-cols-3"];function Er({label:e,value:t}){return Y1("div",{className:"flex flex-col gap-[3px] bg-bg px-4 py-3.5",children:[z1("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-fg-dim",children:e}),z1("span",{className:"font-display text-[14px] font-medium tracking-[-0.005em] text-fg",children:t})]})}function QB({line:e,tyre:t,onRemove:a,onQtyChange:c}){let{catalog:s,totals:l}=Z6(),o=(e.components??[]).reduce((n,h)=>n+(l.freeUnitsByPartNumber[h.partNumber]??0),0),{currency:r,formatMoney:i}=F0();return Y1(Yc,{children:[Y1("article",{className:"grid grid-cols-[96px_1fr] gap-5 border-b border-line px-8 py-6 transition-colors hover:bg-[color-mix(in_oklab,var(--surface)_60%,transparent)] max-[640px]:grid-cols-[78px_1fr] max-[640px]:px-[22px] max-[640px]:py-5",children:[z1(Pr,{line:e,catalog:s,tyre:t}),Y1("div",{className:"flex min-w-0 flex-col gap-2",children:[Y1("div",{className:"flex items-start justify-between gap-3",children:[Y1("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-accent",children:["N\xB0 ",e.positionNo," \xB7 ",e.process==="FusionForge\xAE"?Y1(Yc,{children:["FusionForge",z1(T6,{})]}):e.process]}),z1("span",{className:"whitespace-nowrap font-display text-[16px] font-medium tracking-[-0.015em] text-fg",children:To(e,r)===null?t8:i(To(e,r),r)})]}),Y1("h3",{className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-none tracking-[-0.02em]",children:[e.name.lead,z1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em] normal-case",children:e.name.accent})]}),e.config.length>0&&Y1("div",{className:"mt-1 flex flex-wrap gap-1.5",children:[e.config.map(n=>z1("span",{className:["border px-2 py-1 font-mono text-[9px] uppercase tracking-[0.18em]",n.gold?"border-[color-mix(in_oklab,var(--accent)_45%,var(--line))] text-accent":"border-line text-fg-dim"].join(" "),children:n.label},n.label)),o>0&&Y1("span",{className:"border border-accent bg-accent px-2 py-1 font-mono text-[9px] uppercase tracking-[0.18em] text-bg",children:[o,"\xD7 free"]})]}),Y1("div",{className:"mt-2.5 flex items-center justify-between gap-3",children:[Y1("div",{className:"flex items-center border border-line",children:[z1("button",{type:"button",onClick:()=>c(e.qty-1),disabled:e.qty<=1,className:"h-[30px] w-[30px] font-mono text-fg-dim transition-colors hover:text-accent disabled:cursor-not-allowed disabled:opacity-40","aria-label":"Decrease quantity",children:"\u2212"}),z1("span",{className:"min-w-[36px] px-3 text-center font-mono text-[12px] tracking-[0.18em] text-fg",children:e.qty}),z1("button",{type:"button",onClick:()=>c(e.qty+1),disabled:e.qty>=fa,className:"h-[30px] w-[30px] font-mono text-fg-dim transition-colors hover:text-accent disabled:cursor-not-allowed disabled:opacity-40","aria-label":"Increase quantity",children:"+"})]}),Y1("div",{className:"flex gap-3.5 font-mono text-[10px] uppercase tracking-[0.22em]",children:[z1(r0,{href:e.href??`/wheels/${e.slug}`,className:"text-fg-dim transition-colors hover:text-accent",children:e.href?"View product":"Edit finish"}),z1("button",{type:"button",onClick:a,className:"text-fg-dim transition-colors hover:text-alert",children:"Remove"})]})]})]})]}),e.verifiedFor&&Y1("div",{className:"mx-8 -mt-px flex items-start gap-3 border-t-0 px-4 py-3.5 font-display text-[13px] leading-[1.45] text-fg max-[640px]:mx-[22px]",style:{background:"color-mix(in oklab, var(--accent) 8%, transparent)",border:"1px solid color-mix(in oklab, var(--accent) 35%, var(--line))",borderTop:"0"},children:[z1("span",{className:"flex-shrink-0 pt-px font-mono text-[10px] uppercase tracking-[0.24em] text-accent",children:"Fits"}),Y1("span",{children:["Verified for your ",z1("strong",{className:"font-medium text-accent",children:e.verifiedFor}),". Final torque values shipped with the wheels."]})]})]})}function eN({title:e,sub:t,href:a}){return Y1(r0,{href:a,className:"flex items-center justify-between border border-line bg-bg px-3.5 py-3 text-left transition-colors hover:border-accent",children:[Y1("span",{className:"flex min-w-0 flex-col gap-[3px]",children:[z1("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap font-display text-[13px] font-medium tracking-[-0.005em] text-fg",children:e}),z1("span",{className:"font-mono text-[9px] uppercase tracking-[0.22em] text-fg-dim",children:t})]}),z1("span",{className:"ml-2 flex h-6 w-6 flex-shrink-0 items-center justify-center font-mono text-[13px] text-accent",style:{borderColor:"color-mix(in oklab, var(--accent) 45%, var(--line))",borderWidth:1,borderStyle:"solid"},children:"+"})]})}function tN(e,t,a){let c=e.savings[t];if(c===void 0)return"Buy together";let s=a(c,t);return e.savingIsFrom?`Save from ${s}`:`Save ${s}`}function aN({children:e}){return z1("span",{className:"inline-flex items-center gap-1.5 before:text-[6px] before:text-accent before:content-['\u25CF']",children:e})}function K5({label:e,value:t}){return Y1("div",{className:"flex items-center justify-between font-mono text-[11px] uppercase tracking-[0.18em] text-fg-dim",children:[z1("span",{children:e}),z1("strong",{className:"font-display text-[14px] font-normal tracking-[-0.005em] normal-case text-fg",children:t})]})}function cN({content:e}){return Y1("div",{className:"flex flex-col items-center justify-center gap-3 px-8 py-20 text-center",children:[z1("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:e.emptyKicker}),z1("p",{className:"font-serif text-[16px] italic leading-[1.5] text-fg-dim",children:e.emptyBody}),Y1(r0,{href:"/wheels",className:"mt-3 inline-flex items-center gap-3 border border-line px-5 py-3 font-mono text-[11px] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:["Browse the catalog ",z1("span",{className:"text-accent",children:"\u2192"})]})]})}import{Fragment as lN,jsx as Z8,jsxs as ge}from"react/jsx-runtime";var sN=Vr(()=>import("./EditorPreviewCheckout-RALICX2M.js"),{ssr:!1});function Br(){let{chromePlaceholder:e,themeFromDocument:t}=D3(),{surface:a}=Rb();return e||t||!a?null:a==="checkout"?ge(lN,{children:[Z8(sN,{}),Z8(Iw,{surface:a})]}):Z8(La,{children:ge(Ea,{preview:!0,children:[Z8(ue,{}),Z8(Iw,{surface:a})]})})}function Iw({surface:e}){let{label:t,href:a}=_b(e);return ge("div",{style:{position:"fixed",bottom:14,left:"50%",transform:"translateX(-50%)",zIndex:2147483e3,display:"flex",alignItems:"center",gap:8,maxWidth:"calc(100% - 24px)",padding:"5px 6px 5px 13px",borderRadius:999,fontSize:12,fontWeight:600,fontFamily:"system-ui, sans-serif",color:"#334155",background:"rgba(255,255,255,0.94)",border:"1px solid rgba(15,23,42,0.12)",boxShadow:"0 6px 24px rgba(15,23,42,0.18)",pointerEvents:"none"},children:[ge("span",{style:{whiteSpace:"nowrap"},children:[t," \xB7 preview only"]}),ge("a",{href:a,target:"_blank",rel:"noopener noreferrer",style:{pointerEvents:"auto",flex:"none",display:"inline-flex",alignItems:"center",gap:5,padding:"4px 11px",borderRadius:999,color:"#fff",background:"#2563eb",textDecoration:"none"},children:["Open live",Z8(D6,{name:"external-link",size:13,rounded:!0})]})]})}import{CategoryIcon as zJ,CheckIcon as MP,ClockIcon as xu,ColumnsIcon as xJ,DirectionIcon as wJ,EyeIcon as yJ,ListIcon as kJ,PaddingTopIcon as MJ,PageIcon as CJ,PlacementIcon as LJ,ScrollPointIcon as SJ,TriggerIcon as AJ}from"efficient-easel/icons";import{useEasel as HJ}from"efficient-easel/easel";var Xc=null,Rw=null;function oN(e,t){Xc=e,Rw=t}function H31(e){oN(e,null)}function _w(){return Xc}function g2(){return Rw==="dynamic"||Xc===Bg}function Dw(e){return ua(Xc??"",e)??"alloy-wheel"}import{createContext as rN,useContext as iN}from"react";import{jsx as nN}from"react/jsx-runtime";var Ow=rN(null);function Gw({slug:e,children:t}){let a=typeof e=="string"&&e.trim()?e:null;return nN(Ow.Provider,{value:a,children:t})}function qw(){return iN(Ow)}import{createContext as hN,useContext as mN}from"react";import{jsx as pN}from"react/jsx-runtime";var Ww=hN("alloy-wheel");function Uw({kind:e,children:t}){return pN(Ww.Provider,{value:e??"alloy-wheel",children:t})}function Kw(){return mN(Ww)}import{createContext as gN,useContext as dN}from"react";var Nr="heroBullets",de="\xB7",ve={bullets:[{label:"Free shipping",detail:"USA, UK, AUS"},{label:"Lifetime warranty",detail:"structural"}]};function $w(e){return e.detail?`${e.label} ${de} ${e.detail}`:e.label}function uN(e){let t=e.trim();if(!t)return null;let a=t.indexOf(de);return a<0?{label:t,detail:""}:{label:t.slice(0,a).trim(),detail:t.slice(a+de.length).trim()}}function jw(e){let t=(e??{})[Nr];return Array.isArray(t)?{bullets:t.map(c=>uN(typeof c=="string"?c:Fg(c?.text,""))).filter(c=>c!==null)}:ve}import{jsx as vN}from"react/jsx-runtime";var Yw=gN(ve);function Xw({content:e,children:t}){return vN(Yw.Provider,{value:e,children:t})}function Jw(){return dN(Yw)}var j0={text:"Button label",href:"#"},L={eyebrow:"Eyebrow",heading:"Main heading",accent:"Highlight line",body:"Add a sentence or two of supporting copy.",button:"Button label",link:"#",sectionHeading:"Section heading",slideName:"Slide name",boxName:"Box name",headingAccent:"Section heading *here.*",sectionNumber:"Section number",imageCaption:"Image caption",bookingConfirmation:"Thanks \u2014 we'll email you to confirm.",imageMeta:"Image meta",label:"Label",value:"Value",viewAll:"View all",date:"Month DD, YYYY",category:"Category"};var S2={Series:"transparent",StatsParagraph:"transparent",TimelineTrack:nb,Stats:void 0};import{useEasel as fN}from"efficient-easel/easel";import{SettingsDrill as bN}from"efficient-easel/panel";import{jsx as I8,jsxs as wN}from"react/jsx-runtime";function zN({parent:e,parentType:t,label:a,rowName:c,onSelectChild:s,onAddChild:l,nestDepth:o=0}){let r=or(t,o);if(!r)return null;let{slot:i,choices:n,spec:h}=r,m=String(e.props.id),p=`${m}:${i}`,u=Array.isArray(e.props[i])?e.props[i]:[],d=h?.addBlocked?.(u)??null,g=h?.notice?.(u)??null;return wN("div",{className:"sf-slot-rows",children:[a?I8(d8,{label:`${a} \xB7 ${u.length}`}):null,g?I8("p",{className:"sf-note",children:g}):null,u.map((z,f)=>I8(bN,{name:c(z),onOpen:()=>s(p,f,String(z.props.id),t)},String(z.props.id??`${p}-${f}`))),n?I8(Db,{choices:n,onPick:z=>l(m,i,z,u.length,t)}):h.fixed?null:I8(Ob,{label:h.addLabel,blocked:d,onAdd:()=>l(m,i,h.childType,u.length,t)})]})}function xN(e,t){return or(t)?.source==="footer"?e.blockRowName:e.childRowName}function Zr({parentType:e,label:t}){let{appState:a,selectedItem:c}=fN(o=>o),s=Gb();if(!s||!c||c.type!==e)return null;let l=e===ig?la(a?.data,String(c.props.id)):0;return I8(zN,{parent:c,parentType:e,label:t,rowName:xN(s,e),onSelectChild:s.selectChild,onAddChild:s.addChild,nestDepth:l})}import{AlignLeftIcon as MN,BlackAndWhiteIcon as CN,ContrastIcon as LN,HeightIcon as SN,TypeIcon as AN}from"efficient-easel/icons";var yN=["eyebrow","heading","title","body","intro","button","link","label","number","value","name","price","date","caption","note","quote","tag","meta"],kN=new Set(yN);function Qw(e){let t=e.toLowerCase().split(/[^a-z]+/).filter(Boolean);for(let a=t.length-1;a>=0;a-=1)if(kN.has(t[a]))return t[a];return null}import{jsx as $5}from"react/jsx-runtime";var e5=e=>C2(e,J("Height",$5(SN,{}),H8.min,H8.max,H8.step,H8.fallback,H8.unit)),T3={ctaText:A("Button",j0.text),ctaHref:w1("Button link")},k4=()=>p1("Alignment",$5(MN,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),Jc=()=>p1("Tone",$5(LN,{}),[{label:"Default",value:"default"},{label:"Muted",value:"dim"}],"default"),R2=e=>f4({...Dc[e],keys:{top:"padTop",bottom:"padBottom"},group:!1}),N0=(e,t)=>({type:"custom",render:()=>$5(Zr,{parentType:e,label:t})});function HN(e){let{photographyGrayscale:t}=D3();return e1(ew,t===!0,$5(CN,{})).render(e)}function R8(){return{type:"custom",render:e=>$5(HN,{...e})}}var R1=Object.keys(b4("full"));function _8(e){let t=Qw(e);return t?$5(g3,{noun:t}):$5(AN,{})}function D8(e,t){let a={};for(let c of Object.keys(e))a[c]={...e[c],...t[c]};return a}import{OpacityIcon as FN}from"efficient-easel/icons";import{jsx as TN}from"react/jsx-runtime";var ey={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow","Limited release"),title:V("Heading","Banner headline"),body:V("Body","A line or two of supporting copy."),_gBackground:v("Background image"),imageSrc:V1("Image","image/*"),overlay:J("Overlay",TN(FN,{}),0,100,5,60,"%"),_gButton:v("Button"),...T3,_gLayout:v("Layout")}};import{Fragment as VN}from"react";import{Fragment as PN,jsx as fe,jsxs as Ir}from"react/jsx-runtime";function Rr({items:e,meta:t,editing:a=!1}){let c=(e??[]).filter(l=>l?.label?.trim()),s=c.length>0?c:a?[{label:"Breadcrumb"}]:[];return s.length===0&&!t?null:Ir("nav",{className:"flex items-center gap-4 border-b border-line px-[var(--sf-site-gutter,40px)] py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-4",children:[s.map((l,o)=>{let r=o===s.length-1;return Ir(VN,{children:[o>0&&fe("span",{className:"opacity-40",children:"/"}),l.href&&!r?fe(i0,{href:l.href,className:"hover:text-fg",children:z0(l.label)}):fe("span",{className:r?"text-fg":void 0,children:z0(l.label)})]},o)}),t&&Ir(PN,{children:[fe("span",{className:"opacity-40",children:"\xB7"}),fe("span",{children:k(t)})]})]})}function G3(e,t,a){return e||(a?.isEditing?t:void 0)}function d1(e,t,a){let c=Array.isArray(e)?e:[];return c.length?c:a?.isEditing?t:[]}function x(e,t,a){let c=o2(e);if(!c.hidden)return G3(c.text,t,a)}function V0(e,t,a){return o2(e).hidden?"":x(e,t,a)}function s3(e,t,a){return{text:x(e,j0.text,a),href:t||j0.href}}import{jsx as BN}from"react/jsx-runtime";var _r={meta:"Trailing note"},EN=[{label:"Home",href:"/"},{label:"Section",href:""}],ty={label:"Breadcrumb",defaultProps:{items:[],meta:""},render:({items:e,meta:t,puck:a})=>BN(Rr,{items:d1(e,EN,a),meta:x(t,_r.meta,a),editing:a?.isEditing})};var ay={fields:{_gContent:v("Content"),items:{type:"array",label:"Crumbs",arrayFields:{label:P("Label"),href:L2(P("Link"))},getItemSummary:e=>e?.label||"Crumb"},meta:A("Trailing note",_r.meta)}};function cy(e){return typeof e=="boolean"?e:!0}import{ButtonArrowIcon as ZN}from"efficient-easel/icons";import{jsx as IN}from"react/jsx-runtime";var sy={fields:{label:P("Button"),href:w1("Button link"),_gStyle:v("Style"),variant:{type:"radio",options:[{label:"Primary",value:"primary"},{label:"Ghost",value:"ghost"}]},arrow:e1("Arrow",!0,IN(ZN,{})),align:k4()}};import{ColumnsIcon as qN,StylesIcon as WN}from"efficient-easel/icons";import{Fragment as DN,jsx as O8,jsxs as Dr}from"react/jsx-runtime";var RN="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",_N="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function Or({look:e,eyebrow:t,title:a,items:c,columns:s,omitHead:l=!1,editing:o=!1}={}){let r=Math.min(4,Math.max(2,s??3)),i=(c??[]).filter(h=>o||(h.title??"").trim()||(h.body??"").trim()),n=!!(t??"").trim()||!!(a??"").trim();return!o&&!n&&i.length===0?null:O8("section",{className:"relative z-[2] bg-surface",children:Dr("div",{className:l?_N:RN,children:[l?null:Dr(DN,{children:[(t??"").trim()&&O8(I1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&O8("h2",{className:"mb-9 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-7 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(a??"",!1)})]}),i.length>0&&O8("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--cd-cols),minmax(0,1fr))]",style:{"--cd-cols":String(r)},children:i.map((h,m)=>Dr("div",{className:"bg-bg p-8 max-[800px]:p-7",children:[O8("div",{className:"mb-3 font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase tracking-[0.02em] text-fg",children:k((h.title??"").trim()||"Card title")}),O8("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:k((h.body??"").trim()||"A short line about this card.")})]},m))})]})})}import{jsx as GN}from"react/jsx-runtime";var be={eyebrow:"Label",title:"Section *heading.*"},ON=[{title:"Card title one",body:"A short line about this card."},{title:"Card title two",body:"A short line about this card."},{title:"Card title three",body:"A short line about this card."}],ly={label:"Cards",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return GN(Or,{look:d3(e.eyebrowLook,"Cards"),eyebrow:a(x(e.eyebrow,be.eyebrow,e.puck)),title:a(x(e.title,be.title,e.puck)),omitHead:t,items:d1(e.items,ON,e.puck),columns:e.columns,editing:e.puck?.isEditing})}};import{jsx as oy}from"react/jsx-runtime";var ry={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",be.eyebrow),eyebrowLook:h1("Eyebrow style",oy(WN,{}),[...F3],G5("Cards")),title:V("Heading",be.title),items:{type:"array",label:"Cards",arrayFields:{title:n1("Card title"),body:C1("Card body")},defaultItemProps:{title:"",body:""},getItemSummary:e=>e?.title||e?.body||"Card"},_gStyle:v("Style"),columns:J("Columns",oy(qN,{}),2,4,1,3)},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.Cards.headRows)};import{StickyIcon as UN}from"efficient-easel/icons";import{jsx as KN}from"react/jsx-runtime";var iy={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:P("Label"),count:P("Count")},getItemSummary:e=>e?.label?`${e.label}${e.count?` \xB7 ${e.count}`:""}`:"Tab"},activeTab:L2(P("Active tab","All")),_gLinks:v("Links"),links:{type:"array",label:"Right links",arrayFields:{label:P("Label"),href:L2(P("Link"))},getItemSummary:e=>e?.label||"Link"},_gStyle:v("Style"),sticky:e1("Stick under header",!0,KN(UN,{}))}};import{StylesIcon as QN}from"efficient-easel/icons";import{jsx as Z0,jsxs as q3}from"react/jsx-runtime";function Gr(e){return Number.isInteger(e)?String(e):String(Math.round(e*10)/10)}var ny=[100,70,46,30,19,12];function hy(e){return`color-mix(in srgb, var(--accent) ${ny[e%ny.length]}%, var(--bg))`}function $N({data:e,suffix:t}){let a=Math.max(...e.map(c=>c.value),0)||1;return Z0("div",{className:"flex w-full flex-col gap-6",children:e.map((c,s)=>q3("div",{children:[q3("div",{className:"mb-2 flex items-baseline justify-between gap-4",children:[Z0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg/60",children:k(c.label)}),q3("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium text-fg",children:[Gr(c.value),t]})]}),Z0("div",{className:"h-[10px] border border-line bg-bg",children:Z0("div",{className:"h-full bg-accent",style:{width:`${Math.max(c.value/a*100,c.value===0?0:2)}%`}})})]},s))})}function jN({data:e,suffix:t}){let s={l:42,r:42,t:36,b:38},l=640-s.l-s.r,o=300-s.t-s.b,r=Math.max(...e.map(p=>p.value),0)||1,i=e.length>1?l/(e.length-1):0,n=e.map((p,u)=>({x:s.l+(e.length>1?u*i:l/2),y:s.t+o-p.value/r*o})),h=n.map((p,u)=>`${u===0?"M":"L"}${p.x},${p.y}`).join(" "),m=`${h} L${n[n.length-1].x},${s.t+o} L${n[0].x},${s.t+o} Z`;return q3("svg",{viewBox:"0 0 640 300",className:"w-full",role:"img","aria-hidden":!0,children:[[.25,.5,.75,1].map(p=>Z0("line",{x1:s.l,x2:640-s.r,y1:s.t+o*(1-p),y2:s.t+o*(1-p),stroke:"var(--line)",strokeWidth:"1"},p)),Z0("line",{x1:s.l,x2:640-s.r,y1:s.t+o,y2:s.t+o,stroke:"var(--line)",strokeWidth:"1.5"}),Z0("path",{d:m,fill:"var(--accent)",opacity:"0.13"}),Z0("path",{d:h,fill:"none",stroke:"var(--accent)",strokeWidth:"2.5"}),n.map((p,u)=>q3("g",{children:[Z0("circle",{cx:p.x,cy:p.y,r:"4",fill:"var(--accent)"}),q3("text",{x:p.x,y:p.y-12,textAnchor:"middle",className:"font-display",fontSize:"14",fill:"var(--fg)",children:[Gr(e[u].value),t]}),Z0("text",{x:p.x,y:288,textAnchor:"middle",className:"font-mono",fontSize:"10",letterSpacing:"0.1em",fill:"var(--fg)",opacity:"0.55",children:e[u].label.toUpperCase()})]},u))]})}function YN({data:e,suffix:t}){let a=e.reduce((r,i)=>r+i.value,0)||1,c=80,s=2*Math.PI*c,l=0,o=e.map((r,i)=>{let n=r.value/a,h={frac:n,dash:Math.max(n*s-3,0),off:l,ink:hy(i)};return l+=n*s,h});return q3("div",{className:"flex w-full flex-wrap items-center justify-center gap-10",children:[Z0("svg",{viewBox:"0 0 200 200",className:"w-[220px] max-w-full -rotate-90",role:"img","aria-hidden":!0,children:o.map((r,i)=>Z0("circle",{cx:"100",cy:"100",r:c,fill:"none",stroke:r.ink,strokeWidth:"34",strokeDasharray:`${r.dash} ${s-r.dash}`,strokeDashoffset:-r.off},i))}),Z0("ul",{className:"flex min-w-[200px] flex-1 flex-col gap-3",children:e.map((r,i)=>q3("li",{className:"flex items-baseline gap-3",children:[Z0("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] flex-shrink-0 rotate-45",style:{background:hy(i)}}),Z0("span",{className:"flex-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.12em] text-fg/60",children:k(r.label)}),Z0("span",{className:"font-display text-[length:var(--size-body,15px)] font-medium text-fg",children:t?`${Gr(r.value)}${t}`:`${Math.round(r.value/a*100)}%`})]},i))})]})}function qr({eyebrow:e,title:t,body:a,chartStyle:c,items:s,valueSuffix:l,caption:o,editing:r=!1}={}){let i=(l??"").trim()===""?"":l??"",n=(s??[]).map(u=>({label:(u.label??"").trim(),value:parseFloat(u.value??"")})).filter(u=>r?!0:u.label&&Number.isFinite(u.value)).map(u=>({label:u.label||"\u2014",value:Number.isFinite(u.value)?u.value:0})),h=!!(e??"").trim()||!!(t??"").trim();if(!r&&!h&&n.length===0)return null;let m=c??"bars",p=n.length===0?null:m==="line"&&n.length>1?Z0(jN,{data:n,suffix:i}):m==="donut"?Z0(YN,{data:n,suffix:i}):Z0($N,{data:n,suffix:i});return Z0("section",{className:"relative z-[2] border-y border-line bg-surface",children:q3("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] items-center gap-14 px-[var(--sf-site-gutter,40px)] py-[76px] min-[960px]:[grid-template-columns:minmax(0,5fr)_minmax(0,7fr)] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[q3("div",{children:[(e??"").trim()&&Z0("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[length:var(--size-label,12px)] font-semibold uppercase tracking-[0.16em] text-bg",children:k(e??"")}),(t??"").trim()&&Z0("h2",{className:"mt-5 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(t??"",!1)}),(a??"").trim()&&Z0("p",{className:"mt-5 max-w-[46ch] text-[length:var(--size-body,15px)] leading-relaxed text-fg/65",children:a})]}),q3("div",{children:[p,(o??"").trim()&&Z0("p",{className:"mt-4 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg/40",children:o})]})]})})}import{jsx as JN}from"react/jsx-runtime";var ze={eyebrow:"By the numbers",title:`A picture worth
|
|
23
|
-
*a thousand rows.*`},XN=[{label:"Before",value:"9"},{label:"After",value:"3"},{label:"With us",value:"1"}],my={label:"Chart",defaultProps:{eyebrow:"",title:"",body:"",items:[],caption:"",chartStyle:"bars",valueSuffix:""},render:({eyebrow:e,title:t,body:a,items:c,caption:s,chartStyle:l,valueSuffix:o,puck:r})=>JN(qr,{eyebrow:x(e,ze.eyebrow,r),title:x(t,ze.title,r),body:a,items:d1(c,XN,r),chartStyle:l,valueSuffix:o,caption:s,editing:r?.isEditing})};import{jsx as eZ}from"react/jsx-runtime";var py={fields:{_gContent:v("Content"),eyebrow:A("Chip label",ze.eyebrow),title:V("Heading",ze.title),body:V("Body",""),items:{type:"array",label:"Data points",arrayFields:{label:n1("Label"),value:P("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Point"},caption:A("Caption","Illustrative example"),_gStyle:v("Style"),chartStyle:h1("Chart style",eZ(QN,{}),[{label:"Bars (comparison / funnel)",value:"bars"},{label:"Line (trend)",value:"line"},{label:"Donut (split of a whole)",value:"donut"}],"bars"),valueSuffix:A("Value suffix","%")}};import{useState as cZ}from"react";import{useEasel as sZ}from"efficient-easel/easel";var tZ=["tall","square","wide"],aZ="tall";function Qc(e){return tZ.includes(String(e??""))?String(e):aZ}var I0={sectionNumber:"\xB7 Locations",heading:"Our *locations.*",tagline:"Visit us in person \u2014 find your nearest studio below.",galleryKicker:"Gallery",galleryHint:"Hover to see in colour \xB7 click to jump",apiKey:"",mapId:"",mapTheme:"auto"},xe=[{photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
|
|
24
|
-
Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""},{photo:"",group:"",groupName:"",name:"City name",state:"State",country:"Country",timezone:"GMT \xB7 UTC +0",address:`Address line one
|
|
25
|
-
Address line two`,phone:"+00 000 0000",hours:"Mon\u2013Fri 9:00\u201318:00",lat:0,lng:0,mapsUrl:""}];function es(e){let t=String(e??"").split(" \xB7 ");return{state:(t[0]??"").trim(),country:(t[1]??"").trim()}}var U6="other",J1={routingNumber:"02 \xB7 Routing",routingTagline:"What can we help you with?",groups:[{id:"fitment",eyebrow:"A \xB7 Label",title:"Group one",copy:"Short description of this routing group.",response:"< 48h"},{id:"trade",eyebrow:"B \xB7 Label",title:"Group two",copy:"Short description of this routing group.",response:"< 24h"},{id:"press",eyebrow:"C \xB7 Label",title:"Group three",copy:"Short description of this routing group.",response:"< 48h"},{id:"order",eyebrow:"D \xB7 Label",title:"Group four",copy:"Short description of this routing group.",response:"< 24h"}],formNumber:"03 \xB7 Message",formHeading:"Send *a note.*",metaLines:["Encrypted in transit","Stored 12 months"],showOther:!0,otherLabel:"Other",otherNoteTitle:"No matching team",otherNoteBody:"Tell us what you need in the message field below \u2014 we'll route it to whoever can help.",buttonText:"Send Message \u2192",consent:"By submitting, you agree to our privacy policy. We never share contact details with third parties.",channels:[{label:"Team one",value:"team-one@email.com",href:"mailto:team-one@email.com",sub:"Detail \xB7 Detail",groupId:"fitment"},{label:"Team two",value:"team-two@email.com",href:"mailto:team-two@email.com",sub:"Detail \xB7 Detail",groupId:"trade"},{label:"Team three",value:"team-three@email.com",href:"mailto:team-three@email.com",sub:"Detail \xB7 Detail",groupId:"press"},{label:"Team four",value:"team-four@email.com",href:"mailto:team-four@email.com",sub:"Detail \xB7 Detail",groupId:"order"},{label:"Phone",value:"+1 (000) 000-0000",href:"tel:+10000000000",sub:"Mon\u2013Fri \xB7 9:00\u201318:00"}]};function Wr(e){return Dg(e)}import{Fragment as Ur,jsx as L1,jsxs as L0}from"react/jsx-runtime";function lZ(e){let t=[];return e.forEach((a,c)=>{let s=Q4(a),l=t.find(o=>o.key===s);l||(l={key:s,name:String(a?.groupName??""),indices:[]},t.push(l)),l.indices.push(c)}),t}function q8({children:e}){return L1("div",{className:"sf-field-label",children:e})}function ts({children:e}){return L1("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--fg-dim, #999)",margin:"14px 0 6px"},children:e})}var dy={width:"100%",textAlign:"left",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,padding:"10px 12px",fontSize:13,border:"1px solid var(--border-strong, #d0d0d0)",borderRadius:8,background:"transparent",color:"inherit",cursor:"pointer"},vy={width:"100%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,padding:"8px 10px",marginTop:8,fontSize:13,border:"1px dashed var(--border-strong, #c0c0c0)",borderRadius:8,background:"transparent",color:"inherit",cursor:"pointer"},G8={padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer"},as={padding:"2px 7px",border:"1px solid var(--border-strong, #d0d0d0)",borderRadius:6,background:"transparent",color:"inherit",cursor:"pointer",fontSize:12,lineHeight:1.4},fy={...G8,color:"#d85a30"};function we({label:e,value:t,placeholder:a,textarea:c,onChange:s}){return L0("div",{className:"sf-field",children:[L1(q8,{children:e}),c?L1("textarea",{value:t,placeholder:a,onChange:l=>s(l.target.value)}):L1("input",{type:"text",value:t,placeholder:a,onChange:l=>s(l.target.value)})]})}var oZ=[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],rZ=[{label:"Tall (3:4)",value:"tall"},{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"}];function uy({label:e,options:t,value:a,onChange:c}){return L0("div",{className:"sf-field",children:[L1(q8,{children:e}),L1("div",{style:{display:"flex",gap:4},children:t.map(s=>{let l=a===s.value;return L1("button",{type:"button","aria-pressed":l,onClick:()=>c(s.value),style:{flex:1,padding:"6px 8px",fontSize:12,borderRadius:6,cursor:"pointer",border:`1px solid ${l?"var(--sf-accent, #2563eb)":"var(--border-strong, #d0d0d0)"}`,background:l?"var(--sf-accent, #2563eb)":"transparent",color:l?"#fff":"inherit",fontWeight:l?500:400},children:s.label},s.value)})})]})}function gy({props:e,setSection:t,headOnly:a}){let c=o=>String(e[o]??""),s=e.mapTheme||I0.mapTheme,l=I0;return L0(Ur,{children:[!a&&L1(ts,{children:"Section"}),L1(we,{label:"Section number",value:c("sectionNumber"),placeholder:l.sectionNumber,onChange:o=>t({sectionNumber:o})}),L1(we,{label:"Heading",textarea:!0,value:c("heading"),placeholder:l.heading,onChange:o=>t({heading:o})}),L1(we,{label:"Body",textarea:!0,value:c("tagline"),placeholder:l.tagline,onChange:o=>t({tagline:o})}),a?null:L0(Ur,{children:[L1(ts,{children:"City strip"}),L1(we,{label:"Eyebrow",value:c("galleryKicker"),placeholder:l.galleryKicker,onChange:o=>t({galleryKicker:o})}),L1(we,{label:"Hint",value:c("galleryHint"),placeholder:l.galleryHint,onChange:o=>t({galleryHint:o})}),L1(uy,{label:"Shape",options:rZ,value:Qc(e.imageShape),onChange:o=>t({imageShape:o})}),L1(ts,{children:"Map & Theme"}),L1(uy,{label:"Map theme",options:oZ,value:s,onChange:o=>t({mapTheme:o})})]})]})}function iZ({cards:e,groupKey:t,onChange:a,onBack:c,onOpenCity:s,onNavigate:l}){let o=e.map((d,g)=>Q4(d)===t?g:-1).filter(d=>d>=0),r=String(e[o[0]]?.groupName??""),i=new Set(e.map(Q4).filter(d=>d!==t)),[n,h]=cZ(t),m=d=>a(e.map(g=>Q4(g)===t?{...g,...d}:g)),p=()=>{let d=n;if(d!==t){if(i.has(d)){h(t);return}a(e.map(g=>Q4(g)===t?{...g,group:d}:g)),l(d)}},u=(d,g)=>{if(d<0||g<0||d>=e.length||g>=e.length)return;let z=e.slice();[z[d],z[g]]=[z[g],z[d]],a(z)};return L0("div",{className:"sf-field",children:[L1("button",{type:"button",style:G8,onClick:c,children:"\u2190 Section"}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:Tc(t,r)}),L0("div",{className:"sf-field",children:[L1(q8,{children:"Group heading (optional)"}),L1("input",{type:"text",value:n,placeholder:"e.g. Americas",onChange:d=>h(d.target.value),onBlur:p,onKeyDown:d=>{d.key==="Enter"&&d.target.blur()}}),i.has(n)&&n!==t&&L1("div",{style:{marginTop:4,fontSize:11,color:"#d85a30"},children:"Another group already uses this heading \u2014 pick a different one."})]}),L0("div",{className:"sf-field",children:[L1(q8,{children:"Group name (optional)"}),L1("input",{type:"text",value:r,placeholder:"Shown beside the heading",onChange:d=>m({groupName:d.target.value})})]}),L1("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",margin:"10px 0 6px"},children:"Cities in this group"}),L1("div",{style:{display:"grid",gap:6},children:o.map((d,g)=>L0("div",{style:{display:"flex",gap:6,alignItems:"stretch"},children:[L0("button",{type:"button",style:{...dy,flex:1},onClick:()=>s(d),children:[L1("span",{children:e[d]?.name||"City"}),L1("span",{"aria-hidden":"true",children:"\u203A"})]}),L1("button",{type:"button",style:as,"aria-label":"Move up",title:"Move up",onClick:()=>u(d,o[g-1]),disabled:g===0,children:"\u2191"}),L1("button",{type:"button",style:as,"aria-label":"Move down",title:"Move down",onClick:()=>u(d,o[g+1]),disabled:g===o.length-1,children:"\u2193"})]},d))}),L1("button",{type:"button",style:vy,onClick:()=>a([...e,{...rr,group:t,groupName:r}]),children:"+ Add city"}),L1("div",{style:{marginTop:12},children:L0("button",{type:"button",style:fy,onClick:()=>{a(e.filter(d=>Q4(d)!==t)),c()},children:["Delete group (",o.length," ",o.length===1?"city":"cities",")"]})})]})}function Kr({value:e,onChange:t}){let a=Array.isArray(e)?e:[],c=wz(),s=xz(),l=lZ(a),{appState:o,selectedItem:r}=sZ(z=>z),i=qu(),n=r?.props??{},h=z=>{if(!r)return;let b=(o.data.content??[]).findIndex(y=>y.props.id===r.props.id);b<0||i.replaceComponent(Gu,b,{type:r.type,props:{...r.props,...z}})},m=(z,f)=>t(a.map((b,y)=>y===z?{...b,...f}:b)),p=()=>{let z=new Set(l.map(y=>y.key)),f=l.length+1,b=`Group ${f}`;for(;z.has(b);)b=`Group ${++f}`;t([...a,{...rr,group:b,groupName:""}]),O3({level:"group",key:b})},u=(z,f)=>{let b=l.map(C=>C.key),y=z+f;y<0||y>=b.length||([b[z],b[y]]=[b[y],b[z]],t(b.flatMap(C=>a.filter(S=>Q4(S)===C))))};if(c.level==="texts")return L0("div",{className:"sf-field",children:[L1("button",{type:"button",style:G8,onClick:()=>O3({level:"groups"}),children:"\u2190 Locations"}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Texts"}),L1(gy,{props:n,setSection:h,headOnly:!0})]});if(c.level==="image"){let z=a[c.index];return z?L0("div",{className:"sf-field",children:[L0("button",{type:"button",style:G8,onClick:()=>O3({level:"city",index:c.index}),children:["\u2190 ",String(z.name??"")||"City"]}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Image"}),L1(Df,{value:z.photo||"",onChange:f=>m(c.index,{photo:f}),label:"Image",accept:"image/*"})]}):d()}if(c.level==="map"){let z=a[c.index];return z?L0("div",{className:"sf-field",children:[L0("button",{type:"button",style:G8,onClick:()=>O3({level:"city",index:c.index}),children:["\u2190 ",String(z.name??"")||"City"]}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Map"}),L1(dc,{value:z.geocode,onChange:f=>m(c.index,{geocode:f}),label:"Coordinates"}),L0("div",{className:"sf-field",children:[L1(q8,{children:"Directions link"}),L1("input",{type:"text",value:String(z.mapsUrl??""),onChange:f=>m(c.index,{mapsUrl:f.target.value})})]})]}):d()}if(c.level==="city"){let z=c.index,f=a[z];if(!f)return d();let b=Q4(f),y=(S,H)=>m(z,{[S]:H}),C=(S,H,_=!1)=>L0("div",{className:"sf-field",children:[L1(q8,{children:H}),_?L1("textarea",{value:String(f[S]??""),onChange:Z=>y(S,Z.target.value)}):L1("input",{type:"text",value:String(f[S]??""),onChange:Z=>y(S,Z.target.value)})]});return L0("div",{className:"sf-field",children:[L0("button",{type:"button",style:G8,onClick:()=>O3({level:"group",key:b}),children:["\u2190 ",Tc(b,String(f.groupName??""))]}),L1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:f.name||"City"}),C("name","Location name"),C("state","State / Province"),C("country","Country"),C("address","Address",!0),C("phone","Phone"),C("hours","Opening hours"),C("timezone","Timezone chip"),L1("div",{style:{marginTop:12},children:L1("button",{type:"button",style:fy,onClick:()=>{t(a.filter((S,H)=>H!==z)),O3({level:"group",key:b})},children:"Delete city"})})]})}if(c.level==="group")return l.some(z=>z.key===c.key)?L1(iZ,{cards:a,groupKey:c.key,onChange:t,onBack:()=>O3({level:"groups"}),onOpenCity:z=>O3({level:"city",index:z}),onNavigate:z=>O3({level:"group",key:z})},c.key):d();function d(){return L0("div",{className:"sf-field",children:[L1(gy,{props:n,setSection:h}),!s&&L0(Ur,{children:[L1(ts,{children:"Locations"}),g()]})]})}function g(){return L0("div",{style:{marginTop:2},children:[L0("div",{style:{display:"grid",gap:6},children:[l.map((z,f)=>L0("div",{style:{display:"flex",gap:6,alignItems:"stretch"},children:[L0("button",{type:"button",style:{...dy,flex:1},onClick:()=>O3({level:"group",key:z.key}),children:[L1("span",{style:{fontWeight:500},children:Tc(z.key,z.name)}),L0("span",{style:{color:"var(--fg-dim, #999)"},children:[z.indices.length," ",z.indices.length===1?"city":"cities"," \u203A"]})]}),L1("button",{type:"button",style:as,"aria-label":"Move up",title:"Move up",onClick:()=>u(f,-1),disabled:f===0,children:"\u2191"}),L1("button",{type:"button",style:as,"aria-label":"Move down",title:"Move down",onClick:()=>u(f,1),disabled:f===l.length-1,children:"\u2193"})]},z.key||`__ungrouped_${f}`)),l.length===0&&L1("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",padding:"4px 0"},children:"No locations yet."})]}),L1("button",{type:"button",style:vy,onClick:p,children:"+ Add group"})]})}return d()}var nZ="/geocode.json";async function by(e){let t=e.trim();if(!t)return null;if(!yg())throw new Error("geocode_unavailable");let a=await fetch(`${kg()}${nZ}?q=${encodeURIComponent(t)}`,{headers:{Accept:"application/json"}});if(!a.ok)throw new Error(`geocode_http_${a.status}`);let c=await a.json();if(!c||typeof c!="object")return null;let{lat:s,lng:l,label:o}=c,r=Number(s),i=Number(l);return!Number.isFinite(r)||!Number.isFinite(i)?null:{lat:r,lng:i,label:String(o??"")}}var cs=e=>typeof e=="number"&&Number.isFinite(e);function ss(e){return e.some(t=>{let a=t?.geocode;return a?a.pending||a.manual&&a.lat===void 0&&a.lng===void 0?!0:cs(a.lat)&&a.lat!==t.lat||cs(a.lng)&&a.lng!==t.lng:!1})}async function ls(e,t,{geocode:a=by,courtesyGapMs:c=1100}={}){let s=o=>new Promise(r=>setTimeout(r,o)),l=e.slice();if(e.some(o=>o?.geocode?.pending)){let o=[],r=!1;for(let i of e){if(!i?.geocode?.pending){o.push(i);continue}r&&c>0&&await s(c),r=!0;try{let n=await a(t(i));o.push(n?{...i,lat:n.lat,lng:n.lng,geocode:{...i.geocode,pending:!1,ok:!0,status:`Found \u2014 ${n.label.split(",").slice(0,3).join(",").trim()}`,lat:n.lat,lng:n.lng}}:{...i,geocode:{...i.geocode,pending:!1,ok:!1,status:"No match \u2014 check the address and try again."}})}catch{o.push({...i,geocode:{...i.geocode,pending:!1,ok:!1,status:"Lookup busy \u2014 try again in a moment."}})}}l=o}return l.map(o=>{let r=o?.geocode;if(!r)return o;if(r.manual&&r.lat===void 0&&r.lng===void 0)return{...o,geocode:{...r,lat:o.lat,lng:o.lng}};let i=cs(r.lat)&&r.lat!==o.lat?r.lat:o.lat,n=cs(r.lng)&&r.lng!==o.lng?r.lng:o.lng;return i!==o.lat||n!==o.lng?{...o,lat:i,lng:n}:o})}import{jsx as hZ}from"react/jsx-runtime";var zy={fields:{locations:{type:"custom",render:({value:e,onChange:t})=>hZ(Kr,{value:e,onChange:t})}},resolveData:async e=>{let t=e.props,a=t.locations??[];if(!ss(a))return e;let c=await ls(a,s=>{let l=es(s.region);return[String(s.address??"").replace(/\s*\n+\s*/g,", "),s.name,String(s.state??"").trim()||l.state,String(s.country??"").trim()||l.country].map(o=>String(o??"").trim()).filter(Boolean).join(", ")});return{...e,props:{...t,locations:c}}}};var xy={fields:{html:{type:"textarea",label:"HTML"}}};import{StylesIcon as dZ}from"efficient-easel/icons";var K6="line",$r=[{label:"Line",value:"line"},{label:"Stripes \xB7 fine",value:"stripes-fine"},{label:"Stripes \xB7 medium",value:"stripes-medium"},{label:"Stripes \xB7 bold",value:"stripes-bold"}],mZ={"stripes-fine":{ink:4,period:12},"stripes-medium":{ink:8,period:18},"stripes-bold":{ink:14,period:28}},wy=28,pZ="-45deg",uZ="color-mix(in oklab, var(--accent) 50%, var(--bg))";function gZ(e){return e!=="line"}function yy(e){return S3($r,K6,e)}function ky(e){if(!gZ(e))return null;let{ink:t,period:a}=mZ[e];return`repeating-linear-gradient(${pZ}, ${uZ} 0 ${t}px, transparent ${t}px ${a}px)`}import{jsx as vZ}from"react/jsx-runtime";var My={fields:{style:h1("Style",vZ(dZ,{}),$r,K6),spacing:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"}]}}};import{jsx as t5,jsxs as ye}from"react/jsx-runtime";function fZ(e,t){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${t+1}`}function bZ(e){let t=[];for(let a of e.replace(/\r\n?/g,`
|
|
26
|
-
`).split(/\n[ \t]*\n/))a.split(`
|
|
27
|
-
`).map(s=>s.replace(/\s+$/,"")).filter(s=>s.trim()!=="").forEach((s,l)=>{let o=zg(s)[0].bullet,r=t.at(-1),i=l===0||!r||r.type==="ul"!==o;if(o){let n=s.slice(2);!i&&r?.type==="ul"?r.items.push(n):t.push({type:"ul",items:[n]})}else!i&&r?.type==="p"?r.text+=`
|
|
28
|
-
${s}`:t.push({type:"p",text:s})});return t}var zZ=[{label:"First section",heading:"Your *first* section.",body:`Write the opening paragraph here.
|
|
29
|
-
|
|
30
|
-
- Start a line with a dash for a bullet.
|
|
31
|
-
- Add as many as you like.`},{label:"Second section",heading:"Your *second* section.",body:"Leave a blank line between paragraphs to start a new one."}],xZ=120;function jr({tocTitle:e,sections:t,editing:a=!1,stickyTop:c=xZ}){let s=(t??[]).filter(i=>(i.heading??"").trim()!==""||(i.label??"").trim()!==""||(i.body??"").trim()!=="");if(s.length===0&&!a)return null;let l=s.length===0&&a?zZ:s,o=new Set,r=l.map((i,n)=>{let h=fZ(i.label||i.heading||"",n),m=h,p=2;for(;o.has(m);)m=`${h}-${p++}`;return o.add(m),m});return t5("section",{className:"relative z-[2] bg-bg",children:ye("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[240px_1fr] items-start gap-20 border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[900px]:grid-cols-1 max-[900px]:gap-10 max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:py-[60px]",children:[ye("aside",{className:"sticky flex flex-col self-start max-[900px]:static",style:{top:c},children:[e&&t5("h4",{className:"mb-[18px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:k(e)}),l.map((i,n)=>ye("a",{href:`#${r[n]}`,className:`flex items-center justify-between gap-3 border-b border-line py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim transition-colors hover:text-fg${n===0?" border-t":""}`,children:[t5("span",{children:k(i.label||"Section")}),t5("span",{className:"text-accent",children:String(n+1).padStart(2,"0")})]},r[n]))]}),t5("div",{className:"flex flex-col gap-16",children:l.map((i,n)=>ye("article",{id:r[n],className:"flex flex-col gap-[18px]",style:{scrollMarginTop:c},children:[ye("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:[String(n+1).padStart(2,"0")," \xB7 ",k(i.label||"Section")]}),i.heading&&t5("h2",{className:"mb-2 border-b border-line pb-[18px] font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.5vw,44px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.025em]",children:k(i.heading)}),bZ(i.body??"").map((h,m)=>h.type==="ul"?t5("ul",{className:"flex max-w-[680px] list-none flex-col gap-2.5 pl-0",children:h.items.map((p,u)=>t5("li",{className:"relative pl-6 font-serif text-[length:var(--size-body,17px)] leading-[1.65] text-fg-dim before:absolute before:-top-0.5 before:left-1.5 before:text-[length:var(--size-body,24px)] before:leading-none before:text-accent before:content-['\xB7']",children:k(p)},u))},m):t5("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,17px)] leading-[1.7] text-fg-dim",children:k(h.text)},m))]},r[n]))})]})})}import{jsx as yZ}from"react/jsx-runtime";var Yr={toc:"On this page"},wZ=[{label:"Section",heading:"Section heading *here.*",body:"Add this section's copy here. A blank line starts a new paragraph."},{label:"Section",heading:"Section heading *here.*",body:"Add this section's copy here."}],Cy={label:"Document body",defaultProps:{tocTitle:"",sections:[]},render:e=>yZ(jr,{tocTitle:x(e.tocTitle,Yr.toc,e.puck),sections:d1(e.sections,wZ,e.puck),editing:e.puck?.isEditing})};var Ly={fields:{_gContent:v("Contents"),tocTitle:A("Contents heading",Yr.toc),_gSections:v("Sections"),sections:{type:"array",label:"Sections",arrayFields:{label:n1("Contents label"),heading:n1("Title"),body:C1("Body")},defaultItemProps:{label:"",heading:"",body:""},getItemSummary:e=>e?.label||e?.heading||"Section"}}};import{jsx as $6,jsxs as Xr}from"react/jsx-runtime";function kZ({level:e,className:t,children:a}){return $6(e===2?"h2":"h1",{className:t,children:a})}function Jr({eyebrow:e,title:t,deck:a,meta:c,editing:s=!1,titleLevel:l}){let o=(c??[]).filter(i=>(i.label??"").trim()!==""||(i.value??"").trim()!=="");return!!!(e||t||a||o.length>0)&&!s?null:$6("section",{className:"relative z-[2] bg-bg",children:Xr("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-[100px] pb-[60px] max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:pt-[60px] max-[900px]:pb-10",children:[Xr("div",{className:"grid grid-cols-[auto_1fr_auto] items-end gap-10 pb-8 max-[900px]:grid-cols-1 max-[900px]:gap-4",children:[e&&$6(I1,{text:e,className:"pb-3",classNameAfter:"max-[900px]:pb-0"}),t&&$6(kZ,{level:l,className:"font-display text-[length:min(var(--size-headingLarge,clamp(56px,8vw,128px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.88] tracking-[-0.04em]",children:U(t,!0)}),o.length>0&&$6("div",{className:"pb-3 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.22em] text-fg-dim max-[900px]:pb-0 max-[900px]:text-left",children:o.map((i,n)=>Xr("div",{children:[i.label&&$6("strong",{className:"font-normal text-fg",children:k(i.label)}),i.label&&i.value?" ":null,i.value?k(i.value):null]},n))})]}),a&&$6("p",{className:"max-w-[760px] border-t border-line pt-8 font-serif text-[length:var(--size-body,22px)] italic leading-[1.5] text-fg-dim max-[900px]:text-[length:var(--size-body,19px)]",children:k(a,!0)})]})})}import{jsx as CZ}from"react/jsx-runtime";var MZ=[{label:"Label",value:"Value"},{label:"Label",value:"Value"}],j6={eyebrow:L.eyebrow,title:L.headingAccent,deck:"Add a sentence or two introducing this document."},Sy={label:"Document masthead",defaultProps:{eyebrow:"",title:"",deck:"",meta:[]},render:e=>CZ(Jr,{titleLevel:e.titleLevel,eyebrow:x(e.eyebrow,j6.eyebrow,e.puck),title:x(e.title,j6.title,e.puck),deck:x(e.deck,j6.deck,e.puck),meta:d1(e.meta,MZ,e.puck),editing:e.puck?.isEditing})};var Ay={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",j6.eyebrow),title:V("Heading",j6.title),deck:V("Deck / standfirst",j6.deck),_gMeta:v("Metadata"),meta:{type:"array",label:"Metadata rows",arrayFields:{label:n1("Label"),value:n1("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||"Row"}}};import{jsx as ke,jsxs as LZ}from"react/jsx-runtime";function Qr({cards:e,editing:t=!1}){let a=(e??[]).filter(c=>(c.label??"").trim()!==""||(c.value??"").trim()!==""||(c.desc??"").trim()!=="");return a.length===0&&!t?null:ke("section",{className:"relative z-[2] bg-bg",children:ke("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-3 gap-10 border-b border-line px-[var(--sf-site-gutter,40px)] py-[60px] max-[900px]:grid-cols-1 max-[900px]:gap-4 max-[900px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[900px]:py-10",children:a.map((c,s)=>LZ("div",{className:"flex flex-col gap-2 border border-line bg-surface p-6",children:[c.label&&ke(I1,{text:c.label,size:12}),c.value&&ke("span",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium tracking-[-0.015em] text-fg",children:k(c.value)}),c.desc&&ke("span",{className:"mt-1.5 font-serif text-[length:var(--size-body,14px)] italic leading-[1.5] text-fg-dim",children:k(c.desc)})]},s))})})}import{jsx as SZ}from"react/jsx-runtime";var ei=[{label:"Label",value:"Value",desc:"Short description of this card."},{label:"Label",value:"Value",desc:"Short description of this card."},{label:"Label",value:"Value",desc:"Short description of this card."}],Hy={label:"Document Detail Cards",defaultProps:{cards:[]},render:e=>SZ(Qr,{cards:d1(e.cards,ei,e.puck),editing:e.puck?.isEditing})};var Fy={fields:{cards:u8({type:"array",label:"Cards",arrayFields:{label:n1("Label"),value:n1("Value"),desc:C1("Body")},defaultItemProps:{label:"Label",value:"",desc:""},getItemSummary:e=>e?.label||e?.value||"Card"},ei)}};import{PageIcon as FZ}from"efficient-easel/icons";import{jsx as ti,jsxs as ai}from"react/jsx-runtime";function ci({tabs:e,metaLabel:t,metaValue:a,editing:c=!1}){let s=(e??[]).filter(o=>(o.label??"").trim()!=="");if(s.length===0&&!c)return null;let l=s.findIndex(o=>o.current);return ti("nav",{className:`${Ga} sticky top-[var(--sf-header-h,88px)] z-40 border-b border-line px-[var(--sf-site-gutter,40px)] backdrop-blur-md max-[900px]:px-4`,style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:ai("div",{className:"mx-auto flex max-w-[calc(var(--sf-site-width,1600px)_-_var(--sf-site-gutter,40px)*2)] items-stretch gap-0 overflow-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[s.map((o,r)=>{let i=r===l;return ai(i0,{href:o.href||"#",className:["relative whitespace-nowrap border-r border-line px-[26px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] transition-colors",r===0?"border-l border-line":"",i?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[z0(o.label),i&&ti("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},r)}),(t||a)&&ai("span",{className:"ml-auto flex items-center whitespace-nowrap border-l border-line py-[18px] pl-[26px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[900px]:hidden",children:[t&&k(t),a&&ti("strong",{className:"ml-2 font-normal text-accent",children:k(a)})]})]})})}import{jsx as HZ}from"react/jsx-runtime";var AZ=[{label:"Tab",href:"#",current:!0},{label:"Tab",href:"#",current:!1},{label:"Tab",href:"#",current:!1}],Me={metaLabel:L.label,metaValue:L.value},Ty={label:"Document tabs",defaultProps:{tabs:[],metaLabel:"",metaValue:""},render:e=>HZ(ci,{tabs:d1(e.tabs,AZ,e.puck),metaLabel:x(e.metaLabel,Me.metaLabel,e.puck),metaValue:x(e.metaValue,Me.metaValue,e.puck),editing:e.puck?.isEditing})};import{jsx as TZ}from"react/jsx-runtime";var Vy={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:P("Tab label"),href:w1("Links to"),current:e1("Current page",!1,TZ(FZ,{}))},defaultItemProps:{label:"Tab",href:"",current:!1},getItemSummary:e=>e?.label||"Tab"},_gNote:v("Trailing note"),metaLabel:A("Note label",Me.metaLabel),metaValue:A("Note value",Me.metaValue)}};import{StylesIcon as VZ}from"efficient-easel/icons";import{jsx as PZ}from"react/jsx-runtime";var Py={fields:{eyebrow:A("Eyebrow",L.eyebrow),align:k4(),eyebrowLook:h1("Look",PZ(VZ,{}),F3,Hc)}};import{ChevronIcon as GZ}from"efficient-easel/icons";import{useEffect as EZ,useRef as BZ}from"react";import{jsx as NZ}from"react/jsx-runtime";function Y6({nodeId:e,sectionType:t,children:a}){let c=BZ(null),{selectedPartId:s,select:l}=xc(),{setPartStyle:o}=wc();return EZ(()=>{let r=c.current,i=Mz(t);if(!r||!e||!i)return;let n=[],h=Array.from(r.querySelectorAll(`[${ce}]`));for(let p of h){let u=Wb(i,p.getAttribute(ce));if(!u)continue;let d=S8(p);d&&n.push(d);let g=Y4(e,se(u));g===s?(p.setAttribute(I6,""),o({partId:g,...mr(p),base:Zc(p)})):p.removeAttribute(I6)}let m=p=>{let u=Ub(i,p.target);u&&(p.stopPropagation(),p.preventDefault(),l(Y4(e,se(u))))};return r.addEventListener("click",m,{capture:!0}),n.push(()=>r.removeEventListener("click",m,{capture:!0})),()=>{for(let p of n)p();for(let p of h)p.removeAttribute(I6)}},[e,t,s,l,o]),NZ("div",{ref:c,style:{display:"contents"},children:a})}import{Fragment as _Z,jsx as V3,jsxs as oi}from"react/jsx-runtime";function Ey(e){return K0(e).trim()}function si(e,t){return e?{[ce]:t}:{}}function li(e,t){let a=e?.[se(t)]?.role;return qb(a,yz[t],vg)}function ZZ({editing:e,nodeId:t,children:a}){return!e||!t?V3(_Z,{children:a}):V3(Y6,{nodeId:t,sectionType:"FAQ",children:a})}var IZ="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",RZ="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function ri({num:e,title:t,link:a,items:c,defaultOpen:s=!0,editing:l=!1,omitHead:o=!1,nodeId:r,partStyles:i}){let n=(c??[]).filter(g=>(g.question??"").trim()!==""),h=l&&n.length===0;if(n.length===0&&!l)return null;let m=h?[{question:"Add your first question",answer:"Write the answer here."},{question:"Add another question",answer:"Write the answer here."}]:n,p=m.filter(g=>(g.answer??"").trim()!=="").map(g=>({"@type":"Question",name:Ey(g.question??""),acceptedAnswer:{"@type":"Answer",text:Ey(g.answer??"")}})),u=!l&&p.length>0?JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:p}).replace(/</g,"\\u003c"):null,d=t?U(t,!0):void 0;return oi("section",{className:o?RZ:IZ,children:[V3("style",{children:".faq-acc__ico{transition:transform .2s ease}details[open]>summary .faq-acc__ico{transform:rotate(45deg)}"}),u&&V3("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:u}}),o?null:V3(j1,{num:e!==void 0?k(e):void 0,title:d,link:a?{text:k(a.text),href:a.href}:void 0,accent:!0}),V3(ZZ,{editing:l,nodeId:r,children:V3("div",{children:m.map((g,z)=>oi("details",{open:z===0&&s,className:"border-b border-line",children:[oi("summary",{className:"flex cursor-pointer list-none items-center gap-6 py-7 [&::-webkit-details-marker]:hidden max-[800px]:gap-4 max-[800px]:py-5",children:[V3("span",{className:"font-mono text-[length:var(--size-label,14px)] tracking-[0.2em] text-accent",...si(l,"number"),style:li(i,"number"),children:String(z+1).padStart(2,"0")}),V3("span",{className:"flex-1 font-display text-[length:var(--size-body,18px)] font-medium uppercase tracking-[0.02em] text-fg max-[800px]:text-[length:var(--size-body,15px)]",...si(l,"question"),style:li(i,"question"),children:k(g.question??"")}),V3("span",{"aria-hidden":!0,className:"faq-acc__ico shrink-0 text-[length:var(--size-body,22px)] leading-none text-fg-dim",children:"+"})]}),g.answer&&V3("div",{className:"pb-8 pl-11 pr-8 max-[800px]:pl-0 max-[800px]:pr-0",children:V3("p",{className:"max-w-[760px] text-[length:var(--size-body,15px)] leading-[1.7] text-fg-dim",...si(l,"answer"),style:li(i,"answer"),children:k(g.answer)})})]},z))})})]})}import{jsx as OZ}from"react/jsx-runtime";var X6={num:L.sectionNumber,title:"Frequently *asked.*",link:"View all questions"},DZ=[{question:"Your first question goes here?",answer:"Add your answer here \u2014 a sentence or two is plenty."},{question:"Your second question goes here?",answer:"Add your answer here. Keep it clear and concise so it stays easy to scan."},{question:"Your third question goes here?",answer:"Add your answer here."},{question:"Your fourth question goes here?",answer:"Add your answer here."},{question:"Your fifth question goes here?",answer:"Add your answer here."}],By={label:"Q&A",defaultProps:{num:"",title:"",linkText:"",linkHref:"/faq",defaultOpen:!0,items:[]},render:e=>{let t=P1(e.headPlacement)==="own-box",a=s=>t?void 0:s,c=x(e.linkText,X6.link,e.puck);return OZ(ri,{num:a(x(e.num,X6.num,e.puck)),title:a(x(e.title,X6.title,e.puck)),link:a(c?{text:c,href:Y(e.linkHref)||"/faq"}:void 0),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:r8(e),items:d1(e.items,DZ,e.puck),defaultOpen:e.defaultOpen,editing:e.puck?.isEditing})}};import{jsx as qZ}from"react/jsx-runtime";var Ny={fields:{_gContent:v("Content"),num:A("Number",X6.num),title:V("Heading",X6.title),linkText:A("Button",X6.link),linkHref:w1("Link"),_gQuestions:v("Questions"),items:{type:"array",label:"Questions",arrayFields:{question:n1("Question"),answer:C1("Answer",void 0,R5)},getItemSummary:e=>e.question||"Question"},_gLayout:v("Layout"),defaultOpen:e1("Open first answer",!0,qZ(GZ,{}))},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.FAQ.headRows)};import{useContext as KZ}from"react";import{SettingsField as _y}from"efficient-easel/panel";import{BlogPostIcon as Dy}from"efficient-easel/icons";var Zy=Ba({fetch:(e,t)=>h4.listBlogPosts(e,{visibleOnly:!0,siteId:t}),keyBy:Z2});import{useEffect as Iy,useRef as WZ,useState as ii}from"react";function a5(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function W8({load:e,resolve:t,snapshot:a,value:c,onChange:s}){let[l,o]=ii(null),[r,i]=ii(!1),[n,h]=ii(!1),m=WZ(!0);return Iy(()=>(m.current=!0,e().then(u=>{m.current&&o(u)}),()=>{m.current=!1}),[]),Iy(()=>{if(!c?.slug||l===null)return;let u=t(l,c);if(!u)return;let d=a(u);a5(d,c)&&s(d)},[l]),{rows:l,loading:l===null,refreshing:r,errored:n,refresh:()=>{c?.slug&&(i(!0),h(!1),e(!0).then(u=>{if(!m.current)return;o(u);let d=t(u,c);d&&s(a(d))}).catch(()=>{m.current&&h(!0)}).finally(()=>{m.current&&i(!1)}))}}}import{jsx as os,jsxs as UZ}from"react/jsx-runtime";function v3({status:e,statusText:t,onRefresh:a,busy:c=!1,edit:s,hint:l,spaced:o=!0}){return UZ("div",{className:"sf-blogsource",style:o?{marginTop:9}:void 0,children:[os("p",{className:"sf-blogsource-status","data-state":e,children:t}),os("button",{type:"button",className:"sf-blogsource-btn",onClick:a,disabled:c,children:"Refresh now"}),s?os("button",{type:"button",className:"sf-blogsource-btn",onClick:s.onClick,children:s.label}):null,os("p",{className:"sf-blogsource-hint",children:l})]})}import{Fragment as Oy,jsx as f3,jsxs as Ce}from"react/jsx-runtime";function $Z(e){if(!e)return"";let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{year:"numeric",month:"short",day:"2-digit"})}function Ry(e){return{slug:e.slug,image:e.cover_image?ia(e.cover_image)??"":"",title:e.title,dek:e.excerpt,date:$Z(e.published_at),href:`/journal/${e.slug}`}}function J6({value:e,onChange:t}){let a=KZ(pf);return a&&!a.capabilities.offersService?e?.slug?f3(jZ,{value:e,onChange:t}):f3(Oy,{}):f3(YZ,{value:e,onChange:t})}function jZ({value:e,onChange:t}){return Ce(_y,{label:"Blog post source",icon:f3(Dy,{}),children:[Ce("select",{value:e.slug,onChange:a=>a.target.value?void 0:t(null),children:[f3("option",{value:"",children:"None (manual)"}),f3("option",{value:e.slug,children:e.title||e.slug})]}),f3("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:"Linked to a blog post. This editor has no blog to pick another from; choose \u201CNone (manual)\u201D to author the section yourself."})]})}function YZ({value:e,onChange:t}){let{rows:a,loading:c,refreshing:s,errored:l,refresh:o}=W8({load:Zy,resolve:(m,p)=>m.find(u=>u.slug===p.slug),snapshot:Ry,value:e,onChange:t}),r=m=>{if(!m){t(null);return}let p=(a??[]).find(u=>u.slug===m);p&&t(Ry(p))},i=e?.slug&&!(a??[]).some(m=>m.slug===e.slug),n=l?"error":s?"loading":"idle",h=l?"Couldn\u2019t reach Storefront \u2192 Blog.":s?"Syncing from Storefront \u2192 Blog\u2026":`Linked to \u201C${e?.title||e?.slug||""}\u201D`;return Ce(_y,{label:"Blog post source",icon:f3(Dy,{}),children:[Ce("select",{value:e?.slug??"",onChange:m=>r(m.target.value),disabled:c,children:[f3("option",{value:"",children:"None (manual)"}),i?Ce("option",{value:e.slug,children:[e.title||e.slug," (unavailable)"]}):null,(a??[]).map(m=>f3("option",{value:m.slug,children:m.title},m.slug))]}),e?.slug?f3(v3,{status:n,statusText:h,onRefresh:o,busy:s,hint:f3(Oy,{children:"Auto-fills the cover image, headline, dek, date and link from this post each time you open the editor. Those fields are hidden while a post is linked; the remaining fields stay yours to set."})}):f3("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:"Pick a post from Storefront \u2192 Blog to auto-fill this section, or keep \u201CNone (manual)\u201D to author it yourself below."})]})}import{Fragment as XZ}from"react";import{jsx as l3,jsxs as Le}from"react/jsx-runtime";function ni({image:e,badge:t,imageDate:a,category:c,readLabel:s,date:l,title:o,dek:r,ctaText:i,ctaHref:n,...h}){let m=[c?l3("span",{className:"text-accent",children:k(c)}):null,s?l3("span",{children:k(s)}):null,l?l3("span",{children:k(l)}):null].filter(Boolean);return l3("section",{className:v0(h)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",children:Le("article",{className:"sf-card relative grid grid-cols-[1.3fr_1fr] border border-line bg-[var(--card-bg)] max-[1100px]:grid-cols-1",children:[Le("div",{className:"relative aspect-[5/4] overflow-hidden border-r border-line bg-surface-2 max-[1100px]:border-r-0 max-[1100px]:border-b",children:[l3(T0,{label:"featured-cover",src:e||void 0,alt:K0(o||"Cover"),sizes:"(max-width: 1100px) 100vw, 56vw"}),l3("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.45) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.55) 100%)"}}),t&&l3("span",{className:"absolute left-6 top-6 z-[2] bg-accent px-3 py-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-bg",children:k(t)}),a&&l3("span",{className:"absolute right-6 bottom-6 z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg",children:k(a)})]}),Le("div",{className:"flex flex-col justify-between gap-6 px-12 py-14 max-[1100px]:px-7 max-[1100px]:py-9",children:[m.length>0&&l3("div",{className:"flex items-center gap-4 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.28em] text-fg-dim",children:m.map((p,u)=>Le(XZ,{children:[u>0&&l3("span",{className:"opacity-40",children:"\xB7"}),p]},u))}),o&&l3("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(34px,3.5vw,58px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:U(o,!0)}),r&&m0(r).map((p,u)=>l3("p",{className:"max-w-[520px] font-serif text-[length:var(--size-body,20px)] italic leading-[1.5] text-fg-dim",children:k(p,!0)},u)),i&&l3("div",{children:Le(i0,{href:n||"#",className:"group inline-flex items-center gap-3.5 py-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[k(i)," ",l3("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]})})]})]})})}import{jsx as JZ}from"react/jsx-runtime";var A2={badge:"Featured",imageDate:L.date,category:L.category,readLabel:"0 min read",date:L.date,title:"Add a *headline* for this story.",dek:"A short summary of the featured article \u2014 one or two sentences that draw the reader in.",ctaText:"Read the story",ctaHref:j0.href},Gy={label:"Featured cover",defaultProps:{source:null,image:"",badge:"",imageDate:"",category:"",readLabel:"",date:"",title:"",dek:"",ctaText:"",ctaHref:""},render:({source:e,image:t,badge:a,imageDate:c,category:s,readLabel:l,date:o,title:r,dek:i,ctaText:n,ctaHref:h,puck:m})=>{let p=e,u=!!p?.slug;return JZ(ni,{image:u?p.image:t,badge:x(a,A2.badge,m),imageDate:u?p.date:x(c,A2.imageDate,m),category:x(s,A2.category,m),readLabel:x(l,A2.readLabel,m),date:u?p.date:x(o,A2.date,m),title:u?p.title:x(r,A2.title,m),dek:u?p.dek:x(i,A2.dek,m),ctaText:x(n,A2.ctaText,m),ctaHref:u?p.href:Y(h)})}};var qy={fields:{source:E0(J6),image:V1("Cover image","image/*"),badge:A("Badge",A2.badge),imageDate:A("Image date",A2.imageDate),_gContent:v("Content"),category:A("Category",A2.category),readLabel:A("Read time",A2.readLabel),date:A("Date",A2.date),title:V("Heading",A2.title),dek:V("Dek",A2.dek),ctaText:A("Button",A2.ctaText),ctaHref:w1("Link")},resolveFields:(e,{fields:t})=>{let c=!!e.props.source?.slug,s=new Set(c?["image","imageDate","date","title","dek","ctaHref"]:[]),l={};for(let[o,r]of Object.entries(t))s.has(o)||(l[o]=r,c&&o==="source"&&(l._nBound=v4(rc)));return l}};import{OpacityIcon as uI,StylesIcon as gI}from"efficient-easel/icons";import{useEffect as Wy,useRef as QZ,useState as Uy}from"react";import{Fragment as eI,jsx as Ky,jsxs as tI}from"react/jsx-runtime";function hi({children:e,className:t,style:a}){let c=QZ(null),[s,l]=Uy([]),[o,r]=Uy(0);Wy(()=>{let n=c.current;if(!n)return;let h=()=>{let p=Array.from(n.querySelectorAll(":scope > *"));l(p.map((u,d)=>u.dataset.tabLabel?.trim()||`Tab ${d+1}`))};h();let m=new MutationObserver(h);return m.observe(n,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-tab-label"]}),()=>m.disconnect()},[]);let i=s.length?Math.min(o,s.length-1):0;return Wy(()=>{let n=c.current;n&&Array.from(n.children).forEach((h,m)=>{h.hidden=s.length>1&&m!==i})},[s,i]),tI(eI,{children:[s.length>1&&Ky(Fz,{slides:s.map(n=>({name:n,process:""})),active:i,shape:"tabs",tone:"surface",label:"Tabs",ref:n=>{n&&(n.onclick=h=>{let m=h.target?.closest?.("[data-idx]")?.getAttribute("data-idx");m!=null&&r(Number(m))})}}),Ky("div",{ref:c,"data-box-tabs":!0,className:t,style:a,children:e})]})}import{createContext as aI,useContext as cI}from"react";import{jsx as jy}from"react/jsx-runtime";var $y=aI(!1);function Q6({contained:e,framedClass:t,fillClass:a,style:c,tabLabel:s,children:l}){let o=cI($y),r=gr(e,o);return jy("div",{className:r?t:a,style:c,"data-tab-label":s,children:r?jy($y.Provider,{value:!0,children:l}):l})}import{createContext as sI}from"react";import{jsx as oI}from"react/jsx-runtime";var mi=sI(null),lI={dark:!0};function Yy({children:e}){return oI(mi.Provider,{value:lI,children:e})}import{jsx as nI}from"react/jsx-runtime";var Se="mx-auto w-full max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)]",Ae="max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",He=`${Se} ${Ae}`,rI="mx-auto w-full max-w-[1280px] px-[60px]",iI="max-[960px]:px-6",V81=`${rI} ${iI}`;function S0({contained:e,className:t="",style:a,children:c}){return nI(Q6,{contained:e,framedClass:`${He} ${t}`,fillClass:`w-full ${t}`,style:a,children:c})}import{Fragment as mI,jsx as e7,jsxs as hI}from"react/jsx-runtime";function pi({direction:e,label:t,gap:a,justify:c,align:s,wrap:l,share:o,phoneRow:r,blockSpacing:i,bgImage:n,darken:h,darkenStyle:m,placement:p,padTop:u,padBottom:d,padTopPhone:g,padBottomPhone:z,padLeft:f,padRight:b,padLeftPhone:y,padRightPhone:C,contained:S=!0,fillHeight:H=!1,content:_}){let Z=P8(n),q=Wc(),j=[ob(o),ib(i)].filter(Boolean).join(" "),B=j?` ${j}`:"",N=["flex",e==="row"?`flex-row ${rb(r)}`:"flex-col",lc(l),Z?_c(p??"center",e):sc(c,s)].join(" ")+B,D=H||Z?" h-full":"",T=Z||q?"":" py-6",R=`${Se}${T} ${Ae}${D}`,i1=q?D.trim():`w-full${T}${D}`,O=L3("Flex",a,e==="row"?"inline":"block"),m1=e7(_,{className:`${N}${O.className}${D}`,style:O.style,minEmptyHeight:120}),Q=e==="tabs"?e7(hi,{className:`${N}${O.className}${D}`,style:O.style,children:m1}):m1,K=t?.trim()||void 0,a1=t0=>e7(Q6,{contained:S,framedClass:R,fillClass:i1,tabLabel:K,children:t0});if(!Z)return a1(Q);let B1=Rc(h,m),X=p8(typeof u=="number"?u:c3.desktop,typeof d=="number"?d:c3.desktop,typeof g=="number"?g:c3.phone,typeof z=="number"?z:c3.phone,typeof f=="number"?f:c3.side,typeof b=="number"?b:c3.side,typeof y=="number"?y:c3.sidePhone,typeof C=="number"?C:c3.sidePhone),D1=e7("div",{className:`relative z-[1] ${bx} ${X?.className??""}`.trimEnd(),style:X?.style,children:Q});return a1(e7(mI,{children:hI("div",{className:`relative isolate overflow-hidden ${Ic}${D}`,style:{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center"},children:[B1&&e7("div",{className:"absolute inset-0 z-0",style:B1,"aria-hidden":!0}),B1?e7(Yy,{children:D1}):D1]})}))}import{jsx as pI}from"react/jsx-runtime";var ui={content:{type:"slot"}},Xy={label:"Box",fields:ui,defaultProps:{direction:"row",justify:"start",align:"stretch",wrap:!0,content:[],share:"equal",blockSpacing:"gap"},render:e=>pI(pi,{direction:e.direction,label:e.label,gap:e.gap,justify:e.justify,align:e.align,wrap:e.wrap,share:e.share,phoneRow:e.phoneRow,blockSpacing:e.blockSpacing,bgImage:e.bgImage,darken:e.darken,darkenStyle:e.darkenStyle,placement:e.placement,padTop:e.sectionPaddingTop,padBottom:e.sectionPaddingBottom,padTopPhone:e.sectionPaddingTopPhone,padBottomPhone:e.sectionPaddingBottomPhone,padLeft:e.sectionPaddingLeft,padRight:e.sectionPaddingRight,padLeftPhone:e.sectionPaddingLeftPhone,padRightPhone:e.sectionPaddingRightPhone,contained:e.contained,fillHeight:ac(e),content:e.content})};import{jsx as Jy}from"react/jsx-runtime";var Qy={fields:{_gContent:v("Content"),contentList:N0("Flex","Blocks"),content:ui.content,_gLayout:v("Layout"),direction:{type:"radio",options:lb("Flex")},label:P("Tab name"),gap:t3("Flex"),justify:hc(),align:mc(),wrap:pc(),share:db(),phoneRow:fb(),blockSpacing:vb(),_gBackground:v("Background image"),bgImage:V1("Image","image/*"),darken:J("Darken",Jy(uI,{}),i2.min,i2.max,i2.step,i2.fallback,i2.unit),darkenStyle:h1("Darken style",Jy(gI,{}),q5,q5[0].value),placement:X4("Content position",{stacking:!1})},resolveFields:(e,{fields:t})=>{let a=e.props;if(P8(a.bgImage))return{...t,...f4({phone:!0,top:c3.desktop,bottom:c3.desktop,sides:!0,side:c3.side,sidePhone:c3.sidePhone,sideBounds:zx})};let c={...t};return delete c.darken,delete c.darkenStyle,delete c.placement,c}};var t7={sectionNumber:"",heading:"",tagline:"",apiKey:"",mapId:"",mapTheme:"auto"};import{HeadquartersIcon as FI,ThemeIcon as TI}from"efficient-easel/icons";import{useEffect as Te,useRef as U3,useState as ds}from"react";var dI=[{elementType:"geometry",stylers:[{color:"#161616"}]},{elementType:"labels",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#c2b896"}]},{elementType:"labels.text.stroke",stylers:[{color:"#0a0a0a"},{weight:3}]},{featureType:"administrative",elementType:"geometry",stylers:[{color:"#2a2a2a"},{weight:.5}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{color:"#3a3530"}]},{featureType:"administrative.country",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"administrative.country",elementType:"labels.text.fill",stylers:[{color:"#d6cdb8"}]},{featureType:"administrative.locality",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#c2b896"}]},{featureType:"administrative.neighborhood",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"poi",stylers:[{visibility:"off"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#1a1a1a"}]},{featureType:"landscape.man_made",elementType:"geometry",stylers:[{color:"#181818"}]},{featureType:"landscape.natural",elementType:"geometry",stylers:[{color:"#1c1c1c"}]},{featureType:"landscape.natural.terrain",elementType:"geometry",stylers:[{color:"#1f1f1f"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#262626"}]},{featureType:"road",elementType:"geometry.stroke",stylers:[{color:"#161616"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#2a2a2a"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#3a3530"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#1a1a1a"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#0a0a0a"}]},{featureType:"water",elementType:"labels",stylers:[{visibility:"off"}]}],vI=[{elementType:"geometry",stylers:[{color:"#e7e4de"}]},{elementType:"labels",stylers:[{visibility:"off"}]},{elementType:"labels.text.fill",stylers:[{color:"#56544f"}]},{elementType:"labels.text.stroke",stylers:[{color:"#e7e4de"},{weight:3}]},{featureType:"administrative",elementType:"geometry",stylers:[{color:"#c3c1b9"},{weight:.5}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{color:"#a4a09a"}]},{featureType:"administrative.country",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"administrative.country",elementType:"labels.text.fill",stylers:[{color:"#171513"}]},{featureType:"administrative.locality",elementType:"labels",stylers:[{visibility:"on"}]},{featureType:"administrative.locality",elementType:"labels.text.fill",stylers:[{color:"#56544f"}]},{featureType:"administrative.neighborhood",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"poi",stylers:[{visibility:"off"}]},{featureType:"transit",stylers:[{visibility:"off"}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#e2dfd8"}]},{featureType:"landscape.man_made",elementType:"geometry",stylers:[{color:"#dcd9d2"}]},{featureType:"landscape.natural",elementType:"geometry",stylers:[{color:"#e4e1da"}]},{featureType:"landscape.natural.terrain",elementType:"geometry",stylers:[{color:"#dfdcd5"}]},{featureType:"road",elementType:"geometry",stylers:[{color:"#f2f0eb"}]},{featureType:"road",elementType:"geometry.stroke",stylers:[{color:"#d3d0c8"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#ebe9e2"}]},{featureType:"road.highway",elementType:"geometry",stylers:[{color:"#bdb5a4"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#9d9584"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#d3d0c8"}]},{featureType:"water",elementType:"labels",stylers:[{visibility:"off"}]}],j5={dark:{background:"#0a0a0a",marker:"#c9a461",info:{bg:"#161616",fg:"#f0eadc",fgDim:"#998a72",accent:"#c9a461",closeX:"#c2b896",shadow:"0 8px 28px rgba(0, 0, 0, 0.7)"}},light:{background:"#e7e4de",marker:"#8a6a2a",info:{bg:"#f2f0eb",fg:"#0a0a0a",fgDim:"#666360",accent:"#8a6a2a",closeX:"#373532",shadow:"0 8px 28px rgba(55, 53, 50, 0.16)"}}},l91=j5.dark.marker;function fI(){return typeof document>"u"?!1:document.documentElement.getAttribute("data-theme")==="light"}function ek(e="auto"){return e==="light"?!0:e==="dark"?!1:fI()}function U8(e="auto"){return ek(e)?vI:dI}function Y5(e="auto"){return ek(e)?j5.light:j5.dark}function W3(e="auto"){return Y5(e).background}function K8(e="auto"){return Y5(e).marker}function rs(e){if(typeof document>"u")return()=>{};let t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>t.disconnect()}var bI="https://maps.googleapis.com/maps/api/js",zI="__storefrontMapsReady__",is=null;function ns(e){if(typeof window>"u")return Promise.reject(new Error("ssr"));if(window.google?.maps)return Promise.resolve(window.google.maps);if(is)return is;let t=e&&e.trim()||"";return t?(is=new Promise((a,c)=>{let s=zI;window[s]=()=>a(window.google.maps);let l=document.createElement("script");l.src=`${bI}?key=${encodeURIComponent(t)}&libraries=marker&callback=${s}&v=weekly&loading=async`,l.async=!0,l.defer=!0,l.onerror=()=>c(new Error("Failed to load Google Maps JS SDK")),document.head.appendChild(l)}),is):Promise.reject(new Error("No Google Maps API key configured"))}function Fe(e,t){return Number.isFinite(e)&&Number.isFinite(t)&&!(e===0&&t===0)}import{createContext as wI,useContext as tk}from"react";var ak="sf:maps-api-key",ck="sf:maps-map-id";function h91(){if(typeof window>"u")return"";try{return window.localStorage.getItem(ak)??""}catch{return""}}function m91(e){if(!(typeof window>"u"))try{window.localStorage.setItem(ak,e)}catch{}}function p91(){if(typeof window>"u")return"";try{return window.localStorage.getItem(ck)??""}catch{return""}}function u91(e){if(!(typeof window>"u"))try{window.localStorage.setItem(ck,e)}catch{}}var gi=wI({apiKey:"",setApiKey:()=>{},mapId:""}),g91=gi.Provider,hs=()=>tk(gi).apiKey,ms=()=>tk(gi).mapId;function ps(e,t){return e&&e.trim()||t&&t.trim()||""}function us(e,t){return e&&e.trim()||t&&t.trim()||""}import{jsx as yI}from"react/jsx-runtime";function n2({num:e,title:t,titleAccent:a,desc:c,accentTracking:s="-0.02em",spaceBelow:l="mb-[60px]",className:o=""}){return yI(j1,{look:"editorial",num:e,title:t,titleAccent:a,description:c,accentTracking:s,spaceBelow:l,className:o})}import{jsx as sk,jsxs as lk}from"react/jsx-runtime";function gs({groupKey:e,name:t,count:a}){return lk("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[sk("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:e}),t?sk("span",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.01em]",children:t}):null,lk("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[a," location",a===1?"":"s"]})]})}import{Fragment as SI,jsx as X0,jsxs as a7}from"react/jsx-runtime";var kI=11,MI=6,di=60;function vi(e){return e.replace(/[&<>"']/g,t=>t==="&"?"&":t==="<"?"<":t===">"?">":t==='"'?""":"'")}function ik(e,t,a){return{path:t.SymbolPath.CIRCLE,scale:e.hq?kI:MI,fillColor:K8(a),fillOpacity:1,strokeColor:K8(a),strokeOpacity:e.hq?.3:.25,strokeWeight:e.hq?14:9}}function ok(e,t,a,c,s,l){s.forEach(r=>r.setMap(null)),s.clear();let o=new t.LatLngBounds;return c.forEach((r,i)=>{if(!Fe(r.lat,r.lng))return;o.extend({lat:r.lat,lng:r.lng});let n=new t.Marker({map:e,position:{lat:r.lat,lng:r.lng},icon:ik(r,t,a),title:r.city,zIndex:r.hq?100:10,cursor:"pointer"});n.addListener("click",()=>l(i)),s.set(i,n)}),o}function CI(e){return`
|
|
32
|
-
.footprint-map .gm-style { font-family: var(--font-role-label), var(--font-mono-fallback) !important; }
|
|
33
|
-
.footprint-map .gm-style .gm-style-iw-c {
|
|
34
|
-
background: ${e.bg} !important;
|
|
35
|
-
box-shadow: ${e.shadow} !important;
|
|
36
|
-
border-radius: 0 !important;
|
|
37
|
-
padding: 0 !important;
|
|
38
|
-
max-width: 280px !important;
|
|
39
|
-
}
|
|
40
|
-
.footprint-map .gm-style .gm-style-iw-d {
|
|
41
|
-
background: ${e.bg} !important;
|
|
42
|
-
overflow: hidden !important;
|
|
43
|
-
max-width: none !important;
|
|
44
|
-
}
|
|
45
|
-
.footprint-map .gm-style .gm-style-iw-tc::after { background: ${e.bg} !important; }
|
|
46
|
-
.footprint-map .gm-style button[aria-label="Close"] > span {
|
|
47
|
-
background-color: ${e.closeX} !important;
|
|
48
|
-
}
|
|
49
|
-
`}function rk({pal:e}){let t=e?e.marker:"var(--accent)",a=e?e.info.bg:"var(--surface)",c=e?e.background:"var(--bg)",s=e?`color-mix(in oklab, ${e.info.fgDim} 12%, transparent)`:"color-mix(in oklab, var(--fg) 3%, transparent)";return a7(SI,{children:[X0("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`radial-gradient(60% 70% at 50% 50%, color-mix(in oklab, ${t} 8%, ${a}) 0%, ${a} 60%, ${c} 100%)`}}),X0("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`repeating-linear-gradient(0deg, transparent 0 22px, ${s} 22px 23px), repeating-linear-gradient(90deg, transparent 0 22px, ${s} 22px 23px)`}})]})}function fi({sectionNumber:e="",heading:t="",tagline:a="",offices:c=[],apiKey:s="",mapId:l="",mapTheme:o="auto",padTop:r,padBottom:i,editing:n,omitHead:h=!1}){let m=typeof r=="number"?r:120,p=typeof i=="number"?i:120,[u,d]=ds(null),g=c.length===0&&!e&&!t&&!a;if(Te(()=>{d(f=>f!==null&&f>=c.length?null:f)},[c]),g&&!n)return null;let z=Fc(c,f=>String(f.group??""),()=>"");return X0("section",{className:"relative z-[2] bg-bg",children:a7("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:m,paddingBottom:p},children:[!h&&(e||t||a)&&X0(n2,{num:e,title:t?U(t):void 0,desc:a||void 0,spaceBelow:"mb-12"}),X0(LI,{offices:c,apiKey:s,mapId:l,mapTheme:o,activeIndex:u,onSelect:d}),c.length>0&&X0("div",{className:"mt-12 flex flex-col gap-8",children:z.map((f,b)=>a7("div",{children:[f.key&&X0(gs,{groupKey:f.key,count:f.items.length}),X0("div",{className:["grid gap-[2px] bg-bg",le(f.items.length),f.items.length>2?"max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1":f.items.length===2?"max-[700px]:grid-cols-1":""].join(" "),children:f.items.map(({item:y,index:C})=>{let S=u===C;return a7("button",{type:"button",onClick:()=>d(C),"aria-pressed":S,className:["flex flex-col gap-1.5 bg-bg px-6 py-5 text-left transition-colors outline outline-1 -outline-offset-1",S?"outline-accent":"outline-transparent hover:outline-line"].join(" "),children:[a7("span",{className:"flex items-center gap-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.28em]",children:[y.hq&&X0("span",{className:"border border-accent bg-accent px-1.5 py-0.5 text-[length:var(--size-body,10px)] text-bg",children:"HQ"}),y.role&&X0("span",{className:"text-accent",children:y.role})]}),y.city&&X0("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium leading-[1.2] tracking-[-0.01em] text-fg",children:X0(R6,{value:y.city,children:y.city})}),y.country&&X0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:y.country}),y.address&&X0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:k(y.address)})]},C)})})]},f.key?`g:${f.key}`:`ungrouped:${b}`))}),c.length===0&&n&&X0("p",{className:"mt-8 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:"Add an office in the inspector"})]})})}function LI({offices:e,apiKey:t,mapId:a,mapTheme:c,activeIndex:s,onSelect:l}){let o=ps(t,hs()),r=us(a,ms()),i=!!o&&e.some(N=>Fe(N.lat,N.lng)),n=c!=="auto",h=Y5(c),m=U3(null),p=U3(null),u=U3(null),d=U3(null),g=U3(new Map),z=U3(null),f=U3(null),b=U3(null),y=U3(l);y.current=l;let C=U3(e);C.current=e;let S=U3(s);S.current=s;let[H,_]=ds(!1),[Z,q]=ds(j5.dark),[j,B]=ds(j5.dark.background);return Te(()=>{q(Y5(c)),B(W3(c))},[c]),Te(()=>{if(!i)return;let N=m.current;if(!N)return;let D=!1,T=null,R=async()=>{try{let O=await ns(o);if(D||!p.current)return;let m1=new O.Map(p.current,{center:{lat:25,lng:0},zoom:2,minZoom:1,maxZoom:5,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:W3(c),...r?{mapId:r}:{styles:U8(c)}});u.current=m1,d.current=O;let Q=ok(m1,O,c,C.current,g.current,a1=>y.current(a1));f.current=Q,Q.isEmpty()||m1.fitBounds(Q,di);let K=new O.InfoWindow({disableAutoPan:!0});K.addListener("closeclick",()=>y.current(null)),z.current=K,m1.addListener("click",()=>y.current(null)),m1.addListener("tilesloaded",()=>{D||_(!0)}),c==="auto"&&!r&&(T=rs(()=>{D||!u.current||(u.current.setOptions({styles:U8(c),backgroundColor:W3(c)}),g.current.forEach((a1,B1)=>{let X=C.current[B1];X&&a1.setIcon(ik(X,O,c))}),q(Y5(c)),B(W3(c)))}))}catch(O){console.error("[FootprintMap] Maps SDK failed:",O)}},i1=new IntersectionObserver(O=>{for(let m1 of O)if(m1.isIntersecting){i1.disconnect(),R();break}},{rootMargin:"200px"});return i1.observe(N),()=>{D=!0,i1.disconnect(),T?.(),z.current?.close(),z.current=null,u.current=null,d.current=null,g.current.forEach(O=>O.setMap(null)),g.current.clear(),f.current=null,_(!1)}},[i,o,r,c]),Te(()=>{let N=u.current,D=d.current;if(!N||!D)return;let T=ok(N,D,c,e,g.current,R=>y.current(R));f.current=T,S.current===null&&!T.isEmpty()&&N.fitBounds(T,di)},[e,c]),Te(()=>{let N=u.current,D=z.current;if(!N||!D)return;if(s===null){D.close(),b.current!==null&&f.current&&!f.current.isEmpty()&&N.fitBounds(f.current,di),b.current=null;return}let T=e[s],R=g.current.get(s);if(!T||!R){D.close(),b.current=s;return}N.panTo({lat:T.lat,lng:T.lng});let i1=N.getZoom();i1!=null&&i1<4&&N.setZoom(4);let O=Z.info,m1=T.hq?`<span style="background:${O.accent};color:${O.bg};padding:1px 6px;font-size:10px;letter-spacing:0.18em;">HQ</span>`:"",Q=T.role?`<span style="color:${O.accent};">${vi(T.role)}</span>`:"";D.setContent(`
|
|
50
|
-
<div style="padding:10px 14px 12px;min-width:180px;color:${O.fg};">
|
|
51
|
-
<div style="display:flex;align-items:center;gap:8px;font-family:var(--font-role-label),var(--font-mono-fallback);font-size:11px;letter-spacing:0.28em;text-transform:uppercase;">
|
|
52
|
-
${m1}${Q}
|
|
53
|
-
</div>
|
|
54
|
-
<div style="font-family:var(--font-display),Georgia,serif;font-size:20px;font-weight:500;line-height:1.2;margin-top:6px;color:${O.fg};">${vi(T.city)}</div>
|
|
55
|
-
<div style="font-family:var(--font-role-label),var(--font-mono-fallback);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:${O.fgDim};margin-top:4px;">${vi(T.country)}</div>
|
|
56
|
-
</div>
|
|
57
|
-
`),D.open({map:N,anchor:R}),b.current=s},[s,H,Z,e]),i?a7("div",{ref:m,className:"sf-card footprint-map relative aspect-[16/9] w-full overflow-hidden border border-line max-[720px]:aspect-[4/5]",style:{backgroundColor:j},children:[X0("style",{dangerouslySetInnerHTML:{__html:CI(Z.info)}}),X0(rk,{pal:n?h:void 0}),X0("div",{ref:p,className:"gmap-canvas absolute inset-0 transition-opacity duration-500",style:{opacity:H?1:0}}),X0("div",{className:["pointer-events-none absolute inset-0 flex items-center justify-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim transition-opacity duration-500",H?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"})]}):a7("div",{className:["relative aspect-[16/9] w-full overflow-hidden border border-line max-[720px]:aspect-[4/5]",n?"":"bg-bg"].join(" "),style:n?{backgroundColor:h.background}:void 0,children:[X0(rk,{pal:n?h:void 0}),X0("div",{className:["absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",n?"":"text-fg-dim"].join(" "),style:n?{color:h.info.fgDim}:void 0,children:o?"Add office coordinates to plot the map":"Add a Google Maps API key to show the map"})]})}import{jsx as HI}from"react/jsx-runtime";var c7={sectionNumber:L.sectionNumber,heading:`${L.heading}
|
|
58
|
-
*${L.accent}*`,tagline:L.body},AI=[{role:"Headquarters",city:"City",country:"Country",address:"Street address",lat:0,lng:0,hq:!0},{role:"Office",city:"City",country:"Country",address:"Street address",lat:0,lng:0,hq:!1}],nk={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:t7.apiKey,mapId:t7.mapId,mapTheme:t7.mapTheme,padTop:120,padBottom:120},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return HI(fi,{sectionNumber:a(x(e.sectionNumber,c7.sectionNumber,e.puck)),heading:a(x(e.heading,c7.heading,e.puck)),tagline:a(x(e.tagline,c7.tagline,e.puck)),omitHead:t,offices:d1(e.offices,AI,e.puck),apiKey:Y(e.apiKey),mapId:Y(e.mapId),mapTheme:e.mapTheme??t7.mapTheme,padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};import{jsx as hk}from"react/jsx-runtime";var mk={fields:{_gContent:v("Section"),sectionNumber:A("Section number",c7.sectionNumber),heading:V("Heading",c7.heading),tagline:V("Body",c7.tagline),_gOffices:v("Offices"),offices:{type:"array",label:"Offices",arrayFields:{role:P("Role"),city:P("City"),country:P("Region \xB7 country"),address:n1("Address"),group:P("Group"),hq:e1("HQ",!1,hk(FI,{})),geocode:E0(dc,{label:"Coordinates"})},defaultItemProps:{role:"Sales & Distribution",city:"City",country:"Country",address:"",group:"",hq:!1,lat:0,lng:0},getItemSummary:e=>e?.city||"Office"},mapTheme:p1("Map theme",hk(TI,{}),[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],t7.mapTheme),_sStyle:K1("Style"),...R2("Footprint")},resolveData:async e=>{let t=e.props,a=t.offices??[];if(!ss(a))return e;let c=await ls(a,s=>[s.address,s.city,s.country].map(l=>String(l??"").replace(/\*/g,"").trim()).filter(Boolean).join(", "));return{...e,props:{...t,offices:c}}},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.Footprint.headRows)};import{ColumnsIcon as PI,PhoneIcon as EI}from"efficient-easel/icons";import{jsx as pk}from"react/jsx-runtime";function bi({columns:e,mobileColumns:t,gap:a,contained:c=!0,fillHeight:s=!1,content:l}){let o=s?" h-full":"",r=`${Se} py-6 ${Ae}${o}`,i=`w-full py-6${o}`,n=ca(e),h=sa(t,e),m=L3("Grid",a,"both");return pk(Q6,{contained:c,framedClass:r,fillClass:i,children:pk(l,{className:`sf-grid-zone grid${m.className}${o}`,style:{...m.style,"--sf-grid-cols":String(n),"--sf-grid-cols-phone":String(h)},minEmptyHeight:120})})}import{jsx as VI}from"react/jsx-runtime";var zi={content:{type:"slot"}},uk={label:"Grid",fields:zi,defaultProps:{columns:"3",content:[]},render:e=>VI(bi,{columns:e.columns,mobileColumns:e.mobileColumns,gap:e.gap,contained:e.contained,fillHeight:ac(e),content:e.content})};import{jsx as gk}from"react/jsx-runtime";var dk={fields:{contentList:N0("Grid","Blocks"),columns:J("Columns",gk(PI,{}),1,Xu,1,Qu),mobileColumns:J("Columns on phone",gk(EI,{}),no,Ju,1,no),gap:t3("Grid"),content:zi.content}};import{jsx as BI}from"react/jsx-runtime";var vk={fields:{text:V("Heading",L.heading),level:h1("Level",BI(g3,{noun:"heading"}),[{label:"H1",value:"1"},{label:"H2",value:"2"},{label:"H3",value:"3"},{label:"H4",value:"4"},{label:"H5",value:"5"},{label:"H6",value:"6"}],"2"),align:k4()}};import{ClockIcon as II,EyeIcon as wi,OpacityIcon as RI,PhoneIcon as bk,PlayIcon as _I,SquareIcon as zk}from"efficient-easel/icons";import{jsx as NI}from"react/jsx-runtime";var xi={slides:{type:"slot"}},fk={label:"Hero Slideshow",fields:xi,defaultProps:{alignment:"left",textureOpacity:40,autoplay:!1,autoplayInterval:6,showTicker:!0,tickerItems:_z.map(e=>({text:e}))},render:({slides:e,alignment:t,textureOpacity:a,showTexture:c,textureColor:s,phoneUpDown:l,phoneSideways:o,autoplay:r,autoplayInterval:i,showTicker:n,tickerItems:h,heightDesktop:m,heightMobile:p,showPicker:u,pickerShape:d,pickerPlacement:g,showArrows:z,arrowsShape:f,arrowsPlacement:b,puck:y})=>NI(Dz,{slides:e,alignment:t,textureOpacity:a,showTexture:c,textureColor:s,phoneUpDown:l,phoneSideways:o,autoplay:r,autoplayInterval:i,showTicker:n,tickerItems:h,heightDesktop:m,heightMobile:p,showPicker:u,pickerShape:d,pickerPlacement:g,showArrows:z,arrowsShape:f,arrowsPlacement:b,editing:y?.isEditing})};import{jsx as M4}from"react/jsx-runtime";var xk={fields:{_dDevice:m8(),_gContent:v("Content"),slideList:N0("Hero","Slides"),slides:xi.slides,_gStyle:v("Style"),alignment:k4(),_gTexture:v("Texture"),showTexture:e1("Show",!0,M4(wi,{})),textureColor:z4("Color",sz),textureOpacity:J("Texture opacity",M4(RI,{}),0,100,1,40,"%"),_gLayout:v("Layout"),heightDesktop:e5("desktop"),heightMobile:e5("mobile"),_gAutoplay:v("Auto-slide"),autoplay:e1("Auto-advance slides",!1,M4(_I,{})),autoplayInterval:J("Still time per slide",M4(II,{}),2,15,1,6,"s"),_gPicker:v("Slide picker"),showPicker:e1("Show",Hz,M4(wi,{})),pickerShape:p1("Shape",M4(zk,{}),Lz.map(e=>({label:Az[e],value:e})),Sz),pickerPlacement:X4("Placement",{stacking:!1,fallback:Cz}),_gArrows:v("Arrows"),showArrows:e1("Show",Bz,M4(wi,{})),arrowsShape:p1("Shape",M4(zk,{}),Vz.map(e=>({label:Ez[e],value:e})),Pz),arrowsPlacement:X4("Placement",{stacking:!1,fallback:Tz}),_gPhone:C2("mobile",v("On a phone")),phoneUpDown:C2("mobile",p1(ez,M4(bk,{}),az(),Jb)),phoneSideways:C2("mobile",p1(tz,M4(bk,{}),cz(),Qb))}};import{NudgeIcon as Ck,WidthIcon as Lk}from"efficient-easel/icons";import{jsx as wk}from"react/jsx-runtime";function yi({placement:e,nudgeX:t,nudgeY:a,width:c,gap:s,direction:l,justify:o,align:r,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,dragRef:d}){let g=og(e),z=ho(t),f=ho(a),b=L3("HeroGroup",s,cc("HeroGroup",l)==="column"?"block":"inline"),y={"--sf-hg-row":lg(g),justifySelf:sg(g).column};typeof c=="number"&&Number.isFinite(c)&&(y["--sf-hg-w"]=`${rg(c)}%`),(z!==0||f!==0)&&(y["--sf-hg-nudge"]=`${z}px ${f}px`);let C=p8(n,h,m,p);return wk("div",{className:C?`sf-hero-group ${C.className}`:"sf-hero-group","data-hg":g,style:C?{...y,...C.style}:y,ref:d??void 0,children:u?wk(u,{className:["sf-hero-group-blocks flex",sb("HeroGroup",l),sc(o,r),lc(i)].filter(Boolean).join(" ")+b.className,style:b.style,minEmptyHeight:40}):null})}import{jsx as DI}from"react/jsx-runtime";var ki={content:{type:"slot",allow:Pb}},yk={label:_g,inline:!0,fields:ki,defaultProps:{placement:cg,nudgeX:0,nudgeY:0,content:[]},render:({placement:e,nudgeX:t,nudgeY:a,width:c,gap:s,direction:l,justify:o,align:r,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,puck:d})=>DI(yi,{placement:e,nudgeX:t,nudgeY:a,width:c,gap:s,direction:l,justify:o,align:r,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,dragRef:d?.dragRef})};import{jsx as fs}from"react/jsx-runtime";var Sk={fields:{_gContent:v("Content"),name:g8(L2(P("Box name",L.boxName))),contentList:N0("HeroGroup"),content:ki.content,_gLayout:v("Layout"),placement:X4("Placement",{stacking:!0}),width:J("Width",fs(Lk,{}),30,100,5,60,"%"),direction:bb("HeroGroup"),gap:t3("HeroGroup"),justify:hc(),align:mc(),wrap:pc(),_gNudge:v("Nudge"),nudgeX:J("Sideways",fs(Ck,{}),-40,40,1,0,"px"),nudgeY:J("Up and down",fs(Ck,{}),-40,40,1,0,"px"),...f4({phone:!0})},resolveFields:(e,{fields:t,appState:a})=>{let c=typeof e.props.id=="string"?e.props.id:"";if(la(a?.data,c)===0)return t;let s={...t};return delete s.placement,s.width=J("Width",fs(Lk,{}),30,100,5,100,"%"),s}};import{MediaIcon as JI,OpacityIcon as Fk,PlacementIcon as QI}from"efficient-easel/icons";var X5="bottom",J5="#0A0A0A",Mi=[{label:"Bottom",value:"bottom",cell:"bottom"},{label:"Top",value:"top",cell:"top"},{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"}],qI={bottom:180,top:0,left:270,right:90},WI=[[.55,0],[.15,18],[null,35],[null,55],[.85,100]],UI=[[null,33],[.6,67],[.94,100]];function KI(e,t){let a=/^#[0-9a-f]{6}$/i.test(e)?e:J5,c=parseInt(a.slice(1),16);return`rgba(${c>>16&255},${c>>8&255},${c&255},${t})`}function $I(e){return S3(Mi,X5,e)}function Ak(e=J5,t=X5){let a=$I(t),l=(a==="top"||a==="bottom"?WI:UI).map(([o,r])=>`${o===null?"transparent":KI(e,o)} ${r}%`);return`linear-gradient(${qI[a]}deg, ${l.join(", ")})`}import{useRef as jI}from"react";import{jsx as $8,jsxs as YI}from"react/jsx-runtime";function Ci({overlay:e=100,overlayColor:t=J5,overlayPosition:a=X5,mediaType:c="image",mediaSrc:s,poster:l,objectPosition:o,tintColor:r="#000000",tintOpacity:i=0,heightDesktop:n,heightMobile:h,boxes:m,editing:p=!1}){let u=zz(n,h),d=u?"h-[var(--sf-hero-h-m)] min-[720px]:h-[var(--sf-hero-h-d)]":"h-screen min-h-[680px]",g=u?{"--sf-hero-h-d":F8(n),"--sf-hero-h-m":F8(h)}:void 0,z=c==="video",f=z?$4(s):void 0,b=z?$4(l):$4(s)??$4(l),y=jI(null);return YI("section",{ref:y,className:`relative mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))] w-[var(--sf-hero-bleed-w,100vw)] ${d} max-w-[var(--sf-hero-cap,none)] overflow-hidden`,style:g,children:[$8("div",{className:"absolute inset-0 z-[1]",children:$8(Xb,{videoSrc:f,posterSrc:b,showVideo:z,objectPosition:o})}),i>0&&$8("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:r,opacity:Math.min(Math.max(i,0),100)/100}}),$8("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:Ak(t,a),opacity:Math.min(Math.max(e,0),100)/100}}),m&&$8("div",{className:["sf-hero-group-layer absolute inset-0 z-[3] mx-auto","max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))]","px-[var(--sf-site-gutter,40px)] pt-[140px] pb-14",p?"sf-hero-group-layer-edit":""].filter(Boolean).join(" "),style:{color:"var(--overlay-fg)"},children:$8(m,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}import{jsx as XI}from"react/jsx-runtime";var Li={boxes:{type:"slot",allow:["HeroGroup"]}},Hk={label:"Hero",fields:Li,defaultProps:{mediaType:"image",imageFocal:i4,tintColor:"#000000",tintOpacity:0,overlay:100,overlayColor:J5,overlayPosition:X5},render:({mediaType:e,mediaImage:t,mediaVideo:a,poster:c,imageFocal:s,tintColor:l,tintOpacity:o,overlay:r,overlayColor:i,overlayPosition:n,heightDesktop:h,heightMobile:m,boxes:p,puck:u})=>XI(Ci,{mediaType:e,mediaSrc:(e==="image"?t:a)||void 0,poster:c||void 0,objectPosition:e==="image"&&s||void 0,tintColor:l,tintOpacity:e==="image"?o:0,overlay:r,overlayColor:i,overlayPosition:n,heightDesktop:h,heightMobile:m,boxes:p,editing:u?.isEditing})};import{jsx as bs}from"react/jsx-runtime";var Tk={fields:{_dDevice:m8(),_gBoxes:v(Q7),boxList:N0("HeroSingle"),boxes:Li.boxes,_gStyle:v("Style"),overlay:J("Overlay",bs(Fk,{}),0,100,5,100,"%"),overlayColor:z4("Overlay color",J5),overlayPosition:uc("Overlay position",Mi,X5,"A corner would need a diagonal ramp, which this overlay does not draw.",bs(QI,{})),_gLayout:v("Layout"),heightDesktop:e5("desktop"),heightMobile:e5("mobile"),_gMedia:v("Media"),mediaType:p1("Type",bs(JI,{}),gc,"image"),mediaImage:V1("Background image","image/*","Upload a background image"),imageFocal:v8("Image focus",i4),tintColor:z4("Tint color","#000000"),tintOpacity:J("Tint opacity",bs(Fk,{}),0,100,5,0,"%"),mediaVideo:V1("Background video","video/*","Upload a background video"),poster:V1("Video poster","image/*","Upload a poster still")},resolveFields:(e,{fields:t})=>{let a=e.props.mediaType??"image",c={...t};return a==="image"?(delete c.mediaVideo,delete c.poster):(delete c.mediaImage,delete c.imageFocal,delete c.tintColor,delete c.tintOpacity),c}};import{MediaIcon as tR,OpacityIcon as aR,PlayIcon as cR}from"efficient-easel/icons";import{jsx as eR}from"react/jsx-runtime";var Si={groups:{type:"slot",allow:["HeroGroup"]}},Vk={label:"Hero Slide",fields:Si,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:i4,tintColor:"#000000",overlay:0},render:({name:e,process:t,mediaType:a,mediaVideo:c,mediaImage:s,poster:l,mediaSrc:o,videoSpeed:r,imageFocal:i,tintColor:n,overlay:h,groups:m,puck:p,...u})=>{let d=U7({...u,sectionAccent:n4(u.sectionAccent)});return eR(lz,{themeClassName:d?.className,themeStyle:d?.style,name:e||void 0,process:x(t,"Label",p),mediaType:a,mediaSrc:(a==="image"?s:c||o)||void 0,videoSpeed:typeof r=="number"?r:void 0,poster:l||void 0,objectPosition:a==="image"&&i||void 0,tintColor:n,tintOpacity:a==="image"?h:0,groups:m,editing:p?.isEditing})}};import{jsx as Ai}from"react/jsx-runtime";var Pk={fields:{_gContent:v("Content"),name:g8(P("Slide name",L.slideName)),process:A("Reel label","Label"),_gGroups:v(Q7),groupList:N0("HeroSlide"),groups:Si.groups,_gMedia:v("Media"),mediaType:p1("Type",Ai(tR,{}),gc,"video"),mediaVideo:V1("Background video","video/*","Upload a background video"),videoSpeed:J("Playback speed",Ai(cR,{}),25,100,5,100,"%"),mediaImage:V1("Background image","image/*","Upload a background image"),imageFocal:v8("Image focus",i4),poster:V1("Video poster","image/*","Upload a poster still"),_gTint:v("Image tint"),tintColor:z4("Tint color","#000000"),overlay:J("Overlay",Ai(aR,{}),0,100,5,0,"%")},resolveFields:(e,{fields:t})=>{let a=e.props.mediaType??"video",c={...t};return a==="image"?(delete c.mediaVideo,delete c.videoSpeed,delete c.poster):(delete c.mediaImage,delete c.imageFocal,delete c._gTint,delete c.tintColor,delete c.overlay),c}};var Ek=["cover","contain"],Hi={cover:"Cover",contain:"Contain"},zs="Image fit";function j8(e,t){return Ek.includes(e)?e:t}function Bk(){return Ek.map(e=>({label:Hi[e],value:e}))}function Nk(e){return e==="contain"?"object-contain":"object-cover"}function xs(e,t){return e!=="auto"&&t==="cover"}import{ImageIcon as sR}from"efficient-easel/icons";import{jsx as lR}from"react/jsx-runtime";var Zk={fields:{_gImage:v("Image"),src:V1("Image","image/*"),alt:P("Alt text"),aspect:{type:"select",label:"Aspect ratio",options:[{label:"Auto",value:"auto"},{label:"21 : 9",value:"21/9"},{label:"16 : 9",value:"16/9"},{label:"4 : 3",value:"4/3"},{label:"1 : 1",value:"1/1"}]},fit:h1(zs,lR(sR,{}),Bk(),"cover"),focal:v8("Image focus",i4,"src"),href:w1("Link"),_gStyle:v("Style"),grayscale:R8(),_gShape:v("Shape"),corners:Cb(),cornerSides:pb()},resolveFields:(e,{fields:t})=>{let a=e.props??{};if(xs(a.aspect,j8(a.fit,"cover")))return t;let c={...t};return delete c.focal,c}};import{jsx as oR}from"react/jsx-runtime";var Ik={fields:{_gContent:v("Content"),eyebrow:A("Chip label","Integrations"),title:V("Heading",`Plays well with
|
|
59
|
-
*your favourite apps.*`),body:V("Body",""),apps:r2("App chips",oR(g3,{noun:"tag"}),"App name","verbatim"),_gStat:v("Stat & note"),statValue:A("Big stat","100s"),statLabel:A("Stat label",""),note:A("Footnote","")}};import{CaseIcon as hR,FullWidthIcon as mR,LayoutIcon as pR,OpacityIcon as uR,StickyIcon as gR,TextLinesIcon as _k}from"efficient-easel/icons";import{Fragment as rR,jsx as o3,jsxs as Ve}from"react/jsx-runtime";function Fi({eyebrow:e,title:t,body:a,cta:c,imageLabel:s,imageSrc:l,imageSrcMobile:o,layout:r,copyShareDesktop:i,copyShareMobile:n,sticky:h=!0,heightDesktop:m,heightMobile:p,overlay:u,titleSizeDesktop:d,titleSizeMobile:g,bodySizeDesktop:z,bodySizeMobile:f,buttonColor:b,buttonTextColor:y,uppercase:C=!1,capStyle:S}){let H=Xa(r)==="stacked",_=a1=>H?`calc(${F8(a1)} - ${Oo})`:F8(a1),Z=_(m),q=_(p),j=I5(d,"clamp(48px,7vw,96px)","heading","headingLarge"),B=I5(g,"clamp(36px,7vw,96px)","heading","headingLarge"),N=I5(z,"17px","body","body"),D=I5(f,"16px","body","body"),T=u!=null?u/100:H?0:.6,R=b||"var(--btn)",i1=y||"var(--btn-ink)",O={"--intro-h-d":Z,"--intro-h-m":q,"--intro-title-d":j,"--intro-title-m":B,"--intro-body-d":N,"--intro-body-m":D,...H?{"--intro-copy-d":Uo(i,H3.desktop),"--intro-copy-m":Uo(n,H3.mobile),marginTop:Oo}:{}},m1=S?"px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]":"px-[60px] max-[960px]:px-6",Q=Ve(rR,{children:[Ve("div",{className:"absolute inset-0",children:[o3("div",{className:"absolute inset-0 hidden min-[960px]:block",children:o3(T0,{label:s,src:l})}),o3("div",{className:"absolute inset-0 min-[960px]:hidden",children:o3(T0,{label:s,src:o||l})}),o3("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:"repeating-linear-gradient(45deg, transparent 0 80px, rgba(201,164,97,.04) 80px 81px)"}})]}),o3("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${T})`}})]}),K=Ve("div",{style:S,className:"flex flex-col gap-6",children:[e&&o3(I1,{text:e,size:14}),t&&o3("h2",{className:["font-display font-medium leading-[0.95] tracking-[-0.03em]","text-[length:var(--intro-title-m)] min-[960px]:text-[length:var(--intro-title-d)]",C?"uppercase":""].join(" "),children:U(t,!1)}),a&&m0(a).map((a1,B1)=>o3("p",{className:"max-w-[560px] leading-[1.6] opacity-85 text-[length:var(--intro-body-m)] min-[960px]:text-[length:var(--intro-body-d)]",children:k(a1)},B1)),c.text&&o3("div",{className:"mt-2 self-start",children:o3(a3,{href:c.href,variant:"ghost",style:{background:R,color:i1,borderColor:R},children:k(c.text)})})]});return H?Ve("section",{style:O,className:[h?"sticky top-0":"relative","flex flex-col","h-[var(--intro-h-m)] min-[960px]:h-[var(--intro-h-d)] min-h-[420px]","overflow-hidden p-0 z-[1]"].join(" "),children:[o3("div",{className:["relative z-[2] flex shrink-0 flex-col justify-center bg-bg py-10","min-h-[var(--intro-copy-m)] min-[960px]:min-h-[var(--intro-copy-d)]",m1].join(" "),style:{color:"var(--fg)"},children:K}),o3("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:Q})]}):Ve("section",{style:O,className:[h?"sticky top-0":"relative","h-[var(--intro-h-m)] min-[960px]:h-[var(--intro-h-d)] min-h-[420px]","overflow-hidden p-0 z-[1]"].join(" "),children:[Q,o3("div",{className:["relative z-[2] flex h-full flex-col justify-center",m1].join(" "),style:{color:"var(--overlay-fg)"},children:K})]})}import{jsx as nR}from"react/jsx-runtime";var Q5={eyebrow:"\u2014 Label",title:`Section headline
|
|
60
|
-
*Highlight line*`,body:"A sentence or two of supporting copy."};function iR(e){if(e===!1)return A5(`var(--sf-page-width, ${e8.default}px)`)}var Rk={label:"Scroll-Over Text",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",imageSrcMobile:"",heightDesktop:100,heightMobile:100,overlay:60,titleSizeDesktop:Q9,bodySizeDesktop:Q9,titleSizeMobile:Q9,bodySizeMobile:Q9,ctaText:"",ctaHref:"",buttonColor:"",buttonTextColor:"",sticky:!0,uppercase:!1,fullWidth:!0},render:e=>nR(Fi,{eyebrow:x(e.eyebrow,Q5.eyebrow,e.puck),title:x(e.title,Q5.title,e.puck),body:x(e.body,Q5.body,e.puck),imageLabel:Y(e.title)||Q5.title,imageSrc:e.imageSrc||void 0,imageSrcMobile:e.imageSrcMobile||void 0,cta:s3(e.ctaText,e.ctaHref,e.puck),sticky:e.sticky,layout:Xa(e.layout),copyShareDesktop:e.copyShareDesktop,copyShareMobile:e.copyShareMobile,heightDesktop:e.heightDesktop,heightMobile:e.heightMobile,overlay:e.overlay,titleSizeDesktop:e.titleSizeDesktop,bodySizeDesktop:e.bodySizeDesktop,titleSizeMobile:e.titleSizeMobile,bodySizeMobile:e.bodySizeMobile,buttonColor:e.buttonColor||void 0,buttonTextColor:e.buttonTextColor||void 0,uppercase:e.uppercase,capStyle:iR(e.fullWidth)})};import{jsx as s7}from"react/jsx-runtime";var Dk={fields:{_dDevice:m8(),_gContent:v("Content"),eyebrow:A("Eyebrow",Q5.eyebrow),title:V("Heading",Q5.title),body:V("Subtitle",Q5.body),uppercase:e1("Uppercase heading",!1,s7(hR,{})),_gBackground:v("Background images"),imageSrc:C2("desktop",V1("Background image","image/*")),imageSrcMobile:C2("mobile",V1("Background image","image/*")),_gLayout:v("Layout"),layout:h1("Layout",s7(pR,{}),Hf,Af),heightDesktop:e5("desktop"),heightMobile:e5("mobile"),copyShareDesktop:C2("desktop",J("Text height",s7(_k,{}),H3.min,H3.max,H3.step,H3.desktop,"%")),copyShareMobile:C2("mobile",J("Text height",s7(_k,{}),H3.min,H3.max,H3.step,H3.mobile,"%")),sticky:e1("Scroll-over",!0,s7(gR,{})),_gWidth:v("Width"),fullWidth:e1("Full width",!0,s7(mR,{})),overlay:J("Overlay",s7(uR,{}),0,100,5,60,"%"),_gTextDesktop:C2("desktop",v("Text style")),titleSizeDesktop:C2("desktop",ee("Heading font size",32,120,1,96,"heading")),bodySizeDesktop:C2("desktop",ee("Subtitle font size",12,28,1,17,"body")),_gTextMobile:C2("mobile",v("Text style")),titleSizeMobile:C2("mobile",ee("Heading font size",24,72,1,44,"heading")),bodySizeMobile:C2("mobile",ee("Subtitle font size",12,22,1,16,"body")),_gButton:v("Button"),...T3,buttonColor:z4("Button color","#C9A461"),buttonTextColor:z4("Button text color","#000000")}};import{ColumnsIcon as bR,StylesIcon as zR}from"efficient-easel/icons";import{Fragment as dR,jsx as c5,jsxs as Ti}from"react/jsx-runtime";function Vi({look:e,eyebrow:t,title:a,items:c,columns:s,editing:l=!1}={}){let o=Math.min(4,Math.max(2,s??3)),r=(c??[]).filter(n=>l||(n.label??"").trim()),i=!!(t??"").trim()||!!(a??"").trim();return!l&&!i&&r.length===0?null:c5("section",{className:"relative z-[2] border-y border-line bg-surface",children:Ti("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[76px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[i&&Ti("div",{className:"mb-11 flex flex-wrap items-baseline gap-5 max-[800px]:mb-8",children:[(t??"").trim()&&c5(I1,{text:t??"",look:e}),(a??"").trim()&&c5("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(a??"",!1)})]}),r.length>0&&c5("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--kf-cols),minmax(0,1fr))]",style:{"--kf-cols":String(o)},children:r.map((n,h)=>{let m=Ti(dR,{children:[c5("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] flex-shrink-0 rotate-45 bg-accent"}),c5("span",{className:"font-display text-[length:var(--size-body,17px)] font-medium uppercase tracking-[0.06em] text-fg transition-colors group-hover/kf:text-accent",children:k((n.label??"").trim()||"Feature")})]}),p=(n.href??"").trim();if(p&&!l){let u="group/kf flex items-center gap-4 bg-bg px-7 py-[30px] transition-colors hover:bg-surface";return p.startsWith("/")?c5(i0,{href:p,className:u,children:m},h):c5("a",{href:p,className:u,children:m},h)}return c5("div",{className:"flex items-center gap-4 bg-bg px-7 py-[30px]",children:m},h)})})]})})}import{jsx as fR}from"react/jsx-runtime";var Pe={eyebrow:"Highlight",title:"Key *features.*"},vR=[{label:"Feature label one"},{label:"Feature label two"},{label:"Feature label three"},{label:"Feature label four"},{label:"Feature label five"},{label:"Feature label six"}],Ok={label:"Key Features",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:({eyebrow:e,title:t,items:a,columns:c,eyebrowLook:s,puck:l})=>fR(Vi,{look:d3(s,"KeyFeatures"),eyebrow:x(e,Pe.eyebrow,l),title:x(t,Pe.title,l),items:d1(a,vR,l),columns:c,editing:l?.isEditing})};import{jsx as Gk}from"react/jsx-runtime";var qk={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",Pe.eyebrow),eyebrowLook:h1("Eyebrow style",Gk(zR,{}),[...F3],G5("KeyFeatures")),title:V("Heading",Pe.title),items:{type:"array",label:"Features",arrayFields:{label:n1("Feature label"),href:L2(P("Link"))},defaultItemProps:{label:"",href:""},getItemSummary:e=>e?.label||"Feature"},_gStyle:v("Style"),columns:J("Columns",Gk(bR,{}),2,4,1,3)}};import{HeightIcon as xR}from"efficient-easel/icons";import{jsx as wR}from"react/jsx-runtime";var Wk={fields:{src:V1("Logo image","image/*"),alt:P("Alt text","Brand name","Read out in place of the picture, and shown if it can\u2019t load."),href:w1("Link"),heightPx:J("Height",wR(xR,{}),ff,bf,1,N5,"px"),reverse:{type:"select",label:"Logo color",options:[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}]}},resolveFields:(e,{fields:t})=>{if((e.props.src??"").trim())return t;let c={...t};return delete c.alt,c}};import{BlackAndWhiteIcon as yR,ColumnsIcon as kR,HeightIcon as MR,PaddingYIcon as CR}from"efficient-easel/icons";import{jsx as ws}from"react/jsx-runtime";var Uk={fields:{_gContent:v("Content"),heading:V("Heading","Trusted by *teams worldwide*"),items:{type:"array",label:"Logos",arrayFields:{src:V1("Image","image/*"),alt:P("Name / alt")},getItemSummary:e=>e.alt||e.src||"logo"},_gStyle:v("Style"),columns:J("Columns",ws(kR,{}),3,6,1,5),logoHeight:J("Logo height",ws(MR,{}),20,72,2,28,"px"),bandPadding:J("Space above and below",ws(CR,{}),16,120,4,40,"px"),grayscale:e1("Black and white logos",!0,ws(yR,{}))}};import{Fragment as Kk}from"react";import{Fragment as Pi,jsx as H2,jsxs as K3}from"react/jsx-runtime";function Ei({headNum:e,headTitle:t,headDesc:a,category:c,metaMiddle:s,readLabel:l,title:o,dek:r,quote:i,quoteAttribution:n,ctaText:h,ctaHref:m,image:p,imageLabel:u,metaPublished:d,metaReads:g,omitHead:z=!1,...f}){let b=[c?H2("span",{className:"text-accent",children:k(c)}):null,s?H2("span",{children:k(s)}):null,l?H2("span",{children:k(l)}):null].filter(Boolean),y=!!d||!!g;return K3("section",{className:v0(f)?z?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":z?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:[z?null:H2(n2,{num:e,title:t?U(t,!0):void 0,desc:a?k(a):void 0}),K3("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[K3("div",{className:"flex flex-col justify-center gap-7 border-r border-line bg-surface px-14 py-16 max-[1100px]:border-r-0 max-[1100px]:border-b max-[1100px]:px-7 max-[1100px]:py-12",children:[b.length>0&&H2("div",{className:"flex items-center gap-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim",children:b.map((C,S)=>K3(Kk,{children:[S>0&&H2("span",{className:"opacity-40",children:"\xB7"}),C]},S))}),o&&H2("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,4.2vw,68px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.035em]",children:U(o,!0)}),r&&H2("p",{className:"font-serif text-[length:var(--size-body,22px)] italic leading-[1.45] text-fg",children:k(r)}),(i||n)&&K3("blockquote",{className:"max-w-[520px] border-l-2 border-accent py-1.5 pl-[22px] font-serif text-[length:var(--size-body,17px)] italic leading-[1.6] text-fg-dim",children:[i&&K3(Pi,{children:["\u201C",k(i),"\u201D"]}),n&&H2("strong",{className:"mt-2.5 block font-display text-[length:var(--size-body,14px)] font-normal not-italic uppercase tracking-[0.22em] text-fg",children:k(n)})]}),h&&K3(i0,{href:m||"#",className:"inline-flex items-center gap-3.5 self-start border border-btn px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",children:[k(h)," ",H2("span",{children:"\u2192"})]})]}),K3("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[H2(T0,{label:"long-read",src:p||void 0,alt:K0(o||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),H2("div",{className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 25%, transparent 60%, rgba(10,10,10,0.7) 100%)"}}),u&&H2(I1,{text:u,size:12,className:"absolute right-6 top-6 z-[2]"}),y&&H2("div",{className:"absolute bottom-6 left-6 z-[2] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.8] tracking-[0.22em] text-overlay-fg",children:[d?K3(Pi,{children:[H2("strong",{className:"font-normal text-accent",children:"Published"})," ",k(d)]}):null,g?K3(Pi,{children:[H2("strong",{className:"font-normal text-accent",children:"Reads in"})," ",k(g)]}):null].filter(Boolean).map((C,S)=>K3(Kk,{children:[S>0&&H2("br",{}),C]},S))})]})]})]})}import{jsx as LR}from"react/jsx-runtime";var f0={headNum:L.sectionNumber,headTitle:L.headingAccent,headDesc:L.body,category:L.category,metaMiddle:"Section",readLabel:"0 min read",title:"Article *headline* goes here.",dek:"A short summary of the article goes here.",quote:"A short pull quote.",quoteAttribution:"\u2014 "+L.date,ctaText:"Begin reading",ctaHref:j0.href,imageLabel:"Featured *image*",metaPublished:L.date,metaReads:"0 min"},$k={label:"Long read",defaultProps:{source:null,headNum:"",headTitle:"",headDesc:"",category:"",metaMiddle:"",readLabel:"",title:"",dek:"",quote:"",quoteAttribution:"",ctaText:"",ctaHref:"",image:"",imageLabel:"",metaPublished:"",metaReads:""},render:({source:e,headNum:t,headTitle:a,headDesc:c,category:s,metaMiddle:l,readLabel:o,title:r,dek:i,quote:n,quoteAttribution:h,ctaText:m,ctaHref:p,image:u,imageLabel:d,metaPublished:g,metaReads:z,headPlacement:f,puck:b})=>{let y=P1(f)==="own-box",C=_=>y?void 0:_,S=e,H=!!S?.slug;return LR(Ei,{headNum:C(x(t,f0.headNum,b)),headTitle:C(x(a,f0.headTitle,b)),headDesc:C(x(c,f0.headDesc,b)),omitHead:y,category:x(s,f0.category,b),metaMiddle:x(l,f0.metaMiddle,b),readLabel:x(o,f0.readLabel,b),title:H?S.title:x(r,f0.title,b),dek:H?S.dek:x(i,f0.dek,b),quote:x(n,f0.quote,b),quoteAttribution:x(h,f0.quoteAttribution,b),ctaText:x(m,f0.ctaText,b),ctaHref:H?S.href:Y(p),image:H?S.image:u,imageLabel:x(d,f0.imageLabel,b),metaPublished:H?S.date:x(g,f0.metaPublished,b),metaReads:x(z,f0.metaReads,b)})}};var jk={fields:{source:E0(J6),_gHead:v("Section header"),headNum:A("Number",f0.headNum),headTitle:V("Heading",f0.headTitle),headDesc:V("Body",f0.headDesc),_gMeta:v("Article"),category:A("Category",f0.category),metaMiddle:A("Middle meta",f0.metaMiddle),readLabel:A("Read time",f0.readLabel),title:V("Heading",f0.title),dek:V("Dek",f0.dek),_gQuote:v("Pull quote"),quote:V("Quote",f0.quote),quoteAttribution:A("Attribution",f0.quoteAttribution),_gLink:v("Link"),ctaText:A("Button",f0.ctaText),ctaHref:w1("Link"),image:V1("Image","image/*"),imageLabel:A("Image label",f0.imageLabel),_gOverlay:v("Image caption"),metaPublished:A("Published",f0.metaPublished),metaReads:A("Reads in",f0.metaReads)},resolveFields:(e,{fields:t,parent:a})=>{let s=!!e.props.source?.slug,l=new Set(s?["image","title","dek","ctaHref","metaPublished"]:[]),o={};for(let[r,i]of Object.entries(t))l.has(r)||(o[r]=i,s&&r==="source"&&(o._nBound=v4(rc)));return E1(Z1(o,a,R1),e.props.headPlacement,F1.LongRead.headRows)}};var Yk={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",L.eyebrow),heading:V("Heading",`Main heading
|
|
61
|
-
*Highlight line*`),body:V("Body",L.body),stats:{type:"array",label:"Stats",arrayFields:{value:P("Number"),label:P("Label")},getItemSummary:e=>e.label||e.value||"Stat"},_gMedia:v("Media"),imageSrc:V1("Image","image/*"),_gStyle:v("Style"),grayscale:R8()}};import{TextLinesIcon as TR}from"efficient-easel/icons";import{Fragment as SR,jsx as e6,jsxs as l7}from"react/jsx-runtime";function Bi({eyebrow:e,issueMeta:t,lead:a,issueHeading:c,issueList:s,issueTotal:l,...o}){let r=(t??[]).filter(u=>(u?.lead??"").trim()||(u?.rest??"").trim()),i=(s??[]).map(u=>u?.text??"").filter(u=>u.trim()),n=m0(a??""),h=!!e||r.length>0,m=!!c||i.length>0||!!l,p=n.length>0||m;return l7("section",{className:v0(o)?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-20 pb-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px] max-[1100px]:pb-8":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-20 pb-10 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px] max-[1100px]:pb-8",children:[h&&l7("div",{className:"flex items-end justify-between gap-[60px] pb-8 max-[1100px]:flex-col max-[1100px]:items-start max-[1100px]:gap-4",children:[e&&e6(I1,{text:e,size:14,className:"pb-3.5"}),r.length>0&&e6("div",{className:"pb-3.5 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:r.map((u,d)=>l7("div",{children:[e6("strong",{className:"font-normal text-fg",children:k(u.lead??"")}),u.rest?.trim()?l7(SR,{children:[" ",k(u.rest)]}):null]},d))})]}),p&&l7("div",{className:"grid grid-cols-[1fr_auto] items-start gap-[60px] border-t border-line pt-8 max-[1100px]:grid-cols-1 max-[1100px]:gap-4",children:[n.length>0&&e6("div",{className:"max-w-[720px]",children:n.map((u,d)=>e6("p",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4",children:k(u,!0)},d))}),m&&l7("div",{className:"min-w-[240px] text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.9] tracking-[0.22em] text-fg-dim max-[1100px]:text-left",children:[c&&e6("strong",{className:"mb-1.5 block font-display text-[length:var(--size-body,18px)] font-normal tracking-[-0.01em] normal-case text-fg",children:U(c,!1)}),i.map((u,d)=>l7("span",{children:[k(u),e6("br",{})]},d)),l&&e6("span",{className:"text-accent",children:k(l)})]})]})]})}import{jsx as FR}from"react/jsx-runtime";var s5={eyebrow:L.eyebrow,lead:"A short lead paragraph introducing this section \u2014 a sentence or two about its theme.",issueHeading:"In this issue",issueTotal:"\u2014 Articles in total"},AR=[{lead:"Volume",rest:"No. 1"},{lead:"Season",rest:"Year"},{lead:"Frequency",rest:""}],HR=[{text:"Article headline"},{text:"Feature story"},{text:"Interview"},{text:"Field notes"}],Xk={label:"Issue Header",defaultProps:{eyebrow:"",issueMeta:[],lead:"",issueHeading:"",issueList:[],issueTotal:""},render:({eyebrow:e,issueMeta:t,lead:a,issueHeading:c,issueList:s,issueTotal:l,puck:o})=>FR(Bi,{eyebrow:x(e,s5.eyebrow,o),issueMeta:d1(t,AR,o),lead:x(a,s5.lead,o),issueHeading:x(c,s5.issueHeading,o),issueList:d1(s,HR,o),issueTotal:x(l,s5.issueTotal,o),editing:o?.isEditing})};import{jsx as VR}from"react/jsx-runtime";var Jk={fields:{_gTop:v("Top row"),eyebrow:A("Eyebrow",s5.eyebrow),issueMeta:{type:"array",label:"Issue meta lines",arrayFields:{lead:n1("Bold word"),rest:n1("Rest")},getItemSummary:e=>[e?.lead,e?.rest].filter(Boolean).join(" ")||"Line"},_gLead:v("Lead"),lead:V("Lead",s5.lead,R5),_gIssue:v("In this issue"),issueHeading:V("Panel heading",s5.issueHeading),issueList:r2("Issue lines",VR(TR,{}),"Line","markup"),issueTotal:A("Total line",s5.issueTotal)}};import{BlockColumnIcon as ys,PlacementIcon as NR,StateIcon as ZR,TemplateIcon as IR,TextLinesIcon as RR}from"efficient-easel/icons";var Ni=[{label:"Product record (spec tiles)",value:"spec-card"},{label:"Selector guide (pills + results)",value:"fitment"},{label:"Portal card (stock + button + orders)",value:"portal"},{label:"Kanban board (job columns)",value:"kanban"},{label:"Claims panel (rows + defect bars)",value:"claims"},{label:"Browser storefront (hero + tiles)",value:"browser"},{label:"Terminal (CLI session)",value:"terminal"}],PR=Ni.map(e=>e.value),Zi="spec-card",ER={badge:["spec-card","fitment","portal","kanban","claims","browser"],cardTitle:["spec-card","fitment","portal","kanban","claims"],cardSubtitle:["spec-card","fitment","portal","kanban","claims"],rows:["spec-card","fitment","portal","kanban","claims"],button:["spec-card","fitment","portal","kanban","claims"],footnote:["spec-card","fitment","portal","kanban","claims"],pills:["fitment"],tiles:["spec-card","portal","kanban","claims"],_gKanban:["kanban"],col1Title:["kanban"],col1Cards:["kanban"],col2Title:["kanban"],col2Cards:["kanban"],col3Title:["kanban"],col3Cards:["kanban"],col4Title:["kanban"],col4Cards:["kanban"],_gClaims:["claims"],barsHeading:["claims"],bars:["claims"],_gTerminal:["terminal"],termLines:["terminal"],_gBrowser:["browser"],urlText:["browser"],heroTitle:["browser"],heroButton:["browser"],products:["browser"]};function BR(e){return PR.includes(e)?e:Zi}function Qk(e,t){let a=BR(t),c={...e};for(let[s,l]of Object.entries(ER))l.includes(a)||delete c[s];return c}import{jsx as t6}from"react/jsx-runtime";var eM={fields:{_gContent:v("Content"),eyebrow:A("Chip label","In the product"),title:V("Heading",`Seen from
|
|
62
|
-
*the counter.*`),body:V("Body",""),_gCard:v("Mockup card"),variant:h1("Card type",t6(IR,{}),Ni,Zi),cardHeader:A("Card header strip","Product record"),badge:A("Header badge","LIVE"),cardTitle:A("Card title",""),cardSubtitle:A("Card subtitle",""),pills:{type:"array",label:"Selector pills",arrayFields:{label:P("Label"),value:P("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Pill"},tiles:{type:"array",label:"Spec tiles",arrayFields:{label:P("Label"),value:P("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Tile"},rows:{type:"array",label:"Result / order rows",arrayFields:{lead:P("Lead"),detail:P("Detail"),state:h1("State",t6(ZR,{}),[{label:"Match / done (green)",value:"ok"},{label:"In progress (accent)",value:"warn"},{label:"No match (gray \u2715)",value:"no"}],"ok"),status:P("Status chip")},defaultItemProps:{lead:"",detail:"",state:"ok",status:""},getItemSummary:e=>[e?.lead,e?.detail].filter(Boolean).join(" \xB7 ")||"Row"},button:A("Accent button",""),footnote:A("Accent footnote",""),_gKanban:v("Kanban columns"),col1Title:A("Column 1 title",""),col1Cards:r2("Column 1 cards",t6(ys,{}),"Job card label","verbatim"),col2Title:A("Column 2 title",""),col2Cards:r2("Column 2 cards",t6(ys,{}),"Job card label","verbatim"),col3Title:A("Column 3 title",""),col3Cards:r2("Column 3 cards",t6(ys,{}),"Job card label","verbatim"),col4Title:A("Column 4 title",""),col4Cards:r2("Column 4 cards",t6(ys,{}),"Job card label","verbatim"),_gClaims:v("Claims bars"),barsHeading:A("Bars heading","Defect rate by product"),bars:{type:"array",label:"Bars",arrayFields:{label:P("Label"),value:P("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Bar"},_gTerminal:v("Terminal"),termLines:r2("Terminal lines",t6(RR,{}),"$ efficient \u2026","verbatim"),_gBrowser:v("Browser mock"),urlText:A("URL pill",""),heroTitle:A("Hero line",""),heroButton:A("Hero button",""),products:{type:"array",label:"Product tiles",arrayFields:{name:P("Name"),price:P("Price")},defaultItemProps:{name:"",price:""},getItemSummary:e=>[e?.name,e?.price].filter(Boolean).join(" \xB7 ")||"Tile"},_gStyle:v("Style"),align:h1("Mockup position",t6(NR,{}),[{label:"Right of the copy",value:"right"},{label:"Left of the copy",value:"left"}],"right")},resolveFields:(e,{fields:t})=>Qk(t,e.props.variant)};import{jsx as b3,jsxs as Ee}from"react/jsx-runtime";function Ii({eyebrow:e,title:t,rows:a,subRows:c,totalLabel:s,totalAmount:l,note:o,contained:r}){return b3(S0,{contained:r,className:"py-6",children:Ee("div",{className:"sf-card mx-auto max-w-[560px] border border-line bg-surface px-8 py-9 max-[800px]:px-5 max-[800px]:py-6",children:[e&&b3(I1,{text:e,scaled:!1}),t&&b3("h2",{className:"mt-2 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.1] tracking-[-0.02em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(t,!1)}),a.length>0&&b3("ul",{className:"mt-6 flex flex-col",children:a.map((i,n)=>Ee("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[Ee("span",{className:"min-w-0",children:[i.label&&b3("span",{className:"block text-[15px]",children:k(i.label)}),i.meta&&b3("span",{className:"block font-mono text-[12px] uppercase tracking-[0.12em] opacity-60",children:k(i.meta)})]}),i.amount&&b3("span",{className:"text-[15px] tabular-nums",children:k(i.amount)})]},n))}),c.length>0&&b3("ul",{className:"mt-1 flex flex-col border-t border-line pt-3",children:c.map((i,n)=>Ee("li",{className:"flex items-baseline justify-between gap-4 py-1",children:[b3("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-70",children:i.label&&k(i.label)}),i.amount&&b3("span",{className:"text-[14px] tabular-nums opacity-85",children:k(i.amount)})]},n))}),(s||l)&&Ee("div",{className:"mt-4 flex items-baseline justify-between gap-4 border-t border-line pt-4",children:[s&&b3("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em]",children:k(s)}),l&&b3("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:k(l)})]}),o&&b3("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:k(o)})]})})}import{jsx as OR}from"react/jsx-runtime";var Be={title:"Order summary",note:"A short reassurance note under the total."},_R=[{label:"Product name",meta:"Finish \xB7 Size \xB7 \xD71",amount:"$0,000"},{label:"Second item",meta:"Detail line",amount:"$000"}],DR=[{label:"Subtotal",amount:"$0,000"},{label:"Delivery",amount:"$00"}],tM={label:"Order Table",defaultProps:{eyebrow:"",title:"",rows:[],subRows:[],totalLabel:"",totalAmount:"",note:"",contained:!0},render:({eyebrow:e,title:t,rows:a,subRows:c,totalLabel:s,totalAmount:l,note:o,contained:r,puck:i})=>OR(Ii,{eyebrow:x(e,L.eyebrow,i),title:x(t,Be.title,i),rows:d1(a,_R,i),subRows:d1(c,DR,i),totalLabel:x(s,"Total",i),totalAmount:x(l,"$0,000",i),note:x(o,Be.note,i),contained:r})};var aM={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",L.eyebrow),title:V("Heading",Be.title),_gItems:v("Items"),rows:{type:"array",label:"Items",arrayFields:{label:n1("Item"),meta:n1("Meta line"),amount:n1("Amount")},getItemSummary:e=>e.label||"Item"},subRows:{type:"array",label:"Sub-total lines",arrayFields:{label:n1("Label"),amount:n1("Amount")},getItemSummary:e=>e.label||"Line"},_gTotal:v("Total"),totalLabel:A("Total label","Total"),totalAmount:A("Total amount","$0,000"),note:V("Note",Be.note),_gLayout:v("Layout")}};import{jsx as l5,jsxs as Ne}from"react/jsx-runtime";function Ri({eyebrow:e,stats:t,lead:a,foundersHeading:c,foundersBody:s,attribution:l,padTop:o,padBottom:r}={}){let i=typeof o=="number"?o:60,n=typeof r=="number"?r:80,h=(t??[]).filter(u=>(u.value??"").trim()!==""||(u.label??"").trim()!==""),m=!!e||h.length>0,p=!!(c||s||l);return l5("section",{className:"relative z-[2] bg-bg",children:Ne("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] overflow-hidden border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:i,paddingBottom:n},children:[m&&Ne("div",{className:"mb-[40px] grid grid-cols-3 gap-[60px] border-b border-line pb-[40px] max-[1100px]:grid-cols-1 max-[1100px]:gap-6",children:[l5("div",{className:"col-span-2 max-[1100px]:col-span-1",children:e&&l5("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:k(e)})}),h.length>0&&l5("div",{className:"text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:h.map((u,d)=>Ne("div",{children:[u.value?l5("strong",{className:"font-normal text-fg",children:k(u.value)}):null," ",u.label?k(u.label):null]},d))})]}),(a||p)&&Ne("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[a&&l5("div",{className:"col-span-2 max-[1100px]:col-span-1",children:m0(a).map((u,d)=>l5("p",{className:"max-w-[780px] font-heading3 text-[length:var(--size-headingSmall,22px)] leading-[1.45] tracking-[-0.005em] text-fg max-[720px]:text-[length:var(--size-headingSmall,20px)]",children:k(u)},d))}),p&&Ne("div",{className:"self-end font-display text-[length:var(--size-body,14px)] leading-[1.7] text-fg-dim max-[720px]:text-[length:var(--size-body,12px)]",children:[c&&l5("strong",{className:"mb-1.5 block text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg max-[720px]:text-[length:var(--size-body,16px)]",children:U(c,!1)}),s?k(s):null,l&&l5("span",{className:"mt-2 block font-mono text-[length:var(--size-label,12px)] uppercase not-italic tracking-[0.24em] text-accent max-[720px]:text-[length:var(--size-label,10px)]",children:k(l)})]})]})]})})}import{jsx as GR}from"react/jsx-runtime";var o5={eyebrow:L.eyebrow,lead:"Introduce your company in a paragraph or two.",foundersHeading:"Add a short heading.",foundersBody:"Add a short statement here \u2014 a sentence or two is plenty.",attribution:"\u2014 Name, Year"},cM={label:"Lead Text",defaultProps:{eyebrow:"",lead:"",stats:[],foundersHeading:"",foundersBody:"",attribution:"",padTop:60,padBottom:80},render:({eyebrow:e,lead:t,stats:a,foundersHeading:c,foundersBody:s,attribution:l,padTop:o,padBottom:r,puck:i})=>GR(Ri,{eyebrow:x(e,o5.eyebrow,i),lead:x(t,L.body,i),stats:a,foundersHeading:x(c,o5.foundersHeading,i),foundersBody:x(s,o5.foundersBody,i),attribution:x(l,o5.attribution,i),padTop:o,padBottom:r})};var sM={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",o5.eyebrow),lead:V("Lead",L.body,R5),stats:{type:"array",label:"Stats",arrayFields:{value:n1("Number"),label:n1("Unit")},getItemSummary:e=>e.label||e.value||"Stat"},_gFounders:v("Founders"),foundersHeading:V("Founders heading",o5.foundersHeading),foundersBody:V("Founders statement",o5.foundersBody),attribution:A("Attribution",o5.attribution),_gStyle:v("Style"),...R2("ParagraphsA")}};import{jsx as a6,jsxs as lM}from"react/jsx-runtime";function _i({heading:e,badges:t,assurances:a,contained:c}){return a6(S0,{contained:c,className:"py-6",children:lM("div",{className:"flex flex-col items-center gap-5 border-y border-line py-8 text-center",children:[e&&a6("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em] opacity-70",children:k(e)}),t.length>0&&a6("ul",{className:"flex flex-wrap items-center justify-center gap-3",children:t.map((s,l)=>a6("li",{className:"sf-card flex h-10 items-center border border-line bg-surface px-4",children:s.src?a6("img",{src:M2(s.src),alt:K0(s.label||""),className:"max-h-5 w-auto opacity-90"}):s.label&&a6("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em]",children:k(s.label)})},l))}),a.length>0&&a6("ul",{className:"flex flex-wrap items-center justify-center gap-x-6 gap-y-1",children:a.map((s,l)=>s.text&&lM("li",{className:"flex items-center gap-2 text-[13px] opacity-60",children:[a6("span",{className:"h-1 w-1 rounded-full bg-accent","aria-hidden":!0}),k(s.text)]},l))})]})})}import{jsx as UR}from"react/jsx-runtime";var Di={heading:"Ways to pay"},qR=[{label:"Visa"},{label:"Mastercard"},{label:"Amex"},{label:"PayPal"}],WR=[{text:"Secure encrypted checkout"},{text:"30-day returns"}],oM={label:"Payment Methods",defaultProps:{heading:"",badges:[],assurances:[],contained:!0},render:({heading:e,badges:t,assurances:a,contained:c,puck:s})=>UR(_i,{heading:x(e,Di.heading,s),badges:d1(t,qR,s),assurances:d1(a,WR,s),contained:c})};var rM={fields:{_gContent:v("Content"),heading:A("Heading",Di.heading),badges:{type:"array",label:"Payment methods",arrayFields:{label:n1("Name"),src:V1("Logo","image/*")},getItemSummary:e=>e.label||e.src||"Method"},assurances:{type:"array",label:"Reassurance lines",arrayFields:{text:n1("Line")},getItemSummary:e=>e.text||"Line"},_gLayout:v("Layout")}};import{jsx as _2,jsxs as o7}from"react/jsx-runtime";var iM=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],ks="card",r5={min:200,max:700,step:10,fallback:330,unit:"px"};function r7({post:e,scaffold:t=!1,layout:a,showCover:c=!0,placement:s,darken:l,darkenStyle:o,href:r,minHeight:i}){let n=r||(t?"#":`/journal/${e.slug}`),h=a==="cover",m=(e.meta||e.dateLabel||e.read)&&o7("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[e.meta&&_2("span",{className:"text-accent",children:k(e.meta)}),e.dateLabel&&_2("span",{children:k(e.dateLabel)}),e.read&&_2("span",{children:k(e.read)})]});if(h){let p=Rc(l,o);return o7(i0,{href:n,className:`${Ic} group relative isolate flex overflow-hidden`,style:{minHeight:`${i??r5.fallback}px`},"aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[_2("div",{className:"absolute inset-0",children:_2(T0,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),p&&_2("div",{className:"absolute inset-0 z-0",style:p,"aria-hidden":!0}),o7("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${_c(s??"bottom-left","column")}`,children:[e.meta&&_2("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent",children:k(e.meta)}),_2("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium leading-[1.2] tracking-[-0.02em]",children:U(e.title,!1)}),e.excerpt&&_2("p",{className:"max-w-[46ch] text-[length:var(--size-body,14px)] leading-[1.55] opacity-80",children:k(e.excerpt)}),(e.dateLabel||e.read)&&o7("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] opacity-75",children:[e.dateLabel&&_2("span",{children:k(e.dateLabel)}),e.read&&_2("span",{children:k(e.read)})]})]})]})}return o7(i0,{href:n,style:{"--card-bg":"var(--surface)","--card-bg-hover":"var(--surface-2)"},className:"sf-card sf-card-fill group block bg-[var(--card-bg)] transition-colors duration-300 hover:bg-[var(--card-bg-hover)]","aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[c&&_2("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:_2(T0,{label:`event-${e.slug}`,src:e.cover||void 0})}),o7("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[m,_2("h3",{className:"mt-1 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.2] tracking-[-0.02em]",children:U(e.title,!1)}),e.excerpt&&_2("p",{className:"text-[length:var(--size-body,14px)] leading-[1.55] text-fg-dim",children:k(e.excerpt)}),o7("span",{className:"mt-1.5 inline-flex items-center gap-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors group-hover:text-accent",children:["Read more",_2("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{HeightIcon as $R,ImageIcon as jR,LayoutIcon as YR,OpacityIcon as XR,StylesIcon as JR}from"efficient-easel/icons";import{jsx as KR}from"react/jsx-runtime";var $3={title:"Add a *headline* for this post.",excerpt:"A short summary of the post \u2014 one or two sentences.",category:L.category,date:L.date,readLabel:"0 min read"},nM={label:"Post Card",defaultProps:{source:null,image:"",title:"",excerpt:"",href:"",category:"",date:"",readLabel:"",layout:ks,showCover:!0,placement:"bottom-left",darken:55,darkenStyle:q5[0].value,minHeight:r5.fallback},render:e=>{let t=e.source,a=!!t?.slug;return KR(r7,{post:{slug:a?t.slug:"post-card",title:(a?t.title:x(e.title,$3.title,e.puck))||"",excerpt:(a?t.dek:x(e.excerpt,$3.excerpt,e.puck))||"",cover:(a?t.image:e.image)||"",meta:x(e.category,$3.category,e.puck)||void 0,dateLabel:(a?t.date:x(e.date,$3.date,e.puck))||void 0,read:x(e.readLabel,$3.readLabel,e.puck)||void 0},href:(a?t.href:Y(e.href))||void 0,layout:e.layout,showCover:e.showCover,placement:e.placement,darken:e.darken,darkenStyle:e.darkenStyle,minHeight:e.minHeight,scaffold:!!e.puck?.isEditing&&!a})}};import{jsx as Ze}from"react/jsx-runtime";var hM={fields:{source:E0(J6),image:V1("Cover image","image/*"),title:V("Heading",$3.title),excerpt:V("Excerpt",$3.excerpt),href:w1("Link"),category:A("Category",$3.category),date:A("Date",$3.date),readLabel:A("Read time",$3.readLabel),layout:h1("Card layout",Ze(YR,{}),iM,ks),showCover:e1("Show cover image",!0,Ze(jR,{})),placement:X4("Text position",{stacking:!1}),darken:J("Darken",Ze(XR,{}),i2.min,i2.max,i2.step,i2.fallback,i2.unit),darkenStyle:h1("Darken style",Ze(JR,{}),q5,q5[0].value),minHeight:J("Card height",Ze($R,{}),r5.min,r5.max,r5.step,r5.fallback,r5.unit)},resolveFields:(e,{fields:t})=>{let a=e.props,c={...t};if(a.layout!=="cover")for(let s of["placement","darken","darkenStyle","minHeight"])delete c[s];else delete c.showCover;if(a.source?.slug)for(let s of["image","title","excerpt","href"])delete c[s];return c}};import{ColumnsIcon as a_,PlacementIcon as c_}from"efficient-easel/icons";import{Fragment as QR,jsx as J0,jsxs as i5}from"react/jsx-runtime";var mM={2:"grid-cols-2 max-[900px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1"},Oi="sf-itc-boxes",pM="sf-itc-steps";function Gi({num:e,title:t,description:a,boxes:c,steps:s,columns:l=3,cta:o,padTop:r,padBottom:i,editing:n=!1,omitHead:h=!1,cardImage:m,cardText:p,...u}){let d=typeof r=="number"?r:120,g=typeof i=="number"?i:120,z=(s??[]).filter(C=>(C?.tag??"").trim()||(C?.meta??"").trim()||(C?.title??"").trim()||(C?.copy??"").trim()||(C?.image??"").trim()||(C?.specs??[]).some(S=>(S?.label??"").trim()||(S?.value??"").trim())),f=z.length>0?z:n&&!c?[{tag:"Column 1"},{tag:"Column 2"},{tag:"Column 3"}]:[],b=mM[l]??mM[3],y=p==="on-image";return i5("section",{className:v0(u)?"relative z-[2] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"relative z-[2] mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:d,paddingBottom:g,...U2(m)},children:[h?null:J0(n2,{num:e,title:t?.trim()?k(t,!0):void 0,desc:a?.trim()?k(a,!1):void 0}),c?i5(QR,{children:[J0("style",{children:`.${Oi}:empty{display:none}.${Oi}:not(:empty)~.${pM}{display:none}`}),J0(c,{className:`${Oi} sf-card grid ${b} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,f.length>0&&J0("div",{className:`${pM} sf-card grid ${b} gap-[2px] border border-line bg-line`,children:f.map((C,S)=>{let H=(C.specs??[]).filter(_=>(_?.label??"").trim()||(_?.value??"").trim());return i5("article",{className:y?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[i5("div",{className:y?"sf-card-image relative aspect-[5/3] overflow-hidden bg-surface max-[700px]:aspect-[4/3]":"sf-card-image relative aspect-[5/3] overflow-hidden border-b border-line bg-surface",children:[J0(T0,{label:C.tag?.trim()||C.title?.trim()||`column-${S+1}`,src:C.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...c?{deferFetch:!0}:{}}),J0("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0 z-[1]",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.55) 0%, transparent 30%, transparent 70%, rgba(10,10,10,0.65) 100%)"}}),y&&J0("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-x-0 bottom-0 z-[1] h-[78%]",style:{background:"linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.73) 55%, rgba(10,10,10,0.92) 100%)"}}),C.tag?.trim()&&J0("span",{className:"absolute left-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:d0(C.tag)}),C.meta?.trim()&&J0("span",{className:y?"absolute right-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg/80":"absolute right-5 bottom-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-overlay-fg/80",children:d0(C.meta)}),y&&(C.title?.trim()||C.copy?.trim())&&i5("div",{className:"absolute inset-x-0 bottom-0 z-[2] flex flex-col gap-2.5 px-8 pb-7 pt-14 max-[700px]:px-6 max-[700px]:pb-6",children:[C.title?.trim()&&J0("h3",{className:"flex min-h-[2em] flex-col justify-end font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg max-[700px]:text-[length:var(--size-headingSmall,26px)]",children:k(C.title,!0)}),C.copy?.trim()&&J0("p",{className:"min-h-[3em] font-display text-[length:var(--size-body,15px)] leading-[1.5] text-overlay-fg/85",children:k(C.copy,!1)})]})]}),y?H.length>0&&J0("div",{className:"grid grid-cols-2 gap-2 border-t border-line px-8 py-7 max-[700px]:px-6 max-[700px]:py-6",children:H.map((_,Z)=>i5("div",{className:"flex flex-col gap-1",children:[_.label?.trim()&&J0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:d0(_.label)}),_.value?.trim()&&J0("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:d0(_.value)})]},Z))}):i5("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[C.title?.trim()&&J0("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,34px)] font-medium uppercase leading-none tracking-[-0.02em] max-[700px]:text-[length:var(--size-headingSmall,28px)]",children:k(C.title,!0)}),C.copy?.trim()&&J0("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:k(C.copy,!1)}),H.length>0&&J0("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:H.map((_,Z)=>i5("div",{className:"flex flex-col gap-1",children:[_.label?.trim()&&J0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:d0(_.label)}),_.value?.trim()&&J0("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:d0(_.value)})]},Z))})]})]},S)})}),o?.text&&J0("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:i5(i0,{href:o.href,className:"group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[d0(o.text),J0("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})}import{jsx as t_}from"react/jsx-runtime";var Ie={num:L.sectionNumber,title:L.headingAccent,description:L.body,cta:L.viewAll},e_=[{image:"",tag:"A \xB7 Step",meta:"Short detail line",title:"Step *one*",copy:"Describe this step in a sentence or two.",specs:[{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value}]},{image:"",tag:"B \xB7 Step",meta:"Short detail line",title:"Step *two*",copy:"Describe this step in a sentence or two.",specs:[{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value}]},{image:"",tag:"C \xB7 Step",meta:"Short detail line",title:"Step *three*",copy:"Describe this step in a sentence or two.",specs:[{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value},{label:L.label,value:L.value}]}],qi={boxes:{type:"slot"}},uM={label:"Image & Text Columns",fields:qi,defaultProps:{num:"",title:"",description:"",columns:3,padTop:120,padBottom:120},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return t_(Gi,{num:a(x(e.num,Ie.num,e.puck)),title:a(x(e.title,Ie.title,e.puck)),description:a(x(e.description,L.body,e.puck)),omitHead:t,boxes:e.boxes,steps:d1(e.steps,e_,e.puck),columns:typeof e.columns=="number"?e.columns:3,cta:s3(e.ctaText,e.ctaHref),padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,cardImage:e.cardImage,cardText:e.cardText,editing:e.puck?.isEditing})}};import{jsx as gM}from"react/jsx-runtime";var dM={fields:{_sHeader:K1("Header"),_gContent:v("Content"),num:A("Number",Ie.num),title:A("Heading",Ie.title),description:V("Body",L.body),_sColumns:K1(Q7),boxList:N0("ProcessSteps"),boxes:qi.boxes,_sStyle:K1("Style"),columns:J("Columns",gM(a_,{}),2,4,1,3),cardImage:D5(),cardText:p1("Text position",gM(c_,{}),[{label:"Below picture",value:"below"},{label:"On picture",value:"on-image"}],"below"),...R2("ProcessSteps")},resolveFields:(e,{fields:t,parent:a})=>{let c=E1(Z1(t,a,R1),e.props.headPlacement,F1.ProcessSteps.headRows);if(!(Array.isArray(e.props.boxes)&&e.props.boxes.length>0))return c;let{cardText:l,...o}=c;return o}};import{SquareIcon as i_}from"efficient-easel/icons";import{Fragment as o_,jsx as Ms,jsxs as vM}from"react/jsx-runtime";var s_="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",l_="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[72px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function Wi({eyebrow:e,title:t,body:a,topBorder:c=!0,omitHead:s=!1,editing:l=!1}={}){let o=m0((a??"").trim()),r=!!(e??"").trim()||!!(t??"").trim()||o.length>0;return!l&&!r?null:Ms("section",{className:`relative z-[2] ${c?"border-t border-line ":""}bg-bg`,children:vM("div",{className:s?l_:s_,children:[s?null:vM(o_,{children:[(e??"").trim()&&Ms(I1,{text:e??"",className:"mb-4 block"}),(t??"").trim()&&Ms("h2",{className:"mb-7 font-heading2 text-[length:var(--sf-heading-max,var(--size-headingMedium,38px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.02em] text-fg max-[800px]:text-[length:var(--size-headingSmall,28px)]",children:U(t??"",!1)})]}),o.map((i,n)=>Ms("p",{className:"mb-[18px] max-w-[680px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim last:mb-0",children:k(i)},n))]})})}import{jsx as r_}from"react/jsx-runtime";var i7={eyebrow:"Label",title:"Section *heading.*",body:"Add this section's copy here. A blank line starts a new paragraph."},fM={label:"Editorial Text",defaultProps:{eyebrow:"",title:"",body:"",topBorder:!0},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return r_(Wi,{eyebrow:a(x(e.eyebrow,i7.eyebrow,e.puck)),title:a(x(e.title,i7.title,e.puck)),omitHead:t,body:x(e.body,i7.body,e.puck),topBorder:e.topBorder,editing:e.puck?.isEditing})}};import{jsx as n_}from"react/jsx-runtime";var bM={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",i7.eyebrow),title:V("Heading",i7.title),body:V("Body",i7.body),_sStyle:K1("Style"),topBorder:e1("Top border",!0,n_(i_,{}))},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.Prose.headRows)};import{HashIcon as h_,StylesIcon as MM}from"efficient-easel/icons";var Re="standard",$i=[{label:"Standard",value:"standard"},{label:"Editorial",value:"editorial"},{label:"Simple",value:"simple"},{label:"Statement",value:"statement"},{label:"Natural",value:"natural"},{label:"Essay",value:"essay"}],Ki=["numStyle","logoSrc","logoAlt","linkText","linkHref","_gLogo"],Ui=[...Ki,"description"],wM={standard:["eyebrowLook"],editorial:[...Ki,"eyebrowLook"],simple:Ui,statement:Ui,natural:Ki,essay:Ui},zM=["gap-5","gap-3"],xM=["text-[length:var(--size-body,16px)]","text-[15px]"];function yM(e){return S3(zM,zM[0],e)}function kM(e){return S3(xM,xM[0],e)}function Cs(e){return S3($i,Re,e)}import{jsx as ji}from"react/jsx-runtime";var CM={fields:{_gContent:v("Content"),headStyle:h1("Style",ji(MM,{}),[...$i],Re),num:A("Number","01 / Section"),eyebrowLook:h1("Eyebrow style",ji(MM,{}),[...F3],gz),numStyle:p1("Number style",ji(h_,{}),[...uz],Ac),title:V("Heading","Section *title*"),description:V("Body","Short supporting line"),linkText:A("Button","View all"),linkHref:w1("Link"),_gLogo:v("Logo"),logoSrc:V1("Logo image","image/*"),logoAlt:P("Logo alt text","Logo description"),...b4("full")},resolveFields:(e,{fields:t})=>{let a=W5(t,u2(e?.props??{},"full")),c=Cs(e?.props?.headStyle),s={...a};for(let l of wM[c])delete s[l];return s}};import{Fragment as m_,jsx as c6,jsxs as Y8}from"react/jsx-runtime";function Yi({headNum:e,headTitle:t,headDesc:a,cards:c,viewLabel:s,background:l,editing:o=!1,omitHead:r=!1,...i}){let n=(c??[]).filter(p=>(p?.title??"").trim()||(p?.desc??"").trim()||(p?.num??"").trim()),h=n.length>0?n:o?[{title:"Series title"}]:[],m=!!(l&&l!=="transparent");return Y8("section",{className:v0(i)?r?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":r?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:m?{backgroundColor:l}:void 0,children:[r?null:c6(n2,{num:e,title:t?U(t):void 0,desc:a}),c6("div",{className:`grid grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1 ${m?"gap-[1px]":"gap-[2px] bg-bg"}`,children:h.map((p,u)=>{let d=!!(p.num?.trim()||p.since?.trim()),g=!!p.title?.trim(),z=!!(p.entries?.trim()||p.entriesLabel?.trim()||s);return Y8("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[d&&Y8("div",{className:"flex items-baseline justify-between gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[c6("span",{children:p.num?k(p.num):null}),p.since?.trim()?c6("span",{children:k(p.since)}):null]}),g&&c6("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-[1.04] tracking-[-0.02em]",children:U(p.title??"")}),p.desc?.trim()&&c6("p",{className:"font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",children:k(p.desc)}),z&&Y8("div",{className:"mt-auto flex items-center justify-between border-t border-line pt-4 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[Y8("span",{children:[p.entries?.trim()?c6("strong",{className:"font-normal text-fg",children:k(p.entries)}):null,p.entriesLabel?.trim()?Y8(m_,{children:[p.entries?.trim()?" ":"",k(p.entriesLabel)]}):null]}),s&&c6("span",{className:"text-accent",children:k(s)})]})]},u)})})]})}import{jsx as u_}from"react/jsx-runtime";var n5={headNum:L.sectionNumber,headTitle:L.headingAccent,headDesc:L.body,viewLabel:"View series \u2192"},p_=[{num:"01",since:"Year",title:"Column *title.*",desc:"A short description of this recurring column.",entries:"0",entriesLabel:"entries"},{num:"02",since:"Year",title:"Column *title.*",desc:"A short description of this recurring column.",entries:"0",entriesLabel:"entries"},{num:"03",since:"Year",title:"Column *title.*",desc:"A short description of this recurring column.",entries:"0",entriesLabel:"entries"}],LM={label:"Recurring Columns",defaultProps:{headNum:"",headTitle:"",headDesc:"",cards:[],viewLabel:"",background:"transparent"},render:({headNum:e,headTitle:t,headDesc:a,cards:c,viewLabel:s,background:l,headPlacement:o,puck:r})=>{let i=P1(o)==="own-box",n=h=>i?void 0:h;return u_(Yi,{headNum:n(x(e,n5.headNum,r)),headTitle:n(x(t,n5.headTitle,r)),headDesc:n(x(a,n5.headDesc,r)),omitHead:i,cards:d1(c,p_,r),viewLabel:x(s,n5.viewLabel,r),background:Z5(l,S2.Series),editing:r?.isEditing})}};var SM={fields:{_gHead:v("Section header"),headNum:A("Number",n5.headNum),headTitle:V("Heading",n5.headTitle),headDesc:V("Body",n5.headDesc),_gCards:v("Cards"),cards:{type:"array",label:"Cards",arrayFields:{num:n1("Number"),since:n1("Right Top Text"),title:C1("Title"),desc:C1("Body"),entries:n1("Entries count"),entriesLabel:n1("Button Right Text")},getItemSummary:e=>e?.title||(e?.num?`Column ${e.num}`:"Column")},_gViewLabel:v("Card link"),viewLabel:A("Card button",n5.viewLabel),_gStyle:v("Style"),background:_5("Background",S2.Series)},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.Series.headRows)};var AM={fields:{size:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"},{label:"X-Large",value:"xl"}]}}};import{BackgroundIcon as g_,ContrastIcon as d_}from"efficient-easel/icons";import{jsx as HM}from"react/jsx-runtime";var FM={fields:{_gContent:v("Content"),cells:{type:"array",label:"Strip items",arrayFields:{text:P("Label","Label"),tone:p1("Tone",HM(d_,{}),[{label:"Normal",value:"normal"},{label:"Muted",value:"muted"}],"normal")},defaultItemProps:{text:"",tone:"normal"},getItemSummary:e=>e?.text||"Item",min:2,max:8},_gStyle:v("Style"),fill:p1("Strip fill",HM(g_,{}),[{label:"Dark band",value:"dark"},{label:"None",value:"none"}],"dark")}};import{AlignLeftIcon as b_,CaseIcon as z_,OpacityIcon as x_,PlacementIcon as w_}from"efficient-easel/icons";import{jsx as d2,jsxs as s6}from"react/jsx-runtime";function Xi({imageLabel:e,imageSrc:t,imageTint:a=.4,imageObjectPosition:c,eyebrow:s,title:l,body:o,cta:r,reverse:i=!1,uppercase:n=!1,textAlign:h="left",textBgSrc:m,textBgLabel:p,textBgTint:u=.6,textBgObjectPosition:d,featureBar:g,imageButton:z,grayscale:f}){let b=E8(f,B8()),y={left:{items:"",text:"",cta:"self-start"},center:{items:"items-center",text:"text-center",cta:"self-center"},right:{items:"items-end",text:"text-right",cta:"self-end"}},C=y[h]??y.left;return d2("section",{className:"relative z-[2] bg-bg p-0",children:s6("div",{className:["grid min-h-[72vh] grid-cols-2 border-t border-b border-line","max-[960px]:grid-cols-1","max-[960px]:min-h-0",i?"min-[961px]:[direction:rtl]":""].join(" "),children:[s6("div",{className:"sf-card relative flex items-center justify-center overflow-hidden bg-surface [direction:ltr] max-[960px]:aspect-[4/3] max-[960px]:order-2",style:i?{borderLeft:"1px solid var(--line)"}:{borderRight:"1px solid var(--line)"},children:[d2(T0,{label:e,src:t,objectPosition:c,treatment:b}),t&&a>0&&d2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${a})`}}),(g||z)&&s6("div",{className:"pointer-events-none absolute inset-0 z-[3] flex flex-col items-center justify-center gap-4 px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:[g&&s6(i0,{href:g.href,className:"pointer-events-auto inline-flex items-center justify-center gap-3 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.3)",color:"rgba(245,241,232,0.85)",background:"rgba(0,0,0,0.45)"},children:[d2("span",{children:k(g.wheel)}),d2("span",{"aria-hidden":!0,style:{opacity:.55},children:"\xB7"}),d2("span",{children:k(g.category)}),d2("span",{"aria-hidden":!0,children:"\u2192"}),d2("span",{children:k(g.cta??"Shop now")})]}),z&&s6(i0,{href:z.href,className:"pointer-events-auto inline-flex items-center justify-center gap-2 border px-7 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] backdrop-blur-sm transition-colors hover:bg-[rgba(245,241,232,0.1)] max-[800px]:gap-2 max-[800px]:px-5 max-[800px]:py-3 max-[800px]:text-[length:var(--size-label,12px)]",style:{borderColor:"rgba(245,241,232,0.5)",color:"rgba(245,241,232,0.95)",background:"transparent"},children:[d2("span",{children:k(z.text??"Learn more")}),d2("span",{"aria-hidden":!0,children:"\u2192"})]})]})]}),s6("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[m&&s6("div",{className:"absolute inset-0","aria-hidden":!0,children:[d2(T0,{label:p??e,src:m,objectPosition:d,treatment:b}),u>0&&d2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${u})`}})]}),d2("div",{className:"relative z-[2] flex h-full min-h-full flex-col px-[60px] py-[100px] max-[960px]:px-6 max-[960px]:py-[60px]",style:m?{color:"var(--overlay-fg)"}:void 0,children:s6("div",{className:["flex flex-1 flex-col justify-center gap-6",C.items,C.text].join(" "),children:[s&&d2(I1,{text:s,size:14}),l&&d2("h2",{className:["font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em]","max-[800px]:text-[length:var(--size-headingMedium,36px)] max-[800px]:leading-[1]",n?"uppercase":""].join(" "),children:U(l,!1)}),o&&m0(o).map((S,H)=>d2("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]",m?"opacity-85":"text-fg-dim"].join(" "),children:k(S)},H)),r.text&&d2("div",{className:`mt-2 ${C.cta}`,children:d2(a3,{href:r.href,variant:"primary",children:k(r.text)})})]})})]})]})})}import{jsx as f_}from"react/jsx-runtime";var l6={eyebrow:"\u2014 Label",title:`Section headline *here.*
|
|
63
|
-
*Highlight line*`,body:"Describe this section in a sentence or two."},Ji={text:"Learn more"};function v_(e,t,a){let c=x(e,Ji.text,a);if(c!==void 0)return{text:c,href:t||"#"}}var TM={label:"Image & Text Split",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",reverse:!1,uppercase:!1,textAlign:"left",ctaText:"",ctaHref:"",imageBtnText:"",imageBtnHref:"",textBgSrc:"",overlay:60},render:e=>f_(Xi,{eyebrow:x(e.eyebrow,l6.eyebrow,e.puck),title:x(e.title,l6.title,e.puck),body:x(e.body,l6.body,e.puck),imageLabel:Y(e.title)||l6.title,imageSrc:e.imageSrc||void 0,reverse:e.reverse,uppercase:e.uppercase,textAlign:e.textAlign,cta:s3(e.ctaText,e.ctaHref,e.puck),imageButton:v_(e.imageBtnText,e.imageBtnHref,e.puck),textBgSrc:e.textBgSrc||void 0,textBgTint:(typeof e.overlay=="number"?e.overlay:60)/100,grayscale:e.grayscale})};import{jsx as Ls}from"react/jsx-runtime";var VM={fields:{_sText:K1("Text column"),_gContent:v("Content"),eyebrow:A("Eyebrow",l6.eyebrow),title:V("Heading",l6.title),body:V("Body",l6.body),uppercase:e1("Uppercase heading",!1,Ls(z_,{})),textAlign:p1("Alignment",Ls(b_,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),_gButton:v("Button"),...T3,_gTextBg:v("Background image"),textBgSrc:V1("Image","image/*"),overlay:J("Overlay",Ls(x_,{}),0,100,5,60,"%"),_sImage:K1("Image column"),_gImage:v("Image"),imageSrc:V1("Image","image/*"),reverse:p1("Image side",Ls(w_,{}),[{label:"Image left",value:!1},{label:"Image right",value:!0}],!1),_gImageBtn:v("Overlay button"),imageBtnText:A("Button",Ji.text),imageBtnHref:w1("Button link"),_gStyle:v("Style"),grayscale:R8()}};import{ColumnsIcon as y_}from"efficient-easel/icons";import{jsx as k_}from"react/jsx-runtime";var PM={fields:{_gContent:v("Content"),heading:A("Heading","By the *numbers*"),items:{type:"array",label:"Stats",arrayFields:{value:n1("Value"),label:n1("Label")},getItemSummary:e=>e.label||e.value||"stat"},columns:J("Columns",k_(y_,{}),2,4,1,4),_gStyle:v("Style"),background:_5("Background",S2.Stats)}};import{AccentIcon as T_}from"efficient-easel/icons";import{useEffect as M_,useRef as EM,useState as C_}from"react";var L_=1400;function X8(e,t={}){let{threshold:a=.1,replay:c=!0,durationMs:s=L_}=t,l=EM(null),o=EM(null),[r,i]=C_(0);return M_(()=>{let n=l.current;if(!n)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){i(e);return}let h=()=>{o.current!==null&&(cancelAnimationFrame(o.current),o.current=null)},m=()=>{h();let u=performance.now(),d=g=>{let z=Math.min(1,(g-u)/s),f=1-Math.pow(1-z,3);i(Math.round(f*e)),z<1?o.current=requestAnimationFrame(d):o.current=null};o.current=requestAnimationFrame(d)},p=new IntersectionObserver(u=>{let d=u[0];d&&(d.isIntersecting?(m(),c||p.disconnect()):c&&(h(),i(0)))},{threshold:a});return p.observe(n),()=>{p.disconnect(),h()}},[e,a,c,s]),{ref:l,value:r}}import{Fragment as A_,jsx as Q8,jsxs as J8}from"react/jsx-runtime";var BM="font-normal italic text-accent";function S_({value:e,prefix:t,suffix:a,supSuffix:c,emphasizeAll:s,label:l,sub:o}){let r=(e??"").trim(),i=/^\d+$/.test(r),{ref:n,value:h}=X8(i?parseInt(r,10):0),m=i?String(h):r,p=t??"";return J8("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[J8("div",{ref:n,className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(56px,7vw,96px)),var(--sf-heading-max,9999px))] font-medium leading-[0.9] tracking-[-0.04em] tabular-nums",children:[s?J8("em",{className:BM,children:[p,m]}):J8(A_,{children:[p,m,a?Q8("em",{className:BM,children:a}):null]}),c?Q8("sup",{className:"ml-8 inline-block pt-[18px] align-top font-mono text-[length:var(--size-label,13px)] leading-none tracking-[0.18em] text-accent",children:c}):null]}),(l||o)&&J8("div",{className:"mt-auto font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[l?Q8("strong",{className:"mb-1 block font-display text-[length:var(--size-body,16px)] font-normal normal-case tracking-[-0.01em] text-fg",children:l}):null,o?k(o):null]})]})}function Qi({eyebrow:e,title:t,desc:a,stats:c,background:s,padTop:l,padBottom:o,editing:r=!1,omitHead:i=!1,...n}={}){let h=typeof l=="number"?l:120,m=typeof o=="number"?o:120,p=(c??[]).filter(g=>(g.value??"").trim()!==""||(g.label??"").trim()!==""||(g.sub??"").trim()!==""||(g.suffix??"").trim()!==""||(g.supSuffix??"").trim()!==""),u=p.length>0?p:r?[{value:"0",label:"Stat",sub:"Add your numbers."}]:[],d=!!(s&&s!=="transparent");return J8("section",{className:v0(n)?"border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:h,paddingBottom:m,...d?{backgroundColor:s}:{}},children:[i?null:Q8(n2,{num:e,title:t?U(t):void 0,desc:a?k(a):void 0}),u.length>0&&Q8("div",{className:"sf-card grid grid-cols-4 gap-[2px] border border-line bg-line max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1",children:u.map((g,z)=>Q8(S_,{...g},z))})]})}import{jsx as F_}from"react/jsx-runtime";var n7={eyebrow:L.eyebrow,title:L.headingAccent,desc:L.body},H_=[{value:"00",label:L.label,sub:"Short description of this figure."},{value:"00",label:L.label,sub:"Short description of this figure."},{value:"00",label:L.label,sub:"Short description of this figure."},{value:"00",label:L.label,sub:"Short description of this figure."}],NM={label:"Stats with Text",defaultProps:{eyebrow:"",title:"",desc:"",stats:[],background:oc,padTop:120,padBottom:120},render:({eyebrow:e,title:t,desc:a,stats:c,background:s,padTop:l,padBottom:o,headPlacement:r,puck:i})=>{let n=P1(r)==="own-box",h=m=>n?void 0:m;return F_(Qi,{eyebrow:h(x(e,n7.eyebrow,i)),title:h(x(t,n7.title,i)),desc:h(x(a,n7.desc,i)),omitHead:n,stats:d1(c,H_,i),background:Z5(s,S2.StatsParagraph),padTop:n?0:typeof l=="number"?l:120,padBottom:typeof o=="number"?o:120,editing:i?.isEditing})}};import{jsx as V_}from"react/jsx-runtime";var ZM={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",n7.eyebrow),title:V("Heading",n7.title),desc:V("Body",n7.desc),stats:{type:"array",label:"Stats",arrayFields:{value:P("Number"),prefix:P("Prefix"),suffix:P("Unit"),supSuffix:P("Superscript"),emphasizeAll:e1("Whole number Theme Color",!1,V_(T_,{})),label:P("Label"),sub:C1("Body")},defaultItemProps:{value:"",prefix:"",suffix:"",supSuffix:"",emphasizeAll:!1,label:"",sub:""},getItemSummary:e=>e.label||e.value||"Stat"},_gStyle:v("Style"),background:_5("Background",S2.StatsParagraph),...R2("StatsParagraph")},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.StatsParagraph.headRows)};import{ColumnsIcon as I_,StylesIcon as R_}from"efficient-easel/icons";import{Fragment as B_,jsx as h5,jsxs as Ss}from"react/jsx-runtime";var P_="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",E_="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function en({look:e,eyebrow:t,title:a,items:c,columns:s,omitHead:l=!1,editing:o=!1}={}){let r=Math.min(3,Math.max(1,s??3)),i=(c??[]).filter(h=>o||(h.quote??"").trim()),n=!!(t??"").trim()||!!(a??"").trim();return!o&&!n&&i.length===0?null:h5("section",{className:"relative z-[2] border-t border-line bg-surface",children:Ss("div",{className:l?E_:P_,children:[l?null:Ss(B_,{children:[(t??"").trim()&&h5(I1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&h5("h2",{className:"mb-11 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-8 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(a??"",!1)})]}),i.length>0&&h5("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--tm-cols),minmax(0,1fr))]",style:{"--tm-cols":String(r)},children:i.map((h,m)=>Ss("figure",{className:"flex flex-col gap-5 bg-bg p-9 max-[800px]:p-7",children:[h5("span",{"aria-hidden":!0,className:"font-heading2 text-[length:var(--size-headingMedium,46px)] leading-none text-accent",children:"\u201C"}),h5("blockquote",{className:"flex-1 text-[length:var(--size-body,16px)] leading-[1.6] text-fg-dim",children:m0((h.quote??"").trim()||"A short customer quote goes here.").map((p,u)=>h5("p",{className:u?"mt-3":"",children:k(p)},u))}),Ss("figcaption",{className:"border-t border-line pt-[18px]",children:[h5("div",{className:"font-display text-[length:var(--size-body,15px)] font-medium uppercase tracking-[0.04em] text-fg",children:(h.name??"").trim()||"Customer name"}),(h.role??"").trim()&&h5("div",{className:"mt-1 text-[length:var(--size-body,12px)] text-fg-dim",children:h.role})]})]},m))})]})})}import{jsx as Z_}from"react/jsx-runtime";var _e={eyebrow:"Feedback",title:"What people *say.*"},N_=[{quote:"A short customer quote goes here \u2014 replace it with a real testimonial from your customers.",name:"Customer name",role:"Role \xB7 Location"},{quote:"A second customer quote \u2014 what they loved, in a sentence or two.",name:"Customer name",role:"Role \xB7 Location"},{quote:"A third short quote to round out the row.",name:"Customer name",role:"Role \xB7 Location"}],IM={label:"Testimonials",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return Z_(en,{look:d3(e.eyebrowLook,"Testimonials"),eyebrow:a(x(e.eyebrow,_e.eyebrow,e.puck)),title:a(x(e.title,_e.title,e.puck)),omitHead:t,items:d1(e.items,N_,e.puck),columns:e.columns,editing:e.puck?.isEditing})}};import{jsx as RM}from"react/jsx-runtime";var _M={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",_e.eyebrow),eyebrowLook:h1("Eyebrow style",RM(R_,{}),[...F3],G5("Testimonials")),title:V("Heading",_e.title),items:{type:"array",label:"Quotes",arrayFields:{quote:C1("Quote"),name:P("Name"),role:P("Role \xB7 location")},defaultItemProps:{quote:"",name:"",role:""},getItemSummary:e=>e?.name||e?.quote||"Quote"},_gStyle:v("Style"),columns:J("Columns",RM(I_,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.Testimonials.headRows)};var DM={fields:{text:V("Body",L.body),align:k4(),tone:Jc()}};import{ClockIcon as O_,DirectionIcon as G_,GapIcon as q_,LineBetweenIcon as W_,SquareIcon as U_,StylesIcon as K_,TextSizeIcon as $_}from"efficient-easel/icons";var OM="none",GM=[{label:"Nothing",value:"none"},{label:"Section above",value:"above"},{label:"Section below",value:"below"}];function qM(e){return e==="above"||e==="below"?e:null}var WM="sf-ticker-join";function UM(e){return e==="above"?"sf-ticker-join-above":"sf-ticker-join-below"}import{jsx as tn}from"react/jsx-runtime";var __="item";function an({items:e,durationSec:t=50,tone:a="scrim",borders:c=!0,size:s,separator:l,scroll:o,join:r,editing:i}){let n=(e??[]).map(u=>u?.text?.trim()?u.text:i?__:"").filter(Boolean);if(n.length===0)return null;let h=a!=="plain",m=qM(r),p=tn("div",{className:[m?`absolute inset-x-0 ${UM(m)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",h?"bg-bg":"",c?"border-y border-line":""].filter(Boolean).join(" "),children:tn(Rz,{items:n,durationSec:t,size:s,separator:l,scroll:o,backdrop:h?"themed-band":"themed-section"})});return m?tn("div",{className:WM,children:p}):p}import{jsx as D_}from"react/jsx-runtime";var cn=[{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"}],KM={label:"Scrolling Bar",defaultProps:{items:[],tone:"scrim",borders:!0,size:Vc,separator:Pc,scrollDirection:Ec,speed:50},render:({items:e,tone:t,borders:a,size:c,separator:s,scrollDirection:l,speed:o,join:r,puck:i})=>D_(an,{items:d1(e,cn,i),tone:t,borders:a,size:c,separator:s,scroll:l,durationSec:o,join:r,editing:i?.isEditing})};import{jsx as h7}from"react/jsx-runtime";var $M={fields:{_gContent:v("Content"),items:u8(r2(Xo.label,Xo.icon,"item","markup"),cn),_gStyle:v("Style"),tone:p1("Style",h7(K_,{}),[{label:"Solid",value:"scrim"},{label:"Plain",value:"plain"}],"scrim"),borders:e1("Hairline borders",!0,h7(U_,{})),size:p1("Text size",h7($_,{}),[...Nz],Vc),separator:h1("Separator",h7(W_,{}),Zz,Pc),scrollDirection:uc("Scroll direction",Iz,Ec,"A marquee cannot run diagonally, so the corners are not answers.",h7(G_,{}),Mb),speed:J("Scroll duration",h7(O_,{}),20,90,5,50,"s"),join:h1("Join",h7(q_,{}),GM,OM)}};import{EyeIcon as X_}from"efficient-easel/icons";import{Fragment as QM,jsx as s0,jsxs as r3}from"react/jsx-runtime";function jM({eyebrow:e,title:t,intro:a,center:c=!1}){return r3(QM,{children:[e&&s0(I1,{text:e,size:12}),t&&s0("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,76px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.94] tracking-[-0.03em] text-fg",children:U(t)}),a&&s0("p",{className:["font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",c?"max-w-[520px]":"max-w-[360px]"].join(" "),children:k(a,!0)})]})}function YM({cta:e,className:t=""}){return e?.text?r3(i0,{href:e.href,className:["group inline-flex items-center gap-3.5 border border-line px-5 py-4","font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg","transition-colors hover:border-accent hover:text-accent",t].join(" "),children:[k(e.text),s0("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]}):null}function XM({src:e,caption:t,meta:a,aspectClass:c,editing:s,sizes:l="100vw",className:o=""}){return!e&&!s?null:r3("figure",{className:["relative overflow-hidden border border-line bg-surface",c,o].join(" "),children:[s0(T0,{label:t||"Image",src:e,alt:K0(t??""),sizes:l}),s0("div",{"aria-hidden":!0,className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 55%, rgba(10,10,10,0.75) 100%)"}}),(t||a)&&r3("figcaption",{className:"absolute inset-x-0 bottom-0 z-[1] flex items-center justify-between gap-3 px-4 py-3 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-overlay-fg/85",children:[s0("span",{children:t?k(t):""}),a&&s0("span",{className:"text-accent",children:k(a)})]})]})}function sn({entry:e}){let t=m0(e.body??"");return r3(QM,{children:[e.title&&s0("h3",{className:"mb-3.5 font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.02em] text-fg max-[800px]:text-[length:var(--size-headingSmall,20px)]",children:U(e.title)}),t.length>0&&s0("div",{className:"space-y-3.5 font-display text-[length:var(--size-body,17px)] leading-[1.6] max-[800px]:text-[length:var(--size-body,16px)]",children:t.map((a,c)=>s0("p",{className:c===0?"text-fg":"text-fg-dim",children:k(a,!0)},c))})]})}var JM={boxShadow:"0 0 0 4px var(--bg)"};function ln({layout:e="split",eyebrow:t,title:a,intro:c,imageSrc:s,imageCaption:l,imageMeta:o,cta:r,entries:i,padTop:n,padBottom:h,editing:m}={}){let p=typeof n=="number"?n:120,u=typeof h=="number"?h:120,d=(i??[]).filter(g=>(g.date??"").trim()||(g.title??"").trim()||(g.body??"").trim());return s0("section",{className:"relative z-[2] bg-bg",children:s0("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:p,paddingBottom:u},children:e==="split"?r3("div",{className:"grid grid-cols-[1fr_1.4fr] gap-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-12",children:[r3("aside",{className:"sticky top-[120px] flex flex-col gap-6 self-start max-[1100px]:static",children:[s0(jM,{eyebrow:t,title:a,intro:c}),s0(XM,{src:s,caption:l,meta:o,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:m}),s0(YM,{cta:r,className:"mt-2 self-start"})]}),s0("ol",{className:"flex flex-col gap-12",children:d.map((g,z)=>r3("li",{className:"grid grid-cols-[80px_1fr] items-start gap-6 max-[700px]:grid-cols-1 max-[700px]:gap-2",children:[s0("span",{className:"pt-1.5 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?k(g.date):""}),s0("div",{className:"max-w-[640px]",children:s0(sn,{entry:g})})]},z))})]}):r3("div",{children:[r3("header",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[s0(jM,{eyebrow:t,title:a,intro:c,center:!0}),s0(YM,{cta:r})]}),s0(XM,{src:s,caption:l,meta:o,aspectClass:"mx-auto mt-12 aspect-[16/9] w-full max-w-[900px]",sizes:"(max-width: 900px) 100vw, 900px",editing:m}),e==="spine"?s0("ol",{className:"relative mx-auto mt-16 max-w-[760px]",children:d.map((g,z)=>r3("li",{className:"relative border-l border-line pb-12 pl-10 last:pb-0 max-[700px]:pl-8",children:[s0("span",{className:"absolute left-[-5px] top-1.5 h-2.5 w-2.5 rounded-full bg-accent",style:JM}),s0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?k(g.date):""}),s0("div",{className:"max-w-[640px]",children:s0(sn,{entry:g})})]},z))}):r3("ol",{className:"relative mx-auto mt-16 max-w-[1000px]",children:[s0("span",{"aria-hidden":!0,className:"pointer-events-none absolute top-0 h-full w-px bg-line left-[7px] min-[801px]:left-1/2 min-[801px]:-translate-x-1/2"}),d.map((g,z)=>{let f=z%2===0;return r3("li",{className:"relative mb-14 pl-8 last:mb-0 min-[801px]:grid min-[801px]:grid-cols-2 min-[801px]:gap-16 min-[801px]:pl-0",children:[s0("span",{className:"absolute top-1.5 h-2.5 w-2.5 rounded-full bg-accent left-[2px] min-[801px]:left-1/2 min-[801px]:-translate-x-1/2",style:JM}),r3("div",{className:f?"min-[801px]:col-start-1 min-[801px]:pr-8 min-[801px]:text-right":"min-[801px]:col-start-2 min-[801px]:pl-8",children:[s0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:g.date?k(g.date):""}),s0("div",{className:["max-w-[520px] max-[800px]:max-w-none",f?"min-[801px]:ml-auto":""].join(" "),children:s0(sn,{entry:g})})]})]},z)})]})]})})})}import{jsx as Y_}from"react/jsx-runtime";var j3={eyebrow:L.eyebrow,title:`Section heading
|
|
64
|
-
*Highlight line*`,intro:L.body,imageCaption:L.imageCaption,imageMeta:L.imageMeta,cta:j0.text},j_=[{date:"Year",title:"Milestone title.",body:"Describe what happened, in a sentence or two."},{date:"Year",title:"Milestone title.",body:"Describe what happened, in a sentence or two."},{date:"Year",title:"Milestone title.",body:"Describe what happened, in a sentence or two."}],eC={label:"Story Timeline",defaultProps:{layout:"split",eyebrow:"",title:"",intro:"",imageSrc:"",imageCaption:"",imageMeta:"",ctaText:"",ctaHref:"",entries:[],padTop:120,padBottom:120},render:e=>Y_(ln,{layout:e.layout||"split",eyebrow:x(e.eyebrow,j3.eyebrow,e.puck),title:x(e.title,j3.title,e.puck),intro:x(e.intro,j3.intro,e.puck),imageSrc:e.imageSrc||void 0,imageCaption:x(e.imageCaption,j3.imageCaption,e.puck),imageMeta:x(e.imageMeta,j3.imageMeta,e.puck),cta:s3(e.ctaText,e.ctaHref,e.puck),entries:d1(e.entries,j_,e.puck),padTop:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})};import{jsx as J_}from"react/jsx-runtime";var tC={fields:{_sLayout:K1("Layout"),layout:h1("Display",J_(X_,{}),[{label:"Split (editorial aside)",value:"split"},{label:"Spine (single rail)",value:"spine"},{label:"Alternating (zig-zag)",value:"alternating"}],"split"),_sHeader:K1("Header"),_gContent:v("Content"),eyebrow:A("Eyebrow",j3.eyebrow),title:V("Heading",j3.title),intro:V("Intro",j3.intro),imageSrc:V1("Image","image/*"),imageCaption:A("Image caption",j3.imageCaption),imageMeta:A("Image meta",j3.imageMeta),_gButton:v("Button"),...T3,_sEntries:K1("Timeline entries"),entries:{type:"array",label:"Entries",arrayFields:{date:n1("Sub-title"),title:C1("Title"),body:C1("Body",void 0,R5)},defaultItemProps:{date:"",title:"",body:""},getItemSummary:e=>e?.date||e?.title||"Entry"},_sStyle:K1("Style"),...R2("Timeline")}};import{ClockIcon as tD}from"efficient-easel/icons";import{jsx as P3,jsxs as As}from"react/jsx-runtime";function on({eyebrow:e,title:t,intro:a,entries:c,cta:s,padTop:l,padBottom:o,background:r,editing:i,omitHead:n=!1}={}){let h=typeof l=="number"?l:120,m=typeof o=="number"?o:120,p=r??"var(--section-bg)",u=p!=="transparent",d=(c??[]).filter(f=>(f.date??"").trim()||(f.title??"").trim()||(f.blurb??"").trim());if(d.length===0&&!i)return null;let g=d.filter(f=>!f.future).length,z=d.length?g/d.length*100:0;return P3("section",{className:"relative z-[2]",children:As("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:{paddingTop:h,paddingBottom:m,...u?{backgroundColor:p}:{}},children:[n?null:P3(n2,{num:e,title:t?U(t):void 0,desc:a?k(a,!0):void 0,spaceBelow:"",className:"text-fg"}),As("div",{className:n?"relative mt-0 grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] gap-0 border-t border-line pt-[60px] max-[1100px]:mt-0 max-[1100px]:grid-cols-1 max-[1100px]:gap-0 max-[1100px]:border-t-0 max-[1100px]:pt-0":"relative mt-[60px] grid grid-cols-[repeat(var(--cols),minmax(0,1fr))] gap-0 border-t border-line pt-[60px] max-[1100px]:mt-9 max-[1100px]:grid-cols-1 max-[1100px]:gap-0 max-[1100px]:border-t-0 max-[1100px]:pt-0",style:{"--cols":d.length},children:[P3("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px bg-line max-[1100px]:hidden",children:P3("div",{className:"absolute -top-px left-0 h-[3px] bg-gradient-to-r from-accent to-transparent",style:{width:`${z}%`}})}),d.map((f,b)=>As("div",{className:["relative flex min-h-[280px] flex-col gap-3.5 px-3.5","border-l",f.future?"border-line":"max-[1100px]:border-accent border-line",b===0?"min-[1101px]:border-l-0":"","max-[1100px]:min-h-0 max-[1100px]:border-t-0 max-[1100px]:py-6 max-[1100px]:pl-7 max-[1100px]:ml-1.5"].join(" "),children:[P3("span",{className:["pointer-events-none absolute h-2.5 w-2.5 rounded-full border-2 border-bg",f.future?"border-line bg-surface-2":"bg-accent",b===0?"-top-[66px] left-[-1px]":"-top-[66px] left-[-5px]","max-[1100px]:left-[-5px] max-[1100px]:top-7"].join(" ")}),P3("span",{className:["font-mono text-[length:var(--size-label,13px)] tracking-[0.22em]",f.future?"text-fg-dim":"text-accent"].join(" "),children:f.date?P3(R6,{value:f.date,children:d0(f.date)}):""}),f.title&&P3("h3",{className:"whitespace-pre-line font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase leading-[1.1] tracking-[-0.02em] text-fg",children:P3(R6,{value:f.title,children:d0(f.title)})}),f.blurb&&P3("p",{className:"mt-auto font-display text-[length:var(--size-body,13px)] leading-[1.55] text-fg-dim",children:k(f.blurb,!0)})]},b))]}),s?.text&&P3("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:As(i0,{href:s.href,className:"group inline-flex items-center gap-3.5 border border-line px-6 py-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[d0(s.text),P3("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})})}import{jsx as eD}from"react/jsx-runtime";var m7={eyebrow:L.eyebrow,title:L.headingAccent,intro:L.body,cta:j0.text},Q_=[{date:"Year",title:"Milestone",blurb:"A short line about this milestone.",future:!1},{date:"Year",title:"Milestone",blurb:"A short line about this milestone.",future:!1},{date:"Year",title:"Milestone",blurb:"A short line about this milestone.",future:!1},{date:"Year \u2192",title:"Upcoming",blurb:"A milestone still to come.",future:!0}],aC={label:"Milestone Timeline",defaultProps:{eyebrow:"",title:"",intro:"",entries:[],ctaText:"",ctaHref:"",background:oc,padTop:120,padBottom:120},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return eD(on,{eyebrow:a(x(e.eyebrow,m7.eyebrow,e.puck)),title:a(x(e.title,m7.title,e.puck)),intro:a(x(e.intro,m7.intro,e.puck)),omitHead:t,entries:d1(e.entries,Q_,e.puck),cta:s3(e.ctaText,e.ctaHref,e.puck),background:Z5(e.background,S2.TimelineTrack),padTop:t?0:typeof e.padTop=="number"?e.padTop:120,padBottom:typeof e.padBottom=="number"?e.padBottom:120,editing:e.puck?.isEditing})}};import{jsx as aD}from"react/jsx-runtime";var cC={fields:{_sHeader:K1("Header"),eyebrow:A("Eyebrow",m7.eyebrow),title:V("Heading",m7.title),intro:V("Body",m7.intro),_sEntries:K1("Milestones"),entries:{type:"array",label:"Milestones",arrayFields:{date:P("Year"),title:C1("Title"),blurb:C1("Body"),future:e1("Upcoming",!1,aD(tD,{}))},defaultItemProps:{date:"",title:"",blurb:"",future:!1},getItemSummary:e=>e?.date||e?.title||"Milestone"},_sButton:K1("Button"),...T3,_sStyle:K1("Style"),background:_5("Background",S2.TimelineTrack),...R2("TimelineTrack")},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.TimelineTrack.headRows)};import{AlignLeftIcon as lD,StylesIcon as oD}from"efficient-easel/icons";import{jsx as De,jsxs as sC}from"react/jsx-runtime";function rn({title:e,buttons:t,padTop:a,padBottom:c,buttonsAlign:s,editing:l=!1}={}){let o=typeof a=="number"?a:140,r=typeof c=="number"?c:140,i=(t??[]).filter(m=>l||(m.label??"").trim()),n=!!(e??"").trim(),h=!n&&(s==="center"||s==="left")?s:null;return!l&&!n&&i.length===0?null:De("section",{className:"relative z-[2] bg-bg",children:sC("div",{className:h==="center"?"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-1 items-center justify-items-center gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":h==="left"?"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-1 items-center justify-items-start gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[1fr_auto] items-center gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:grid-cols-1 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:o,paddingBottom:r},children:[h===null&&!n&&i.length>0&&De("div",{"aria-hidden":!0,className:"max-[1100px]:hidden"}),n&&De("h2",{className:"max-w-[1000px] font-display text-[length:min(var(--size-headingLarge,clamp(48px,7vw,108px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[0.94] tracking-[-0.035em] text-fg",children:U(e??"")}),i.length>0&&De("div",{className:"flex min-w-[280px] flex-col gap-3.5 max-[1100px]:min-w-0",children:i.map((m,p)=>{let u=(m.label??"").trim()||"Button label",d=m.href||"#",g=m.variant==="primary";return sC(i0,{href:d,className:["flex items-center justify-between gap-6 px-7 py-5","font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] transition-colors",g?"border border-btn bg-btn text-btn-ink hover:border-fg hover:bg-fg":"border border-line text-fg hover:border-accent hover:text-accent"].join(" "),children:[u," ",De("span",{"aria-hidden":!0,children:"\u2192"})]},p)})})]})})}import{jsx as sD}from"react/jsx-runtime";var nn={title:`Section heading
|
|
65
|
-
*Highlight line*`},cD=[{label:j0.text,href:j0.href,variant:"primary"},{label:j0.text,href:j0.href,variant:"outline"}],lC={label:"Call-to-Action Heading",defaultProps:{title:"",buttons:[],padTop:140,padBottom:140},render:({title:e,buttons:t,padTop:a,padBottom:c,buttonsAlign:s,puck:l})=>{let o=s,r=o==="center"||o==="left",i=o2(e),n=i.hidden?"":i.text.trim();return sD(rn,{title:r&&!n?void 0:x(e,nn.title,l),buttons:d1(t,cD,l),padTop:typeof a=="number"?a:140,padBottom:typeof c=="number"?c:140,buttonsAlign:o,editing:l?.isEditing})}};import{jsx as oC}from"react/jsx-runtime";var rC={fields:{_gContent:v("Content"),title:V("Heading",nn.title),buttons:{type:"array",label:"Buttons",arrayFields:{label:P("Button"),href:L2(P("Button link")),variant:h1("Style",oC(oD,{}),[{label:"Primary (Theme Color)",value:"primary"},{label:"Outline",value:"outline"}],"outline")},defaultItemProps:{label:"",href:"#",variant:"outline"},getItemSummary:e=>e?.label||"Button"},_gStyle:v("Style"),buttonsAlign:p1("Alignment",oC(lD,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"right"),...R2("TitleWithButtons")},resolveFields:(e,{fields:t})=>{let a=o2(e.props.title);if(!(!a.hidden&&!!a.text.trim()))return t;let{buttonsAlign:s,...l}=t;return l}};import{jsx as o6,jsxs as hn}from"react/jsx-runtime";function mn({eyebrow:e,title:t,body:a,ctaText:c,ctaHref:s,imageSrc:l,contained:o,overlay:r=60}){let i=Math.min(Math.max(r,0),100)/100;return o6(S0,{contained:o,className:"py-6",children:hn("div",{className:"sf-card relative overflow-hidden border border-line bg-surface px-10 py-16 max-[800px]:px-6 max-[800px]:py-10",children:[l&&hn("div",{className:"absolute inset-0","aria-hidden":!0,children:[o6("img",{src:M2(l),alt:"",className:"h-full w-full object-cover"}),o6("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${i})`}})]}),hn("div",{className:"relative z-[1] flex max-w-[680px] flex-col gap-5",style:l?{color:"var(--overlay-fg)"}:void 0,children:[e&&o6(I1,{text:e}),t&&o6("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(t,!1)}),a&&m0(a).map((n,h)=>o6("p",{className:"text-[length:var(--size-body,16px)] leading-[1.6] opacity-85",children:k(n)},h)),c&&o6("div",{className:"mt-2 self-start",children:o6(a3,{href:s||"#",variant:"primary",children:k(c)})})]})]})})}import{jsx as rD}from"react/jsx-runtime";var iC={label:"Banner",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",ctaText:"",ctaHref:"",contained:!0,overlay:60},render:({eyebrow:e,title:t,body:a,imageSrc:c,ctaText:s,ctaHref:l,contained:o,overlay:r,puck:i})=>{let n=s3(s,l,i);return rD(mn,{eyebrow:x(e,"Limited release",i),title:x(t,"Banner headline",i),body:x(a,"A line or two of supporting copy.",i),imageSrc:c,overlay:typeof r=="number"?r:60,ctaText:n.text,ctaHref:n.href,contained:o})}};import{jsx as pn}from"react/jsx-runtime";var iD="sf-button-block",nD={left:"justify-start",center:"justify-center",right:"justify-end"};function un({label:e,href:t,variant:a,align:c,contained:s,arrow:l}){let o=cy(l)?{}:{arrow:null};return pn(S0,{contained:s,className:`${iD} py-4`,children:pn("div",{className:`flex ${nD[c]}`,children:pn(a3,{href:t||"#",variant:a,...o,children:k(e)})})})}import{jsx as hD}from"react/jsx-runtime";var nC={label:"Button",defaultProps:{label:"",href:"#",variant:"primary",align:"left",contained:!0},render:({label:e,href:t,variant:a,align:c,contained:s,arrow:l,puck:o})=>hD(un,{label:G3(e,j0.text,o)??"",href:t,variant:a,align:c,contained:s,arrow:l})};import{jsx as Oe,jsxs as gn}from"react/jsx-runtime";function dn({tabs:e,activeTab:t,links:a,sticky:c=!0,editing:s=!1}){let l=(e??[]).filter(h=>h?.label?.trim()),o=l.length>0?l:s?[{label:"Tab"}]:[],r=(a??[]).filter(h=>h?.label?.trim());if(o.length===0&&r.length===0)return null;let i=t?o.findIndex(h=>h.label.toLowerCase()===t.toLowerCase()):-1,n=i===-1?0:i;return Oe("nav",{className:`${c?`${Ga} sticky top-[var(--sf-header-h,88px)] z-40 `:""}border-b border-line px-[var(--sf-site-gutter,40px)] backdrop-blur-md max-[1100px]:px-[min(16px,var(--sf-site-gutter,40px))]`,style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:gn("div",{className:"mx-auto flex max-w-[calc(var(--sf-site-width,1600px)_-_var(--sf-site-gutter,40px)*2)] items-stretch gap-0 overflow-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:[o.map((h,m)=>{let p=m===n,u=h.count?.trim()?h.count:"";return gn("span",{className:["relative whitespace-nowrap border-r border-line px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] transition-colors",m===0?"border-l border-line":"",p?"text-fg":"text-fg-dim hover:text-fg"].join(" "),children:[z0(h.label),u&&Oe("span",{className:"ml-2 text-[length:var(--size-body,12px)] text-accent opacity-70",children:z0(u)}),p&&Oe("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},m)}),r.length>0&&Oe("div",{className:"ml-auto flex border-l border-line",children:r.map((h,m)=>gn(i0,{href:h.href||"#",className:"flex items-center gap-2.5 px-[22px] py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] text-fg-dim hover:text-fg",children:[z0(h.label)," ",Oe("span",{className:"text-accent",children:"\u2197"})]},m))})]})})}import{jsx as uD}from"react/jsx-runtime";var mD=[{label:"All"},{label:L.category},{label:L.category}],pD=[{label:"Archive",href:"#sub-recent-issues"},{label:"RSS",href:"/contact"}],hC={label:"Category bar",defaultProps:{tabs:[],activeTab:"All",links:pD,sticky:!0},render:({tabs:e,activeTab:t,links:a,sticky:c,puck:s})=>uD(dn,{tabs:d1(e,mD,s),activeTab:Y(t),links:a,sticky:c,editing:s?.isEditing})};import{useEffect as Ge,useRef as vn,useState as Hs}from"react";import{Fragment as pC,jsx as X1,jsxs as F2}from"react/jsx-runtime";var gD=`
|
|
66
|
-
.studio-map .gmap-canvas img[src*="google"] {
|
|
67
|
-
filter: grayscale(1) brightness(0.55) contrast(0.9);
|
|
68
|
-
opacity: 0.7;
|
|
69
|
-
}
|
|
70
|
-
.studio-map .gmap-canvas a[href*="maps.google.com"] {
|
|
71
|
-
filter: grayscale(1) brightness(0.55);
|
|
72
|
-
opacity: 0.7;
|
|
73
|
-
}
|
|
74
|
-
.studio-map .gmap-canvas .gm-style-cc {
|
|
75
|
-
filter: grayscale(1) brightness(0.55);
|
|
76
|
-
opacity: 0.55;
|
|
77
|
-
}
|
|
78
|
-
.studio-map .gmap-canvas .gm-style-cc *,
|
|
79
|
-
.studio-map .gmap-canvas .gm-style-cc a {
|
|
80
|
-
color: var(--fg-dim) !important;
|
|
81
|
-
background: transparent !important;
|
|
82
|
-
}
|
|
83
|
-
.studio-map .gmap-canvas .gm-style {
|
|
84
|
-
font-family: var(--font-role-label), var(--font-mono-fallback) !important;
|
|
85
|
-
}
|
|
86
|
-
.contact-loc {
|
|
87
|
-
outline: 2px solid transparent;
|
|
88
|
-
outline-offset: -2px;
|
|
89
|
-
transition: outline-color 600ms ease-out;
|
|
90
|
-
}
|
|
91
|
-
.contact-loc > div:first-child { transition: background-color 600ms ease-out; }
|
|
92
|
-
.contact-loc > div:first-child * { transition: color 600ms ease-out; }
|
|
93
|
-
.contact-loc[data-active="true"] { outline-color: var(--accent); }
|
|
94
|
-
.contact-loc[data-active="true"] > div:first-child { background-color: var(--accent); }
|
|
95
|
-
.contact-loc[data-active="true"] > div:first-child,
|
|
96
|
-
.contact-loc[data-active="true"] > div:first-child * { color: var(--bg) !important; }
|
|
97
|
-
`,dD=`
|
|
98
|
-
.loc-part-pick { cursor: pointer; position: relative; }
|
|
99
|
-
/* \u26A0\uFE0F AN OVERLAY, NOT AN outline, AND THAT IS THE WHOLE FIX.
|
|
100
|
-
An inset outline is painted in the element's own box decoration and a
|
|
101
|
-
full-bleed child sitting above it hides it completely. A city TILE stacks
|
|
102
|
-
three: the picture (or its placeholder) at absolute inset-0, the gradient
|
|
103
|
-
scrim at absolute inset-0, and the caption at z-[1]. A MAP stacks its
|
|
104
|
-
canvas at absolute inset-0 and its address card at z-10 \u2014 but its
|
|
105
|
-
background is painted on the element itself, so its outline survived. That is
|
|
106
|
-
why the merchant saw the ring on the map and not on the picture: not a dead
|
|
107
|
-
control, a control that could not say it was live. Owner, 2026-09-09, having
|
|
108
|
-
clicked it: it works when clicked, hovering the picture shows nothing.
|
|
109
|
-
A ::after above every one of those children cannot be covered by any of
|
|
110
|
-
them, and it is the SAME rule for both halves rather than two that have to
|
|
111
|
-
agree. pointer-events: none so the ring never eats the click it advertises. */
|
|
112
|
-
.loc-part-pick::after {
|
|
113
|
-
content: "";
|
|
114
|
-
position: absolute;
|
|
115
|
-
inset: 0;
|
|
116
|
-
z-index: 30;
|
|
117
|
-
pointer-events: none;
|
|
118
|
-
box-shadow: inset 0 0 0 2px transparent;
|
|
119
|
-
transition: box-shadow 120ms ease-out;
|
|
120
|
-
}
|
|
121
|
-
.loc-part-pick:hover::after {
|
|
122
|
-
/* \u26A0\uFE0F 8-DIGIT HEX, NOT color-mix(). Measured in a real editor: the same accent
|
|
123
|
-
written as color-mix(in srgb, X 45%, transparent) resolved to FULLY
|
|
124
|
-
TRANSPARENT inside a box-shadow, so the hover ring computed correctly and
|
|
125
|
-
painted nothing \u2014 the exact failure this whole change is fixing, reproduced
|
|
126
|
-
one layer down. The [data-selected] rule below, which names a plain colour,
|
|
127
|
-
painted blue in the same breath. 73 is 45% of 255. */
|
|
128
|
-
box-shadow: inset 0 0 0 2px ${h8.accent}73;
|
|
129
|
-
}
|
|
130
|
-
.loc-part-pick[data-selected]::after {
|
|
131
|
-
box-shadow: inset 0 0 0 2px ${h8.accent};
|
|
132
|
-
}
|
|
133
|
-
@media (prefers-reduced-motion: reduce) {
|
|
134
|
-
.loc-part-pick::after { transition: none; }
|
|
135
|
-
}
|
|
136
|
-
`;function mC({value:e}){if(typeof e=="string"){let t=e.split(`
|
|
137
|
-
`);return X1(pC,{children:t.map((a,c)=>F2("span",{children:[a,c<t.length-1?X1("br",{}):null]},c))})}return X1(pC,{children:e})}function vD(){return X1("div",{className:"absolute inset-0 flex items-center justify-center",style:{background:"repeating-linear-gradient(45deg, rgba(201,164,97,.05) 0 1px, transparent 1px 14px), linear-gradient(135deg, var(--surface-2), var(--surface))"},children:F2("svg",{width:"34",height:"34",viewBox:"0 0 24 24",fill:"none",stroke:"var(--fg-dim)",strokeWidth:1.4,"aria-hidden":"true",style:{opacity:.4},children:[X1("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1.5"}),X1("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),X1("path",{d:"M21 16l-5-5-4 4-2-2-7 7"})]})})}function fn({sectionNumber:e=I0.sectionNumber,heading:t=I0.heading,tagline:a=I0.tagline,galleryKicker:c=I0.galleryKicker,galleryHint:s=I0.galleryHint,locations:l=xe,apiKey:o="",mapId:r="",mapTheme:i="auto",imageShape:n,editing:h,nodeId:m,...p}){let[u,d]=Hs(!1);Ge(()=>{let B=()=>d(document.documentElement.getAttribute("data-theme")==="light");B();let N=new MutationObserver(B);return N.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>N.disconnect()},[]);let[g,z]=Hs(null),f=B=>`loc-${B}`,b=B=>{z(B),typeof document<"u"&&document.getElementById(B)?.scrollIntoView({behavior:J4(),block:"start"}),!h&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${B}`)};Ge(()=>{if(typeof window>"u")return;let B=window.location.hash.replace(/^#/,"");!B||!document.getElementById(B)||(z(B),requestAnimationFrame(()=>{document.getElementById(B)?.scrollIntoView({behavior:J4(),block:"start"})}))},[]);let y=Yb(Qc(n)),{select:C,selectedLocationPartId:S}=Oz(),H=(B,N)=>m?ir(m,B,N):"",_=(B,N)=>!!(h&&m&&S===H(B,N)),Z=(B,N)=>h&&m?`${B}:${N}`:void 0,q=vn(null);Ge(()=>{if(!h||!m)return;let B=q.current;if(!B)return;let D=Array.from(B.querySelectorAll("[data-loc-pick]")).map(T=>{let R=S8(T),i1=O=>{let m1=T.getAttribute("data-loc-pick")??"",[Q,K]=m1.split(":");K!=="image"&&K!=="map"||(O.stopPropagation(),O.preventDefault(),C(ir(m,Number(Q),K)))};return T.addEventListener("click",i1,{capture:!0}),()=>{R?.(),T.removeEventListener("click",i1,{capture:!0})}});return()=>D.forEach(T=>T())},[h,m,C,l.length]);let j=Fc(l,B=>String(B.group??""),B=>String(B.groupName??""));return F2("section",{id:"studios",ref:q,className:v0(p)?"scroll-mt-24 border-b border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] scroll-mt-24 border-b border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",style:u?void 0:{background:"var(--section-bg)"},children:[X1("style",{dangerouslySetInnerHTML:{__html:gD}}),h&&m&&X1("style",{dangerouslySetInnerHTML:{__html:dD}}),(e||t||a)&&X1(n2,{num:e,title:t?U(t,!0):void 0,desc:a?k(a):void 0,spaceBelow:"mb-10"}),l.length>0&&F2("div",{className:"mb-12",children:[(c||s)&&F2("div",{className:"mb-5 flex items-baseline justify-between gap-6 border-b border-line pb-4",children:[c&&X1(I1,{text:c,size:12}),s&&X1("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-fg-dim",children:k(s)})]}),X1("div",{className:"flex flex-col gap-6",children:j.map((B,N)=>{let D=B.items.length===1;return F2("div",{children:[B.key&&X1("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:B.key}),X1("div",{className:["grid gap-[2px] border border-line bg-line",le(B.items.length),B.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:B.items.map(({item:T,index:R})=>{let i1=String(T?.name??""),O=String(T?.photo??""),m1=f(R);return F2("a",{href:`#${m1}`,"aria-label":`Jump to ${i1||"location"} map`,onClick:Q=>{Q.preventDefault(),b(m1)},"data-loc-pick":Z(R,"image"),className:["group relative block",y,"overflow-hidden bg-bg outline-none focus-visible:ring-2 focus-visible:ring-accent",D?"max-h-[440px]":"",...Z(R,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":_(R,"image")?"":void 0,children:[O?X1(Rv,{src:O,alt:K0(i1||"Location"),fill:!0,sizes:D?"100vw":"(max-width: 700px) 50vw, 33vw",className:"object-cover grayscale transition-[filter] duration-500 group-hover:grayscale-0"}):X1(vD,{}),X1("div",{className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.85) 100%)"}}),X1("figcaption",{className:"absolute inset-x-0 bottom-0 z-[1] flex items-center justify-start gap-2 px-3 py-3 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-overlay-fg/85",children:X1("span",{children:i1})})]},R)})})]},B.key?`g:${B.key}`:`ungrouped:${N}`)})})]}),j.map((B,N)=>F2("div",{className:N===0?"":"mt-10",children:[B.key&&X1(gs,{groupKey:B.key,name:B.name,count:B.items.length}),X1("div",{className:["grid gap-[2px] border border-line bg-line",le(B.items.length),B.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:B.items.map(({item:D,index:T})=>X1(fD,{id:f(T),card:D,active:g===f(T),apiKey:o,mapId:r,mapTheme:i,mapPick:Z(T,"map"),mapSelected:_(T,"map")},T))})]},B.key?`g:${B.key}`:`ungrouped:${N}`)),l.length>0&&F2("p",{className:"mt-8 text-right font-mono text-[10px] uppercase tracking-[0.25em] text-fg-dim/50",children:["Location coordinates \xA9"," ",X1("a",{href:"https://www.openstreetmap.org/copyright",target:"_blank",rel:"noopener noreferrer",className:"hover:text-accent",children:"OpenStreetMap contributors"})]})]})}function fD({id:e,card:t,active:a,apiKey:c,mapId:s,mapTheme:l,mapPick:o,mapSelected:r}){let i=t.phone?`tel:${String(t.phone).replace(/[^+\d]/g,"")}`:void 0,n=es(t.region),h=String(t.state??"").trim()||n.state,m=String(t.country??"").trim()||n.country,p=[h,m].filter(Boolean).join(" \xB7 ");return F2("article",{id:e,"data-active":a?"true":void 0,className:"contact-loc grid min-h-[840px] scroll-mt-[120px] grid-rows-[auto_1fr] bg-bg max-[1100px]:min-h-0",children:[F2("div",{className:"flex min-h-[280px] flex-col gap-3 border-b border-line px-7 py-7",children:[F2("div",{className:"flex items-start justify-between gap-3.5",children:[F2("div",{children:[t.name&&X1("div",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium uppercase leading-none tracking-[-0.02em]",children:t.name}),p&&X1("div",{className:"mt-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:p})]}),t.timezone&&X1("span",{className:"whitespace-nowrap border border-line px-2.5 py-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:t.timezone})]}),t.address!=null&&t.address!==""&&X1("div",{className:"mt-1.5 font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:X1(mC,{value:t.address})}),t.phone&&X1("div",{children:X1("a",{href:i,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg hover:text-accent",children:t.phone})}),t.hours!=null&&t.hours!==""&&X1("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:X1(mC,{value:t.hours})})]}),X1(zD,{name:String(t.name??""),state:h,country:m,lat:Number(t.lat),lng:Number(t.lng),mapsUrl:String(t.mapsUrl??""),apiKey:c,mapId:s,mapTheme:l,pick:o,selected:r})]})}var bD=13;function zD({name:e,state:t,country:a,lat:c,lng:s,mapsUrl:l,apiKey:o,mapId:r,mapTheme:i="auto",pick:n,selected:h}){let m=ps(o,hs()),p=us(r,ms()),u=Fe(c,s),d=!!m&&u,g=t,z=vn(null),f=vn(null),[b,y]=Hs(!1),C=i!=="auto",S=Y5(i),[H,_]=Hs(i==="auto"?j5.dark.background:W3(i));Ge(()=>{_(W3(i))},[i]),Ge(()=>{if(!d)return;let j=z.current;if(!j)return;let B=null,N=null,D=!1,T=null,R=m1=>({path:m1.SymbolPath.CIRCLE,scale:7,fillColor:K8(i),fillOpacity:1,strokeColor:K8(i),strokeOpacity:.25,strokeWeight:10}),i1=async()=>{try{let m1=await ns(m);if(D||!f.current)return;B=new m1.Map(f.current,{center:{lat:c,lng:s},zoom:bD,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:W3(i),...p?{mapId:p}:{styles:U8(i)}}),N=new m1.Marker({map:B,position:{lat:c,lng:s},icon:R(m1)}),B.addListener("tilesloaded",()=>{D||y(!0)}),i==="auto"&&!p&&(T=rs(()=>{D||!B||(B.setOptions({styles:U8(i),backgroundColor:W3(i)}),N?.setIcon(R(m1)),_(W3(i)))}))}catch(m1){console.error("[StudioMap] Maps SDK failed:",m1)}},O=new IntersectionObserver(m1=>{for(let Q of m1)if(Q.isIntersecting){O.disconnect(),i1();break}},{rootMargin:"200px"});return O.observe(j),()=>{D=!0,O.disconnect(),T?.()}},[d,m,c,s,p,i]);let Z=l||(e?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([e,t,a].filter(Boolean).join(" "))}`:""),q=F2("div",{className:["absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border p-3.5",C?"":"border-line bg-bg shadow-[0_8px_24px_rgba(0,0,0,.4)]"].join(" "),style:C?{backgroundColor:S.info.bg,borderColor:`color-mix(in oklab, ${S.info.fgDim} 35%, transparent)`,boxShadow:S.info.shadow}:void 0,children:[F2("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",style:C?{color:S.info.fg}:void 0,children:[e||"Location",g?`, ${g}`:""]}),Z&&X1("a",{href:Z,target:"_blank",rel:"noopener noreferrer",className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] transition-colors",C?"":"text-accent hover:text-fg"].join(" "),style:C?{color:S.info.accent}:void 0,children:"Get Directions \u2197"})]});if(!d){let j=C?`linear-gradient(135deg, ${S.background}, ${S.info.bg})`:"linear-gradient(135deg, var(--surface-2), var(--surface))";return F2("div",{"data-loc-pick":n,className:["relative overflow-hidden max-[1100px]:aspect-square",C?"":"bg-bg",...n?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{...C?{backgroundColor:S.background}:null,backgroundImage:`repeating-linear-gradient(45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), repeating-linear-gradient(-45deg, rgba(201,164,97,.04) 0 1px, transparent 1px 14px), ${j}`},children:[q,X1("div",{className:["absolute inset-0 flex items-center justify-center px-6 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em]",C?"":"text-fg-dim/40"].join(" "),style:C?{color:S.info.fgDim,opacity:.4}:void 0,children:m?"Add latitude & longitude":"Add a Google Maps API key"})]})}return F2("div",{ref:z,"data-loc-pick":n,className:["studio-map relative overflow-hidden max-[1100px]:aspect-square",...n?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{backgroundColor:H},children:[X1("div",{ref:f,className:"gmap-canvas absolute inset-0"}),X1("div",{className:["pointer-events-none absolute inset-0 flex items-center justify-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-fg-dim transition-opacity duration-500",b?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"}),q]})}import{jsx as xD}from"react/jsx-runtime";var uC={label:"Contact / Locations",defaultProps:{sectionNumber:I0.sectionNumber,heading:I0.heading,tagline:I0.tagline,galleryKicker:I0.galleryKicker,galleryHint:I0.galleryHint,locations:xe,apiKey:I0.apiKey,mapId:I0.mapId,mapTheme:I0.mapTheme},render:e=>xD(fn,{sectionNumber:V0(e.sectionNumber,I0.sectionNumber,e.puck),heading:V0(e.heading,I0.heading,e.puck),tagline:V0(e.tagline,I0.tagline,e.puck),galleryKicker:V0(e.galleryKicker,I0.galleryKicker,e.puck),galleryHint:V0(e.galleryHint,I0.galleryHint,e.puck),locations:e.locations??xe,apiKey:Y(e.apiKey),mapId:Y(e.mapId),mapTheme:e.mapTheme??I0.mapTheme,imageShape:e.imageShape,editing:e.puck?.isEditing,nodeId:e.puck?.isEditing?e.id:void 0})};var Cn=WP(VC());Cn.default.addHook("afterSanitizeAttributes",e=>{e.tagName==="A"&&e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener noreferrer")});function PC(e){return Cn.default.sanitize(e,{ALLOWED_TAGS:["p","br","hr","span","div","section","article","header","footer","h1","h2","h3","h4","h5","h6","strong","em","b","i","u","small","sup","sub","mark","ul","ol","li","blockquote","a","img","picture","source","figure","figcaption","video","table","thead","tbody","tr","th","td"],ALLOWED_ATTR:["href","title","alt","src","srcset","sizes","class","style","target","rel","width","height","loading","poster","controls"],ALLOW_DATA_ATTR:!1})}import{jsx as tO}from"react/jsx-runtime";var EC={label:"Custom HTML",defaultProps:{html:`<section>
|
|
138
|
-
<h2>Custom section</h2>
|
|
139
|
-
</section>`},render:({html:e})=>tO("div",{dangerouslySetInnerHTML:{__html:PC(e??"")}})};import{jsx as Ln}from"react/jsx-runtime";var aO={sm:"my-6",md:"my-12",lg:"my-20"};function Sn({spacing:e,contained:t,style:a=K6}){let c=ky(yy(a));return Ln(S0,{contained:t,className:aO[e],children:c?Ln("hr",{className:"border-x-0 border-y border-line",style:{height:wy,backgroundImage:c}}):Ln("hr",{className:"border-0 border-t border-line"})})}import{jsx as cO}from"react/jsx-runtime";var BC={label:"Divider",defaultProps:{style:K6,spacing:"md",contained:!0},render:({spacing:e,contained:t,style:a})=>cO(Sn,{spacing:e,contained:t,style:a})};import{jsx as lO}from"react/jsx-runtime";var sO={left:"",center:"justify-center",right:"justify-end"};function An({text:e,align:t="left",look:a=Hc}){return lO(I1,{text:e,look:a,classNameAfter:a==="line"?sO[t]:""})}import{Fragment as oO,jsx as NC}from"react/jsx-runtime";var ZC={label:"Eyebrow",defaultProps:{eyebrow:"",align:"left"},render:({eyebrow:e,align:t,eyebrowLook:a,puck:c})=>o2(e).hidden?NC(oO,{}):NC(An,{text:G3(Y(e),L.eyebrow,c)??"",align:t,look:dz(a)})};import{jsx as Hn}from"react/jsx-runtime";var rO={1:{size:"clamp(48px,7vw,96px)",role:"heading",step:"headingLarge",leading:"leading-[0.95]"},2:{size:"56px",sizeMobile:"36px",role:"heading",step:"headingMedium",rank:2,leading:"leading-none"},3:{size:"40px",sizeMobile:"28px",role:"heading",step:"headingSmall",rank:3,leading:"leading-[1.05]"},4:{size:"28px",role:"heading",step:"headingSmall",rank:3,leading:"leading-[1.1]"},5:{size:"22px",role:"body",step:"body",leading:"leading-[1.2]"},6:{size:"18px",role:"body",step:"body",leading:"leading-[1.3]"}},iO="font-display font-medium leading-[0.92] tracking-[-0.04em] text-[length:min(var(--size-headingLarge,clamp(64px,9vw,144px)),var(--sf-heading-max,9999px))] max-[800px]:text-[length:min(var(--size-headingMedium,clamp(48px,12vw,76px)),var(--sf-heading-max,9999px))] max-[800px]:leading-[0.95]",nO={left:"text-left",center:"text-center",right:"text-right"};function Fn({level:e,text:t,align:a,contained:c,hero:s=!1}){if(s)return Hn("h1",{className:iO,children:U(t,!1)});let l=`h${e}`,o=rO[e],r=I5(void 0,o.size,o.role,o.step),i=o.sizeMobile?I5(void 0,o.sizeMobile,o.role,o.step):void 0,n={"--heading-size":r,...i?{"--heading-size-m":i}:{}},h=o.rank===2?"[font-weight:var(--sf-heading-2-weight,var(--sf-heading-weight,500))]":o.rank===3?"[font-weight:var(--sf-heading-3-weight,var(--sf-heading-weight,500))]":"[font-weight:var(--sf-heading-weight,500)]",m=["text-[length:var(--heading-size)]",o.leading,i?"max-[800px]:text-[length:var(--heading-size-m)]":""].filter(Boolean).join(" ");return Hn(S0,{contained:c,className:"py-6",children:Hn(l,{className:`font-display ${h} tracking-[-0.03em] text-fg ${m} ${nO[a]}`,style:n,children:U(t,!1)})})}import{Fragment as hO,jsx as IC}from"react/jsx-runtime";var RC={label:"Heading",defaultProps:{text:"",level:"2",align:"left",contained:!0},render:({text:e,level:t,align:a,contained:c,puck:s})=>o2(e).hidden?IC(hO,{}):IC(Fn,{text:G3(Y(e),L.heading,s)??"",level:t,align:a,contained:c})};import{jsx as u7}from"react/jsx-runtime";var mO={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function Tn({src:e,alt:t,aspect:a,contained:c,grayscale:s,href:l,width:o,fit:r,focal:i,corners:n,cornerSides:h}){let m=E8(s,B8()),p=Lx(o),u=j8(r,"cover"),d=Uu(n,h),g={...m.style??{},...i&&xs(a,u)?{objectPosition:i}:{}},z=e?u7("img",{src:M2(e),alt:t,className:`h-full w-full ${a==="auto"?"":Nk(u)}${m.className?` ${m.className}`:""}`,...Object.keys(g).length?{style:g}:{}}):u7("div",{className:"flex aspect-[16/9] items-center justify-center border border-dashed border-line font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:"Image \u2014 set a path"}),f=(l??"").trim(),b=f&&e?f.startsWith("/")?u7(i0,{href:f,className:"block h-full w-full",children:z}):u7("a",{href:f,className:"block h-full w-full",children:z}):z;return u7(S0,{contained:c,className:"py-6",children:u7("figure",{...p?{style:p}:{},children:u7("div",{className:`relative w-full overflow-hidden bg-surface ${mO[a]}`,...d?{style:d}:{},children:b})})})}import{jsx as pO}from"react/jsx-runtime";var _C={label:"Image",defaultProps:{src:"",alt:"",aspect:"16/9",contained:!1},render:({src:e,alt:t,aspect:a,contained:c,grayscale:s,href:l,width:o,fit:r,focal:i,corners:n,cornerSides:h})=>pO(Tn,{src:e,alt:t,aspect:a,contained:c,grayscale:s,href:l,width:o,fit:r,focal:i,corners:n,cornerSides:h})};var y1='<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>',k1='</title><path d="',M1='"/></svg>';var DC={title:"Adyen",slug:"adyen",get svg(){return y1+"Adyen"+k1+this.path+M1},path:"M11.64703 9.88245v2.93377c0 .13405.10867.24271.24272.24271h.46316V9.88245h1.76474v5.1503c0 .46916-.38033.8495-.8495.8495H9.94303v-1.23507h2.40991v-.52942h-1.62108c-.46917 0-.8495-.38033-.8495-.8495V9.88245h1.76467Zm-8.26124.00001c.46917 0 .8495.38034.8495.8495v3.3858H.8495c-.46916 0-.8495-.38033-.8495-.8495v-.94805c0-.46917.38034-.8495.8495-.8495h.91521v1.3455c0 .13406.10867.24272.24272.24272h.46316V11.184c0-.13405-.10867-.24271-.24272-.24271l-2.16719-.00002V9.88246Zm5.79068-1.76471v6.00001H5.79068c-.46917 0-.8495-.38033-.8495-.8495v-2.53631c0-.46917.38033-.8495.8495-.8495h.91515v2.93377c0 .13405.10867.24271.24272.24271h.46316l.00005-4.94118h1.76471Zm9.03286 1.76471a.8495.8495 0 0 1 .8495.8495v.94805c0 .46917-.38033.8495-.8495.8495h-.9152v-1.3455c0-.13404-.10868-.2427-.24272-.2427h-.46317v1.8749c0 .13406.10867.24272.24272.24272h2.16719v1.05883h-3.32511c-.46917 0-.8495-.38033-.8495-.8495v-3.3858Zm4.94117 0c.46916 0 .8495.38034.8495.8495v3.3858h-1.7647V11.184c-.0004-.13388-.10884-.24232-.24272-.24272h-.46316v3.1765H19.7647V9.88245Z",source:"https://www.adyen.com/press-and-media/presskit",hex:"0ABF53",guidelines:"https://www.adyen.com/press-and-media/presskit"};var OC={title:"Afterpay",slug:"afterpay",get svg(){return y1+"Afterpay"+k1+this.path+M1},path:"M12 0C5.373 0 0 5.373 0 12c0 6.628 5.373 12 12 12 6.628 0 12-5.372 12-12 0-6.627-5.372-12-12-12Zm1.236 4.924a2.21 2.21 0 0 1 1.15.299l4.457 2.557c1.495.857 1.495 3.013 0 3.87l-4.457 2.558c-1.488.854-3.342-.22-3.342-1.935v-.34a.441.441 0 0 0-.66-.383L6.287 13.9a.441.441 0 0 0 0 .765l4.096 2.35a.44.44 0 0 0 .661-.382v-.685c0-.333.36-.542.649-.376l1.041.597a.441.441 0 0 1 .222.383v.29c0 1.715-1.854 2.789-3.342 1.935L5.157 16.22c-1.495-.857-1.495-3.013 0-3.87l4.457-2.558c1.488-.854 3.342.22 3.342 1.935v.34c0 .34.366.551.66.383l4.097-2.35a.441.441 0 0 0 0-.765l-4.096-2.351a.441.441 0 0 0-.661.382v.685c0 .333-.36.541-.649.375l-1.041-.597a.442.442 0 0 1-.222-.383v-.29c0-1.285 1.043-2.21 2.192-2.233z",source:"https://www.afterpay.com/en-AU/business/resources/marketing/logos",hex:"B2FCE4",guidelines:"https://www.afterpay.com/en-AU/business/resources/marketing/brand-tools/brand-guidelines"};var GC={title:"Aircall",slug:"aircall",get svg(){return y1+"Aircall"+k1+this.path+M1},path:"M23.451 5.906a6.978 6.978 0 0 0-5.375-5.39C16.727.204 14.508 0 12 0S7.273.204 5.924.516a6.978 6.978 0 0 0-5.375 5.39C.237 7.26.034 9.485.034 12s.203 4.74.515 6.094a6.978 6.978 0 0 0 5.375 5.39C7.273 23.796 9.492 24 12 24s4.727-.204 6.076-.516a6.978 6.978 0 0 0 5.375-5.39c.311-1.354.515-3.578.515-6.094 0-2.515-.203-4.74-.515-6.094zm-5.873 12.396l-.003.001c-.428.152-1.165.283-2.102.377l-.147.014a.444.444 0 0 1-.45-.271 1.816 1.816 0 0 0-1.296-1.074c-.351-.081-.928-.134-1.58-.134s-1.229.053-1.58.134a1.817 1.817 0 0 0-1.291 1.062.466.466 0 0 1-.471.281 8 8 0 0 0-.129-.012c-.938-.094-1.676-.224-2.105-.377l-.003-.001a.76.76 0 0 1-.492-.713c0-.032.003-.066.005-.098.073-.979.666-3.272 1.552-5.89C8.5 8.609 9.559 6.187 10.037 5.714a1.029 1.029 0 0 1 .404-.26l.004-.002c.314-.106.892-.178 1.554-.178.663 0 1.241.071 1.554.178l.005.002a1.025 1.025 0 0 1 .405.26c.478.472 1.537 2.895 2.549 5.887.886 2.617 1.479 4.91 1.552 5.89.002.032.005.066.005.098a.76.76 0 0 1-.491.713z",source:"https://aircall.io",hex:"00B388"};var Vn={title:"American Express",slug:"americanexpress",get svg(){return y1+"American Express"+k1+this.path+M1},path:"M16.015 14.378c0-.32-.135-.496-.344-.622-.21-.12-.464-.135-.81-.135h-1.543v2.82h.675v-1.027h.72c.24 0 .39.024.478.125.12.13.104.38.104.55v.35h.66v-.555c-.002-.25-.017-.376-.108-.516-.06-.08-.18-.18-.33-.234l.02-.008c.18-.072.48-.297.48-.747zm-.87.407l-.028-.002c-.09.053-.195.058-.33.058h-.81v-.63h.824c.12 0 .24 0 .33.05.098.048.156.147.15.255 0 .12-.045.215-.134.27zM20.297 15.837H19v.6h1.304c.676 0 1.05-.278 1.05-.884 0-.28-.066-.448-.187-.582-.153-.133-.392-.193-.73-.207l-.376-.015c-.104 0-.18 0-.255-.03-.09-.03-.15-.105-.15-.21 0-.09.017-.166.09-.21.083-.046.177-.066.272-.06h1.23v-.602h-1.35c-.704 0-.958.437-.958.84 0 .9.776.855 1.407.87.104 0 .18.015.225.06.046.03.082.106.082.18 0 .077-.035.15-.08.18-.06.053-.15.07-.277.07zM0 0v10.096L.81 8.22h1.75l.225.464V8.22h2.043l.45 1.02.437-1.013h6.502c.295 0 .56.057.756.236v-.23h1.787v.23c.307-.17.686-.23 1.12-.23h2.606l.24.466v-.466h1.918l.254.465v-.466h1.858v3.948H20.87l-.36-.6v.585h-2.353l-.256-.63h-.583l-.27.614h-1.213c-.48 0-.84-.104-1.08-.24v.24h-2.89v-.884c0-.12-.03-.12-.105-.135h-.105v1.036H6.067v-.48l-.21.48H4.69l-.202-.48v.465H2.235l-.256-.624H1.4l-.256.624H0V24h23.786v-7.108c-.27.135-.613.18-.973.18H21.09v-.255c-.21.165-.57.255-.914.255H14.71v-.9c0-.12-.018-.12-.12-.12h-.075v1.022h-1.8v-1.066c-.298.136-.643.15-.928.136h-.214v.915h-2.18l-.54-.617-.57.6H4.742v-3.93h3.61l.518.602.554-.6h2.412c.28 0 .74.03.942.225v-.24h2.177c.202 0 .644.045.903.225v-.24h3.265v.24c.163-.164.508-.24.803-.24h1.89v.24c.194-.15.464-.24.84-.24h1.176V0H0zM21.156 14.955c.004.005.006.012.01.016.01.01.024.01.032.02l-.042-.035zM23.828 13.082h.065v.555h-.065zM23.865 15.03v-.005c-.03-.025-.046-.048-.075-.07-.15-.153-.39-.215-.764-.225l-.36-.012c-.12 0-.194-.007-.27-.03-.09-.03-.15-.105-.15-.21 0-.09.03-.16.09-.204.076-.045.15-.05.27-.05h1.223v-.588h-1.283c-.69 0-.96.437-.96.84 0 .9.78.855 1.41.87.104 0 .18.015.224.06.046.03.076.106.076.18 0 .07-.034.138-.09.18-.045.056-.136.07-.27.07h-1.288v.605h1.287c.42 0 .734-.118.9-.36h.03c.09-.134.135-.3.135-.523 0-.24-.045-.39-.135-.526zM18.597 14.208v-.583h-2.235V16.458h2.235v-.585h-1.57v-.57h1.533v-.584h-1.532v-.51M13.51 8.787h.685V11.6h-.684zM13.126 9.543l-.007.006c0-.314-.13-.5-.34-.624-.217-.125-.47-.135-.81-.135H10.43v2.82h.674v-1.034h.72c.24 0 .39.03.487.12.122.136.107.378.107.548v.354h.677v-.553c0-.25-.016-.375-.11-.516-.09-.107-.202-.19-.33-.237.172-.07.472-.3.472-.75zm-.855.396h-.015c-.09.054-.195.056-.33.056H11.1v-.623h.825c.12 0 .24.004.33.05.09.04.15.128.15.25s-.047.22-.134.266zM15.92 9.373h.632v-.6h-.644c-.464 0-.804.105-1.02.33-.286.3-.362.69-.362 1.11 0 .512.123.833.36 1.074.232.238.645.31.97.31h.78l.255-.627h1.39l.262.627h1.36v-2.11l1.272 2.11h.95l.002.002V8.786h-.684v1.963l-1.18-1.96h-1.02V11.4L18.11 8.744h-1.004l-.943 2.22h-.3c-.177 0-.362-.03-.468-.134-.125-.15-.186-.36-.186-.662 0-.285.08-.51.194-.63.133-.135.272-.165.516-.165zm1.668-.108l.464 1.118v.002h-.93l.466-1.12zM2.38 10.97l.254.628H4V9.393l.972 2.205h.584l.973-2.202.015 2.202h.69v-2.81H6.118l-.807 1.904-.876-1.905H3.343v2.663L2.205 8.787h-.997L.01 11.597h.72l.26-.626h1.39zm-.688-1.705l.46 1.118-.003.002h-.915l.457-1.12zM11.856 13.62H9.714l-.85.923-.825-.922H5.346v2.82H8l.855-.932.824.93h1.302v-.94h.838c.6 0 1.17-.164 1.17-.945l-.006-.003c0-.78-.598-.93-1.128-.93zM7.67 15.853l-.014-.002H6.02v-.557h1.47v-.574H6.02v-.51H7.7l.733.82-.764.824zm2.642.33l-1.03-1.147 1.03-1.108v2.253zm1.553-1.258h-.885v-.717h.885c.24 0 .42.098.42.344 0 .243-.15.372-.42.372zM9.967 9.373v-.586H7.73V11.6h2.237v-.58H8.4v-.564h1.527V9.88H8.4v-.507",source:"https://commons.wikimedia.org/wiki/File:American_Express_logo_(2018).svg",hex:"2E77BC"};var qC={title:"Apple Pay",slug:"applepay",get svg(){return y1+"Apple Pay"+k1+this.path+M1},path:"M2.15 4.318a42.16 42.16 0 0 0-.454.003c-.15.005-.303.013-.452.04a1.44 1.44 0 0 0-1.06.772c-.07.138-.114.278-.14.43-.028.148-.037.3-.04.45A10.2 10.2 0 0 0 0 6.222v11.557c0 .07.002.138.003.207.004.15.013.303.04.452.027.15.072.291.142.429a1.436 1.436 0 0 0 .63.63c.138.07.278.115.43.142.148.027.3.036.45.04l.208.003h20.194l.207-.003c.15-.004.303-.013.452-.04.15-.027.291-.071.428-.141a1.432 1.432 0 0 0 .631-.631c.07-.138.115-.278.141-.43.027-.148.036-.3.04-.45.002-.07.003-.138.003-.208l.001-.246V6.221c0-.07-.002-.138-.004-.207a2.995 2.995 0 0 0-.04-.452 1.446 1.446 0 0 0-1.2-1.201 3.022 3.022 0 0 0-.452-.04 10.448 10.448 0 0 0-.453-.003zm0 .512h19.942c.066 0 .131.002.197.003.115.004.25.01.375.032.109.02.2.05.287.094a.927.927 0 0 1 .407.407.997.997 0 0 1 .094.288c.022.123.028.258.031.374.002.065.003.13.003.197v11.552c0 .065 0 .13-.003.196-.003.115-.009.25-.032.375a.927.927 0 0 1-.5.693 1.002 1.002 0 0 1-.286.094 2.598 2.598 0 0 1-.373.032l-.2.003H1.906c-.066 0-.133-.002-.196-.003a2.61 2.61 0 0 1-.375-.032c-.109-.02-.2-.05-.288-.094a.918.918 0 0 1-.406-.407 1.006 1.006 0 0 1-.094-.288 2.531 2.531 0 0 1-.032-.373 9.588 9.588 0 0 1-.002-.197V6.224c0-.065 0-.131.002-.197.004-.114.01-.248.032-.375.02-.108.05-.199.094-.287a.925.925 0 0 1 .407-.406 1.03 1.03 0 0 1 .287-.094c.125-.022.26-.029.375-.032.065-.002.131-.002.196-.003zm4.71 3.7c-.3.016-.668.199-.88.456-.191.22-.36.58-.316.918.338.03.675-.169.888-.418.205-.258.345-.603.308-.955zm2.207.42v5.493h.852v-1.877h1.18c1.078 0 1.835-.739 1.835-1.812 0-1.07-.742-1.805-1.808-1.805zm.852.719h.982c.739 0 1.161.396 1.161 1.089 0 .692-.422 1.092-1.164 1.092h-.979zm-3.154.3c-.45.01-.83.28-1.05.28-.235 0-.593-.264-.981-.257a1.446 1.446 0 0 0-1.23.747c-.527.908-.139 2.255.374 2.995.249.366.549.769.944.754.373-.014.52-.242.973-.242.454 0 .586.242.98.235.41-.007.667-.366.915-.733.286-.417.403-.82.41-.841-.007-.008-.79-.308-.797-1.209-.008-.754.615-1.113.644-1.135-.352-.52-.9-.578-1.09-.593a1.123 1.123 0 0 0-.092-.002zm8.204.397c-.99 0-1.606.533-1.652 1.256h.777c.072-.358.369-.586.845-.586.502 0 .803.266.803.711v.309l-1.097.064c-.951.054-1.488.484-1.488 1.184 0 .72.548 1.207 1.332 1.207.526 0 1.032-.281 1.264-.727h.019v.659h.788v-2.76c0-.803-.62-1.317-1.591-1.317zm1.94.072l1.446 4.009c0 .003-.073.24-.073.247-.125.41-.33.571-.711.571-.069 0-.206 0-.267-.015v.666c.06.011.267.019.335.019.83 0 1.226-.312 1.568-1.283l1.5-4.214h-.868l-1.012 3.259h-.015l-1.013-3.26zm-1.167 2.189v.316c0 .521-.45.917-1.024.917-.442 0-.731-.228-.731-.579 0-.342.278-.56.769-.593z",source:"https://developer.apple.com/apple-pay/marketing",hex:"000000"};var WC={title:"BigCommerce",slug:"bigcommerce",get svg(){return y1+"BigCommerce"+k1+this.path+M1},path:"M12.645 13.663h3.027c.861 0 1.406-.474 1.406-1.235 0-.717-.545-1.234-1.406-1.234h-3.027c-.1 0-.187.086-.187.172v2.125c.015.1.086.172.187.172zm0 4.896h3.128c.961 0 1.535-.488 1.535-1.35 0-.746-.545-1.35-1.535-1.35h-3.128c-.1 0-.187.087-.187.173v2.34c.015.115.086.187.187.187zM23.72.053l-8.953 8.93h1.464c2.281 0 3.63 1.435 3.63 3 0 1.235-.832 2.14-1.722 2.541-.143.058-.143.259.014.316 1.033.402 1.765 1.48 1.765 2.742 0 1.78-1.19 3.202-3.5 3.202h-6.342c-.1 0-.187-.086-.187-.172V13.85L.062 23.64c-.13.13-.043.359.143.359h23.631a.16.16 0 0 0 .158-.158V.182c.043-.158-.158-.244-.273-.13z",source:"https://www.bigcommerce.co.uk/press",hex:"121118",guidelines:"https://www.elastic.co/legal/trademarks"};var UC={title:"Brevo",slug:"brevo",get svg(){return y1+"Brevo"+k1+this.path+M1},path:"M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zM7.2 4.8h5.747c2.34 0 3.895 1.406 3.895 3.516 0 1.022-.348 1.862-1.09 2.588C17.189 11.812 18 13.22 18 14.785c0 2.86-2.64 5.016-6.164 5.016H7.199v-15zm2.085 1.952v5.537h.07c.233-.432.858-.796 2.249-1.226 2.039-.659 3.037-1.52 3.037-2.655 0-.998-.766-1.656-1.924-1.656H9.285zm4.87 5.266c-.766.385-1.67.748-2.76 1.11-1.229.387-2.11 1.386-2.11 2.407v2.315h2.365c2.387 0 4.149-1.34 4.149-3.155 0-1.067-.625-2.087-1.645-2.677z",source:"https://www.brevo.com",hex:"0B996E"};var KC={title:"Calendly",slug:"calendly",get svg(){return y1+"Calendly"+k1+this.path+M1},path:"M19.655 14.262c.281 0 .557.023.828.064 0 .005-.005.01-.005.014-.105.267-.234.534-.381.786l-1.219 2.106c-1.112 1.936-3.177 3.127-5.411 3.127h-2.432c-2.23 0-4.294-1.191-5.412-3.127l-1.218-2.106a6.251 6.251 0 0 1 0-6.252l1.218-2.106C6.736 4.832 8.8 3.641 11.035 3.641h2.432c2.23 0 4.294 1.191 5.411 3.127l1.219 2.106c.147.252.271.519.381.786 0 .004.005.009.005.014-.267.041-.543.064-.828.064-1.816 0-2.501-.607-3.291-1.306-.764-.676-1.711-1.517-3.44-1.517h-1.029c-1.251 0-2.387.455-3.2 1.278-.796.805-1.233 1.904-1.233 3.099v1.411c0 1.196.437 2.295 1.233 3.099.813.823 1.949 1.278 3.2 1.278h1.034c1.729 0 2.676-.841 3.439-1.517.791-.703 1.471-1.306 3.287-1.301Zm.005-3.237c.399 0 .794-.036 1.179-.11-.002-.004-.002-.01-.002-.014-.073-.414-.193-.823-.349-1.218.731-.12 1.407-.396 1.986-.819 0-.004-.005-.013-.005-.018-.331-1.085-.832-2.101-1.489-3.03-.649-.915-1.435-1.719-2.331-2.395-1.867-1.398-4.088-2.138-6.428-2.138-1.448 0-2.855.28-4.175.841-1.273.543-2.423 1.315-3.407 2.299S2.878 6.552 2.341 7.83c-.557 1.324-.842 2.726-.842 4.175 0 1.448.281 2.855.842 4.174.542 1.274 1.314 2.423 2.298 3.407s2.129 1.761 3.407 2.299c1.324.556 2.727.841 4.175.841 2.34 0 4.561-.74 6.428-2.137a10.815 10.815 0 0 0 2.331-2.396c.652-.929 1.158-1.949 1.489-3.03 0-.004.005-.014.005-.018-.579-.423-1.255-.699-1.986-.819.161-.395.276-.804.349-1.218.005-.009.005-.014.005-.023.869.166 1.692.506 2.404 1.035.685.505.552 1.075.446 1.416C22.184 20.437 17.619 24 12.221 24c-6.625 0-12-5.375-12-12s5.37-12 12-12c5.398 0 9.963 3.563 11.471 8.464.106.341.239.915-.446 1.421-.717.529-1.535.873-2.404 1.034.128.716.128 1.45 0 2.166-.387-.074-.782-.11-1.182-.11-4.184 0-3.968 2.823-6.736 2.823h-1.029c-1.899 0-3.15-1.357-3.15-3.095v-1.411c0-1.738 1.251-3.094 3.15-3.094h1.034c2.768 0 2.552 2.823 6.731 2.827Z",source:"https://calendly.com/newsroom",hex:"006BFF",guidelines:"https://calendly.com/newsroom"};var $C={title:"Campaign Monitor",slug:"campaignmonitor",get svg(){return y1+"Campaign Monitor"+k1+this.path+M1},path:"M23.836 4.27c-.29-.413-.86-.515-1.273-.226L.163 19.73c.167.235.437.39.747.39h22.18c.503 0 .91-.41.91-.914V4.78c-.004-.176-.058-.352-.164-.51zm-22.4-.226c-.413-.29-.982-.19-1.272.226-.107.154-.162.332-.164.51v14.45l10.664-8.736-9.227-6.45v-.002z",source:"https://www.campaignmonitor.com/company/brand/",hex:"111324"};var jC={title:"DHL",slug:"dhl",get svg(){return y1+"DHL"+k1+this.path+M1},path:"M4.22 10.303l-.767 1.043h4.18c.21 0 .208.078.105.218-.105.142-.28.39-.386.534-.054.073-.154.207.171.207h1.71l.505-.69c.314-.426.028-1.312-1.095-1.312H4.22zm7.204 0l-1.475 2.002h5.39l1.473-2.002H14.61l-.843 1.146h-.985l.846-1.146h-2.203zm6.105 0l-1.474 2.002h2.334l1.472-2.002H17.53zm-12.845 1.3l-1.54 2.094h3.754c1.24 0 1.932-.844 2.145-1.136h-2.56c-.326 0-.226-.133-.172-.207.107-.143.283-.388.388-.53.104-.14.107-.22-.105-.22h-1.91zM0 12.562v.242h3.398l.176-.242H0zm9.762 0l-.836 1.136h2.203l.836-1.136H9.762zm3.185 0l-.836 1.136h2.203l.836-1.136h-2.203zm2.918 0s-.159.22-.238.326c-.276.374-.033.81.87.81h3.538l.834-1.136h-5.004zm5.408 0l-.177.242H24v-.242h-2.727zM0 13.01v.24h3.068l.178-.24H0zm20.943 0l-.175.24H24v-.24h-3.057zM0 13.457v.24h2.74l.176-.24H0zm20.615 0l-.177.24H24v-.24h-3.385z",source:"https://www.dpdhl-brands.com/dhl/en/guides/design-basics/logo-and-claim.html",hex:"FFCC00",guidelines:"https://www.dpdhl-brands.com/dhl/en/guides/design-basics/logo-and-claim.html"};var YC={title:"Dropbox",slug:"dropbox",get svg(){return y1+"Dropbox"+k1+this.path+M1},path:"M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z",source:"https://www.dropbox.com/branding",hex:"0061FF"};var XC={title:"eBay",slug:"ebay",get svg(){return y1+"eBay"+k1+this.path+M1},path:"M6.056 12.132v-4.92h1.2v3.026c.59-.703 1.402-.906 2.202-.906 1.34 0 2.828.904 2.828 2.855 0 .233-.015.457-.06.668.24-.953 1.274-1.305 2.896-1.344.51-.018 1.095-.018 1.56-.018v-.135c0-.885-.556-1.244-1.53-1.244-.72 0-1.245.3-1.305.81h-1.275c.136-1.29 1.5-1.62 2.686-1.62 1.064 0 1.995.27 2.415 1.02l-.436-.84h1.41l2.055 4.125 2.055-4.126H24l-3.72 7.305h-1.346l1.07-2.04-2.33-4.38c.13.255.2.555.2.93v2.46c0 .346.01.69.04 1.005H16.8a6.543 6.543 0 01-.046-.765c-.603.734-1.32.96-2.32.96-1.48 0-2.272-.78-2.272-1.695 0-.15.015-.284.037-.405-.3 1.246-1.36 2.086-2.767 2.086-.87 0-1.694-.315-2.2-.93 0 .24-.015.494-.04.734h-1.18c.02-.39.04-.855.04-1.245v-1.05h-4.83c.065 1.095.818 1.74 1.853 1.74.718 0 1.355-.3 1.568-.93h1.24c-.24 1.29-1.61 1.725-2.79 1.725C.95 15.009 0 13.822 0 12.232c0-1.754.982-2.91 3.116-2.91 1.688 0 2.93.886 2.94 2.806v.005zm9.137.183c-1.095.034-1.77.233-1.77.95 0 .465.36.97 1.305.97 1.26 0 1.935-.69 1.935-1.814v-.13c-.45 0-.99.006-1.484.022h.012zm-6.06 1.875c1.11 0 1.876-.806 1.876-2.02s-.768-2.02-1.893-2.02c-1.11 0-1.89.806-1.89 2.02s.765 2.02 1.875 2.02h.03zm-4.35-2.514c-.044-1.125-.854-1.546-1.725-1.546-.944 0-1.694.474-1.815 1.546z",source:"https://go.developer.ebay.com/logos",hex:"E53238"};var JC={title:"Etsy",slug:"etsy",get svg(){return y1+"Etsy"+k1+this.path+M1},path:"M8.559 2.445c0-.325.033-.52.59-.52h7.465c1.3 0 2.02 1.11 2.54 3.193l.42 1.666h1.27c.23-4.728.43-6.784.43-6.784s-3.196.36-5.09.36H6.635L1.521.196v1.37l1.725.326c1.21.24 1.5.496 1.6 1.606 0 0 .11 3.27.11 8.64 0 5.385-.09 8.61-.09 8.61 0 .973-.39 1.333-1.59 1.573l-1.722.33V24l5.13-.165h8.55c1.935 0 6.39.165 6.39.165.105-1.17.75-6.48.855-7.064h-1.2l-1.284 2.91c-1.005 2.28-2.476 2.445-4.11 2.445h-4.906c-1.63 0-2.415-.64-2.415-2.05V12.8s3.62 0 4.79.096c.912.064 1.463.325 1.76 1.598l.39 1.695h1.41l-.09-4.278.192-4.305h-1.391l-.45 1.89c-.283 1.244-.48 1.47-1.754 1.6-1.666.17-4.815.14-4.815.14V2.45h-.05z",source:"https://www.etsy.com/uk/press",hex:"F16521"};var QC={title:"Facebook",slug:"facebook",get svg(){return y1+"Facebook"+k1+this.path+M1},path:"M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z",source:"https://about.meta.com/brand/resources/facebook/logo",hex:"0866FF",guidelines:"https://about.meta.com/brand/resources/facebook/logo"};var eL={title:"FedEx",slug:"fedex",get svg(){return y1+"FedEx"+k1+this.path+M1},path:"M22.498 14.298c-.016-.414.345-.751.75-.755a.745.745 0 0 1 .752.755.755.755 0 0 1-.751.745c-.395.002-.759-.346-.751-.745zm.759-.083c.067-.02.164-.042.162-.13.007-.09-.086-.133-.162-.134h-.163v.263c0 .001.165-.002.163.001zm-.163.107v.418h-.14v-.91h.327c.156-.021.294.092.286.253a.218.218 0 0 1-.156.19c.162.083.108.322.173.467h-.156a2.355 2.355 0 0 1-.04-.205c-.018-.093-.047-.229-.17-.213h-.124zm.76-.024a.603.603 0 0 0-.605-.632c-.338-.012-.62.302-.605.632a.619.619 0 0 0 .605.622.61.61 0 0 0 .605-.622zm-5.052-.579l-.878 1.008h-1.306l1.559-1.745-1.56-1.75h1.355l.902.997.878-.998h1.306l-1.543 1.743 1.559 1.753h-1.371l-.901-1.008zm-4.703-.352v-.827h1.904v-1.506l1.724 1.948-1.724 1.941v-1.556h-1.904zm1.56 1.36h-3.2V9.044h3.224v1.024H13.77v1.163h1.888v.958h-1.904v1.522h1.904v1.016zm-5.705-.655c-.54.017-.878-.552-.877-1.04-.01-.507.307-1.123.878-1.105.579-.025.871.6.845 1.103.023.501-.29 1.062-.846 1.042zM4.743 12.41c.076-.358.403-.67.78-.663a.788.788 0 0 1 .803.663H4.743zm15.182.564l1.815-2.047h-2.125l-.74.844-.763-.844h-4.037v-.548h1.912V8.741H10.84v2.58c-.362-.448-.981-.559-1.526-.492-.782.123-1.427.762-1.634 1.514-.254-.958-1.179-1.588-2.157-1.554-.781.009-1.6.365-1.987 1.071v-.818h-1.87v-.9h2.043v-1.4H0v6.287h1.666v-2.644h1.666a7.59 7.59 0 0 0-.082.622c-.013 1.232 1.042 2.27 2.274 2.236a2.204 2.204 0 0 0 2.157-1.432H6.254c-.14.268-.441.38-.73.36-.457.009-.83-.417-.829-.86h2.914c.083 1.027.988 1.966 2.043 1.947a1.53 1.53 0 0 0 1.19-.639v.41h7.215l.754-.86.754.86h2.192l-1.832-2.055z",source:"https://newsroom.fedex.com",hex:"4D148C"};var tL={title:"Gmail",slug:"gmail",get svg(){return y1+"Gmail"+k1+this.path+M1},path:"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 0 1 0 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z",source:"https://fonts.gstatic.com/s/i/productlogos/gmail_2020q4/v8/192px.svg",hex:"EA4335"};var aL={title:"Google Ads",slug:"googleads",get svg(){return y1+"Google Ads"+k1+this.path+M1},path:"M3.9998 22.9291C1.7908 22.9291 0 21.1383 0 18.9293s1.7908-3.9998 3.9998-3.9998 3.9998 1.7908 3.9998 3.9998-1.7908 3.9998-3.9998 3.9998zm19.4643-6.0004L15.4632 3.072C14.3586 1.1587 11.9121.5028 9.9988 1.6074S7.4295 5.1585 8.5341 7.0718l8.0009 13.8567c1.1046 1.9133 3.5511 2.5679 5.4644 1.4646 1.9134-1.1046 2.568-3.5511 1.4647-5.4644zM7.5137 4.8438L1.5645 15.1484A4.5 4.5 0 0 1 4 14.4297c2.5597-.0075 4.6248 2.1585 4.4941 4.7148l3.2168-5.5723-3.6094-6.25c-.4499-.7793-.6322-1.6394-.5878-2.4784z",source:"https://ads.google.com/home/",hex:"4285F4"};var cL={title:"Google Analytics",slug:"googleanalytics",get svg(){return y1+"Google Analytics"+k1+this.path+M1},path:"M22.84 2.9982v17.9987c.0086 1.6473-1.3197 2.9897-2.967 2.9984a2.9808 2.9808 0 01-.3677-.0208c-1.528-.226-2.6477-1.5558-2.6105-3.1V3.1204c-.0369-1.5458 1.0856-2.8762 2.6157-3.1 1.6361-.1915 3.1178.9796 3.3093 2.6158.014.1201.0208.241.0202.3619zM4.1326 18.0548c-1.6417 0-2.9726 1.331-2.9726 2.9726C1.16 22.6691 2.4909 24 4.1326 24s2.9726-1.3309 2.9726-2.9726-1.331-2.9726-2.9726-2.9726zm7.8728-9.0098c-.0171 0-.0342 0-.0513.0003-1.6495.0904-2.9293 1.474-2.891 3.1256v7.9846c0 2.167.9535 3.4825 2.3505 3.763 1.6118.3266 3.1832-.7152 3.5098-2.327.04-.1974.06-.3983.0593-.5998v-8.9585c.003-1.6474-1.33-2.9852-2.9773-2.9882z",source:"https://marketingplatform.google.com/intl/en_uk/about/analytics/",hex:"E37400"};var sL={title:"Google Calendar",slug:"googlecalendar",get svg(){return y1+"Google Calendar"+k1+this.path+M1},path:"M18.316 5.684H24v12.632h-5.684V5.684zM5.684 24h12.632v-5.684H5.684V24zM18.316 5.684V0H1.895A1.894 1.894 0 0 0 0 1.895v16.421h5.684V5.684h12.632zm-7.207 6.25v-.065c.272-.144.5-.349.687-.617s.279-.595.279-.982c0-.379-.099-.72-.3-1.025a2.05 2.05 0 0 0-.832-.714 2.703 2.703 0 0 0-1.197-.257c-.6 0-1.094.156-1.481.467-.386.311-.65.671-.793 1.078l1.085.452c.086-.249.224-.461.413-.633.189-.172.445-.257.767-.257.33 0 .602.088.816.264a.86.86 0 0 1 .322.703c0 .33-.12.589-.36.778-.24.19-.535.284-.886.284h-.567v1.085h.633c.407 0 .748.109 1.02.327.272.218.407.499.407.843 0 .336-.129.614-.387.832s-.565.327-.924.327c-.351 0-.651-.103-.897-.311-.248-.208-.422-.502-.521-.881l-1.096.452c.178.616.505 1.082.977 1.401.472.319.984.478 1.538.477a2.84 2.84 0 0 0 1.293-.291c.382-.193.684-.458.902-.794.218-.336.327-.72.327-1.149 0-.429-.115-.797-.344-1.105a2.067 2.067 0 0 0-.881-.689zm2.093-1.931l.602.913L15 10.045v5.744h1.187V8.446h-.827l-2.158 1.557zM22.105 0h-3.289v5.184H24V1.895A1.894 1.894 0 0 0 22.105 0zm-3.289 23.5l4.684-4.684h-4.684V23.5zM0 22.105C0 23.152.848 24 1.895 24h3.289v-5.184H0v3.289z",source:"https://fonts.gstatic.com/s/i/productlogos/calendar_2020q4/v8/192px.svg",hex:"4285F4"};var lL={title:"Google Drive",slug:"googledrive",get svg(){return y1+"Google Drive"+k1+this.path+M1},path:"M12.01 1.485c-2.082 0-3.754.02-3.743.047.01.02 1.708 3.001 3.774 6.62l3.76 6.574h3.76c2.081 0 3.753-.02 3.742-.047-.005-.02-1.708-3.001-3.775-6.62l-3.76-6.574zm-4.76 1.73a789.828 789.861 0 0 0-3.63 6.319L0 15.868l1.89 3.298 1.885 3.297 3.62-6.335 3.618-6.33-1.88-3.287C8.1 4.704 7.255 3.22 7.25 3.214zm2.259 12.653-.203.348c-.114.198-.96 1.672-1.88 3.287a423.93 423.948 0 0 1-1.698 2.97c-.01.026 3.24.042 7.222.042h7.244l1.796-3.157c.992-1.734 1.85-3.23 1.906-3.323l.104-.167h-7.249z",source:"https://developers.google.com/drive/web/branding",hex:"4285F4"};var oL={title:"Google Pay",slug:"googlepay",get svg(){return y1+"Google Pay"+k1+this.path+M1},path:"M3.963 7.235A3.963 3.963 0 00.422 9.419a3.963 3.963 0 000 3.559 3.963 3.963 0 003.541 2.184c1.07 0 1.97-.352 2.627-.957.748-.69 1.18-1.71 1.18-2.916a4.722 4.722 0 00-.07-.806H3.964v1.526h2.14a1.835 1.835 0 01-.79 1.205c-.356.241-.814.379-1.35.379-1.034 0-1.911-.697-2.225-1.636a2.375 2.375 0 010-1.517c.314-.94 1.191-1.636 2.225-1.636a2.152 2.152 0 011.52.594l1.132-1.13a3.808 3.808 0 00-2.652-1.033zm6.501.55v6.9h.886V11.89h1.465c.603 0 1.11-.196 1.522-.588a1.911 1.911 0 00.635-1.464 1.92 1.92 0 00-.635-1.456 2.125 2.125 0 00-1.522-.598zm2.427.85a1.156 1.156 0 01.823.365 1.176 1.176 0 010 1.686 1.171 1.171 0 01-.877.357H11.35V8.635h1.487a1.156 1.156 0 01.054 0zm4.124 1.175c-.842 0-1.477.308-1.907.925l.781.491c.288-.417.68-.626 1.175-.626a1.255 1.255 0 01.856.323 1.009 1.009 0 01.366.785v.202c-.34-.193-.774-.289-1.3-.289-.617 0-1.11.145-1.479.434-.37.288-.554.677-.554 1.165a1.476 1.476 0 00.525 1.156c.35.308.785.463 1.305.463.61 0 1.098-.27 1.465-.81h.038v.655h.848v-2.909c0-.61-.19-1.09-.568-1.44-.38-.35-.896-.525-1.551-.525zm2.263.154l1.946 4.422-1.098 2.38h.915L24 9.963h-.965l-1.368 3.391h-.02l-1.406-3.39zm-2.146 2.368c.494 0 .88.11 1.156.33 0 .372-.147.696-.44.973a1.413 1.413 0 01-.997.414 1.081 1.081 0 01-.69-.232.708.708 0 01-.293-.578c0-.257.12-.47.363-.647.24-.173.54-.26.9-.26Z",source:"https://pay.google.com/intl/en_us/about/",hex:"4285F4"};var rL={title:"Google Sheets",slug:"googlesheets",get svg(){return y1+"Google Sheets"+k1+this.path+M1},path:"M11.318 12.545H7.91v-1.909h3.41v1.91zM14.728 0v6h6l-6-6zm1.363 10.636h-3.41v1.91h3.41v-1.91zm0 3.273h-3.41v1.91h3.41v-1.91zM20.727 6.5v15.864c0 .904-.732 1.636-1.636 1.636H4.909a1.636 1.636 0 0 1-1.636-1.636V1.636C3.273.732 4.005 0 4.909 0h9.318v6.5h6.5zm-3.273 2.773H6.545v7.909h10.91v-7.91zm-6.136 4.636H7.91v1.91h3.41v-1.91z",source:"https://sheets.google.com",hex:"34A853"};var iL={title:"HubSpot",slug:"hubspot",get svg(){return y1+"HubSpot"+k1+this.path+M1},path:"M18.164 7.93V5.084a2.198 2.198 0 001.267-1.978v-.067A2.2 2.2 0 0017.238.845h-.067a2.2 2.2 0 00-2.193 2.193v.067a2.196 2.196 0 001.252 1.973l.013.006v2.852a6.22 6.22 0 00-2.969 1.31l.012-.01-7.828-6.095A2.497 2.497 0 104.3 4.656l-.012.006 7.697 5.991a6.176 6.176 0 00-1.038 3.446c0 1.343.425 2.588 1.147 3.607l-.013-.02-2.342 2.343a1.968 1.968 0 00-.58-.095h-.002a2.033 2.033 0 102.033 2.033 1.978 1.978 0 00-.1-.595l.005.014 2.317-2.317a6.247 6.247 0 104.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 113.215-3.207v.002a3.206 3.206 0 01-3.207 3.207z",source:"https://www.hubspot.com/style-guide",hex:"FF7A59",guidelines:"https://www.hubspot.com/style-guide"};var nL={title:"Instagram",slug:"instagram",get svg(){return y1+"Instagram"+k1+this.path+M1},path:"M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077",source:"https://about.meta.com/brand/resources/instagram",hex:"FF0069",guidelines:"https://about.meta.com/brand/resources/instagram"};var hL={title:"Intercom",slug:"intercom",get svg(){return y1+"Intercom"+k1+this.path+M1},path:"M21 0H3C1.343 0 0 1.343 0 3v18c0 1.658 1.343 3 3 3h18c1.658 0 3-1.342 3-3V3c0-1.657-1.342-3-3-3zm-5.801 4.399c0-.44.36-.8.802-.8.44 0 .8.36.8.8v10.688c0 .442-.36.801-.8.801-.443 0-.802-.359-.802-.801V4.399zM11.2 3.994c0-.44.357-.799.8-.799s.8.359.8.799v11.602c0 .44-.357.8-.8.8s-.8-.36-.8-.8V3.994zm-4 .405c0-.44.359-.8.799-.8.443 0 .802.36.802.8v10.688c0 .442-.36.801-.802.801-.44 0-.799-.359-.799-.801V4.399zM3.199 6c0-.442.36-.8.802-.8.44 0 .799.358.799.8v7.195c0 .441-.359.8-.799.8-.443 0-.802-.36-.802-.8V6zM20.52 18.202c-.123.105-3.086 2.593-8.52 2.593-5.433 0-8.397-2.486-8.521-2.593-.335-.288-.375-.792-.086-1.128.285-.334.79-.375 1.125-.09.047.041 2.693 2.211 7.481 2.211 4.848 0 7.456-2.186 7.479-2.207.334-.289.839-.25 1.128.086.289.336.25.84-.086 1.128zm.281-5.007c0 .441-.36.8-.801.8-.441 0-.801-.36-.801-.8V6c0-.442.361-.8.801-.8.441 0 .801.357.801.8v7.195z",source:"https://www.intercom.com/press",hex:"6AFDEF",guidelines:"https://www.intercom.com/press"};var mL={title:"Klarna",slug:"klarna",get svg(){return y1+"Klarna"+k1+this.path+M1},path:"M4.592 2v20H0V2h4.592zm11.46 0c0 4.194-1.583 8.105-4.415 11.068l-.278.283L17.702 22h-5.668l-6.893-9.4 1.779-1.332c2.858-2.14 4.535-5.378 4.637-8.924L11.562 2h4.49zM21.5 17a2.5 2.5 0 110 5 2.5 2.5 0 010-5z",source:"https://klarna.design",hex:"FFB3C7"};var pL={title:"MailChimp",slug:"mailchimp",get svg(){return y1+"MailChimp"+k1+this.path+M1},path:"M11.267 0C6.791-.015-1.82 10.246 1.397 12.964l.79.669a3.88 3.88 0 0 0-.22 1.792c.084.84.518 1.644 1.22 2.266.666.59 1.542.964 2.392.964 1.406 3.24 4.62 5.228 8.386 5.34 4.04.12 7.433-1.776 8.854-5.182.093-.24.488-1.316.488-2.267 0-.956-.54-1.352-.885-1.352-.01-.037-.078-.286-.172-.586-.093-.3-.19-.51-.19-.51.375-.563.382-1.065.332-1.35-.053-.353-.2-.653-.496-.964-.296-.311-.902-.63-1.753-.868l-.446-.124c-.002-.019-.024-1.053-.043-1.497-.014-.32-.042-.822-.197-1.315-.186-.668-.508-1.253-.911-1.627 1.112-1.152 1.806-2.422 1.804-3.511-.003-2.095-2.576-2.729-5.746-1.416l-.672.285A678.22 678.22 0 0 0 12.7.504C12.304.159 11.817.002 11.267 0zm.073.873c.166 0 .322.019.465.058.297.084 1.28 1.224 1.28 1.224s-1.826 1.013-3.52 2.426c-2.28 1.757-4.005 4.311-5.037 7.082-.811.158-1.526.618-1.963 1.253-.261-.218-.748-.64-.834-.804-.698-1.326.761-3.902 1.781-5.357C5.834 3.44 9.37.867 11.34.873zm3.286 3.273c.04-.002.06.05.028.074-.143.11-.299.26-.413.414a.04.04 0 0 0 .031.064c.659.004 1.587.235 2.192.574.041.023.012.103-.034.092-.915-.21-2.414-.369-3.97.01-1.39.34-2.45.863-3.224 1.426-.04.028-.086-.023-.055-.06.896-1.035 1.999-1.935 2.987-2.44.034-.018.07.019.052.052-.079.143-.23.447-.278.678-.007.035.032.063.062.042.615-.42 1.684-.868 2.622-.926zm3.023 3.205l.056.001a.896.896 0 0 1 .456.146c.534.355.61 1.216.638 1.845.015.36.059 1.229.074 1.478.034.571.184.651.487.751.17.057.33.098.563.164.706.198 1.125.4 1.39.658.157.162.23.333.253.497.083.608-.472 1.36-1.942 2.041-1.607.746-3.557.935-4.904.785l-.471-.053c-1.078-.145-1.693 1.247-1.046 2.201.417.615 1.552 1.015 2.688 1.015 2.604 0 4.605-1.111 5.35-2.072a.987.987 0 0 0 .06-.085c.036-.055.006-.085-.04-.054-.608.416-3.31 2.069-6.2 1.571 0 0-.351-.057-.672-.182-.255-.1-.788-.344-.853-.891 2.333.72 3.801.039 3.801.039a.072.072 0 0 0 .042-.072.067.067 0 0 0-.074-.06s-1.911.283-3.718-.378c.197-.64.72-.408 1.51-.345a11.045 11.045 0 0 0 3.647-.394c.818-.234 1.892-.697 2.727-1.356.281.618.38 1.299.38 1.299s.219-.04.4.073c.173.106.299.326.213.895-.176 1.063-.628 1.926-1.387 2.72a5.714 5.714 0 0 1-1.666 1.244c-.34.18-.704.334-1.087.46-2.863.935-5.794-.093-6.739-2.3a3.545 3.545 0 0 1-.189-.522c-.403-1.455-.06-3.2 1.008-4.299.065-.07.132-.153.132-.256 0-.087-.055-.179-.102-.243-.374-.543-1.669-1.466-1.409-3.254.187-1.284 1.31-2.189 2.357-2.135.089.004.177.01.266.015.453.027.85.085 1.223.1.625.028 1.187-.063 1.853-.618.225-.187.405-.35.71-.401.028-.005.092-.028.215-.028zm.022 2.18a.42.42 0 0 0-.06.005c-.335.054-.347.468-.228 1.04.068.32.187.595.32.765.175-.02.343-.022.498 0 .089-.205.104-.557.024-.942-.112-.535-.261-.872-.554-.868zm-3.66 1.546a1.724 1.724 0 0 0-1.016.326c-.16.117-.311.28-.29.378.008.032.031.056.088.063.131.015.592-.217 1.122-.25.374-.023.684.094.923.2.239.104.386.173.443.113.037-.038.026-.11-.031-.204-.118-.192-.36-.387-.618-.497a1.601 1.601 0 0 0-.621-.129zm4.082.81c-.171-.003-.313.186-.317.42-.004.236.131.43.303.432.172.003.314-.185.318-.42.004-.236-.132-.429-.304-.432zm-3.58.172c-.05 0-.102.002-.155.008-.311.05-.483.152-.593.247-.094.082-.152.173-.152.237a.075.075 0 0 0 .075.076c.07 0 .228-.063.228-.063a1.98 1.98 0 0 1 1.001-.104c.157.018.23.027.265-.026.01-.016.022-.049-.01-.1-.063-.103-.311-.269-.66-.275zm2.26.4c-.127 0-.235.051-.283.148-.075.154.035.363.246.466.21.104.443.063.52-.09.075-.155-.035-.364-.246-.467a.542.542 0 0 0-.237-.058zm-11.635.024c.048 0 .098 0 .149.003.73.04 1.806.6 2.052 2.19.217 1.41-.128 2.843-1.449 3.069-.123.02-.248.029-.374.026-1.22-.033-2.539-1.132-2.67-2.435-.145-1.44.591-2.548 1.894-2.811.117-.024.252-.04.398-.042zm-.07.927a1.144 1.144 0 0 0-.847.364c-.38.418-.439.988-.366 1.19.027.073.07.094.1.098.064.008.16-.039.22-.2a1.2 1.2 0 0 0 .017-.052 1.58 1.58 0 0 1 .157-.37.689.689 0 0 1 .955-.199c.266.174.369.5.255.81-.058.161-.154.469-.133.721.043.511.357.717.64.738.274.01.466-.143.515-.256.029-.067.005-.107-.011-.125-.043-.053-.113-.037-.18-.021a.638.638 0 0 1-.16.022.347.347 0 0 1-.294-.148c-.078-.12-.073-.3.013-.504.011-.028.025-.058.04-.092.138-.308.368-.825.11-1.317-.195-.37-.513-.602-.894-.65a1.135 1.135 0 0 0-.138-.01z",source:"https://mailchimp.com/about/brand-assets",hex:"FFE01B",guidelines:"https://mailchimp.com/about/brand-assets"},uL={title:"Mailgun",slug:"mailgun",get svg(){return y1+"Mailgun"+k1+this.path+M1},path:"M11.837 0c6.602 0 11.984 5.381 11.984 11.994-.017 2.99-3.264 4.84-5.844 3.331a3.805 3.805 0 0 1-.06-.035l-.055-.033-.022.055c-2.554 4.63-9.162 4.758-11.894.232-2.732-4.527.46-10.313 5.746-10.416a6.868 6.868 0 0 1 7.002 6.866 1.265 1.265 0 0 0 2.52 0c0-5.18-4.197-9.38-9.377-9.387C4.611 2.594.081 10.41 3.683 16.673c3.238 5.632 11.08 6.351 15.289 1.402l1.997 1.686A11.95 11.95 0 0 1 11.837 24C2.6 23.72-2.87 13.543 1.992 5.684A12.006 12.006 0 0 1 11.837 0Zm0 7.745c-3.276-.163-5.5 3.281-4.003 6.2a4.26 4.26 0 0 0 4.014 2.31c3.276-.171 5.137-3.824 3.35-6.575a4.26 4.26 0 0 0-3.36-1.935Zm0 2.53c1.324 0 2.152 1.433 1.49 2.58a1.72 1.72 0 0 1-1.49.86 1.72 1.72 0 1 1 0-3.44Z",source:"https://mailgun.com",hex:"F06B66"};var gL={title:"Make",slug:"make",get svg(){return y1+"Make"+k1+this.path+M1},path:"M13.38 3.498c-.27 0-.511.19-.566.465L9.85 18.986a.578.578 0 0 0 .453.678l4.095.826a.58.58 0 0 0 .682-.455l2.963-15.021a.578.578 0 0 0-.453-.678l-4.096-.826a.589.589 0 0 0-.113-.012zm-5.876.098a.576.576 0 0 0-.516.318L.062 17.697a.575.575 0 0 0 .256.774l3.733 1.877a.578.578 0 0 0 .775-.258l6.926-13.781a.577.577 0 0 0-.256-.776L7.762 3.658a.571.571 0 0 0-.258-.062zm11.74.115a.576.576 0 0 0-.576.576v15.426c0 .318.258.578.576.578h4.178a.58.58 0 0 0 .578-.578V4.287a.578.578 0 0 0-.578-.576Z",source:"https://www.make.com/en/press",hex:"6D00CC",guidelines:"https://www.make.com/en/press"};var dL={title:"MasterCard",slug:"mastercard",get svg(){return y1+"MasterCard"+k1+this.path+M1},path:"M11.343 18.031c.058.049.12.098.181.146-1.177.783-2.59 1.238-4.107 1.238C3.32 19.416 0 16.096 0 12c0-4.095 3.32-7.416 7.416-7.416 1.518 0 2.931.456 4.105 1.238-.06.051-.12.098-.165.15C9.6 7.489 8.595 9.688 8.595 12c0 2.311 1.001 4.51 2.748 6.031zm5.241-13.447c-1.52 0-2.931.456-4.105 1.238.06.051.12.098.165.15C14.4 7.489 15.405 9.688 15.405 12c0 2.31-1.001 4.507-2.748 6.031-.058.049-.12.098-.181.146 1.177.783 2.588 1.238 4.107 1.238C20.68 19.416 24 16.096 24 12c0-4.094-3.32-7.416-7.416-7.416zM12 6.174c-.096.075-.189.15-.28.231C10.156 7.764 9.169 9.765 9.169 12c0 2.236.987 4.236 2.551 5.595.09.08.185.158.28.232.096-.074.189-.152.28-.232 1.563-1.359 2.551-3.359 2.551-5.595 0-2.235-.987-4.236-2.551-5.595-.09-.08-.184-.156-.28-.231z",source:"https://www.mastercard.com/brandcenter/us/en/download-artwork.html",hex:"EB001B",guidelines:"https://www.mastercard.com/brandcenter/us/en/brand-requirements/mastercard.html"};var vL={title:"Messenger",slug:"messenger",get svg(){return y1+"Messenger"+k1+this.path+M1},path:"M12 0C5.24 0 0 4.952 0 11.64c0 3.499 1.434 6.521 3.769 8.61a.96.96 0 0 1 .323.683l.065 2.135a.96.96 0 0 0 1.347.85l2.381-1.053a.96.96 0 0 1 .641-.046A13 13 0 0 0 12 23.28c6.76 0 12-4.952 12-11.64S18.76 0 12 0m6.806 7.44c.522-.03.971.567.63 1.094l-4.178 6.457a.707.707 0 0 1-.977.208l-3.87-2.504a.44.44 0 0 0-.49.007l-4.363 3.01c-.637.438-1.415-.317-.995-.966l4.179-6.457a.706.706 0 0 1 .977-.21l3.87 2.505c.15.097.344.094.491-.007l4.362-3.008a.7.7 0 0 1 .364-.13",source:"https://about.meta.com/brand/resources/facebook/messenger-icon",hex:"0866FF",guidelines:"https://about.meta.com/brand/resources/facebook/messenger-icon"},Pn={title:"Meta",slug:"meta",get svg(){return y1+"Meta"+k1+this.path+M1},path:"M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z",source:"https://www.meta.com",hex:"0467DF",guidelines:"https://www.facebook.com/brand/resources/meta/company-brand"};var fL={title:"MYOB",slug:"myob",get svg(){return y1+"MYOB"+k1+this.path+M1},path:"m11.276 9.347-1.254 3.346a366.37 366.37 0 0 1-1.325-3.346H7.275l2.038 5.132-.86 2.063h1.38l2.845-7.195ZM5.083 10.46c.551 0 .818.33.818 1.01v3.112h1.314v-3.259c0-1.241-.853-2.108-2.075-2.108-.588 0-1.127.206-1.516.58l-.016.015-.016-.015c-.39-.374-.926-.58-1.512-.58-1.225 0-2.08.867-2.08 2.108v3.26h1.314V11.47c0-.68.267-1.01.818-1.01.552 0 .819.33.819 1.01v3.112h1.314V11.47c0-.68.267-1.01.819-1.01zm18.2-.398c-.494-.547-1.191-.849-1.962-.849a2.56 2.56 0 0 0-1.521.497V7.458h-1.315v4.51c0 .721.258 1.396.725 1.9.512.553 1.215.846 2.035.846.819 0 1.52-.293 2.03-.845.467-.505.725-1.18.725-1.9a2.83 2.83 0 0 0-.717-1.908Zm-2.039 3.405c-.937 0-1.446-.772-1.446-1.499 0-.726.51-1.509 1.446-1.509.937 0 1.442.778 1.442 1.51 0 .73-.505 1.498-1.442 1.498m-5.965 1.248c1.788 0 2.753-1.418 2.753-2.753 0-1.334-.965-2.752-2.753-2.752-1.789 0-2.753 1.418-2.753 2.753 0 1.335.964 2.753 2.753 2.753zm.001-1.248c-.936 0-1.445-.773-1.445-1.5 0-.728.509-1.511 1.445-1.511s1.441.778 1.441 1.51c0 .733-.505 1.501-1.441 1.501",source:"https://www.myob.com",hex:"7B14EF"};var bL={title:"Notion",slug:"notion",get svg(){return y1+"Notion"+k1+this.path+M1},path:"M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z",source:"https://www.notion.so",hex:"000000"};var zL={title:"PayPal",slug:"paypal",get svg(){return y1+"PayPal"+k1+this.path+M1},path:"M15.607 4.653H8.941L6.645 19.251H1.82L4.862 0h7.995c3.754 0 6.375 2.294 6.473 5.513-.648-.478-2.105-.86-3.722-.86m6.57 5.546c0 3.41-3.01 6.853-6.958 6.853h-2.493L11.595 24H6.74l1.845-11.538h3.592c4.208 0 7.346-3.634 7.153-6.949a5.24 5.24 0 0 1 2.848 4.686M9.653 5.546h6.408c.907 0 1.942.222 2.363.541-.195 2.741-2.655 5.483-6.441 5.483H8.714Z",source:"https://www.paypal.com/us",hex:"002991",guidelines:"https://newsroom.paypal-corp.com/media-resources"};var xL={title:"Pinterest",slug:"pinterest",get svg(){return y1+"Pinterest"+k1+this.path+M1},path:"M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z",source:"https://business.pinterest.com/en/brand-guidelines",hex:"BD081C",guidelines:"https://business.pinterest.com/en/brand-guidelines"};var wL={title:"QuickBooks",slug:"quickbooks",get svg(){return y1+"QuickBooks"+k1+this.path+M1},path:"M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm.642 4.1335c.9554 0 1.7296.776 1.7296 1.7332v9.0667h1.6c1.614 0 2.9275-1.3156 2.9275-2.933 0-1.6173-1.3136-2.9333-2.9276-2.9333h-.6654V7.3334h.6654c2.5722 0 4.6577 2.0897 4.6577 4.667 0 2.5774-2.0855 4.6666-4.6577 4.6666H12.642zM7.9837 7.333h3.3291v12.533c-.9555 0-1.73-.7759-1.73-1.7332V9.0662H7.9837c-1.6146 0-2.9277 1.316-2.9277 2.9334 0 1.6175 1.3131 2.9333 2.9277 2.9333h.6654v1.7332h-.6654c-2.5725 0-4.6577-2.0892-4.6577-4.6665 0-2.5771 2.0852-4.6666 4.6577-4.6666Z",source:"https://design.intuit.com/quickbooks/brand",hex:"2CA01C",guidelines:"https://design.intuit.com/quickbooks/brand"};var yL={title:"Sage",slug:"sage",get svg(){return y1+"Sage"+k1+this.path+M1},path:"M2.702 5.316C1.167 5.316 0 6.48 0 7.972c0 1.635 1.167 2.267 2.46 2.655 1.224.387 1.804.818 1.804 1.666 0 .86-.64 1.465-1.477 1.465-.84 0-1.566-.604-1.566-1.535 0-.516.242-.647.242-.934 0-.33-.227-.574-.599-.574-.423 0-.864.647-.864 1.566 0 1.48 1.266 2.57 2.787 2.57 1.535 0 2.701-1.163 2.701-2.656 0-1.623-1.166-2.267-2.472-2.655-1.209-.372-1.792-.818-1.792-1.666 0-.845.626-1.45 1.463-1.45.867 0 1.565.617 1.577 1.465.016.388.285.617.599.617a.592.592 0 0 0 .61-.647c-.027-1.48-1.263-2.543-2.771-2.543zm6.171 9.52c.683 0 1.21-.23 1.21-.69a.57.57 0 0 0-.557-.574c-.2 0-.341.085-.668.085-.882 0-1.577-.76-1.577-1.65 0-.962.71-1.725 1.608-1.725 1.009 0 1.65.775 1.65 1.895v2.054c0 .36.284.604.625.604.327 0 .61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984-1.566 0-2.86 1.22-2.86 2.856 0 1.58 1.282 2.83 2.817 2.83zm6.257 3.848c1.535 0 2.701-1.163 2.701-2.656 0-1.635-1.166-2.267-2.472-2.655-1.209-.387-1.792-.818-1.792-1.666s.64-1.465 1.463-1.465c.84 0 1.577.604 1.577 1.535 0 .519-.241.647-.241.934 0 .33.226.574.583.574.441 0 .882-.647.882-1.566 0-1.48-1.278-2.57-2.801-2.57-1.535 0-2.687 1.163-2.687 2.656 0 1.623 1.152 2.267 2.46 2.655 1.224.372 1.804.818 1.804 1.666 0 .86-.64 1.45-1.462 1.45-.883 0-1.566-.601-1.578-1.465-.015-.388-.3-.604-.598-.604-.327 0-.626.216-.61.631.011 1.499 1.247 2.546 2.77 2.546zm6.171-3.849c.795 0 1.424-.229 1.862-.503.426-.272.595-.504.595-.76 0-.272-.2-.516-.568-.516-.441 0-.795.66-1.877.66-.952 0-1.707-.76-1.707-1.722 0-.95.725-1.724 1.635-1.724.982 0 1.508.647 1.508 1.062 0 .116-.085.174-.2.174h-1.194c-.326 0-.568.216-.568.503 0 .314.242.546.568.546h1.636c.625 0 1.009-.33 1.009-.89 0-1.408-1.194-2.512-2.774-2.512-1.566 0-2.83 1.263-2.83 2.84s1.312 2.842 2.905 2.842z",source:"https://www.sage.com",hex:"00D639"};var kL={title:"Shopify",slug:"shopify",get svg(){return y1+"Shopify"+k1+this.path+M1},path:"M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z",source:"https://www.shopify.com/brand-assets",hex:"7AB55C",guidelines:"https://www.shopify.com/brand-assets"};var ML={title:"Square",slug:"square",get svg(){return y1+"Square"+k1+this.path+M1},path:"M4.01 0A4.01 4.01 0 000 4.01v15.98c0 2.21 1.8 4 4.01 4.01h15.98C22.2 24 24 22.2 24 19.99V4A4.01 4.01 0 0019.99 0H4zm1.62 4.36h12.74c.7 0 1.26.57 1.26 1.27v12.74c0 .7-.56 1.27-1.26 1.27H5.63c-.7 0-1.26-.57-1.26-1.27V5.63a1.27 1.27 0 011.26-1.27zm3.83 4.35a.73.73 0 00-.73.73v5.09c0 .4.32.72.72.72h5.1a.73.73 0 00.73-.72V9.44a.73.73 0 00-.73-.73h-5.1Z",source:"https://squareup.com",hex:"3E4348"};var CL={title:"Squarespace",slug:"squarespace",get svg(){return y1+"Squarespace"+k1+this.path+M1},path:"M22.655 8.719c-1.802-1.801-4.726-1.801-6.564 0l-7.351 7.35c-.45.45-.45 1.2 0 1.65.45.449 1.2.449 1.65 0l7.351-7.351c.899-.899 2.362-.899 3.264 0 .9.9.9 2.364 0 3.264l-7.239 7.239c.9.899 2.362.899 3.263 0l5.589-5.589c1.836-1.838 1.836-4.763.037-6.563zm-2.475 2.437c-.451-.45-1.201-.45-1.65 0l-7.354 7.389c-.9.899-2.361.899-3.262 0-.45-.45-1.2-.45-1.65 0s-.45 1.2 0 1.649c1.801 1.801 4.726 1.801 6.564 0l7.351-7.35c.449-.487.449-1.239.001-1.688zm-2.439-7.35c-1.801-1.801-4.726-1.801-6.564 0l-7.351 7.351c-.45.449-.45 1.199 0 1.649s1.2.45 1.65 0l7.395-7.351c.9-.899 2.371-.899 3.27 0 .451.45 1.201.45 1.65 0 .421-.487.421-1.199-.029-1.649h-.021zm-2.475 2.437c-.45-.45-1.2-.45-1.65 0l-7.351 7.389c-.899.9-2.363.9-3.265 0-.9-.899-.9-2.363 0-3.264l7.239-7.239c-.9-.9-2.362-.9-3.263 0L1.35 8.719c-1.8 1.8-1.8 4.725 0 6.563 1.801 1.801 4.725 1.801 6.564 0l7.35-7.351c.451-.488.451-1.238 0-1.688h.002z",source:"https://www.squarespace.com/logo-guidelines",hex:"000000",guidelines:"https://www.squarespace.com/brand-guidelines"};var LL={title:"Stripe",slug:"stripe",get svg(){return y1+"Stripe"+k1+this.path+M1},path:"M13.976 9.15c-2.172-.806-3.356-1.426-3.356-2.409 0-.831.683-1.305 1.901-1.305 2.227 0 4.515.858 6.09 1.631l.89-5.494C18.252.975 15.697 0 12.165 0 9.667 0 7.589.654 6.104 1.872 4.56 3.147 3.757 4.992 3.757 7.218c0 4.039 2.467 5.76 6.476 7.219 2.585.92 3.445 1.574 3.445 2.583 0 .98-.84 1.545-2.354 1.545-1.875 0-4.965-.921-6.99-2.109l-.9 5.555C5.175 22.99 8.385 24 11.714 24c2.641 0 4.843-.624 6.328-1.813 1.664-1.305 2.525-3.236 2.525-5.732 0-4.128-2.524-5.851-6.594-7.305h.003z",source:"https://stripe.com/newsroom/information",hex:"635BFF"};var SL={title:"Telegram",slug:"telegram",get svg(){return y1+"Telegram"+k1+this.path+M1},path:"M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z",source:"https://telegram.org/tour/screenshots",hex:"26A5E4"};var AL={title:"TikTok",slug:"tiktok",get svg(){return y1+"TikTok"+k1+this.path+M1},path:"M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z",source:"https://tiktok.com",hex:"000000"};var HL={title:"Trello",slug:"trello",get svg(){return y1+"Trello"+k1+this.path+M1},path:"M21.147 0H2.853A2.86 2.86 0 000 2.853v18.294A2.86 2.86 0 002.853 24h18.294A2.86 2.86 0 0024 21.147V2.853A2.86 2.86 0 0021.147 0zM10.34 17.287a.953.953 0 01-.953.953h-4a.954.954 0 01-.954-.953V5.38a.953.953 0 01.954-.953h4a.954.954 0 01.953.953zm9.233-5.467a.944.944 0 01-.953.947h-4a.947.947 0 01-.953-.947V5.38a.953.953 0 01.953-.953h4a.954.954 0 01.953.953z",source:"https://atlassian.design/resources/logo-library",hex:"0052CC",guidelines:"https://atlassian.design/foundations/logos"};var FL={title:"UPS",slug:"ups",get svg(){return y1+"UPS"+k1+this.path+M1},path:"M11.668 14.544l-.028-5.226c.138-.055.387-.111.608-.111.995 0 1.41.774 1.41 2.682 0 1.853-.47 2.765-1.438 2.765-.22 0-.441-.055-.552-.11zM3.124 7.438c4.203-3.843 9.29-4.866 14.018-4.866 1.3 0 2.544.083 3.76.194h-.028v11.253c0 2.184-.774 3.926-2.295 5.171-1.355 1.134-5.447 2.959-6.581 3.456-1.161-.525-5.253-2.378-6.581-3.456-1.493-1.244-2.295-3.014-2.295-5.171V7.438zm12.664 2.599c.028.912.276 1.576 1.687 2.406.747.442 1.051.747 1.051 1.272 0 .581-.387.94-1.023.94-.553 0-1.189-.304-1.631-.691v1.576c.553.304 1.217.525 1.88.525 1.687 0 2.433-1.189 2.461-2.267.028-.995-.249-1.742-1.659-2.571-.608-.387-1.134-.636-1.106-1.244 0-.581.525-.802.995-.802.581 0 1.161.332 1.521.691V8.378c-.304-.221-.94-.581-1.88-.553-1.135.028-2.296.829-2.296 2.212zm-5.834 9.484h1.714l-.028-3.594c.166.028.415.083.774.083 1.908 0 2.986-1.687 2.986-4.175 0-2.461-1.106-4.009-3.152-4.009-.94 0-1.687.221-2.295.608v11.087zm-5.945-6.166c0 1.797.829 2.71 2.516 2.71 1.051 0 1.908-.249 2.571-.691V7.991H7.41v6.387c-.194.138-.47.221-.802.221-.774 0-.885-.719-.885-1.189V7.991H4.009v5.364zM22.12 2.295v11.723c0 2.516-.94 4.645-2.765 6.111-1.549 1.3-6.332 3.429-7.355 3.871-1.023-.442-5.806-2.571-7.355-3.843-1.797-1.465-2.765-3.594-2.765-6.111V2.295C4.756.747 8.074 0 12 0s7.244.747 10.12 2.295zm-.304.221c-2.71-1.465-6-2.184-9.788-2.184s-7.079.746-9.788 2.184v11.502c0 2.433.912 4.452 2.627 5.862 1.576 1.3 6.581 3.484 7.161 3.76.581-.249 5.585-2.433 7.161-3.733 1.714-1.41 2.627-3.429 2.627-5.862V2.516zm-2.433 20.295c0 .47-.387.829-.829.829a.831.831 0 0 1-.829-.829c0-.47.387-.829.829-.829.441 0 .801.359.829.829zm-.166 0a.679.679 0 0 0-.664-.691c-.359 0-.664.332-.664.691 0 .359.304.664.664.664a.673.673 0 0 0 .664-.664zm-.553.055c.028.055.304.442.304.442h-.221s-.276-.387-.276-.415h-.028v.415h-.194v-.995l.304-.028c.249 0 .332.166.332.304s-.083.25-.221.277zm.027-.276c0-.055 0-.138-.166-.138h-.083v.304h.028c.194 0 .221-.083.221-.166z",source:"https://www.ups.com",hex:"150400"};var TL={title:"Visa",slug:"visa",get svg(){return y1+"Visa"+k1+this.path+M1},path:"M9.112 8.262L5.97 15.758H3.92L2.374 9.775c-.094-.368-.175-.503-.461-.658C1.447 8.864.677 8.627 0 8.479l.046-.217h3.3a.904.904 0 01.894.764l.817 4.338 2.018-5.102zm8.033 5.049c.008-1.979-2.736-2.088-2.717-2.972.006-.269.262-.555.822-.628a3.66 3.66 0 011.913.336l.34-1.59a5.207 5.207 0 00-1.814-.333c-1.917 0-3.266 1.02-3.278 2.479-.012 1.079.963 1.68 1.698 2.04.756.367 1.01.603 1.006.931-.005.504-.602.725-1.16.734-.975.015-1.54-.263-1.992-.473l-.351 1.642c.453.208 1.289.39 2.156.398 2.037 0 3.37-1.006 3.377-2.564m5.061 2.447H24l-1.565-7.496h-1.656a.883.883 0 00-.826.55l-2.909 6.946h2.036l.405-1.12h2.488zm-2.163-2.656l1.02-2.815.588 2.815zm-8.16-4.84l-1.603 7.496H8.34l1.605-7.496z",source:"https://merchantsignageeu.visa.com/product.asp?dptID=696",hex:"1A1F71"};var VL={title:"Vonage",slug:"vonage",get svg(){return y1+"Vonage"+k1+this.path+M1},path:"M9.279 11.617l-4.54-10.07H0l6.797 15.296a.084.084 0 0 0 .153 0zm9.898-10.07s-6.148 13.868-6.917 15.565c-1.838 4.056-3.2 5.07-4.588 5.289a.026.026 0 0 0 .004.052h4.34c1.911 0 3.219-1.285 5.06-5.341C17.72 15.694 24 1.547 24 1.547z",source:"https://www.vonage.com",hex:"000000"};var PL={title:"WhatsApp",slug:"whatsapp",get svg(){return y1+"WhatsApp"+k1+this.path+M1},path:"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z",source:"https://about.meta.com/brand/resources/whatsapp/whatsapp-brand",hex:"25D366",guidelines:"https://about.meta.com/brand/resources/whatsapp/whatsapp-brand"};var EL={title:"Wise",slug:"wise",get svg(){return y1+"Wise"+k1+this.path+M1},path:"M6.488 7.469 0 15.05h11.585l1.301-3.576H7.922l3.033-3.507.01-.092L8.993 4.48h8.873l-6.878 18.925h4.706L24 .595H2.543l3.945 6.874Z",source:"https://wise.design/foundations/logo",hex:"9FE870",guidelines:"https://wise.design/foundations/logo"};var BL={title:"Wix",slug:"wix",get svg(){return y1+"Wix"+k1+this.path+M1},path:"m0 7.354 2.113 9.292h.801a1.54 1.54 0 0 0 1.506-1.218l1.351-6.34a.171.171 0 0 1 .167-.137c.08 0 .15.058.167.137l1.352 6.34a1.54 1.54 0 0 0 1.506 1.218h.805l2.113-9.292h-.565c-.62 0-1.159.43-1.296 1.035l-1.26 5.545-1.106-5.176a1.76 1.76 0 0 0-2.19-1.324c-.639.176-1.113.716-1.251 1.365l-1.094 5.127-1.26-5.537A1.33 1.33 0 0 0 .563 7.354H0zm13.992 0a.951.951 0 0 0-.951.95v8.342h.635a.952.952 0 0 0 .951-.95V7.353h-.635zm1.778 0 3.158 4.66-3.14 4.632h1.325c.368 0 .712-.181.918-.486l1.756-2.59a.12.12 0 0 1 .197 0l1.754 2.59c.206.305.55.486.918.486h1.326l-3.14-4.632L24 7.354h-1.326c-.368 0-.712.181-.918.486l-1.772 2.617a.12.12 0 0 1-.197 0L18.014 7.84a1.108 1.108 0 0 0-.918-.486H15.77z",source:"https://www.wix.com/about/design-assets",hex:"0C6EFC",guidelines:"https://www.wix.com/about/design-assets"};var NL={title:"WooCommerce",slug:"woocommerce",get svg(){return y1+"WooCommerce"+k1+this.path+M1},path:"M.754 9.58a.754.754 0 00-.754.758v2.525c0 .42.339.758.758.758h3.135l1.431.799-.326-.799h2.373a.757.757 0 00.758-.758v-2.525a.757.757 0 00-.758-.758H.754zm2.709.445h.03c.065.001.124.023.179.067a.26.26 0 01.103.19.29.29 0 01-.033.16c-.13.239-.236.64-.322 1.199-.083.541-.114.965-.094 1.267a.392.392 0 01-.039.219.213.213 0 01-.176.12c-.086.006-.177-.034-.263-.124-.31-.316-.555-.788-.735-1.416-.216.425-.375.744-.478.957-.196.376-.363.568-.502.578-.09.007-.166-.069-.233-.228-.17-.436-.352-1.277-.548-2.524a.297.297 0 01.054-.222c.047-.064.116-.095.21-.102.169-.013.265.065.288.238.103.695.217 1.284.336 1.766l.727-1.387c.066-.126.15-.192.25-.199.146-.01.237.083.273.28.083.441.188.817.315 1.136.086-.844.233-1.453.44-1.828a.255.255 0 01.218-.147zm1.293.36c.056 0 .116.006.18.02.232.05.411.177.53.386.107.18.161.395.161.654 0 .343-.087.654-.26.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.158-.659c0-.342.085-.655.258-.937.202-.333.462-.498.78-.498zm2.084 0c.056 0 .116.006.18.02.236.05.411.177.53.386.107.18.16.395.16.654 0 .343-.086.654-.259.94-.2.332-.459.5-.781.5a.88.88 0 01-.18-.022.763.763 0 01-.531-.384 1.287 1.287 0 01-.16-.659c0-.342.087-.655.26-.937.202-.333.462-.498.78-.498zm4.437.047c-.305 0-.546.102-.718.304-.173.203-.256.49-.256.856 0 .395.086.697.256.906.17.21.418.316.744.316.315 0 .559-.107.728-.316.17-.21.256-.504.256-.883s-.087-.673-.26-.879c-.176-.202-.424-.304-.75-.304zm-1.466.002a1.13 1.13 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.505.336.861.336.103 0 .22-.016.346-.052v-.54c-.117.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm12.414 0a1.135 1.135 0 00-.84.326c-.223.22-.332.499-.332.838 0 .362.108.658.328.88.22.223.506.336.861.336.103 0 .22-.016.346-.052v-.54c-.116.034-.216.051-.303.051a.545.545 0 01-.422-.177c-.106-.12-.16-.278-.16-.48 0-.19.053-.348.156-.468a.498.498 0 01.397-.181c.103 0 .212.015.332.049v-.537a1.394 1.394 0 00-.363-.045zm-9.598.06l-.29 2.264h.579l.156-1.559.395 1.559h.412l.379-1.555.164 1.555h.603l-.304-2.264h-.791l-.12.508c-.03.13-.06.264-.087.4l-.067.352a29.97 29.97 0 00-.258-1.26h-.771zm2.768 0l-.29 2.264h.579l.156-1.559.396 1.559h.412l.375-1.555.165 1.555h.603l-.305-2.264h-.789l-.119.508c-.03.13-.06.264-.086.4l-.066.352c-.063-.352-.15-.771-.26-1.26h-.771zm3.988 0v2.264h.611v-1.031h.012l.494 1.03h.645l-.489-1.019a.61.61 0 00.37-.552.598.598 0 00-.25-.506c-.167-.123-.394-.186-.68-.186h-.713zm3.377 0v2.264H24v-.483h-.63v-.414h.54v-.468h-.54v-.416h.626v-.483H22.76zm-4.793.004v2.264h1.24v-.483h-.627v-.416h.541v-.468h-.54v-.415h.622v-.482h-1.236zm2.025.432c.146.003.25.025.313.072.063.046.091.12.091.227 0 .156-.135.236-.404.24v-.54zm-15.22.011c-.104 0-.205.069-.301.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.016-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm2.083 0c-.103 0-.204.069-.3.211a1.078 1.078 0 00-.2.639c0 .096.02.2.06.303.049.13.117.198.196.215.083.016.173-.02.27-.106.123-.11.205-.273.252-.492.013-.077.023-.16.023-.246 0-.097-.02-.2-.06-.303-.05-.13-.116-.198-.196-.215a.246.246 0 00-.045-.006zm4.428.006c.233 0 .354.218.354.66-.004.273-.038.46-.098.553a.293.293 0 01-.262.139.266.266 0 01-.242-.139c-.056-.093-.084-.28-.084-.562 0-.436.11-.65.332-.65Z",source:"https://woocommerce.com/style-guide",hex:"96588A",guidelines:"https://woocommerce.com/trademark-guidelines"};var ZL={title:"Xero",slug:"xero",get svg(){return y1+"Xero"+k1+this.path+M1},path:"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm6.585 14.655c-1.485 0-2.69-1.206-2.69-2.689 0-1.485 1.207-2.691 2.69-2.691 1.485 0 2.69 1.207 2.69 2.691s-1.207 2.689-2.69 2.689zM7.53 14.644c-.099 0-.192-.041-.267-.116l-2.043-2.04-2.052 2.047c-.069.068-.16.108-.258.108-.202 0-.368-.166-.368-.368 0-.099.04-.191.111-.263l2.04-2.05-2.038-2.047c-.075-.069-.113-.162-.113-.261 0-.203.166-.366.368-.366.098 0 .188.037.258.105l2.055 2.048 2.048-2.045c.069-.071.162-.108.26-.108.211 0 .375.165.375.366 0 .098-.029.188-.104.258l-2.056 2.055 2.055 2.051c.068.069.104.16.104.258 0 .202-.165.368-.365.368h-.01zm8.017-4.591c-.796.101-.882.476-.882 1.404v2.787c0 .202-.165.366-.366.366-.203 0-.367-.165-.368-.366v-4.53c0-.204.16-.366.362-.366.166 0 .316.125.346.289.27-.209.6-.317.93-.317h.105c.195 0 .359.165.359.368 0 .201-.164.352-.375.359 0 0-.09 0-.164.008l.053-.002zm-3.091 2.205H8.625c0 .019.003.037.006.057.02.105.045.211.083.31.194.531.765 1.275 1.829 1.29.33-.003.631-.086.9-.229.21-.12.391-.271.525-.428.045-.058.09-.112.12-.168.18-.229.405-.186.54-.083.164.135.18.391.045.57l-.016.016c-.21.27-.435.495-.689.66-.255.164-.525.284-.811.345-.33.09-.645.104-.975.06-1.095-.135-2.01-.93-2.28-2.01-.06-.21-.09-.42-.09-.645 0-.855.421-1.695 1.125-2.205.885-.615 2.085-.66 3-.075.63.405 1.035 1.021 1.185 1.771.075.419-.21.794-.734.81l.068-.046zm6.129-2.223c-1.064 0-1.931.865-1.931 1.931 0 1.064.866 1.931 1.931 1.931s1.931-.867 1.931-1.931c0-1.065-.866-1.933-1.931-1.933v.002zm0 2.595c-.367 0-.666-.297-.666-.666 0-.367.3-.665.666-.665.367 0 .667.299.667.665 0 .369-.3.667-.667.666zm-8.04-2.603c-.91 0-1.672.623-1.886 1.466v.03h3.776c-.203-.855-.973-1.494-1.891-1.494v-.002z",source:"https://www.xero.com/uk/about/media/downloads",hex:"13B5EA"};var IL={title:"YouTube",slug:"youtube",get svg(){return y1+"YouTube"+k1+this.path+M1},path:"M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z",source:"https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors",hex:"FF0000",guidelines:"https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors"};var RL={title:"Zapier",slug:"zapier",get svg(){return y1+"Zapier"+k1+this.path+M1},path:"M4.157 0A4.151 4.151 0 0 0 0 4.161v15.678A4.151 4.151 0 0 0 4.157 24h15.682A4.152 4.152 0 0 0 24 19.839V4.161A4.152 4.152 0 0 0 19.839 0H4.157Zm10.61 8.761h.03a.577.577 0 0 1 .23.038.585.585 0 0 1 .201.124.63.63 0 0 1 .162.431.612.612 0 0 1-.162.435.58.58 0 0 1-.201.128.58.58 0 0 1-.23.042.529.529 0 0 1-.235-.042.585.585 0 0 1-.332-.328.559.559 0 0 1-.038-.235.613.613 0 0 1 .17-.431.59.59 0 0 1 .405-.162Zm2.853 1.572c.03.004.061.004.095.004.325-.011.646.064.937.219.238.144.431.355.552.609.128.279.189.582.185.888v.193a2 2 0 0 1 0 .219h-2.498c.003.227.075.45.204.642a.78.78 0 0 0 .646.265.714.714 0 0 0 .484-.136.642.642 0 0 0 .23-.318l.915.257a1.398 1.398 0 0 1-.28.537c-.14.159-.321.284-.521.355a2.234 2.234 0 0 1-.836.136 1.923 1.923 0 0 1-1.001-.245 1.618 1.618 0 0 1-.665-.703 2.221 2.221 0 0 1-.227-1.036 1.95 1.95 0 0 1 .48-1.398 1.9 1.9 0 0 1 1.3-.488Zm-9.607.023c.162.004.325.026.48.079.207.065.4.174.563.314.26.302.393.692.366 1.088v2.276H8.53l-.109-.711h-.065c-.064.163-.155.31-.272.439a1.122 1.122 0 0 1-.374.264 1.023 1.023 0 0 1-.453.083 1.334 1.334 0 0 1-.866-.264.965.965 0 0 1-.329-.801.993.993 0 0 1 .076-.431 1.02 1.02 0 0 1 .242-.363 1.478 1.478 0 0 1 1.043-.303h.952v-.181a.696.696 0 0 0-.136-.454.553.553 0 0 0-.438-.154.695.695 0 0 0-.378.086.48.48 0 0 0-.193.254l-.99-.144a1.26 1.26 0 0 1 .257-.563c.14-.174.321-.302.533-.378.261-.091.54-.136.82-.129.053-.003.106-.007.163-.007Zm4.384.007c.174 0 .347.038.506.114.182.083.34.211.458.374.257.423.377.911.351 1.406a2.53 2.53 0 0 1-.355 1.448 1.148 1.148 0 0 1-1.009.517c-.204 0-.401-.045-.582-.136a1.052 1.052 0 0 1-.48-.457 1.298 1.298 0 0 1-.114-.234h-.045l.004 1.784h-1.059v-4.713h.904l.117.805h.057c.068-.208.177-.401.328-.56a1.129 1.129 0 0 1 .843-.344h.076v-.004Zm7.559.084h.903l.113.805h.053a1.37 1.37 0 0 1 .235-.484.813.813 0 0 1 .313-.242.82.82 0 0 1 .39-.076h.234v1.051h-.401a.662.662 0 0 0-.313.008.623.623 0 0 0-.272.155.663.663 0 0 0-.174.26.683.683 0 0 0-.027.314v1.875h-1.054v-3.666Zm-17.515.003h3.262v.896L3.73 13.104l.034.113h1.973l.042.9H2.4v-.9l1.931-1.754-.045-.117H2.441v-.896Zm11.815 0h1.055v3.659h-1.055V10.45Zm3.443.684.019.016a.69.69 0 0 0-.351.045.756.756 0 0 0-.287.204c-.11.155-.174.336-.189.522h1.545c-.034-.526-.257-.787-.74-.787h.003Zm-5.718.163c-.026 0-.057 0-.083.004a.78.78 0 0 0-.31.053.746.746 0 0 0-.257.189 1.016 1.016 0 0 0-.204.695v.064c-.015.257.057.507.204.711a.634.634 0 0 0 .253.196.638.638 0 0 0 .314.061.644.644 0 0 0 .578-.265c.14-.223.204-.48.189-.74a1.216 1.216 0 0 0-.181-.711.677.677 0 0 0-.503-.257Zm-4.509 1.266a.464.464 0 0 0-.268.102.373.373 0 0 0-.114.276c0 .053.008.106.027.155a.375.375 0 0 0 .087.132.576.576 0 0 0 .397.11v.004a.863.863 0 0 0 .563-.182.573.573 0 0 0 .211-.457v-.14h-.903Z",source:"https://www.figma.com/file/NQFxTCE5pGR3dHZt0DkOyy/Zapier-Brand-Guidelines-%5BExternal%5D?type=design&node-id=101-9701&mode=design",hex:"FF4F00",guidelines:"https://www.figma.com/file/NQFxTCE5pGR3dHZt0DkOyy/Zapier-Brand-Guidelines-%5BExternal%5D?type=design&node-id=101-9701&mode=design"};var _L={title:"Zendesk",slug:"zendesk",get svg(){return y1+"Zendesk"+k1+this.path+M1},path:"M12.914 2.904V16.29L24 2.905H12.914zM0 2.906C0 5.966 2.483 8.45 5.543 8.45s5.542-2.484 5.543-5.544H0zm11.086 4.807L0 21.096h11.086V7.713zm7.37 7.84c-3.063 0-5.542 2.48-5.542 5.543H24c0-3.06-2.48-5.543-5.543-5.543z",source:"https://brandland.zendesk.com",hex:"03363D",guidelines:"https://brandland.zendesk.com"};var DL={title:"Zoom",slug:"zoom",get svg(){return y1+"Zoom"+k1+this.path+M1},path:"M5.033 14.649H.743a.74.74 0 0 1-.686-.458.74.74 0 0 1 .16-.808L3.19 10.41H1.06A1.06 1.06 0 0 1 0 9.35h3.957c.301 0 .57.18.686.458a.74.74 0 0 1-.161.808L1.51 13.59h2.464c.585 0 1.06.475 1.06 1.06zM24 11.338c0-1.14-.927-2.066-2.066-2.066-.61 0-1.158.265-1.537.686a2.061 2.061 0 0 0-1.536-.686c-1.14 0-2.066.926-2.066 2.066v3.311a1.06 1.06 0 0 0 1.06-1.06v-2.251a1.004 1.004 0 0 1 2.013 0v2.251c0 .586.474 1.06 1.06 1.06v-3.311a1.004 1.004 0 0 1 2.012 0v2.251c0 .586.475 1.06 1.06 1.06zM16.265 12a2.728 2.728 0 1 1-5.457 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0zm-4.82 0a2.728 2.728 0 1 1-5.458 0 2.728 2.728 0 0 1 5.457 0zm-1.06 0a1.669 1.669 0 1 0-3.338 0 1.669 1.669 0 0 0 3.338 0z",source:"https://brand.zoom.us/media-library/",hex:"0B5CFF",guidelines:"https://brand.zoom.us/usage-legal/"};var uO={adyen:DC,afterpay:OC,aircall:GC,americanexpress:Vn,amex:Vn,applepay:qC,bigcommerce:WC,brevo:UC,calendly:KC,campaignmonitor:$C,dhl:jC,dropbox:YC,ebay:XC,etsy:JC,facebook:QC,fedex:eL,gmail:tL,googleads:aL,googleanalytics:cL,googlecalendar:sL,googledrive:lL,googlepay:oL,googlesheets:rL,hubspot:iL,instagram:nL,intercom:hL,klarna:mL,mailchimp:pL,mailgun:uL,make:gL,mastercard:dL,messenger:vL,meta:Pn,metaads:Pn,myob:fL,notion:bL,paypal:zL,pinterest:xL,quickbooks:wL,sage:yL,shopify:kL,square:ML,squarespace:CL,stripe:LL,telegram:SL,tiktok:AL,trello:HL,ups:FL,visa:TL,vonage:VL,whatsapp:PL,wise:EL,wix:BL,woocommerce:NL,xero:ZL,youtube:IL,zapier:RL,zendesk:_L,zoom:DL};function OL(e){return uO[e.toLowerCase().replace(/[^a-z0-9]/g,"")]??null}import{jsx as $2,jsxs as Ts}from"react/jsx-runtime";function gO(e,t){let a=Array.from({length:t},()=>[]);return e.forEach((c,s)=>a[s%t].push(c)),a.filter(c=>c.length>0)}function dO({name:e}){let t=OL(e);return Ts("span",{className:"flex flex-shrink-0 items-center gap-2.5 whitespace-nowrap rounded-full border border-line bg-bg px-5 py-2.5",children:[t&&$2("svg",{viewBox:"0 0 24 24",className:"h-[16px] w-[16px] flex-shrink-0 fill-current text-fg/85","aria-hidden":!0,children:$2("path",{d:t.path})}),$2("span",{className:"text-[13px] font-medium tracking-wide text-fg/75",children:e})]})}function vO({names:e,reverse:t}){return $2("div",{className:"overflow-hidden","aria-hidden":!1,children:$2("div",{className:"flex w-max gap-3 pr-3 [animation:sf-marquee_var(--sf-marquee-t)_linear_infinite] motion-reduce:[animation:none]",style:{"--sf-marquee-t":`${Math.max(e.length*6,30)}s`,animationDirection:t?"reverse":"normal"},children:[0,1].map(a=>$2("div",{className:"flex gap-3","aria-hidden":a===1,children:e.map((c,s)=>$2(dO,{name:c},s))},a))})})}function En({eyebrow:e,title:t,body:a,apps:c,statValue:s,statLabel:l,note:o,editing:r=!1}={}){let i=(c??[]).map(m=>(m.text??"").trim()).filter(m=>r||m).map(m=>m||"App"),n=!!(e??"").trim()||!!(t??"").trim();if(!r&&!n&&i.length===0)return null;let h=gO(i,3);return Ts("section",{className:"relative z-[2] overflow-hidden border-y border-line bg-surface py-[76px]",children:[Ts("div",{className:"mx-auto mb-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(e??"").trim()&&$2("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:k(e??"")}),(t??"").trim()&&$2("h2",{className:"mt-5 font-display text-[40px] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[30px]",children:U(t??"",!1)}),(a??"").trim()&&$2("p",{className:"mx-auto mt-5 max-w-[60ch] text-[15px] leading-relaxed text-fg/65",children:a})]}),h.length>0&&$2("div",{className:"flex flex-col gap-3",children:h.map((m,p)=>$2(vO,{names:m,reverse:p%2===1},p))}),((s??"").trim()||(o??"").trim())&&Ts("div",{className:"mx-auto mt-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(s??"").trim()&&$2("div",{className:"font-display text-[min(64px,var(--sf-heading-max,9999px))] font-medium uppercase leading-none text-accent max-[800px]:text-[min(46px,var(--sf-heading-max,9999px))]",children:s}),(l??"").trim()&&$2("div",{className:"mt-2 font-display text-[18px] font-medium uppercase tracking-[0.06em] text-fg",children:k(l??"")}),(o??"").trim()&&$2("p",{className:"mx-auto mt-4 max-w-[52ch] text-[13px] leading-relaxed text-fg/50",children:o})]})]})}import{jsx as fO}from"react/jsx-runtime";var GL={label:"Integrations Grid",defaultProps:{eyebrow:"",title:"",body:"",apps:[],statValue:"",statLabel:"",note:""},render:({eyebrow:e,title:t,body:a,apps:c,statValue:s,statLabel:l,note:o,puck:r})=>fO(En,{eyebrow:x(e,"Integrations",r),title:x(t,`Plays well with
|
|
140
|
-
*your favourite apps.*`,r),body:a,apps:c,statValue:s,statLabel:l,note:o,editing:r?.isEditing})};import{useContext as bO}from"react";import{jsx as qL}from"react/jsx-runtime";function Bn({src:e,alt:t,href:a,heightPx:c=N5,reverse:s=!0}){let l=Ja(),o=(e??"").trim(),r=o?{src:M2(o),reversedSrc:null,inkIsDark:null,wordmark:t?.trim()||null}:{src:l.src,reversedSrc:l.reversedSrc,inkIsDark:l.inkIsDark,wordmark:l.wordmark},i=bO(mi),n=Wc(),h=qL(Ya,{variant:"footer",sizePx:c,src:r.src,reverse:s,reversedSrc:r.reversedSrc,inkIsDark:r.inkIsDark,wordmark:r.wordmark,siteName:l.siteName,fitToContainer:n,...i?.dark?{onLightSurface:!1}:{}});return a?qL(i0,{href:a,className:"inline-flex",children:h}):h}import{jsx as zO}from"react/jsx-runtime";var WL={label:"Logo",defaultProps:{heightPx:N5,reverse:"auto"},render:({src:e,alt:t,href:a,heightPx:c,reverse:s})=>zO(Bn,{src:e||void 0,alt:o2(t).text||void 0,href:a||void 0,heightPx:c,reverse:s!=="off"})};import{jsx as $e,jsxs as xO}from"react/jsx-runtime";function Nn({items:e,contained:t,heading:a,columns:c,grayscale:s,logoHeight:l,bandPadding:o}){let r=c!=null?{flex:`0 0 calc((100% - ${(c-1)*3.5}rem) / ${c})`}:void 0;return xO(S0,{contained:t,className:o==null?"py-10":"",style:o==null?void 0:{paddingTop:`${o}px`,paddingBottom:`${o}px`},children:[a!=null&&a!==""?$e("h2",{className:"mb-8 text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:U(a,!1)}):null,$e("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(e??[]).map((i,n)=>$e("div",{className:"text-center",style:r,children:i.src?$e("img",{src:M2(i.src),alt:i.alt,className:["mx-auto w-auto opacity-60 transition-opacity hover:opacity-100",l==null?"h-7":"",s===!1?"":"grayscale"].filter(Boolean).join(" "),style:l==null?void 0:{height:`${l}px`}}):$e("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:z0(i.alt||"Logo")})},n))})]})}import{jsx as yO}from"react/jsx-runtime";var wO=[{src:"",alt:"Logo one"},{src:"",alt:"Logo two"},{src:"",alt:"Logo three"},{src:"",alt:"Logo four"},{src:"",alt:"Logo five"}],UL={label:"Logos",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:c,logoHeight:s,bandPadding:l,grayscale:o,puck:r})=>yO(Nn,{items:d1(e,wO,r),contained:t,heading:x(a,"Trusted by *teams worldwide*",r),columns:c,logoHeight:s,bandPadding:l,grayscale:o})};import{jsx as KL,jsxs as kO}from"react/jsx-runtime";function Zn({target:e,label:t}){let a=e.match(/^(\d+)(.*)$/),c=a?parseInt(a[1],10):0,s=a?a[2]:"",{ref:l,value:o}=X8(c),r=a?o+s:e;return kO("div",{ref:l,className:"min-w-0",children:[KL("div",{className:"font-heading2 text-[length:var(--size-headingMedium,40px)] font-medium leading-none tracking-[-0.02em] tabular-nums","aria-label":e,children:r}),KL("div",{className:"mt-1 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:t})]})}import{jsx as m5,jsxs as $L}from"react/jsx-runtime";function In({eyebrow:e,heading:t,body:a,stats:c,imageSrc:s,grayscale:l,...o}={}){let r=E8(l,B8()),i=e||null,n=t||null,h=a||null,m=(c??[]).filter(p=>(p.value??"").trim()!==""||(p.label??"").trim()!=="");return m5("section",{className:"relative z-[2] bg-bg p-0",children:$L("div",{className:"grid h-screen min-h-[100vh] grid-cols-2 border-y border-line max-[960px]:h-auto max-[960px]:grid-cols-1",children:[m5("div",{className:"flex flex-col justify-center border-r border-line px-[var(--sf-site-gutter,40px)] py-[100px] max-[960px]:order-2 max-[960px]:border-r-0 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[960px]:py-[60px]",children:$L("div",{className:v0(o)?"flex w-full flex-col gap-7":"ml-auto flex w-full flex-col gap-7 max-w-[calc(var(--sf-site-width,1600px)/2_-_var(--sf-site-gutter,40px)*2_-_1px)] max-[960px]:ml-0 max-[960px]:max-w-none",children:[i!==null&&m5(I1,{text:i,size:14}),n!==null&&m5("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] font-normal leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] max-[800px]:leading-[1]",children:U(n,!0)}),h!==null&&m0(h).map((p,u)=>m5("p",{className:"max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim",children:k(p)},u)),m.length>0&&m5("div",{className:"mt-4 grid max-w-[520px] gap-6 border-t border-line pt-7",style:{gridTemplateColumns:`repeat(${m.length}, minmax(0, 1fr))`},children:m.map((p,u)=>m5(Zn,{target:p.value??"",label:p.label??""},u))})]})}),m5("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:m5(T0,{label:"manifesto",src:s||void 0,objectFit:"cover",objectPosition:"center",treatment:r})})]})})}import{jsx as CO}from"react/jsx-runtime";var MO=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],jL={label:"Brand Text",defaultProps:{eyebrow:"",imageSrc:"",stats:[]},render:({eyebrow:e,heading:t,body:a,stats:c,imageSrc:s,grayscale:l,widthMode:o,fullWidth:r,pageWidth:i,puck:n})=>CO(In,{eyebrow:V0(e,L.eyebrow,n),heading:V0(t,L.heading,n),body:V0(a,L.body,n),stats:d1(c,MO,n),imageSrc:s||void 0,grayscale:l,widthMode:o,fullWidth:r,pageWidth:i})};import{Fragment as JL,jsx as v1,jsxs as k0}from"react/jsx-runtime";var Rn="#ffffff",S4="#16181d",n6="#5b6470",Vs="#9aa3ae",a9="#f4f6f8",g7="#e3e7ec",Ps="#1f9d55";function LO({rows:e}){return v1("div",{className:"flex flex-col gap-3",children:e.map((t,a)=>{let c=t.state??"ok",s=c==="no";return k0("div",{className:"flex items-center gap-3 rounded-lg border px-4 py-3",style:{background:s?"#fbfbfc":a9,borderColor:g7},children:[c==="no"?v1("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:Vs},children:"\u2715"}):v1("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:c==="warn"?"var(--accent)":Ps}}),v1("span",{className:"text-[14px] font-semibold",style:{color:s?Vs:S4},children:t.lead}),v1("span",{className:"text-[13px]",style:{color:s?Vs:n6},children:t.detail}),(t.status??"").trim()&&v1("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:c==="ok"?Ps:c==="warn"?"var(--accent)":Vs},children:t.status})]},a)})})}var YL=["#c7cdd5","var(--accent)","#c7cdd5",Ps];function SO({columns:e}){return v1("div",{className:"grid gap-2 rounded-xl p-3",style:{background:a9,gridTemplateColumns:`repeat(${e.length}, minmax(0, 1fr))`},children:e.map((t,a)=>k0("div",{className:"flex flex-col gap-2",children:[k0("div",{className:"flex items-baseline justify-between px-1",children:[v1("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:n6},children:t.title}),v1("span",{className:"font-mono text-[9px] font-bold",style:{color:"var(--accent)"},children:t.cards.length})]}),t.cards.map((c,s)=>k0("div",{className:"rounded-md border px-2.5 py-2",style:{background:Rn,borderColor:a===e.length-1?"#bfe3ce":g7},children:[v1("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:YL[a%YL.length]}}),v1("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:S4},children:c})]},s))]},a))})}function AO({heading:e,bars:t}){let a=Math.max(...t.map(s=>s.value),0)||1,c=t.findIndex(s=>s.value===a);return k0("div",{className:"border-t pt-4",style:{borderColor:g7},children:[e.trim()&&v1("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:n6},children:e}),v1("div",{className:"flex flex-col gap-2.5",children:t.map((s,l)=>k0("div",{className:"flex items-center gap-3",children:[v1("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:S4},children:s.label}),v1("span",{className:"h-[12px] rounded-full",style:{width:`${Math.max(s.value/a*60,4)}%`,background:l===c?"var(--accent)":l%2?"#c7cdd5":"#9aa3ae"}}),k0("span",{className:"text-[12px]",style:{color:n6},children:[s.value,"%"]})]},l))})]})}function XL({size:e}){let t=e/2;return k0("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-hidden":!0,children:[v1("circle",{cx:t,cy:t,r:t*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),v1("circle",{cx:t,cy:t,r:t*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),v1("circle",{cx:t,cy:t,r:t*.14,fill:"var(--accent)"})]})}function HO({header:e,lines:t}){return k0("div",{style:{background:"#0c0e11"},children:[k0("div",{className:"relative flex items-center gap-2 px-4 py-3",style:{background:"#161a20"},children:[v1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),v1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),v1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&v1("span",{className:"absolute inset-x-0 text-center font-mono text-[11px]",style:{color:"rgba(244,246,242,0.45)"},children:e})]}),k0("div",{className:"flex flex-col gap-1.5 px-5 py-5 font-mono text-[13px] leading-relaxed",children:[t.map((a,c)=>a.startsWith("$ ")?k0("div",{children:[v1("span",{style:{color:"var(--accent)"},children:"$ "}),v1("span",{style:{color:"#f4f6f2"},children:a.slice(2)})]},c):a.startsWith("\u2713")?v1("div",{style:{color:"#6fcf7e"},children:a},c):v1("div",{style:{color:"rgba(244,246,242,0.55)"},children:a},c)),v1("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function FO({urlText:e,heroTitle:t,heroButton:a,products:c}){return k0("div",{children:[k0("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:a9},children:[v1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),v1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),v1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&v1("span",{className:"mx-auto rounded-full border px-6 py-1 text-[11px]",style:{background:Rn,borderColor:g7,color:n6},children:e}),v1("span",{className:"w-[54px]","aria-hidden":!0})]}),k0("div",{className:"relative overflow-hidden px-5 py-6",style:{background:S4},children:[v1("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:v1(XL,{size:104})}),t.trim()&&v1("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:t}),a.trim()&&v1("div",{className:"mt-3 inline-block rounded px-3.5 py-1.5 text-[11px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:a})]}),c.length>0&&v1("div",{className:"grid grid-cols-3 gap-3 p-4",children:c.map((s,l)=>k0("div",{className:"overflow-hidden rounded-lg border",style:{borderColor:g7},children:[v1("div",{className:"flex items-center justify-center py-3",style:{background:a9},children:v1(XL,{size:56})}),k0("div",{className:"flex flex-col gap-1 p-2.5",children:[v1("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:S4},children:s.name}),v1("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:s.price}),v1("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:S4},"aria-hidden":!0,children:"Add to cart"})]})]},l))})]})}function _n({eyebrow:e,title:t,body:a,variant:c="spec-card",cardHeader:s,badge:l,cardTitle:o,cardSubtitle:r,pills:i,tiles:n,rows:h,button:m,footnote:p,col1Title:u,col1Cards:d,col2Title:g,col2Cards:z,col3Title:f,col3Cards:b,col4Title:y,col4Cards:C,barsHeading:S,bars:H,termLines:_,urlText:Z,heroTitle:q,heroButton:j,products:B,align:N="right",editing:D=!1}={}){let T=(i??[]).filter(I=>D||(I.value??"").trim()),R=(n??[]).filter(I=>D||(I.label??"").trim()),i1=(h??[]).filter(I=>D||(I.lead??"").trim()),O=[[u,d],[g,z],[f,b],[y,C]].map(([I,H1])=>({title:(I??"").trim(),cards:(H1??[]).map(f1=>(f1.text??"").trim()).filter(Boolean)})).filter(I=>I.title||I.cards.length>0),m1=(H??[]).map(I=>({label:(I.label??"").trim(),value:parseFloat(I.value??"")})).filter(I=>I.label&&Number.isFinite(I.value)),Q=(_??[]).map(I=>I.text??"").filter(I=>D||I.trim()),K=(B??[]).map(I=>({name:(I.name??"").trim(),price:(I.price??"").trim()})).filter(I=>I.name),a1=!!(e??"").trim()||!!(t??"").trim(),B1=!!(s??"").trim()||!!(o??"").trim()||T.length>0||R.length>0||i1.length>0||O.length>0||m1.length>0||K.length>0||Q.length>0||!!(q??"").trim();if(!D&&!a1&&!B1)return null;let D1=k0("div",{className:`w-full overflow-hidden rounded-2xl shadow-[0_24px_60px_rgba(0,0,0,0.35)] ${c==="kanban"||c==="browser"||c==="terminal"?"max-w-[600px]":"max-w-[520px]"}`,style:{background:Rn},children:[c!=="terminal"&&(s??"").trim()&&k0("div",{className:"flex items-center justify-between px-6 py-4",style:{background:S4},children:[v1("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-white",children:s}),(l??"").trim()&&k0("span",{className:"flex items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-white",children:[v1("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:Ps}}),l]})]}),c==="terminal"?v1(HO,{header:s??"",lines:Q}):c==="browser"?v1(FO,{urlText:Z??"",heroTitle:q??"",heroButton:j??"",products:K}):k0("div",{className:"flex flex-col gap-5 p-6",children:[((o??"").trim()||(r??"").trim())&&k0("div",{children:[(o??"").trim()&&v1("div",{className:"text-[22px] font-bold leading-tight",style:{color:S4},children:o}),(r??"").trim()&&v1("div",{className:"mt-1 text-[14px]",style:{color:n6},children:r})]}),c==="fitment"&&T.length>0&&v1("div",{className:"flex flex-wrap gap-2.5",children:T.map((I,H1)=>k0("span",{className:"flex items-baseline gap-2 rounded-full border px-4 py-2",style:{background:a9,borderColor:g7},children:[v1("span",{className:"text-[11px]",style:{color:n6},children:I.label}),v1("span",{className:"text-[13px] font-bold",style:{color:S4},children:I.value})]},H1))}),c!=="fitment"&&R.length>0&&v1("div",{className:"grid grid-cols-2 gap-3",children:R.map((I,H1)=>k0("div",{className:"rounded-lg px-4 py-3",style:{background:a9},children:[v1("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:n6},children:I.label}),v1("div",{className:"mt-1 text-[17px] font-bold",style:{color:S4},children:I.value})]},H1))}),i1.length>0&&v1(LO,{rows:i1}),(m??"").trim()&&v1("div",{className:"self-start rounded-lg px-6 py-2.5 text-[14px] font-bold text-white",style:{background:"var(--accent)"},"aria-hidden":!0,children:m}),c==="kanban"&&O.length>0&&v1(SO,{columns:O}),c==="claims"&&m1.length>0&&v1(AO,{heading:S??"",bars:m1}),(p??"").trim()&&v1("div",{className:"border-t pt-4",style:{borderColor:g7},children:v1("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:p})})]})]}),t0=k0("div",{children:[(e??"").trim()&&v1("span",{className:"inline-block bg-accent px-3.5 py-1.5 font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-bg",children:k(e??"")}),(t??"").trim()&&v1("h2",{className:"mt-5 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(t??"",!1)}),(a??"").trim()&&v1("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:a})]});return v1("section",{className:"relative z-[2] border-y border-line bg-surface",children:v1("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] items-center gap-14 px-[var(--sf-site-gutter,40px)] py-[76px] min-[960px]:grid-cols-2 max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:N==="left"?k0(JL,{children:[v1("div",{className:"flex justify-center min-[960px]:justify-start",children:D1}),t0]}):k0(JL,{children:[t0,v1("div",{className:"flex justify-center min-[960px]:justify-end",children:D1})]})})})}import{jsx as TO}from"react/jsx-runtime";var QL={label:"Mockup Card",defaultProps:{eyebrow:"",title:"",body:"",variant:"spec-card",cardHeader:"",badge:"",cardTitle:"",cardSubtitle:"",pills:[],tiles:[],rows:[],button:"",footnote:"",col1Title:"",col1Cards:[],col2Title:"",col2Cards:[],col3Title:"",col3Cards:[],col4Title:"",col4Cards:[],barsHeading:"",bars:[],termLines:[],urlText:"",heroTitle:"",heroButton:"",products:[],align:"right"},render:({eyebrow:e,title:t,body:a,variant:c,cardHeader:s,badge:l,cardTitle:o,cardSubtitle:r,pills:i,tiles:n,rows:h,button:m,footnote:p,col1Title:u,col1Cards:d,col2Title:g,col2Cards:z,col3Title:f,col3Cards:b,col4Title:y,col4Cards:C,barsHeading:S,bars:H,termLines:_,urlText:Z,heroTitle:q,heroButton:j,products:B,align:N,puck:D})=>TO(_n,{eyebrow:x(e,"In the product",D),title:x(t,`Seen from
|
|
141
|
-
*the counter.*`,D),body:a,variant:c,cardHeader:s,badge:l,cardTitle:o,cardSubtitle:r,pills:i,tiles:n,rows:h,button:m,footnote:p,col1Title:u,col1Cards:d,col2Title:g,col2Cards:z,col3Title:f,col3Cards:b,col4Title:y,col4Cards:C,barsHeading:S,bars:H,termLines:_,urlText:Z,heroTitle:q,heroButton:j,products:B,align:N,editing:D?.isEditing})};import{jsx as h6}from"react/jsx-runtime";var eS={label:"Section Header",defaultProps:{headStyle:Re,num:"01 / Section",numStyle:Ac,title:"Section *title*",description:"",logoSrc:"",logoAlt:"",linkText:"",linkHref:"",fullWidth:!0,pageWidth:e8.default},render:({headStyle:e,num:t,numStyle:a,eyebrowLook:c,title:s,description:l,logoSrc:o,logoAlt:r,linkText:i,linkHref:n,rowGap:h,descriptionSize:m,widthMode:p,fullWidth:u,pageWidth:d,puck:g})=>{let z=x(i,"View all",g),f=u2({widthMode:p,fullWidth:u,pageWidth:d},"full"),b=Cs(e);return h6("section",{className:"px-[var(--sf-site-gutter,40px)] pt-10 max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-6",children:h6("div",{className:f.mode==="page"?He:void 0,children:b==="editorial"?h6(n2,{num:x(t,"01 / Section",g),title:(()=>{let y=x(s,"Section *title*",g);return y?U(y,!0):void 0})(),desc:(()=>{let y=x(l,"Short supporting line",g);return y?k(y):void 0})(),spaceBelow:""}):b==="simple"?h6(j1,{look:"simple",num:x(t,"01 / Section",g),title:x(s,"Section *title*",g),eyebrowLook:d3(c,"SectionHeader")}):b==="statement"?h6(j1,{look:"statement",num:x(t,"01 / Section",g),title:x(s,"Section *title*",g),eyebrowLook:d3(c,"SectionHeader")}):b==="natural"?h6(j1,{look:"natural",num:x(t,"01 / Section",g),title:x(s,"Section *title*",g),description:x(l,"Short supporting line",g),eyebrowLook:d3(c,"SectionHeader"),rowGap:yM(h),descriptionSize:kM(m)}):b==="essay"?h6(j1,{look:"essay",num:x(t,"01 / Section",g),title:x(s,"Section *title*",g),eyebrowLook:d3(c,"SectionHeader")}):h6(j1,{num:x(t,"01 / Section",g),title:x(s,"Section *title*",g),description:x(l,"Short supporting line",g),logo:o?{src:o,alt:Y(r)}:void 0,link:z?{text:z,href:Y(n)||"#"}:void 0,numStyle:a,accent:!0})})})}};import{jsx as PO}from"react/jsx-runtime";var VO={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function Dn({size:e}){return PO("div",{"aria-hidden":!0,className:VO[e]})}import{jsx as EO}from"react/jsx-runtime";var tS={label:"Spacer",defaultProps:{size:"md"},render:({size:e})=>EO(Dn,{size:e})};import{jsx as je}from"react/jsx-runtime";var BO=[{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"},{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"}];function On({cells:e,fill:t="dark",editing:a=!1}){let c=(e??[]).filter(r=>(r?.text??"").trim()),s=c.length>0?c:a?BO:[];if(s.length===0)return null;let l=t!=="none",o=je("div",{className:"mx-auto flex max-w-[min(var(--sf-page-cap,var(--sf-site-width,1600px)),var(--sf-site-width,1600px))] flex-wrap items-baseline justify-between gap-x-8 gap-y-1 px-[var(--sf-site-gutter,40px)] py-4 text-[length:var(--size-label,12px)] uppercase tracking-[0.1em] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-3",children:s.map((r,i)=>je("span",{className:l?r.tone==="muted"?"text-plate-band-fg-dim":"text-plate-band-fg":r.tone==="muted"?"text-fg-dim":"text-fg",children:r.text},i))});return je("section",{className:"w-full",children:l?je("div",{className:"bg-plate-band",children:o}):je("div",{className:"border-t border-line",children:o})})}import{jsx as NO}from"react/jsx-runtime";var aS={label:"Spec Strip",defaultProps:{cells:[{text:"",tone:"normal"},{text:"",tone:"normal"}],fill:"dark"},render:({cells:e,fill:t,puck:a})=>NO(On,{cells:e,fill:t,editing:a?.isEditing})};import{Fragment as ZO,jsx as cS,jsxs as IO}from"react/jsx-runtime";function Gn({value:e}){let t=e.match(/^(\d+)(.*)$/),{ref:a,value:c}=X8(t?Number.parseInt(t[1],10):0);return!t||K0(e)!==e?cS(ZO,{children:k(e)}):cS(R6,{value:e,children:IO("span",{ref:a,children:[c,t[2]]})})}import{jsx as d7,jsxs as sS}from"react/jsx-runtime";var RO="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",_O={2:"grid grid-cols-2 gap-8",3:"grid grid-cols-3 gap-8 max-[800px]:grid-cols-2",4:"grid grid-cols-4 gap-8 max-[800px]:grid-cols-2"};function qn({items:e,contained:t,heading:a,columns:c,background:s,editing:l}){let o=c===void 0?RO:_O[c],r=d7("div",{className:o,children:(e??[]).map((i,n)=>sS("div",{className:"border-t border-line pt-5",children:[d7("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:l?k(i.value):d7(Gn,{value:i.value})}),d7("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(i.label)})]},n))});return a===void 0&&s===void 0?d7(S0,{contained:t,className:"py-12",children:r}):d7(S0,{contained:t,className:"py-12",children:sS("div",{style:s?{backgroundColor:s}:void 0,children:[a?d7("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:k(a)}):null,r]})})}import{jsx as OO}from"react/jsx-runtime";var DO=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],lS={label:"Stats",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:c,background:s,puck:l})=>OO(qn,{items:d1(e,DO,l),contained:t,heading:x(a,"By the *numbers*",l),columns:c,background:Z5(s,S2.Stats),editing:l?.isEditing})};import{jsx as Wn}from"react/jsx-runtime";var GO={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},qO="max-w-[380px] text-[length:var(--size-body,15px)] leading-[1.5] opacity-80 max-[800px]:text-[length:var(--size-body,14px)]",WO={default:"text-fg",dim:"text-fg-dim"};function Un({text:e,align:t,tone:a,contained:c,hero:s=!1}){if(s)return Wn("p",{className:qO,children:k(e)});let l=`max-w-[680px] whitespace-pre-line text-[length:var(--size-body,17px)] leading-[1.7] ${GO[t]} ${WO[a]}`;return Wn(S0,{contained:c,className:"py-4",children:m0(e).map((o,r)=>Wn("p",{className:l,children:k(o)},r))})}import{Fragment as UO,jsx as oS}from"react/jsx-runtime";var rS={label:"Text",defaultProps:{text:"",align:"left",tone:"default",contained:!0},render:({text:e,align:t,tone:a,contained:c,puck:s})=>o2(e).hidden?oS(UO,{}):oS(Un,{text:G3(Y(e),L.body,s)??"",align:t,tone:a,contained:c})};var iS={Banner:iC,Breadcrumb:ty,ButtonBlock:nC,Cards:ly,CategoryBar:hC,Chart:my,ContactLocations:uC,CustomHTML:EC,Divider:BC,DocBody:Cy,DocMasthead:Sy,DocMetaCards:Hy,DocTabs:Ty,Eyebrow:ZC,FAQ:By,FeaturedCover:Gy,Flex:Xy,Footprint:nk,Grid:uk,Heading:RC,Hero:fk,HeroGroup:yk,HeroSingle:Hk,HeroSlide:Vk,ImageBlock:_C,Integrations:GL,IntroBleed:Rk,KeyFeatures:Ok,LogoBlock:WL,Logos:UL,LongRead:$k,Manifesto:jL,Masthead:Xk,Mockup:QL,OrderSummary:tM,ParagraphsA:cM,PaymentBadges:oM,PostCard:nM,ProcessSteps:uM,Prose:fM,SectionHeader:eS,Series:LM,Spacer:tS,SpecStrip:aS,Split:TM,Stats:lS,StatsParagraph:NM,Testimonials:IM,Text:rS,Ticker:KM,Timeline:eC,TimelineTrack:aC,TitleWithButtons:lC};var KO={Banner:ey,Breadcrumb:ay,ButtonBlock:sy,Cards:ry,CategoryBar:iy,Chart:py,ContactLocations:zy,CustomHTML:xy,Divider:My,DocBody:Ly,DocMasthead:Ay,DocMetaCards:Fy,DocTabs:Vy,Eyebrow:Py,FAQ:Ny,FeaturedCover:qy,Flex:Qy,Footprint:mk,Grid:dk,Heading:vk,Hero:xk,HeroGroup:Sk,HeroSingle:Tk,HeroSlide:Pk,ImageBlock:Zk,Integrations:Ik,IntroBleed:Dk,KeyFeatures:qk,LogoBlock:Wk,Logos:Uk,LongRead:jk,Manifesto:Yk,Masthead:Jk,Mockup:eM,OrderSummary:aM,ParagraphsA:sM,PaymentBadges:rM,PostCard:hM,ProcessSteps:dM,Prose:bM,SectionHeader:CM,Series:SM,Spacer:AM,SpecStrip:FM,Split:VM,Stats:PM,StatsParagraph:ZM,Testimonials:_M,Text:DM,Ticker:$M,Timeline:tC,TimelineTrack:cC,TitleWithButtons:rC},A1=D8(iS,KO);import{SettingsField as $O}from"efficient-easel/panel";import{ColumnsIcon as jO}from"efficient-easel/icons";import{Fragment as nS,jsx as c9,jsxs as Kn}from"react/jsx-runtime";function YO(e,t,a,c){let s=a.indexOf(e[t]),l=s>=0?s:0,o=a[Math.min(Math.max(l+c,0),a.length-1)];return{...e,[t]:o}}function Ye({label:e,unit:t,steps:a,value:c,onChange:s,format:l=String,note:o}){let r=g4(),i=a.indexOf(c[r]),n=i>=0?i:0,h=m=>s(YO(c,r,a,m));return c9($O,{label:e,icon:c9(jO,{}),action:Kn("div",{className:"sf-colstep",children:[c9("button",{type:"button",className:"sf-colstep-btn","aria-label":`Fewer ${t} on ${d4[r]}`,disabled:n<=0,onClick:()=>h(-1),children:"\u2212"}),c9("span",{className:"sf-colstep-value","aria-live":"polite",children:l(a[n])}),c9("button",{type:"button",className:"sf-colstep-btn","aria-label":`More ${t} on ${d4[r]}`,disabled:n>=a.length-1,onClick:()=>h(1),children:"+"})]}),hint:Kn(nS,{children:["Sets the ",c9("strong",{children:d4[r]})," view \u2014 switch views in the top bar to set each one.",o?Kn(nS,{children:[" ",o]}):null]})})}var p5="auto",jn=1,hS=6,Yn={desktop:p5,tablet:p5,mobile:p5},mS=[p5,...Array.from({length:hS-jn+1},(e,t)=>jn+t)],XO="1rem",pS=`var(--sf-block-gap-rem, var(--sf-card-gap, ${XO}))`,Xn=240,Jn=150,JO=.5,QO=e=>`--plp-grid-cols-${e}`,eG="--plp-grid-gap";function uS(e){return e===p5?"Auto":String(e)}function $n(e){if(e===p5)return p5;let t=typeof e=="number"?e:NaN;return Number.isFinite(t)?Math.min(Math.max(Math.round(t),jn),hS):p5}function Es(e){if(!e||typeof e!="object")return{...Yn};let t=e;return{desktop:$n(t.desktop),tablet:$n(t.tablet),mobile:$n(t.mobile)}}function tG(e){if(e===p5)return`repeat(auto-fill, minmax(${Xn}px, 1fr))`;let a=`calc((100% - ${`${e-1} * ${pS}`}) / ${e} - ${JO}px)`;return`repeat(auto-fill, minmax(max(${Jn}px, ${a}), 1fr))`}function gS(e,t=null){let a={[eG]:pS};for(let c of ab)a[QO(c)]=tG(e[t??c]);return a}import{Fragment as aG,jsx as dS,jsxs as cG}from"react/jsx-runtime";function Qn({value:e,onChange:t}){return dS(Ye,{label:"Columns",unit:"items per row",steps:mS,value:Es(e),format:uS,onChange:t,note:cG(aG,{children:[dS("strong",{children:"Auto"})," fits as many ",Xn,"px-wide cards as the width allows. A number is a maximum: where it would squeeze cards under"," ",Jn,"px the row shows fewer."]})})}import{useCallback as Y3,useEffect as VG,useId as PG,useMemo as j2,useRef as EG,useState as BG}from"react";function sG(e){return e.length===1?E6[e[0]]:"Products"}function Bs(e){return e.length===1?e[0]:null}function lG(e){switch(Bs(e)){case"alloy-wheel":return"Only wheels that bolt on";case"tyre":return"Only sizes your car takes";default:return"Only what fits your car"}}function oG(e){switch(Bs(e)){case"alloy-wheel":return{heading:"Let's find wheels that fit your car.",intro:"Tell us what you drive and we'll show you every set that bolts straight on \u2014 bolt pattern, offset and hub bore checked for you."};case"tyre":return{heading:"Let's find tyres that fit your car.",intro:"Tell us what you drive and we'll show you every tyre made in your car's factory sizes \u2014 front and rear checked for you."};default:return{heading:"Let's find products that fit your car.",intro:"Tell us what you drive and we'll show you what fits. Wheels are checked on bolt pattern, offset and hub bore. Tyres are checked on the sizes your car takes."}}}function rG(e){switch(Bs(e)){case"alloy-wheel":return"We only list a wheel here once its bolt pattern and hub bore are confirmed against your car. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand.";case"tyre":return"We only list a tyre here once one of its sizes is confirmed for your car. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand.";default:return"We only list a product here once it is confirmed against your car: a wheel on its bolt pattern and hub bore, a tyre on the sizes your car takes. Nothing in this range is confirmed for it yet \u2014 browse everything, or ask us and we'll check by hand."}}var iG="We don't have factory tyre data for this exact car, so we can't promise a fit. Here are all tyres instead \u2014 the size is printed on your current tyre's sidewall.";function Xe(e){let t=V5(e),a=oG(e),c=`showing every ${t.one}`;return{promise:lG(e),showAll:`Show all ${t.many}`,browseInstead:`Browse all ${t.many} instead`,showingEvery:c,eyebrow:`${sG(e)} \xB7 checked fitment`,gateHeading:a.heading,gateIntro:a.intro,nothingFits:rG(e),noData:Bs(e)==="tyre"?iG:`No fitment data for this car \u2014 ${c}`,cascadeDown:`Vehicle data is unavailable right now \u2014 browse all ${t.many} and we'll help you check fitment at checkout.`,countFits:s=>`${s} ${s===1?t.one:t.many} fit${s===1?"s":""}`}}function vS(e,t,a,c){let s=Xe(a),l=a.length!==c.length;return{heading:!l&&e||s.gateHeading,intro:!l&&t||s.gateIntro}}import{jsx as Ns,jsxs as nG}from"react/jsx-runtime";function eh({filters:e,onToggle:t,onPriceMax:a,onInStockOnly:c,onPickType:s}){let{currency:l}=F0(),o=iv(e,l,I2);return o.length===0?null:Ns("ul",{className:"flex list-none flex-wrap items-center gap-1.5",children:o.map(r=>Ns("li",{children:nG("button",{type:"button",onClick:()=>r.key==="price"?a(null):r.key==="inStock"?c(!1):r.key==="kind"?s(null):t(r.key,r.value),className:`flex cursor-pointer items-center gap-1.5 px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-bg hover:bg-fg ${r.key==="inStock"?"bg-green":"bg-accent"}`,children:[r.label,Ns("span",{"aria-hidden":"true",children:"\u2715"}),Ns("span",{className:"sr-only",children:"Remove filter"})]})},`${r.key}:${r.value}`))})}import{useState as hG}from"react";import{Fragment as pG,jsx as m6,jsxs as fS}from"react/jsx-runtime";var mG=[];function th({wheel:e,colours:t,fit:a=null,editing:c=!1,brandPlate:s=!1,kindLabel:l=null,showBrand:o=!0,showProcess:r=!1,coverIndex:i=1,fieldUsage:n=mG,spinOnHover:h=!1,imageBackgroundFill:m=da,showBadge:p=!0,outline:u=F5,indexBadge:d=m4,showCardSizes:g=!0,showCardBuy:z=!0,showCardPage:f=!0,showCardPrice:b=!0,showCardFinishes:y=!0}){let{currency:C}=F0(),S=_d(e,t),H=Sd(e,i,S.finish?.name,S.shownSrc,a?.holes),_=za(e,S.selectedVariant,C,1),Z=wa(_,C),[q,j]=hG(()=>new Set),B=I=>j(H1=>H1.has(I)?H1:new Set(H1).add(I)),N=Ld({overrideSrc:H,hookSrc:S.shownSrc,failed:q}),D=Wd(e),T=yd(e,a),R=zv({wheel:e,sel:S,price:_,editing:c,href:`/wheels/${e.slug}`,show:{sizes:g,buy:z,page:f}}),i1=S.detailState==="ready",O=S.unsellable,m1=h?"transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[72deg]":"",Q=N?m6(H5,{src:N,alt:S.finish?`${e.name} \u2014 ${S.finish.name}`:e.name,width:800,height:800,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:["block h-full w-full object-contain",m1].filter(Boolean).join(" "),draggable:!1,onError:()=>B(N)},N):m6(Nd,{imageLabel:e.name}),K=d!=="off"?m6("span",{"aria-hidden":!0,className:`${Ma} ${Ca}`}):null,a1=p?e.badge:null,B1=_.onSale||a1?fS("div",{className:`${dv} pointer-events-none flex flex-col items-end gap-1`,children:[_.onSale&&m6(Vo,{tone:"solid",children:"Sale"}),a1&&m6(Vo,{tone:a1==="new"?"solid":"outline",children:a1==="new"?"New":"Bestseller"})]}):null,X=y&&S.finishes.length>0&&S.availability.some(Boolean)?m6(Bd,{finishes:S.finishes,availability:S.availability,selectedIdx:S.selectedIdx,hoverIdx:S.hoverIdx,activeFinish:S.finish,onSelect:S.setSelectedIdx,onHover:S.setHoverIdx,showLabel:!1}):null,D1=Ad(T.length>0?T:wd(e),n).map(I=>I.text),t0=_.priced?["each",_.setTotal!=null&&S.selectedVariant?`${Id(S.selectedVariant)} \xB7 ${I2(_.setTotal,C)}`:null].filter(Boolean).join(" \xB7 "):null;return fS(pG,{children:[m6(vv,{href:`/wheels/${e.slug}`,identityLink:!0,containerProps:{onPointerEnter:S.arm,onTouchStart:S.arm,onFocusCapture:S.arm},probes:S.probes,outline:u,imageBackgroundFill:m,indexBadge:K,badges:B1,image:Q,plate:s?m6(Iv,{brand:D,logo:e.brandLogo}):null,eyebrow:Ed({kindLabel:l,brand:o&&D?d0(D):null,process:r&&e.process?d0(e.process):null},n),reserveEyebrow:Pd({kind:!!l,brand:o,process:r},n),name:d0(e.name),spec:gv(D1,xd),was:Z,price:xa(_,C),metaLine:t0,swatches:X,reserveSwatches:y,showPrice:b,extras:R.extras}),R.dialog]})}import{jsx as Je,jsxs as Zs}from"react/jsx-runtime";function ah({page:e,pageCount:t,onPage:a}){if(t<=1)return null;let c=hv(t,e),s="flex h-9 w-9 cursor-pointer items-center justify-center border border-line font-mono text-[13px] transition-colors hover:border-accent hover:text-accent disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:border-line disabled:hover:text-fg";return Zs("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-line pt-4",children:[Zs("div",{className:"flex items-center gap-1.5",children:[Je("button",{type:"button",onClick:()=>a(e-1),disabled:e<=1,"aria-label":"Previous page",className:s,children:"\u2039"}),c.map((l,o)=>l===null?Je("span",{className:"px-1 font-mono text-[13px] text-fg-dim",children:"\u2026"},`gap-${o}`):Je("button",{type:"button",onClick:()=>a(l),"aria-current":l===e?"page":void 0,className:["h-9 min-w-9 cursor-pointer border px-2 font-mono text-[13px] tabular-nums transition-colors",l===e?"border-accent bg-accent text-bg":"border-line hover:border-accent hover:text-accent"].join(" "),children:l},l)),Je("button",{type:"button",onClick:()=>a(e+1),disabled:e>=t,"aria-label":"Next page",className:s,children:"\u203A"})]}),Zs("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Jump to",Je("select",{value:e,onChange:l=>a(Number(l.target.value)),className:"cursor-pointer border border-line bg-transparent px-2 py-1.5 font-mono text-[12px] text-fg",children:Array.from({length:t},(l,o)=>o+1).map(l=>Zs("option",{value:l,children:["Page ",l," of ",t]},l))})]})]})}import{useState as vG}from"react";import{useState as uG}from"react";import{jsx as Qe,jsxs as gG}from"react/jsx-runtime";function ch({checked:e,count:t,noun:a,onChange:c}){let[s,l]=uG(!1);return gG("label",{className:"flex cursor-pointer items-center gap-2.5 py-1 text-[13px]",children:[Qe("input",{type:"checkbox",role:"switch",checked:e,onChange:o=>c(o.target.checked),onFocus:o=>l(o.target.matches(":focus-visible")),onBlur:()=>l(!1),className:"sr-only","aria-label":`In stock only (${t} ${a})`}),Qe("span",{"aria-hidden":"true",className:`relative inline-block h-[17px] w-[30px] flex-none rounded-full transition-colors ${e?"bg-green":"bg-line"} ${s?"outline outline-2 outline-offset-2 outline-accent":""}`,children:Qe("span",{className:`absolute left-[2px] top-[2px] h-[13px] w-[13px] rounded-full bg-bg transition-transform ${e?"translate-x-[13px]":""}`})}),Qe("span",{className:"flex-1",children:"In stock only"}),Qe("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:t})]})}import{useId as dG}from"react";import{jsx as et,jsxs as bS}from"react/jsx-runtime";function sh({options:e,noun:t,onPick:a}){let c=dG();return e.length===0?null:bS("fieldset",{className:"rounded-lg border border-accent/35 bg-accent/[0.05] px-3 pb-3 pt-2.5",children:[et("legend",{className:"px-0 font-mono text-[11px] uppercase tracking-[0.2em] text-accent",children:"Product type"}),et("div",{className:"flex flex-col pt-1.5",children:e.map(s=>{let l=s.count===0&&!s.checked;return bS("label",{className:`flex items-center gap-2.5 py-1 text-[13.5px] ${l?"opacity-40":"cursor-pointer"}`,children:[et("input",{type:"radio",name:c,checked:s.checked,disabled:l,onChange:()=>a(s.kind),"aria-label":`${s.label} (${s.count} ${t})`,className:"h-[15px] w-[15px] flex-none accent-[var(--accent)]"}),et("span",{className:`flex-1 ${s.checked?"text-accent":""}`,children:s.label}),et("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:s.count})]},s.kind??"all")})})]})}import{jsx as lh,jsxs as s9}from"react/jsx-runtime";function oh({boxes:e,composed:t,matches:a,noun:c,onPick:s}){return s9("div",{className:"grid grid-cols-3 gap-1.5",children:[e.map(l=>s9("label",{className:"flex flex-col gap-1",children:[lh("span",{className:"font-mono text-[9.5px] uppercase tracking-[0.14em] text-fg-dim",children:l.label}),s9("select",{value:l.value??"",onChange:o=>s(l.part,o.target.value?Number(o.target.value):null),"aria-label":`Tyre ${l.label.toLowerCase()}`,className:`w-full cursor-pointer rounded border bg-surface px-2 py-1.5 text-[13px] ${l.value===null?"border-line":"border-accent text-accent"}`,children:[lh("option",{value:"",children:"Any"}),l.options.map(o=>s9("option",{value:o.value,children:[o.label,o.count===0?" \xB7 0":""]},o.value))]})]},l.part)),t&&s9("p",{className:"col-span-3 flex items-baseline gap-2 pt-0.5",children:[lh("span",{className:"font-mono text-[12px] tracking-[0.04em] text-accent",children:t}),a!==null&&s9("span",{className:"text-[11.5px] text-fg-dim",children:["\xB7 ",a," ",c]})]})]})}import{jsx as s2,jsxs as g5}from"react/jsx-runtime";function rh({facets:e,filters:t,typeOptions:a,sizeBoxes:c,sizeMatches:s,noun:l,priceBounds:o,inStockCount:r,onToggle:i,onPickType:n,onPickSize:h,onPriceMax:m,onInStockOnly:p,onClearAll:u}){let{currency:d}=F0(),[g,z]=vG({});return g5("aside",{className:"w-full flex-none lg:sticky lg:[--sf-plp-rail-gap:16px] lg:[--sf-plp-rail-top:calc(var(--sf-header-h,88px)+var(--sf-plp-rail-gap))] lg:top-[var(--sf-plp-rail-top)] lg:max-h-[calc(100svh-var(--sf-plp-rail-top)-var(--sf-plp-rail-gap))] lg:w-[268px] lg:overflow-y-auto lg:overscroll-contain lg:pr-2.5",children:[g5("div",{className:"flex items-center justify-between pb-2",children:[s2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Filter"}),Va(t)&&s2("button",{type:"button",onClick:u,className:"cursor-pointer font-mono text-[11px] uppercase tracking-[0.16em] text-accent hover:text-fg",children:"Clear all"})]}),a.length>0&&s2("div",{className:"pb-1 pt-1",children:s2(sh,{options:a,noun:l.many,onPick:n})}),r!==null&&s2("div",{className:"border-t border-line py-2",children:s2(ch,{checked:t.inStockOnly,count:r,noun:l.many,onChange:p})}),c&&s2(zS,{label:ev.tyreSizes,open:!g.tyreSizes,onToggle:()=>z(f=>({...f,tyreSizes:!f.tyreSizes})),children:!g.tyreSizes&&s2("div",{className:"pb-3",children:s2(oh,{boxes:c,composed:t.tyreSizes[0]??"",matches:s,noun:l.many,onPick:h})})}),e.map(f=>{if(f.options.length===0)return null;let b=!g[f.key];return s2(zS,{label:f.label,open:b,onToggle:()=>z(y=>({...y,[f.key]:!y[f.key]})),children:b&&s2("ul",{className:"flex flex-col pb-3",children:f.options.map(y=>{let C=y.count===0&&!y.checked;return s2("li",{children:g5("label",{className:`flex items-center gap-2.5 py-1 text-[13px] ${C?"opacity-40":"cursor-pointer"}`,children:[s2("input",{type:"checkbox",checked:y.checked,disabled:C,onChange:()=>i(f.key,y.value),"aria-label":`${f.label}: ${y.label} (${y.count} ${l.many})`,className:"h-[16px] w-[16px] flex-none accent-[var(--accent)]"}),y.swatch&&s2("span",{className:"inline-block h-[13px] w-[13px] flex-none rounded-full shadow-[inset_0_0_0_1px_var(--line)]",style:{background:y.swatch}}),s2("span",{className:"flex-1 capitalize",children:y.label}),s2("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:y.count})]})},y.value)})})},f.key)}),o&&g5("div",{className:"border-t border-line py-3",children:[g5("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:["Price \xB7 per ",l.one]}),s2("input",{type:"range",min:o.min,max:o.max,step:5,value:t.priceMax??o.max,onChange:f=>{let b=Number(f.target.value);m(b>=o.max?null:b)},className:"mt-2 w-full accent-[var(--accent)]","aria-label":`Maximum price per ${l.one}`}),g5("div",{className:"mt-1.5 flex justify-between font-mono text-[11px] tabular-nums",children:[s2("span",{className:"text-fg-dim",children:I2(o.min,d)}),g5("span",{children:["Up to ",I2(t.priceMax??o.max,d)]})]})]})]})}function zS({label:e,open:t,onToggle:a,children:c}){return g5("div",{className:"border-t border-line",children:[g5("button",{type:"button",onClick:a,"aria-expanded":t,"aria-label":`${t?"Collapse":"Expand"} ${e} filters`,className:"flex w-full cursor-pointer items-center justify-between py-3 text-left",children:[s2("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:e}),s2("span",{"aria-hidden":"true",className:`font-mono text-[10px] text-fg-dim transition-transform ${t?"rotate-180":""}`,children:"\u25BE"})]}),c]})}import{Fragment as fG,jsx as xS}from"react/jsx-runtime";function Is({kind:e,children:t}){let a=Tv(e);return a?xS("span",{[kv]:a.stamp,children:t}):xS(fG,{children:t})}import{jsx as l9,jsxs as wS}from"react/jsx-runtime";function ih(e,t){return[{value:"",label:t??"\u2014"},...e.map(a=>({value:a.value,label:a.label}))]}function tt({label:e,value:t,options:a,onChange:c,placeholder:s,disabled:l,compact:o=!1,editing:r=!1}){let n=(a.find(u=>u.value===t)?.label??t)||s||"\u2014",h=ih(a,s),m=Ka({items:h,value:t,onPick:c}),p=m.open;return wS("div",{ref:m.wrapRef,className:"relative",children:[wS("div",{ref:u=>{m.triggerRef.current=u},role:"button",tabIndex:l?-1:0,"aria-haspopup":"listbox","aria-expanded":p,"aria-controls":p?m.listId:void 0,"aria-activedescendant":m.activeId,"aria-label":e,"aria-disabled":l||void 0,onClick:()=>!l&&m.toggle(),onKeyDown:u=>!l&&m.onTriggerKeyDown(u),className:["relative flex flex-col bg-bg transition-colors",o?"gap-1 px-3.5 py-2.5":"min-h-[160px] gap-3.5 px-6 py-7",l?"opacity-50":"cursor-pointer hover:bg-surface"].join(" "),children:[l9("span",{...r?{[$9]:Zo}:{},className:["font-mono uppercase text-accent",o?"text-[length:var(--size-label,10px)] tracking-[0.2em]":"text-[length:var(--size-label,12px)] tracking-[0.3em]"].join(" "),children:l9(Is,{kind:Zo,children:e})}),l9("span",{className:["font-display font-medium tracking-[-0.02em]",o?"truncate pr-4 text-[length:var(--size-body,15px)] leading-[1.2]":"mt-auto text-[length:var(--size-headingSmall,24px)] leading-[1.1]",t?"text-fg":"text-fg-dim"].join(" "),...r?{[$9]:Io}:{},children:l9(Is,{kind:Io,children:n})}),l9("span",{className:["pointer-events-none absolute font-mono text-accent",o?"right-3 top-3 text-[length:var(--size-label,11px)]":"right-[22px] top-[22px] text-[length:var(--size-label,14px)]"].join(" "),children:"\u25BE"})]}),p&&!l&&l9($a,{id:m.listId,tone:"cell",items:h,value:t,focusIdx:m.focusIdx,onFocus:m.setFocusIdx,onPick:m.pick,listRef:m.listRef})]})}var at=["make","model","year","trim"],v7={make:"Make",model:"Model",year:"Year",trim:"Trim"};function yS(e,t){switch(e){case"make":return t.make!=="";case"model":return t.model!=="";case"year":return t.year!==null;case"trim":return t.modification!==""}}function kS(e,t){for(let a of at){if(a===e)break;if(!yS(a,t))return a}return e}function MS(e){return at.find(t=>!yS(t,e))??null}var ct={make:"Pick a make first",model:"Pick a model first",year:"Pick a year first",trim:"Pick a trim first"};function Rs({parentPicked:e,loading:t,options:a,waiting:c,loadingLabel:s,readyLabel:l,emptyLabel:o}){return e?t?{placeholder:s,disabled:!0}:a.length===0?{placeholder:o,disabled:!0}:{placeholder:l,disabled:!1}:{placeholder:c,disabled:!0}}function _s(e){let{vehicle:t,loading:a}=e;return{make:Rs({parentPicked:!0,loading:a.makes,options:e.makeOptions,waiting:"",loadingLabel:"Loading makes\u2026",readyLabel:"Select make",emptyLabel:"Vehicle list unavailable"}),model:Rs({parentPicked:!!t.make,loading:a.models,options:e.modelOptions,waiting:ct.make,loadingLabel:"Loading models\u2026",readyLabel:"Select model",emptyLabel:"No models listed"}),year:Rs({parentPicked:!!t.model,loading:a.years,options:e.yearOptions,waiting:ct.model,loadingLabel:"Loading years\u2026",readyLabel:"Select year",emptyLabel:"No years listed"}),trim:Rs({parentPicked:t.year!==null,loading:a.modifications,options:e.modOptions,waiting:ct.year,loadingLabel:"Loading trims\u2026",readyLabel:"Select trim",emptyLabel:"No trims listed"})}}function CS(e){return{make:e.makeOptions,model:e.modelOptions,year:e.yearOptions,trim:e.modOptions}}function LS(e){return{make:e.setMake,model:e.setModel,year:e.setYear,trim:e.setModification}}function SS(e){let{vehicle:t}=e;return{make:t.make,model:t.model,year:t.year!==null?String(t.year):"",trim:t.modification}}function AS(e){let{vehicle:t}=e;return{make:t.make?e.makeName:"",model:t.model?e.modelName:"",year:t.year!==null?String(t.year):"",trim:t.modification?e.modName:""}}import{jsx as Ds,jsxs as bG}from"react/jsx-runtime";function i3({cascade:e,compact:t=!1,editing:a=!1}){let{vehicle:c}=e,s=_s(e);return bG("div",{className:["grid gap-[2px] border border-line bg-line",t?"grid-cols-4 max-[900px]:grid-cols-2":"grid-cols-4 max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1"].join(" "),children:[Ds(tt,{label:v7.make,placeholder:s.make.placeholder,disabled:s.make.disabled,value:c.make,options:e.makeOptions,onChange:e.setMake,compact:t,editing:a}),Ds(tt,{label:v7.model,placeholder:s.model.placeholder,disabled:s.model.disabled,value:c.model,options:e.modelOptions,onChange:e.setModel,compact:t,editing:a}),Ds(tt,{label:v7.year,placeholder:s.year.placeholder,disabled:s.year.disabled,value:c.year!==null?String(c.year):"",options:e.yearOptions,onChange:e.setYear,compact:t,editing:a}),Ds(tt,{label:v7.trim,placeholder:s.trim.placeholder,disabled:s.trim.disabled,value:c.modification,options:e.modOptions,onChange:e.setModification,compact:t,editing:a})]})}import{jsx as f2,jsxs as d5}from"react/jsx-runtime";function nh({cascade:e,appliedName:t,fit:a,fitSummary:c=null,resolving:s,unresolved:l,matchCount:o,copy:r,onAmend:i,onClear:n}){return f2("div",{className:"border-b border-line bg-surface px-5 py-4 md:px-10",children:!(t!=="")?d5("div",{className:"flex flex-wrap items-end gap-4",children:[d5("div",{className:"flex-none",children:[d5("div",{className:"flex items-center gap-2",children:[f2(HS,{}),f2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Select your car"})]}),f2("p",{className:"mt-0.5 font-mono text-[11px] uppercase tracking-[0.14em] text-fg-dim",children:r.promise})]}),f2("div",{className:"min-w-[280px] flex-1",children:f2(i3,{cascade:e,compact:!0})})]}):d5("div",{className:"flex flex-wrap items-center gap-x-5 gap-y-3",children:[d5("div",{className:"flex items-center gap-2.5",children:[f2(HS,{}),d5("div",{children:[f2("p",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-fg-dim",children:"Fitment for"}),f2("p",{className:"font-display text-[16px] font-medium uppercase leading-[1.1] tracking-[-0.01em]",children:t})]})]}),s?f2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):l?f2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:r.noData}):d5("div",{className:"flex flex-wrap items-center gap-1.5",children:[f2("span",{className:"border border-line px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-fg-dim",children:c??kd(a)}),f2("span",{className:"bg-accent px-2 py-1 font-mono text-[10px] font-bold uppercase tracking-[0.14em] text-bg",children:r.countFits(o)})]}),d5("div",{className:"ml-auto flex items-center gap-4",children:[f2("button",{type:"button",onClick:i,className:"cursor-pointer border border-line px-4 py-2.5 font-mono text-[11px] uppercase tracking-[0.16em] hover:border-accent hover:text-accent",children:"Amend search"}),f2("button",{type:"button",onClick:n,className:"cursor-pointer font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim underline-offset-4 hover:text-fg hover:underline",children:r.showAll})]})]})})}function HS(){return d5("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":"true",className:"flex-none",children:[f2("path",{d:"M5 17h14l1.5-5.5a2 2 0 0 0-1.4-2.4L17 8l-1.6-3.2A2 2 0 0 0 13.6 3.7H10.4A2 2 0 0 0 8.6 4.8L7 8l-2.1.6a2 2 0 0 0-1.4 2.4L5 17Z"}),f2("circle",{cx:"7.5",cy:"17.5",r:"1.8"}),f2("circle",{cx:"16.5",cy:"17.5",r:"1.8"})]})}import{useId as zG,useRef as xG}from"react";import{jsx as v5,jsxs as wG}from"react/jsx-runtime";function hh({cascade:e,heading:t,intro:a,ready:c,copy:s,onSkip:l}){let o=zG(),r=xG(null);return o8({active:c,onDismiss:l,focusRef:r}),v5("div",{role:"dialog","aria-modal":"true","aria-labelledby":o,"aria-hidden":c?void 0:!0,className:["fixed inset-x-0 bottom-0 top-[var(--sf-header-h,88px)] z-40 overflow-y-auto bg-bg","transition-opacity duration-200",c?"opacity-100":"pointer-events-none opacity-0"].join(" "),children:v5("div",{className:"flex min-h-full items-center justify-center px-6 py-14 max-[700px]:px-5 max-[700px]:py-10",children:wG("div",{ref:r,tabIndex:-1,className:"w-full max-w-[720px] outline-none",children:[v5("p",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:s.eyebrow}),v5("h2",{id:o,className:"mt-3 max-w-[16ch] font-display text-[min(clamp(30px,5vw,50px),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[1.05] tracking-[-0.02em]",children:d0(t)}),v5("p",{className:"mt-4 max-w-[52ch] text-[15px] leading-[1.6] text-fg-dim",children:d0(a)}),v5("div",{className:"mt-8",children:v5(i3,{cascade:e})}),e.cascadeError&&v5("p",{className:"mt-3 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:s.cascadeDown}),v5("button",{type:"button",onClick:l,className:"mt-6 w-full cursor-pointer py-3 font-mono text-[11px] uppercase tracking-[0.2em] text-fg-dim underline-offset-4 hover:text-fg hover:underline",children:s.browseInstead})]})})})}import{useEffect as kG,useMemo as MG,useState as CG}from"react";var f5={year:null,make:"",model:"",modification:""};var A4={make:"make",model:"model",year:"year",trim:"trim"};function z3(e){return!!e.make&&!!e.model&&e.year!==null&&!!e.modification}function FS(e){let t=Number(e.get(A4.year)),a={...f5,make:e.get(A4.make)??"",model:e.get(A4.model)??"",year:Number.isFinite(t)&&t>0?Math.floor(t):null,modification:e.get(A4.trim)??""};return z3(a)?a:null}function H4(e,t){return!t||!z3(t)||(e.set(A4.make,t.make),e.set(A4.model,t.model),e.set(A4.year,String(t.year)),e.set(A4.trim,t.modification)),e}var yG=["tyre"];function TS(e){return yG.filter(t=>e.includes(t))}function VS(e){return!e||!z3(e)||e.year===null?null:{make:e.make,model:e.model,year:e.year,modification:e.modification}}function PS(e,t,a){return e.length===0||!t&&!a?null:{kinds:[...e],vehicle:t}}function ES(e,t,a){if(a===null||t.length===0)return[...e];let c=new Set(a);return e.filter(s=>!t.includes(B6(s))||c.has(P5(s)))}function BS({catalog:e,shownKinds:t,vehicle:a,editing:c=!1}){let s=TS(t),l=c?null:VS(a),[o,r]=CG(null),i=PS(s,l,o!==null),n=i?JSON.stringify(i):"";kG(()=>{if(!n)return;let p=JSON.parse(n),u=!0;return D0.listCatalog(p.kinds,p.vehicle).then(d=>{u&&r({key:n,slugs:d.map(P5)})}).catch(d=>{console.error("[useVehicleCatalog] catalog refetch failed",d)}),()=>{u=!1}},[n]);let h=o?.slugs??null,m=s.join(",");return MG(()=>ES(e,m?m.split(","):[],h),[e,m,h])}import{useCallback as ph,useEffect as st,useMemo as AG,useRef as HG,useState as IS}from"react";import{useCallback as Os,useEffect as o9,useMemo as Gs,useState as p6}from"react";function qs(e){return e instanceof Error?e.message:String(e)}function NS(e=[],t=!0){let[a,c]=p6(f5),[s,l]=p6(e),[o,r]=p6([]),[i,n]=p6([]),[h,m]=p6([]),[p,u]=p6(null),[d,g]=p6({makes:t&&e.length===0}),[z,f]=p6(null);o9(()=>{t&&e.length===0&&(g(T=>({...T,makes:!0})),Y7.listMakes().then(l).catch(()=>{}).finally(()=>g(T=>({...T,makes:!1}))))},[t,e.length]),o9(()=>{if(!a.make){r([]);return}let T=!1;return g(R=>({...R,models:!0})),Y7.listModels(a.make).then(R=>{T||r(R)}).catch(R=>{T||f(qs(R))}).finally(()=>{T||g(R=>({...R,models:!1}))}),()=>{T=!0}},[a.make]),o9(()=>{if(!a.make||!a.model){n([]);return}let T=!1;return g(R=>({...R,years:!0})),Y7.listYears(a.make,a.model).then(R=>{T||n(R)}).catch(R=>{T||f(qs(R))}).finally(()=>{T||g(R=>({...R,years:!1}))}),()=>{T=!0}},[a.make,a.model]),o9(()=>{if(!a.make||!a.model||a.year===null){m([]);return}let T=!1;return g(R=>({...R,modifications:!0})),Y7.listModifications(a.make,a.model,a.year).then(R=>{T||m(R)}).catch(R=>{T||f(qs(R))}).finally(()=>{T||g(R=>({...R,modifications:!1}))}),()=>{T=!0}},[a.make,a.model,a.year]),o9(()=>{if(!(a.year!==null&&a.make&&a.model&&a.modification)){u(null);return}let R=!1;return g(i1=>({...i1,stock:!0})),f(null),Y7.getStockFitment(a.make,a.model,a.year,a.modification).then(i1=>{R||u(i1)}).catch(i1=>{R||f(qs(i1))}).finally(()=>{R||g(i1=>({...i1,stock:!1}))}),()=>{R=!0}},[a.make,a.model,a.year,a.modification]),o9(()=>{a.year!==null&&a.make&&a.model&&!a.modification&&h.length===1&&c(T=>({...T,modification:h[0].slug}))},[a.year,a.make,a.model,a.modification,h]);let b=Os(T=>c(R=>({...R,make:T,model:"",year:null,modification:""})),[]),y=Os(T=>c(R=>({...R,model:T,year:null,modification:""})),[]),C=Os(T=>c(R=>({...R,year:T?Number(T):null,modification:""})),[]),S=Os(T=>c(R=>({...R,modification:T})),[]),H=Gs(()=>i.map(T=>({value:String(T),label:String(T)})),[i]),_=Gs(()=>s.map(T=>({value:T.slug,label:T.name})),[s]),Z=Gs(()=>o.map(T=>({value:T.slug,label:T.name})),[o]),q=Gs(()=>h.map(T=>({value:T.slug,label:T.name})),[h]),j=a.year!==null&&!!a.make&&!!a.model&&!!a.modification,B=s.find(T=>T.slug===a.make)?.name??a.make,N=o.find(T=>T.slug===a.model)?.name??a.model,D=h.find(T=>T.slug===a.modification)?.name??a.modification;return{vehicle:a,setVehicle:c,setMake:b,setModel:y,setYear:C,setModification:S,makeOptions:_,modelOptions:Z,yearOptions:H,modOptions:q,loading:d,cascadeError:z,stock:p,fullyPicked:j,makeName:B,modelName:N,modName:D}}var mh="storefront-vehicle";function LG(e){if(!e||typeof e!="object")return null;let t=e,a={...f5,...t.vehicle??{}};return z3(a)?{vehicle:a,labels:{make:t.labels?.make??a.make,model:t.labels?.model??a.model,modification:t.labels?.modification??a.modification}}:null}function SG(e){let t,a=new Set,c=()=>{for(let s of[...a])s()};return{read(){if(t!==void 0)return t;try{let s=e()?.getItem(mh);t=s?LG(JSON.parse(s)):null}catch{t=null}return t},write(s){t=s;try{e()?.setItem(mh,JSON.stringify(s))}catch{}c()},clear(){t=null;try{e()?.removeItem(mh)}catch{}c()},subscribe(s){return a.add(s),()=>{a.delete(s)}}}}var u6=SG(()=>Q2);function ZS(){u6.clear()}function uh(e,t,a){return e!==t?e:a||t}function FG(e,t){return e.make===t.make&&e.model===t.model&&e.modification===t.modification}function r9(e,t){return e.make===t.make&&e.model===t.model&&e.year===t.year&&e.modification===t.modification}function E3({initialMakes:e=[],editing:t=!1,enabled:a=!0,autoApply:c=!1}={}){let s=NS(e,a),{setVehicle:l}=s,[o,r]=IS(null),[i,n]=IS(!1),h=ph(()=>({make:s.makeName,model:s.modelName,modification:s.modName}),[s.makeName,s.modelName,s.modName]);st(()=>{if(t||!a){n(!0);return}let f=FS(new URLSearchParams(window.location.search)),b=f?null:u6.read(),y=f??b?.vehicle??null;y&&(l(y),r({vehicle:y,labels:b?.labels??{make:y.make,model:y.model,modification:y.modification},stock:null})),n(!0)},[t,a,l]),st(()=>{if(!(t||!a))return u6.subscribe(()=>{let f=u6.read();r(y=>f?y&&r9(y.vehicle,f.vehicle)?FG(y.labels,f.labels)?y:{...y,labels:f.labels}:{vehicle:f.vehicle,labels:f.labels,stock:null}:null);let b=f?.vehicle??f5;l(y=>r9(y,b)?y:b)})},[t,a,l]),st(()=>{!c||!z3(s.vehicle)||o&&r9(o.vehicle,s.vehicle)||r({vehicle:s.vehicle,labels:h(),stock:s.stock})},[c,o,s.vehicle,s.stock,h]),st(()=>{if(!o||!r9(s.vehicle,o.vehicle))return;let f={make:uh(s.makeName,s.vehicle.make,o.labels.make),model:uh(s.modelName,s.vehicle.model,o.labels.model),modification:uh(s.modName,s.vehicle.modification,o.labels.modification)};(o.stock!==s.stock||o.labels.make!==f.make||o.labels.model!==f.model||o.labels.modification!==f.modification)&&r(y=>y&&r9(s.vehicle,y.vehicle)?{...y,stock:s.stock,labels:f}:y)},[o,s.vehicle,s.stock,s.makeName,s.modelName,s.modName]);let m=HG("");st(()=>{if(!(t||!a))try{if(!o){m.current!==""&&(u6.clear(),m.current="");return}let f=JSON.stringify({vehicle:o.vehicle,labels:o.labels});if(f===m.current)return;u6.write({vehicle:o.vehicle,labels:o.labels}),m.current=f}catch{}},[o,t,a]);let p=ph(()=>{z3(s.vehicle)&&r({vehicle:s.vehicle,labels:h(),stock:s.stock})},[s.vehicle,s.stock,h]),u=ph(()=>{r(null),l(f5),!t&&a&&ZS()},[t,a,l]),d=AG(()=>dd(o?.stock),[o?.stock]),g=!!o&&r9(s.vehicle,o.vehicle)&&s.loading.stock!==!1,z=o?[o.vehicle.year,o.labels.make,o.labels.model,o.labels.modification].filter(Boolean).join(" "):"";return{cascade:s,applied:o,fit:d,resolving:g,unresolved:!!o&&d===null&&!g,apply:p,clear:u,canApply:z3(s.vehicle),appliedName:z,restored:i}}import{useEffect as RS,useState as _S}from"react";var gh="plp:locationchange",DS=!1;function TG(e){if(typeof window>"u")return()=>{};if(!DS){DS=!0;for(let t of["pushState","replaceState"]){let a=window.history[t];window.history[t]=function(...s){a.apply(this,s),window.dispatchEvent(new Event(gh))}}}return window.addEventListener("popstate",e),window.addEventListener(gh,e),()=>{window.removeEventListener("popstate",e),window.removeEventListener(gh,e)}}function OS({editing:e,openingSort:t,appliedVehicle:a,vehicleRestored:c}){let[s,l]=_S({...E5,sort:t}),[o,r]=_S(!1);return RS(()=>{if(e||typeof window>"u")return;let i=()=>{let h=nv(new URLSearchParams(window.location.search));return N6(h).toString()===""?{...E5,sort:t}:h},n=()=>{let h=i();l(m=>N6(m).toString()===N6(h).toString()?m:h)};return n(),r(!0),TG(n)},[e,t]),RS(()=>{if(e||!o||!c||typeof window>"u")return;let i=N6(s);H4(i,a);let n=i.toString();window.history.replaceState(null,"",`${window.location.pathname}${n?`?${n}`:""}`)},[e,o,c,s,a]),[s,l]}import{Fragment as GS,jsx as Q0,jsxs as b2}from"react/jsx-runtime";var dh={heading:"Let's find wheels that fit your car.",intro:"Tell us what you drive and we'll show you every set that bolts straight on \u2014 bolt pattern, offset and hub bore checked for you."};function NG({level:e,className:t,children:a}){return Q0(e===2?"h2":"h1",{className:t,children:a})}var ZG=[];function vh({heading:e="",intro:t="",askForCar:a=!0,gateHeading:c="",gateIntro:s="",perPage:l=24,columns:o,defaultSort:r="recommended",hiddenFacets:i=[],fieldUsage:n=ZG,showPrice:h=!0,showInStock:m=!0,kinds:p,products:u,wheels:d,editing:g=!1,coverIndex:z=1,cardImage:f,spinOnHover:b=!1,imageBackground:y,showBadge:C=!0,showCardSizes:S,showCardBuy:H,showCardPage:_,showCardPrice:Z,showCardFinishes:q,outline:j=F5,indexBadge:B=m4,titleLevel:N}){let{currency:D}=F0(),T=va(y,da),R=Ha(p),i1=g4(),O=gS(Es(o),g?i1:null),m1=`plp-${PG().replace(/:/g,"")}`,Q=a8(m1,B),K=Pv(),a1=u??d??K??[],B1=j2(()=>qd(a1,R),[a1,R.join(",")]),X=E3({editing:g,enabled:a,autoApply:!0}),[D1,t0]=BG(!1),I=Yd(r,R),H1=X.applied?.vehicle??null,[f1,J2]=OS({editing:g,openingSort:I,appliedVehicle:H1,vehicleRestored:X.restored}),G0=Xd(R,f1.kind),q1=Y3(T1=>J2(T1),[J2]),p3=Y3((T1,M3)=>{let N2=f1[T1],I9=N2.map(String).includes(M3)?N2.filter(Xt=>String(Xt)!==M3):[...N2,T1==="diameters"?Number(M3):M3];q1({...f1,[T1]:I9,page:1})},[f1,q1]),h0=Y3(T1=>q1({...f1,priceMax:T1,page:1}),[f1,q1]),R3=Y3(T1=>q1({...f1,inStockOnly:T1,page:1}),[f1,q1]),g0=Y3(T1=>q1({...E5,kind:T1,inStockOnly:f1.inStockOnly,priceMax:f1.priceMax,sort:f1.sort}),[f1.inStockOnly,f1.priceMax,f1.sort,q1]),k3=Y3(T1=>q1({...f1,sort:T1,page:1}),[f1,q1]),l4=Y3(T1=>{q1({...f1,page:T1}),typeof window<"u"&&window.scrollTo({top:0,behavior:J4()})},[f1,q1]),E2=Y3(()=>q1({...E5,sort:f1.sort}),[f1.sort,q1]),{clear:g1}=X,W1=Y3(()=>{g1(),t0(!0),J2(T1=>({...T1,page:1}))},[g1]),_0=Y3(()=>{g1(),t0(!1),J2(T1=>({...T1,page:1}))},[g1]),q0=H1?[H1.make,H1.model,H1.year,H1.modification].join("|"):"",o0=EG(null);VG(()=>{if(X.restored){if(o0.current===null){o0.current=q0;return}o0.current!==q0&&(o0.current=q0,J2(T1=>T1.page===1?T1:{...T1,page:1}))}},[X.restored,q0,J2]);let W0=BS({catalog:B1,shownKinds:R,vehicle:H1,editing:g}),$=j2(()=>{if(!X.fit)return W0;let T1=W0.filter(N2=>B6(N2)==="alloy-wheel"),M3=new Set(zd(T1,X.fit).map(N2=>N2.slug));return W0.filter(N2=>B6(N2)!=="alloy-wheel"||M3.has(P5(N2)))},[W0,X.fit]),N1=i.join(","),y0=j2(()=>{let T1=new Set(N1?N1.split(","):[]);return tv($,f1,D,G0,n).filter(M3=>!T1.has(M3.key))},[$,f1,D,N1,G0.join(","),n]),B2=j2(()=>Qd($,f1,D),[$,f1,D]),R7=G0.length>1,M5=j2(()=>U9(n,"alloy-wheel"),[n]),_7=j2(()=>U9(n,"tyre"),[n]),H6=j2(()=>Ud(B2),[B2]),$t=j2(()=>Kd(B2),[B2]),jt=j2(()=>h?rv($,D):null,[$,D,h]),Yt=j2(()=>Jd($,f1,D),[$,f1,D]),P9=j2(()=>ov($,R,f1,D),[$,R.join(","),f1,D]),E9=Y3((T1,M3)=>{let N2=lv($.flatMap($d),f1.tyreSizes[0]??"",T1,M3);q1({...f1,tyreSizes:N2?[N2]:[],page:1})},[$,f1,q1]),C5=j2(()=>{let T1=new Set(N1?N1.split(","):[]);return!cv($,G0)||T1.has("tyreSizes")?null:sv($,f1,D)},[$,f1,D,N1,G0.join(","),n]),l2=j2(()=>mv(B2,f1.page,l),[B2,f1.page,l]),o4=V5(G0),D7=Xe(G0),B9=vS(c,s,G0,R),O7=G0.length===1&&G0[0]==="tyre",N9=X.applied?.stock??null,r4=j2(()=>Dv(N9),[N9]),G7=j2(()=>$.filter(T1=>G0.includes(B6(T1))).length,[$,G0.join(",")]),u3=B1.length===0,L5=!u3&&$.length===0,Z9=a&&!g&&!X.applied&&!D1;return R.length===0?null:b2("section",{style:U2(f),children:[a&&Q0(nh,{cascade:X.cascade,appliedName:X.appliedName,fit:X.fit,fitSummary:O7&&r4.length>0?`Takes ${r4.join(" \xB7 ")}`:null,resolving:X.resolving,unresolved:O7?!!X.applied&&!X.resolving&&r4.length===0:X.unresolved,matchCount:G7,copy:D7,onAmend:_0,onClear:W1}),Z9&&Q0(hh,{cascade:X.cascade,heading:B9.heading,intro:B9.intro,ready:X.restored,copy:D7,onSkip:()=>t0(!0)}),b2("div",{className:"px-5 py-10 md:px-10",children:[(e||t)&&b2("header",{className:"mb-6",children:[e&&Q0(NG,{level:N,className:"font-display text-[clamp(28px,4vw,40px)] [font-weight:var(--sf-heading-weight,500)] [text-transform:var(--sf-heading-case,uppercase)] leading-[1.05] tracking-[-0.02em]",children:d0(e)}),t&&Q0("p",{className:"mt-2 max-w-[60ch] text-[15px] text-fg-dim",children:d0(t)})]}),b2("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-start",children:[Q0(rh,{facets:y0,filters:f1,typeOptions:P9,sizeBoxes:C5,sizeMatches:f1.tyreSizes.length>0?B2.length:null,noun:o4,priceBounds:jt,inStockCount:m?Yt:null,onToggle:p3,onPickType:g0,onPickSize:E9,onPriceMax:h0,onInStockOnly:R3,onClearAll:E2}),b2("div",{className:"min-w-0 flex-1",children:[b2("div",{className:"mb-4 flex min-h-[34px] flex-wrap items-center justify-between gap-x-4 gap-y-2 border-b border-line pb-3",children:[b2("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-x-4 gap-y-2",children:[Q0("p",{className:"font-mono text-[12px] tabular-nums tracking-[0.08em]",children:l2.total===0?b2("span",{className:"text-fg-dim",children:["No ",o4.many]}):b2(GS,{children:[b2("span",{children:[l2.from,"\u2013",l2.to]}),b2("span",{className:"text-fg-dim",children:[" of ",l2.total," ",o4.many]})]})}),Q0(eh,{filters:f1,onToggle:p3,onPriceMax:h0,onInStockOnly:R3,onPickType:g0})]}),b2("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Sort by",Q0("select",{value:f1.sort,onChange:T1=>k3(Ta(T1.target.value)),className:"cursor-pointer border border-line bg-transparent px-2 py-1.5 font-mono text-[12px] normal-case tracking-normal text-fg",children:jd(R).map(T1=>Q0("option",{value:T1,children:Fa[T1]},T1))})]})]}),u3?Q0("div",{className:"border border-dashed border-line p-10",children:Q0("p",{className:"font-mono text-[12px] uppercase tracking-[0.16em] text-fg-dim",children:g?`No ${o4.many} in this website's catalog yet \u2014 curate products to see them here.`:"Our catalog is being updated. Please check back shortly."})}):L5?b2("div",{className:"border border-line p-10",children:[b2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No confirmed fit for your ",X.appliedName]}),Q0("p",{className:"mt-2 max-w-[52ch] text-[14px] text-fg-dim",children:D7.nothingFits}),b2("button",{type:"button",onClick:W1,className:"mt-4 cursor-pointer bg-btn px-4 py-2.5 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-btn-ink hover:bg-fg",children:["Show all ",o4.many]})]}):l2.total===0?b2("div",{className:"border border-line p-10",children:[b2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No ",o4.many," match those filters"]}),Q0("p",{className:"mt-2 max-w-[46ch] text-[14px] text-fg-dim",children:"Try widening the price range or clearing a filter."}),Va(f1)&&Q0("button",{type:"button",onClick:E2,className:"mt-4 cursor-pointer bg-btn px-4 py-2.5 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-btn-ink hover:bg-fg",children:"Clear all filters"})]}):b2(GS,{children:[Q&&Q0("style",{children:Q}),Q0("div",{className:Q?`${m1} plp-card-grid`:"plp-card-grid",style:O,children:l2.items.map(T1=>B6(T1)==="tyre"?Q0(Xv,{item:T1,currency:D,fitSize:r4.length>0?Ov(T1.sizes,r4):null,kindLabel:R7?V5(["tyre"]).one:null,showBrand:H6,editing:g,fieldUsage:_7},`tyre:${P5(T1)}`):Q0(th,{wheel:T1,colours:f1.finishes,fit:X.fit,editing:g,kindLabel:R7?V5(["alloy-wheel"]).one:null,showBrand:H6,coverIndex:z,fieldUsage:M5,showProcess:$t,spinOnHover:b,imageBackgroundFill:T,showBadge:C,outline:j,indexBadge:B,showCardSizes:S??!0,showCardBuy:H??!0,showCardPage:_??!0,showCardPrice:Z??!0,showCardFinishes:q??!0},`wheel:${P5(T1)}`))})]}),Q0(ah,{page:l2.page,pageCount:l2.pageCount,onPage:l4}),Q0(Vv,{editing:g})]})]})]})]})}import{SortIcon as RG,CarIcon as _G,HashIcon as DG}from"efficient-easel/icons";import{useEasel as OG}from"efficient-easel/easel";import{jsx as IG}from"react/jsx-runtime";var lt={heading:"Alloy wheels",intro:"Filter by brand, colour, size and fitment to find your set."},qS={label:"List",defaultProps:{heading:"",intro:"",askForCar:!0,gateHeading:"",gateIntro:"",kinds:[...Od],perPage:24,columns:Yn,defaultSort:"recommended",coverIndex:String(1),showInStock:!0,showCollection:!0,showPrice:!0},render:e=>IG(vh,{titleLevel:e.titleLevel,heading:x(e.heading,lt.heading,e.puck),intro:x(e.intro,lt.intro,e.puck),askForCar:e.askForCar!==!1,gateHeading:Y(e.gateHeading),gateIntro:Y(e.gateIntro),perPage:e.perPage,columns:e.columns,defaultSort:Ta(e.defaultSort),coverIndex:c8(e.coverIndex),cardImage:e.cardImage,spinOnHover:e.spinOnHover===!0,imageBackground:e.imageBackground,showBadge:e.showBadge!==!1,showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage,outline:P6(e.outline),indexBadge:V6(e.indexBadge),hiddenFacets:av(e),showPrice:e.showPrice,showInStock:e.showInStock!==!1,kinds:e.kinds,products:e.products,wheels:e.wheels,fieldUsage:e.fieldUsage,editing:e.puck?.isEditing})};import{jsx as f7}from"react/jsx-runtime";var Ws=[{value:"showInStock",label:"In stock"},{value:"showCollection",label:"Collection"},{value:"showPrice",label:"Price"}],GG="Brand, Color, Size and PCD follow the product type. Set them in Product types.",WS="root:default-zone";function qG(){let{appState:e,dispatch:t}=OG(i=>i),a=e.ui.itemSelector,c=e.data.content??[],s=a&&(a.zone===void 0||a.zone===WS)?a.index:-1,l=s>=0?c[s]:void 0,o=l?.props??{},r=Ws.filter(i=>o[i.value]!==!1).map(i=>i.value);return f7(ec,{label:"Filters",options:Ws,value:r,onChange:i=>{if(!l||l.type!=="AlloyWheelsListing")return;let n={};for(let h of Ws){let m=i.includes(h.value);o[h.value]!==!1!==m&&(n[h.value]=m)}Object.keys(n).length&&t({type:"replace",destinationZone:WS,destinationIndex:s,data:{...l,props:{...l.props,...n}}})}})}var US=()=>_f({type:"custom",render:()=>f7(If,{})},"always"),KS={fields:{_gHeader:v("Header"),heading:A("Heading",lt.heading),intro:V("Intro",lt.intro),_gResults:v("Products"),kinds:f8("Product types",s8,"None \u2014 this section will be empty"),defaultSort:h1("Opening sort",f7(RG,{}),Object.entries(Fa).map(([e,t])=>({value:e,label:t})),"recommended"),_gFilters:v("Filters"),showInStock:{type:"custom",label:"Filters",options:Ws,render:()=>f7(qG,{})},showCollection:US(),showPrice:US(),_nFieldFilters:v4(GG),_gVehicle:v("Car prompt"),askForCar:e1("Ask for the car first",!0,f7(_G,{})),gateHeading:P("Welcome heading",dh.heading),gateIntro:C1("Welcome intro",dh.intro),...vc({bottomDefault:!0}),...b8({coverHint:"A card's opening picture \u2014 picking another color opens that color's first picture.",spinDefault:!1}),...z8(),_gGrid:v("Grid"),columns:{type:"custom",render:({value:e,onChange:t})=>f7(Qn,{value:e,onChange:t})},perPage:J("Products per page",f7(DG,{}),8,60,4,24)},resolveFields:(e,{fields:t})=>{let a=Xe(Ha(e.props.kinds));return{...t,gateHeading:P("Welcome heading",a.gateHeading),gateIntro:C1("Welcome intro",a.gateIntro)}}};import{useEffect as KG,useState as $G}from"react";function WG(e){return{name:e.name,logo:e.logo,count:e.count}}var ot=null,fh=null;function Us(e=!1){let t=Z2();return!e&&ot&&fh===t||(fh=t,ot=UG(t).catch(()=>(fh===t&&(ot=null),null))),ot}async function UG(e){return e?(await D0.listBrandsForSite(e)).map(WG):null}import{Fragment as jG,jsx as Ks,jsxs as YG}from"react/jsx-runtime";function bh({value:e,onChange:t}){let[a,c]=$G(void 0);KG(()=>{let r=!1;return Us().then(i=>{r||c(i)}),()=>{r=!0}},[]);let s=Array.isArray(e)?e:[],o=[...a??[],...s.filter(r=>!(a??[]).some(i=>i.name===r)).map(r=>({name:r,logo:"",count:0}))].map(r=>({value:r.name,label:r.name,note:String(r.count)}));return YG(jG,{children:[Ks(ec,{label:"Brands",options:o,value:s,onChange:t,emptyLabel:"None"}),a===void 0?Ks("p",{className:"sf-field-hint",children:"Reading this website\u2019s brands\u2026"}):a===null?Ks("p",{className:"sf-field-hint",children:"Could not read this website\u2019s brands. The list above shows only what is already picked \u2014 reopen the panel to try again."}):a.length===0?Ks("p",{className:"sf-field-hint",children:"This website has no brands yet. A brand appears here once it has a product in the catalog."}):null]})}var rt="picks",$S="available",jS=()=>[];function YS(e,t){let a=new Set((e??[]).map(o=>(o??"").trim()).filter(Boolean));if(a.size===0)return[];let c=t??[],s=[],l=new Set;for(let o of c)a.has(o.name)&&(s.push(o),l.add(o.name));for(let o of e??[]){let r=(o??"").trim();!r||l.has(r)||(l.add(r),s.push({name:r,logo:"",count:0}))}return s}import{LogoIcon as XG,HashIcon as JG}from"efficient-easel/icons";import{jsx as XS}from"react/jsx-runtime";var JS={fields:{_gContent:v("Content"),heading:A("Heading","Shop by brand"),button:A("Button","All brands"),link:w1("Link"),[rt]:E0(bh),_gStyle:v("Style"),face:p1("Tile",XS(XG,{}),[{label:"Name",value:"name"},{label:"Mark",value:"mark"}],"name"),showCount:e1("Count",!0,XS(JG,{})),_gLayout:v("Layout")}};import{ColumnsIcon as QG}from"efficient-easel/icons";var M0={num:L.sectionNumber,link:L.viewAll};import{jsx as eq}from"react/jsx-runtime";var QS={fields:{_gHeader:v("Header"),num:A("Number",M0.num),title:V("Heading",L.sectionHeading),description:V("Body",L.body),_gLayout:v("Layout"),columns:J("Columns",eq(QG,{}),2,3,1,3),cardImage:D5()},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.BundleOffer.headRows)};import{StylesIcon as tq}from"efficient-easel/icons";var $s=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}];import{jsx as aq}from"react/jsx-runtime";var eA={fields:{_gStyle:v("Style"),style:p1("Show as",aq(tq,{}),$s,"icon")}};import{HashIcon as lq,SortIcon as oq,LayoutIcon as rq}from"efficient-easel/icons";var tA="The results link is off while the Lugs filter is on. The product listing page filters on bolt pattern and has no lug filter, so a shopper's lug choice could not be carried across \u2014 they would land on a wider set of products than they asked for. Turn Lugs off to use the results link.";function aA(e){let t=[];return e.lugs!=null&&t.push("lugs"),e.priceMin!=null&&t.push("priceMin"),t}function cq(e){return e==="default"?"recommended":e}function sq(e){return{...E5,collections:e.process?[e.process]:[],diameters:e.size!=null?[e.size]:[],finishes:e.finish?[e.finish]:[],priceMax:e.priceMax,sort:cq(e.sort)}}function cA(e,t,a){let c=e.indexOf("#"),s=c===-1?"":e.slice(c),l=c===-1?e:e.slice(0,c),o=l.indexOf("?"),r=o===-1?l:l.slice(0,o),i=new URLSearchParams(o===-1?"":l.slice(o+1));for(let[h,m]of N6(sq(t)))i.set(h,m);H4(i,a);let n=i.toString();return`${r}${n?`?${n}`:""}${s}`}var b7="pills",zh=[{label:"Pills",value:"pills"},{label:"Columns",value:"columns"}];function sA(e){return S3(zh,b7,e)}import{jsx as xh}from"react/jsx-runtime";var iq="follow the product type. Set them in Product types.",lA={fields:{_gPills:v("Filters shown"),showProcess:te("process",!0),showLugs:te("lugs",!0),showPrice:te("price",!0),showVehicle:te("vehicle",!0),_nFieldFilters:kb(["size","finish"],iq),_gBar:v("Bar"),showCount:e1("Result count",!0,xh(lq,{})),showSort:e1("Sort + Clear all",!0,xh(oq,{})),resultsLabel:P("Results button","See all results"),resultsHref:w1("Results link"),resultsBlocked:v4(tA),layout:h1("Layout",xh(rq,{}),zh,b7)},resolveFields:(e,{fields:t})=>{let a=e.props,c={...t};return a.showLugs?(delete c.resultsHref,delete c.resultsLabel):delete c.resultsBlocked,c}};import{jsx as i9,jsxs as oA}from"react/jsx-runtime";function wh({eyebrow:e,title:t,body:a,ctaText:c,ctaHref:s,secondaryText:l,secondaryHref:o,contained:r}){return i9(S0,{contained:r,className:"py-6",children:oA("div",{className:"flex flex-col items-center gap-5 px-6 py-16 text-center max-[800px]:py-10",children:[e&&i9(I1,{text:e,scaled:!1}),t&&i9("h2",{className:"max-w-[720px] font-display text-[min(44px,var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[min(30px,var(--sf-heading-max,9999px))]",children:U(t,!1)}),a&&m0(a).map((i,n)=>i9("p",{className:"max-w-[560px] text-[16px] leading-[1.6] opacity-85",children:k(i)},n)),(c||l)&&oA("div",{className:"mt-2 flex items-center gap-6",children:[c&&i9(a3,{href:s||"/checkout",variant:"primary",children:k(c)}),l&&i9("a",{href:o||"#",className:"font-mono text-[13px] uppercase tracking-[0.2em] underline underline-offset-4 opacity-70 hover:opacity-100",children:k(l)})]})]})})}import{jsx as nq}from"react/jsx-runtime";var it={title:"Ready when *you are.*",secondary:"Questions? Talk to us"},rA={label:"Ready-to-Order Banner",defaultProps:{eyebrow:"",title:"",body:"",ctaText:"",ctaHref:"",secondaryText:"",secondaryHref:"",contained:!0},render:({eyebrow:e,title:t,body:a,ctaText:c,ctaHref:s,secondaryText:l,secondaryHref:o,contained:r,puck:i})=>{let n=s3(c,s,i);return nq(wh,{eyebrow:x(e,L.eyebrow,i),title:x(t,it.title,i),body:x(a,L.body,i),ctaText:n.text,ctaHref:n.href||"/checkout",secondaryText:x(l,it.secondary,i),secondaryHref:Y(o)||"#",contained:r})}};var iA={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",L.eyebrow),title:V("Heading",it.title),body:V("Body",L.body),_gButton:v("Button"),...T3,secondaryText:A("Secondary button",it.secondary),secondaryHref:w1("Secondary link"),_gLayout:v("Layout")}};import{SettingsField as hq}from"efficient-easel/panel";import{CategoryIcon as mq}from"efficient-easel/icons";import{useEffect as nA,useRef as yh,useState as pq}from"react";var x3=Ba({fetch:(e,t)=>h4.listCategories(e,{visibleOnly:!0,siteId:t}),keyBy:Z2});import{jsx as n3,jsxs as g6}from"react/jsx-runtime";function hA(e){return{id:e.id,name:e.name,slug:e.slug,description:e.description??"",image:e.image??""}}function kh({value:e,onChange:t}){let a=u4(),[c,s]=pq(null),l=yh(!0),o=yh(e);o.current=e;let r=yh(t);r.current=t;let i=(g=!1)=>x3(g).then(z=>(l.current&&s(z),z)),n=g=>{let z=o.current;if(!z?.id)return;let f=g.find(y=>y.id===z.id);if(!f)return;let b=hA(f);a5(b,z)&&r.current(b)};nA(()=>(l.current=!0,i().then(n),()=>{l.current=!1}),[]),nA(()=>nf(()=>{i(!0).then(n)}),[]);let h=g=>{if(!g){t(null);return}let z=(c??[]).find(f=>f.id===g);z&&t(hA(z))},m=()=>{e?.id&&a.send("storefront-editor:open-category",{categoryId:e.id,name:e.name})},p=c===null,u=!!e?.id&&!(c??[]).some(g=>g.id===e.id),d=Kb(e?.image);return g6("div",{children:[n3(hq,{label:"Collection",icon:n3(mq,{}),children:g6("select",{value:e?.id??"",onChange:g=>h(g.target.value),disabled:p,children:[n3("option",{value:"",children:p?"Loading\u2026":"None"}),u?g6("option",{value:e.id,children:[e.name," (unavailable)"]}):null,(c??[]).map(g=>n3("option",{value:g.id,children:g.name},g.id))]})}),e?.id?g6("div",{className:"sf-blogsource",style:{marginTop:9},children:[g6("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[g6("div",{children:[n3("div",{className:"sf-field-label",style:{opacity:.6},children:"Name"}),n3("div",{style:{fontWeight:600},children:e.name})]}),g6("div",{children:[n3("div",{className:"sf-field-label",style:{opacity:.6},children:"Description"}),n3("div",{style:{fontSize:13,opacity:e.description?.85:.5},children:e.description||"No description yet"})]}),g6("div",{children:[n3("div",{className:"sf-field-label",style:{opacity:.6},children:"Image"}),d?n3("img",{src:d,alt:"",style:{width:"100%",height:96,objectFit:"cover",borderRadius:8}}):n3("div",{style:{fontSize:13,opacity:.5},children:"No image yet"})]})]}),n3("button",{type:"button",className:"sf-blogsource-btn",style:{marginTop:10},onClick:m,children:"Edit category \u270E"}),n3("p",{className:"sf-blogsource-hint",children:"Name, description and image come from Storefront \u2192 Categories. Edit them there \u2014 this card updates to match."})]}):n3("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:"Pick a category from Storefront \u2192 Categories to fill this card\u2019s name, description and image. That content is edited in the category."})]})}import{jsx as uq}from"react/jsx-runtime";var mA={fields:{_gContent:v("Content"),collection:{type:"custom",render:({value:e,onChange:t})=>uq(kh,{value:e,onChange:t})},altName:g8(n1("Alt name")),tag:A("Tag",L.eyebrow),_gLink:v("Link"),href:w1("Link")}};import{ColumnsIcon as xq,HashIcon as wq}from"efficient-easel/icons";import{useId as gq}from"react";import{Fragment as pA,jsx as z7,jsxs as Mh}from"react/jsx-runtime";function dq({editing:e,nodeId:t,children:a}){return!e||!t?z7(pA,{children:a}):z7(Y6,{nodeId:t,sectionType:"Collections",children:a})}var vq="px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",fq="px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]",bq={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5"};function Ch({eyebrow:e,heading:t,columns:a,showPrice:c,cardStyle:s,layout:l,limit:o,cards:r,omitHead:i=!1,nodeId:n,partStyles:h,editing:m=!1}={}){let p=`cg-${gq().replace(/:/g,"")}`,u=typeof o=="number"&&o>0,d=l==="list"?"grid-cols-1":a===void 0?"grid-cols-3":bq[Math.min(5,Math.max(2,Math.round(a)))]??"grid-cols-3";return Mh("section",{className:i?fq:vq,children:[i?null:z7(j1,{num:e!==void 0?e:"01 / Collections",accentNum:!0,title:t!==void 0?U(t,!1):Mh(pA,{children:["Three ranges,",z7("br",{}),"one standard."]}),link:{text:"View all",href:"/wheels"}}),r&&z7(dq,{editing:m,nodeId:n,children:Mh($b.Provider,{value:{showPrice:c,cardStyle:s,partStyles:h,editing:m},children:[u&&z7("style",{children:`.${p} > *:nth-child(n+${o+1}){display:none}`}),z7(r,{className:`${p} grid ${d} gap-4 max-[800px]:grid-cols-1 max-[800px]:gap-3`,minEmptyHeight:260})]})})]})}import{jsx as zq}from"react/jsx-runtime";var Lh={cards:{type:"slot"}},uA={label:"Collections",fields:Lh,defaultProps:{columns:3,limit:6},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return zq(Ch,{eyebrow:a(V0(e.eyebrow,L.sectionNumber,e.puck)),heading:a(V0(e.heading,L.sectionHeading,e.puck)),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:r8(e),editing:e.puck?.isEditing,columns:e.columns,limit:e.limit,cards:e.cards})}};import{jsx as gA}from"react/jsx-runtime";var dA={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",L.sectionNumber),heading:V("Heading",L.sectionHeading),cardList:N0("Collections","Cards"),cards:Lh.cards,_gLayout:v("Layout"),columns:J("Columns",gA(xq,{}),2,5,1,3),limit:J("Collections to display",gA(wq,{}),1,8,1,6)},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.Collections.headRows)};import{useEffect as tW,useId as aW,useState as cW}from"react";import{useId as Aq}from"react";import{Fragment as Cq,jsx as F4,jsxs as n9}from"react/jsx-runtime";var yq=[],kq="View tyre",Mq="flex flex-col bg-[var(--card-bg)] p-5";function vA(e,t){let a=e?Md(e):"";return[Mq,t?"relative":"",a].filter(Boolean).join(" ")}function nt({outline:e,showIndex:t=!1,size:a,specs:c,prices:s,image:l,inStock:o,href:r,linkLabel:i=kq,imageSizes:n="(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",fieldUsage:h=yq,currency:m,formatPrice:p}){let u=od(s,m),d=u===null?t8:p(u),g=Hd(h),z=[["load_index","Load index",c.loadIndex],["speed_rating","Speed",c.speedRating],["construction","Construction",c.construction],["tire_type","Type",c.tireType]].filter(([,,y])=>!!y).filter(([y])=>g(y)),f=n9(Cq,{children:[F4(n8,{image:l,size:a,type:c.tireType,sizes:n}),F4("h3",{className:"mt-4 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:a}),c.treadPattern?F4("div",{className:"mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-accent",children:c.treadPattern}):null,z.length>0&&F4("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:z.map(([y,C,S])=>n9("div",{className:"flex items-baseline justify-between gap-3",children:[F4("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:C}),F4("dd",{className:"text-right text-fg",children:S})]},y))}),n9("div",{className:"mt-4 flex items-baseline justify-between gap-3 border-t border-line pt-3 font-mono text-[length:var(--size-label,13px)]",children:[F4("span",{className:"text-fg",children:d}),F4("span",{style:o?{color:"var(--green)"}:void 0,className:o?void 0:"text-fg-dim",children:o?"In stock":"Out of stock"})]})]}),b=t?F4("span",{"aria-hidden":!0,className:`${Ma} ${Ca}`}):null;return r?n9(r0,{href:r,"aria-label":a?`View ${a} tyre`:"View this tyre",className:`group ${vA(e,t)}`,children:[b,f,n9("span",{className:"mt-3 inline-flex items-center gap-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-accent transition-colors group-hover:text-fg",children:[i,F4("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]}):n9("div",{className:vA(e,t),children:[b,f]})}import{jsx as Lq,jsxs as Sq}from"react/jsx-runtime";function ht({href:e,label:t}){return Sq(r0,{href:e,"data-view-more":!0,className:"inline-flex items-center gap-3 self-start border-b border-line pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg transition-colors hover:text-fg-dim",children:[t,Lq("span",{"aria-hidden":!0,children:"\u2192"})]})}import{Fragment as Tq,jsx as T4,jsxs as Sh}from"react/jsx-runtime";var Hq="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",fA={2:"grid grid-cols-2 gap-2 max-[720px]:grid-cols-1",3:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",4:"grid grid-cols-4 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1"};function Ah({num:e,title:t,description:a,tyres:c,footnote:s,footnoteLinkText:l,footnoteLinkHref:o,viewMore:r,editing:i=!1,frameClassName:n=Hq,omitHead:h=!1,columns:m=3,capWidth:p,cardImage:u,outline:d,indexBadge:g}){let{currency:z,formatPrice:f}=F0(),b=c??[],y=`ct-${Aq().replace(/:/g,"")}`,C=g??m4,S=a8(y,C),H=b.some(q=>!q.image),_=[s,H?Ia:null].filter(Boolean).join(" "),Z=h?null:T4(j1,{num:e!=null?k(e):void 0,title:t!=null?U(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0});return b.length===0?i?Sh("section",{className:n,children:[Z,T4("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:"No compatible tyres found for this wheel\u2019s sizes yet \u2014 tyres appear automatically when a matching size is active and priced in the catalog."})]}):null:Sh("section",{className:n,style:U2(u),children:[S&&T4("style",{children:S}),Sh(Fq,{px:p,children:[Z,T4("div",{className:`${S?`${y} `:""}${fA[m]??fA[3]}`,children:b.map(q=>T4(nt,{outline:d,showIndex:C!=="off",size:q.size,specs:q.specs,prices:q.prices,image:q.image,inStock:q.inStock,href:Gv(q.slug),currency:z,formatPrice:f},q.sku))}),r&&T4("div",{className:"mt-10 flex",children:T4(ht,{href:r.href,label:r.label})}),T4(B5,{text:_,linkText:l,linkHref:o})]})]})}function Fq({px:e,children:t}){return typeof e!="number"?T4(Tq,{children:t}):T4("div",{style:A5(e),children:t})}import{createContext as Vq,useContext as Pq,useMemo as Eq}from"react";function bA(e,t=[]){let a=$f(Wf(),e),c=t.find(s=>{let l=(s?.url??"").trim();return!l||l==="#"||Kf(l)!==e?!1:Uf(l).startsWith("/")});return c?c.url:a}function zA(e){let t=[];for(let a of e??[]){typeof a?.url=="string"&&t.push({url:a.url});for(let c of a?.dropdownItems??[])typeof c?.url=="string"&&t.push({url:c.url})}return t}import{jsx as Bq}from"react/jsx-runtime";var xA=Vq([]);function Vx1({items:e,children:t}){let a=Eq(()=>zA(e),[e]);return Bq(xA.Provider,{value:a,children:t})}function wA(){return Pq(xA)}import{createContext as Oq,useContext as Gq,useMemo as Jx1}from"react";import{jsx as Hh,jsxs as Nq}from"react/jsx-runtime";function h9({item:e,onClose:t}){return e?Nq("div",{role:"dialog","aria-modal":"true","aria-label":e.alt,onClick:t,className:"fixed inset-0 z-[100] flex cursor-zoom-out items-center justify-center bg-overlay-scrim/90 p-6 backdrop-blur-sm max-[720px]:p-3",children:[Hh("img",{src:e.src,alt:e.alt,className:"block max-h-[92vh] max-w-[92vw] cursor-zoom-out object-contain"}),Hh("button",{type:"button",onClick:t,"aria-label":"Close",className:"absolute right-5 top-5 flex h-10 w-10 items-center justify-center border border-fg-dim/40 text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\xD7"}),Hh("span",{className:"absolute bottom-5 left-5 font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:e.alt})]}):null}import{useEffect as Zq,useState as Iq}from"react";function mt(){let[e,t]=Iq(null);return Zq(()=>{if(!e)return;let a=s=>{s.key==="Escape"&&t(null)};window.addEventListener("keydown",a);let c=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",a),document.body.style.overflow=c}},[e]),{item:e,open:(a,c)=>t({src:a,alt:c}),close:()=>t(null)}}import{useEffect as Dq,useState as m9}from"react";function Rq(e,t,a){let c=new Map;for(let s of e){let l=JSON.stringify(t.map(i=>s.options[i]??null)),o=c.get(l);o||c.set(l,o=new Set);let r=s.options[a];r!==void 0&&o.add(r)}return[...c.values()]}function yA(e,t,a){return a.every(c=>t[c]===void 0||e.options[c]===t[c])}function Fh(e,t){let a={};for(let c of e.optionFields){let s=t[c.key]??c.defaultValue;s!==void 0&&(a[c.key]=s)}return a}function js(e,t){return MA(e,t).rows}function kA(e,t){return MA(e,t).facts}function MA(e,t){let a=Fh(e,t),c=e.optionFields.filter(r=>r.role==="resolves").map(r=>r.key),s=[],l=[],o=[];for(let r of e.optionFields){let i=e.optionValues[r.key]??[],n=e.parts.filter(d=>yA(d,a,o)),h=new Set(n.map(d=>d.options[r.key]).filter(d=>d!==void 0)),m=new Set(e.parts.map(d=>d.options[r.key]).filter(d=>d!==void 0)),p=i.filter(d=>h.has(d.value)||!m.has(d.value));if(r.role==="resolves"?!0:Rq(n,c,r.key).some(d=>d.size>1))s.push({key:r.key,label:r.label,prompt:r.prompt,role:r.role,display:r.display,values:p,chosen:t[r.key]??null,empty:r.empty}),o.push(r.key);else if(h.size===1){let[d]=[...h];l.push({key:r.key,label:r.label,value:i.find(g=>g.value===d)??{value:d,label:d}})}}return{rows:s,facts:l}}function _q(e,t){return js(e,t).map(a=>a.key)}function CA(e,t){let a=_q(e,t);if(a.length===0||a.some(s=>t[s]===void 0))return null;let c=e.parts.filter(s=>yA(s,t,a));return c.length===1?c[0]:null}function LA(e,t){let a=js(e,t);return Object.keys(t).filter(c=>{let s=a.find(l=>l.key===c);return s?!s.values.some(l=>l.value===t[c]):!1})}function Ys(e,t){return e.filter(a=>!t||a.values.length>0).filter(a=>a.role==="resolves").every(a=>a.chosen!==null)}function SA({variants:e,inStock:t,priced:a}){return a&&t===!0&&(e??[]).length===0}function pt(e,{editing:t=!1}={}){let[a,c]=m9({}),[s,l]=m9(Do.qty),[o,r]=m9(Do.choice),[i,n]=m9(0),[h,m]=m9(!1),[p,u]=m9(!1),d=E3({editing:t,autoApply:!0}),g=qv(e,p?null:d.fit),z=js(g,a),f=kA(g,a),b=Fh(g,a),y=CA(g,a),C=y!=null&&!y.inStock,S=LA(g,a).join("|");Dq(()=>{if(!S)return;let Q=new Set(S.split("|"));c(K=>{let a1={...K};for(let B1 of Q)delete a1[B1];return a1})},[S]);let{currency:H}=F0(),Z=$v(g,y,{choice:o,qty:s}),q=za({prices:e.anchorPrices,msrpPrices:e.anchorMsrpPrices},y?{components:Z.components}:null,H,s),j=q.unit??0,B=q.setTotal??0,N=wa(q,H),D=p||d.appliedName!=="",T=Uv(e)==="required"?D:!0,i1=z.every(Q=>Q.chosen!==null)&&T&&y!=null&&y.inStock&&q.priced,O=SA({variants:e.parts,inStock:e.inStock,priced:q.priced});function m1(Q,K){c(a1=>({...a1,[Q]:K}))}return{picked:a,shown:b,pick:m1,qty:s,setQty:l,choice:o,setChoice:r,angleIdx:i,setAngleIdx:n,showValidation:h,setShowValidation:m,manualMode:p,setManualMode:u,vehicle:d,fitmentSet:D,rows:z,facts:f,part:y,outOfStock:C,offer:Z,preOrder:O,canAddToCart:i1,currency:H,price:q,unit:j,set:B,msrpLabel:N}}import{jsx as sw1,jsxs as lw1}from"react/jsx-runtime";var qq=Oq(null);function A0(){return Gq(qq)}import{Fragment as Wq,jsx as AA,jsxs as Uq}from"react/jsx-runtime";function e2({kinds:e,type:t,editing:a=!1,children:c}){let s=A0();return!s||e.includes(s.product.kind)?AA(Wq,{children:c}):a?AA("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-14 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-10",children:Uq("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[O9[t]??t," does not apply to ",E6[s.product.kind],". It is hidden on the live page."]})}):null}var Th=2,ut=6,gt=12;function Xs(e){return typeof e!="number"||!Number.isFinite(e)?ut:Math.min(gt,Math.max(Th,Math.round(e)))}function HA(e,t=[]){return{href:bA(e.to,t),label:`View more ${V5([e.to]).many}`}}var Kq={kind:"tyre",tyres:[]},$q={kind:"alloy-wheel",wheels:[]},FA=[{key:"tyres-that-fit",label:"Tyres that fit this product",from:["alloy-wheel"],to:"tyre",heading:"Compatible *tyres.*",resolve:e=>e.kind==="alloy-wheel"?{kind:"tyre",tyres:e.source.compatibleTyres??[]}:Kq},{key:"wheels-that-fit",label:"Wheels this product fits",from:["tyre"],to:"alloy-wheel",heading:"Wheels that *fit.*",resolve:(e,t)=>e.kind==="tyre"?{kind:"alloy-wheel",wheels:t}:$q},{key:"more-like-this",label:"More like this",from:["alloy-wheel"],to:"alloy-wheel",heading:"Others you might *like.*",resolve:(e,t)=>({kind:"alloy-wheel",wheels:t})}],V4="more-like-this",TA=FA.map(e=>({value:e.key,label:e.label}));function Vh(e){return FA.find(t=>t.key===e)}function VA(e,t){return e.from.includes(t)}var PA=["coverIndex","imageBackground","spinOnHover","showBadge"];function EA(e){return Vh(e)?.to==="tyre"}var Ph={GBP:0,USD:0,AUD:0},Yq=[{diameter:18,width:8.5,boltPattern:"5\xD7112",centreBore:66.6,et:35},{diameter:19,width:9,boltPattern:"5\xD7112",centreBore:66.6,et:38},{diameter:20,width:9.5,boltPattern:"5\xD7112",centreBore:66.6,et:40}],NA=[{name:"Finish 1",color:"#171717",family:"black",src:"",features:[1,2,3].map(e=>({eyebrow:"Feature eyebrow",heading:"Feature title",description:"Feature description \u2014 replace this with your own copy.",mark:`0${e} \xB7 Feature`,image:""}))},{name:"Finish 2",color:"#cccccc",family:"silver",src:""},{name:"Finish 3",color:"#8a6438",family:"bronze",src:""}],Xq=[{partNumber:"SAMPLE-18",diameter:18,width:8.5,holes:5,pcd:"112",et:35,cb:66.6,cap:"\u2014",boltPattern:"5\xD7112",loadRating:"000 kg",inStock:!0},{partNumber:"SAMPLE-19",diameter:19,width:9,holes:5,pcd:"112",et:38,cb:66.6,cap:"\u2014",boltPattern:"5\xD7112",loadRating:"000 kg",inStock:!0},{partNumber:"SAMPLE-20",diameter:20,width:9.5,holes:5,pcd:"112",et:40,cb:66.6,cap:"\u2014",boltPattern:"5\xD7112",loadRating:"000 kg",inStock:!0}],Jq=NA.flatMap(e=>Yq.map((t,a)=>({finishName:e.name,size:`${t.diameter}" \xD7 ${t.width} \xB7 ${t.boltPattern} \xB7 ${t.centreBore} bore \xB7 ET ${t.et}`,kind:"squared",directional:!1,components:[{partNumber:`SAMPLE-${e.name.replace(/\s+/g,"")}-${a}`,wheels:4,prices:{...Ph},hand:null}],inStock:!0,rearWidth:null,rearEt:null,...t}))),BA=e=>`data:image/svg+xml,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640"><rect width="640" height="640" fill="#e6e6e6"/><text x="320" y="332" font-family="sans-serif" font-size="30" fill="#8f8f8f" text-anchor="middle">${e}</text></svg>`)}`,p9=e=>({url:BA(e),thumbnailUrl:BA(e),kind:"image"}),Qq={photos:[{name:"Studio set",finish:"Finish 1",items:[p9("Sample photo 1"),p9("Sample photo 2"),p9("Sample photo 3")]}],lifestyle:[{name:"On location",finish:"",items:[p9("Lifestyle 1"),p9("Lifestyle 2")]},{name:"In the city",finish:"",items:[p9("Lifestyle 3")]}],videos:[],accessories:[],others:[]},eW=[1,2].map(e=>({sku:`SAMPLE-TYRE-${e}`,size:"000/00 R00",specs:{loadIndex:"00",speedRating:"\u2014",construction:"\u2014",treadPattern:"Tyre model",tireType:"\u2014"},prices:{...Ph},image:null,inStock:!0,slug:null})),Eh={bundles:[],name:"Product Name",slug:"sample-product",process:"Precision Forged",categories:["Precision Forged"],sizes:[18,19,20],prices:{...Ph},msrpPrices:{GBP:null,USD:null,AUD:null},spokes:5,mesh:!1,badge:null,finishes:NA,spec:{lugs:5,sizes:[18,19,20],widths:[8.5,9,9.5],pcds:["5\xD7112"],etRange:[35,42],centreBores:[66.6],loadRating:"000 kg / 000 lbs",cap:"",bumpProfile:"",rimProfile:""},coverImage:null,defaultFinish:null,description:"Product description \u2014 replace this with your own copy.",fitments:Xq,photoSets:[],carPhotos:[],details:[],videos:[],mediaGroups:Qq,relatedProducts:[],variants:Jq,pdpTemplateSlug:null,compatibleTyres:eW},Bh=Array.from({length:gt},(e,t)=>t+1).map(e=>({...Eh,name:`Product ${e}`,slug:`sample-product-${e}`}));import{Fragment as rW,jsx as D2,jsxs as Js}from"react/jsx-runtime";var sW=T5,ZA={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function x7(e){return D2(e2,{kinds:sW,type:"RelatedProducts",editing:e.editing,children:D2(lW,{...e})})}function lW({num:e,title:t,description:a,columns:c=3,cardCount:s,relationship:l=V4,footnote:o,footnoteLinkText:r,footnoteLinkHref:i,editing:n=!1,omitHead:h=!1,cardImage:m,outline:p,indexBadge:u,showBadge:d,showCardPrice:g,showCardFinishes:z,showCardSizes:f,showCardBuy:b,showCardPage:y,coverIndex:C,imageBackground:S,spinOnHover:H,capWidth:_}){let Z=A0(),q=wA(),j=Xs(s),[B,N]=cW([]);tW(()=>{if(Z||!n)return;let O=!1;return e3().then(m1=>{let Q=m1.length>0?m1:Bh;O||N(Q)}).catch(()=>{O||N(Bh)}),()=>{O=!0}},[Z,n]);let D=Vh(l);if(!D)return null;let T=HA(D,q),R=h?null:D2(j1,{num:e?k(e):void 0,title:U(t||D.heading,!1),description:a?k(a):void 0,accent:!0});if(!Z)return n?D2(IA,{header:R,wheels:B.slice(0,j),columns:c,viewMore:T,cardImage:m,outline:p,indexBadge:u,showBadge:d,showCardPrice:g,showCardFinishes:z,showCardSizes:f,showCardBuy:b,showCardPage:y,coverIndex:C,imageBackground:S,spinOnHover:H,capWidth:_}):null;if(!VA(D,Z.product.kind))return n?D2("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-14 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-10",style:U2(m),children:Js("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:["\u201C",D.label,"\u201D does not apply to this product. It is hidden on the live page."]})}):null;let i1=D.resolve(Z.product,Z.relatedWheels);return i1.kind==="tyre"?D2(Ah,{omitHead:h,columns:c,capWidth:_,cardImage:m,outline:p,indexBadge:u,num:e,title:t||D.heading,description:a,tyres:[...i1.tyres].slice(0,j),footnote:o,footnoteLinkText:r,footnoteLinkHref:i,viewMore:T,editing:n}):i1.wheels.length===0?n?Js("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:U2(m),children:[R,D2("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:"Related products appear here on a product page."})]}):null:D2(IA,{header:R,wheels:[...i1.wheels].slice(0,j),columns:c,viewMore:T,cardImage:m,outline:p,indexBadge:u,showBadge:d,showCardPrice:g,showCardFinishes:z,showCardSizes:f,showCardBuy:b,showCardPage:y,coverIndex:C,imageBackground:S,spinOnHover:H,capWidth:_})}function IA({header:e,wheels:t,columns:a,viewMore:c,cardImage:s,outline:l,indexBadge:o,showBadge:r,showCardPrice:i,showCardFinishes:n,showCardSizes:h,showCardBuy:m,showCardPage:p,coverIndex:u,imageBackground:d,spinOnHover:g,capWidth:z}){let f=`rp-${aW().replace(/:/g,"")}`;if(t.length===0)return null;let b=ZA[Math.min(4,Math.max(2,a))]??ZA[3],y=o??m4,C=a8(f,y);return Js("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",style:U2(s),children:[C&&D2("style",{children:C}),Js(oW,{px:z,children:[e,D2(Zd,{imageBackgroundFill:va(d,Og),spinOnHover:g??!0,coverIndex:u??1,outline:l??F5,indexBadge:y,showBadge:r??!0,showCardPrice:i??!0,showCardFinishes:n??!0,showCardSizes:h??!1,showCardBuy:m??!1,showCardPage:p??!1,children:D2("div",{className:`${f} grid gap-[2px] bg-[var(--catalog-grid-bg)] ${b}`,children:t.map((S,H)=>D2(xv,{wheel:S,variant:"catalog"},`${S.slug}-${H}`))})}),D2("div",{className:"mt-10 flex",children:D2(ht,{href:c.href,label:c.label})})]})]})}function oW({px:e,children:t}){return typeof e!="number"?D2(rW,{children:t}):D2("div",{style:A5(e),children:t})}import{jsx as iW}from"react/jsx-runtime";var X3={num:L.sectionNumber,title:"Compatible *tyres.*",description:L.body,footnote:"Tyres shown are fitment-matched companions.",footnoteLinkText:"Enquire about tyres"},RA={label:"Compatible Tyres",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return iW(x7,{num:a(x(e.num,X3.num,e.puck)),title:a(x(e.title,X3.title,e.puck)),description:a(x(e.description,X3.description,e.puck)),omitHead:t,footnote:x(e.footnote,X3.footnote,e.puck),footnoteLinkText:x(e.footnoteLinkText,X3.footnoteLinkText,e.puck),footnoteLinkHref:Y(e.footnoteLinkHref),relationship:"tyres-that-fit",cardImage:e.cardImage,editing:e.puck?.isEditing})}};var _A={fields:{_gContent:v("Header"),num:A("Number",X3.num),title:A("Heading",X3.title),description:V("Body",X3.description),_gFootnote:v("Footnote"),footnote:V("Footnote",X3.footnote),footnoteLinkText:A("Footnote button",X3.footnoteLinkText),footnoteLinkHref:w1("Footnote link"),_gCards:v("Cards"),cardImage:D5()},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.CompatibleTyres.headRows)};var DA={fields:{}};import{SettingsIcon as dW,AccentIcon as vW}from"efficient-easel/icons";import{jsx as P4,jsxs as Nh}from"react/jsx-runtime";var nW="py-6",hW="pt-0 pb-6";function dt({eyebrow:e,title:t,body:a,options:c=[],highlightBadge:s,contained:l,omitHead:o=!1}){return P4(S0,{contained:l,className:o?hW:nW,children:Nh("div",{className:"flex flex-col gap-6",children:[o?null:e||t||a?Nh("div",{className:"flex max-w-[680px] flex-col gap-3",children:[e&&P4(I1,{text:e,scaled:!1}),t&&P4("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium leading-[1.05] tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(t,!1)}),a&&m0(a).map((r,i)=>P4("p",{className:"text-[15px] leading-[1.6] opacity-85",children:k(r)},i))]}):null,c.length>0&&P4("ul",{className:"grid grid-cols-3 gap-4 max-[800px]:grid-cols-1",children:c.map((r,i)=>Nh("li",{className:`sf-card relative flex flex-col gap-2 border bg-surface px-6 py-6 ${r.highlighted?"border-accent":"border-line"}`,children:[r.highlighted&&s&&P4("span",{className:"absolute -top-2.5 left-5 bg-bg px-2 font-mono text-[10px] uppercase tracking-[0.25em] text-accent",children:k(s)}),r.name&&P4("span",{className:"text-[17px] font-medium",children:k(r.name)}),r.eta&&P4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-60",children:k(r.eta)}),r.blurb&&P4("p",{className:"text-[13.5px] leading-[1.6] opacity-75",children:k(r.blurb)}),r.price&&P4("span",{className:"mt-auto pt-2 font-display text-[20px] font-medium text-accent",children:k(r.price)})]},i))})]})})}import{useEffect as mW,useState as pW}from"react";import{jsx as uW}from"react/jsx-runtime";function Zh({eyebrow:e,title:t,body:a,highlightBadge:c,contained:s,omitHead:l=!1}){let{currency:o,formatMoney:r}=F0(),[i,n]=pW(null);mW(()=>{let m=!1;return D0.listShippingMethods().then(p=>{m||n(p)}).catch(()=>{m||n([])}),()=>{m=!0}},[]);let h=(i??[]).filter(m=>m.prices[o]!=null).map(m=>{let p=m.prices[o],u=p===0?"Free":r(p,o),d=m.pickupLocation;return{name:d?`${m.name} \u2014 ${d.name}`:m.name,eta:d?d.openingHours||void 0:m.description||void 0,price:m.requiresQuote&&p!==0?`From ${u}`:u,blurb:d&&[d.address,d.city,d.state].filter(Boolean).join(", ")||void 0}});return uW(dt,{eyebrow:e,title:t,body:a,options:h,highlightBadge:c,contained:s,omitHead:l})}import{jsx as OA}from"react/jsx-runtime";var w7={title:"Delivery, your way",badge:"Recommended"},gW=[{name:"Standard",eta:"5\u20137 business days",price:"Free",blurb:"Tracked to your door."},{name:"Express",eta:"2\u20133 business days",price:"$00",blurb:"Priority handling.",highlighted:!0},{name:"Pickup",eta:"Same day",price:"Free",blurb:"Collect from the warehouse."}],GA={label:"Delivery Options",defaultProps:{eyebrow:"",title:"",body:"",options:[],live:!0,highlightBadge:"",contained:!0},render:e=>{let t=P1(e.headPlacement)==="own-box",a=m=>t?void 0:m,{eyebrow:c,title:s,body:l,options:o,live:r,highlightBadge:i,contained:n,puck:h}=e;return r?OA(Zh,{eyebrow:a(x(c,L.eyebrow,h)),title:a(x(s,w7.title,h)),body:a(x(l,L.body,h)),omitHead:t,highlightBadge:x(i,w7.badge,h),contained:n}):OA(dt,{eyebrow:a(x(c,L.eyebrow,h)),title:a(x(s,w7.title,h)),body:a(x(l,L.body,h)),omitHead:t,options:d1(o,gW,h),highlightBadge:x(i,w7.badge,h),contained:n})}};import{jsx as qA}from"react/jsx-runtime";var WA={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",L.eyebrow),title:V("Heading",w7.title),body:V("Body",L.body),_gOptions:v("Options"),live:e1("Use my real delivery options",!0,qA(dW,{})),options:{type:"array",label:"Delivery options",arrayFields:{name:n1("Name"),eta:n1("Window"),price:n1("Price"),blurb:C1("Body"),highlighted:e1("Highlight",!1,qA(vW,{}))},getItemSummary:e=>e.name||"Option"},highlightBadge:A("Highlight badge",w7.badge),_gLayout:v("Layout")},resolveFields:(e,{fields:t})=>E1(t,e.props.headPlacement,F1.DeliveryOptions.headRows)};import{ProductFieldIcon as EW,WordsFromIcon as BW,SquareIcon as sH,ImageIcon as NW}from"efficient-easel/icons";import{jsx as E4,jsxs as Qs}from"react/jsx-runtime";function vt({rows:e,startLeft:t=!1,layout:a="even",padTop:c,padBottom:s,editing:l=!1}){let o=a==="narrow",r=typeof c=="number"?c:100,i=typeof s=="number"?s:100,n=(e??[]).filter(m=>(m?.eyebrow??"").trim()||(m?.title??"").trim()||(m?.copy??"").trim()||(m?.tag??"").trim()||(m?.image??"").trim()),h=n.length>0?n:l?[{tag:"Row 1"},{tag:"Row 2"},{tag:"Row 3"}]:[];return h.length===0?null:E4("section",{className:"relative z-[2] mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line bg-bg px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:{paddingTop:r,paddingBottom:i},children:h.map((m,p)=>{let u=p%2===1!==t;return Qs("div",{className:["grid items-center py-[60px]",o?"grid-cols-[1fr_460px] gap-[72px]":"grid-cols-2 gap-12","max-[1100px]:grid-cols-1",u?"[direction:rtl] max-[1100px]:[direction:ltr]":"",p>0?"border-t border-line":""].join(" "),children:[Qs("div",{className:["[direction:ltr] flex flex-col gap-4",o?"max-w-[560px]":"",o&&!u?"ml-auto max-[1100px]:ml-0":""].join(" "),children:[m.eyebrow?.trim()&&E4("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-accent",children:d0(m.eyebrow)}),m.title?.trim()&&E4("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3vw,42px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-[1.1] tracking-[-0.02em]",children:k(m.title,!0)}),m.copy?.trim()&&E4("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:k(m.copy,!1)}),(()=>{let d=(m.specs??[]).filter(g=>(g?.label??"").trim()||(g?.value??"").trim());return d.length===0?null:E4("dl",{className:"mt-2 border-t border-line pt-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.1em] leading-[2.1]",children:d.map((g,z)=>Qs("div",{className:"flex items-baseline justify-between gap-6",children:[E4("dt",{className:"text-fg-dim",children:d0(g.label??"")}),E4("dd",{className:"text-fg",children:d0(g.value??"")})]},z))})})()]}),Qs("div",{className:["[direction:ltr] flex flex-col gap-3",o?u?"items-end":"items-start":"",o?"max-[1100px]:items-start":""].join(" "),children:[E4("div",{className:["relative overflow-hidden max-w-full",o?m.imageShape==="wide"?"w-[460px] aspect-[16/9]":"w-[360px] aspect-square":"aspect-square"].join(" "),children:E4(T0,{label:m.tag?.trim()||m.title?.trim()||`row-${p+1}`,src:m.image||void 0,objectFit:"contain",sizes:o?"(max-width: 1100px) 100vw, 460px":"(max-width: 1100px) 100vw, 50vw"})}),m.tag?.trim()&&E4("span",{className:`font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim ${u?"text-left":"text-right"}`,children:d0(m.tag)})]})]},p)})})}function UA(e,t){let a=e?.detailShots;if(!Array.isArray(a)||a.length===0)return[];let c=a.filter(r=>!!r&&typeof r.url=="string"&&!!r.url&&typeof r.title=="string"&&!!r.title);if(c.length===0)return[];let s=r=>Array.isArray(r.lugs)?r.lugs.filter(i=>typeof i=="number"):[],l=c.filter(r=>s(r).length>0),o=t;if(o==null){let r=l.flatMap(s);o=r.length?Math.min(...r):null}return c.filter(r=>{let i=s(r);return i.length===0?!0:o!=null&&i.includes(o)})}function KA(e,t){let a=Array.isArray(e.lugs)?e.lugs:[];if(a.length===0)return!1;let c=new Set;for(let s of t)for(let l of s.lugs??[])c.add(l);return a.length<c.size}function el(e){return e.manualMode?ka(e.shown.boltPattern).holes:e.vehicle.fit?.holes??null}import{useEffect as CW,useState as LW}from"react";var Ih=[{key:"loadIndex",label:"Load index",prompt:"Select a load index",spec:"loadIndex"},{key:"speedRating",label:"Speed rating",prompt:"Select a speed rating",spec:"speedRating"},{key:"tyreType",label:"Type",prompt:"Select a type",spec:"tireType"}];function tl(e){let t=e.variants??[],a=[];for(let o of t)a.some(r=>r.value===o.size)||a.push({value:o.size,label:o.size});let c={size:a};for(let o of Ih){let r=[];for(let i of t){let n=i.specs[o.spec];!n||r.some(h=>h.value===n)||r.push({value:n,label:n})}c[o.key]=r}let s=t.map(o=>({id:o.sku,options:{size:o.size,...Object.fromEntries(Ih.map(r=>[r.key,o.specs[r.spec]]).filter(([,r])=>!!r))},inStock:o.inStock,image:o.image??null,components:[{partNumber:o.sku,wheels:1,prices:o.prices}]})),l=[{key:"size",label:"Size",prompt:"Select a size",role:"resolves",display:"pill"},...Ih.map(o=>({key:o.key,label:o.label,prompt:o.prompt,role:"describes",display:"pill"}))];return{kind:"tyre",source:e,slug:e.slug,name:e.name,eyebrow:e.brand,badge:"",href:`/tyres/${e.slug}`,crumbs:[{label:"Home",href:"/"},{label:e.name}],cover:e.coverImage??null,inStock:e.inStock,mediaGroups:e.mediaGroups,optionFields:l,optionValues:c,parts:s,anchorPrices:fW(t),anchorMsrpPrices:{}}}function fW(e){let t={};for(let a of e)for(let[c,s]of Object.entries(a.prices??{})){if(typeof s!="number"||!Number.isFinite(s)||s<=0)continue;let l=t[c];(l==null||s<l)&&(t[c]=s)}return t}import{useSyncExternalStore as bW}from"react";var $A="sf-editor-preview-pick",u9=null,Rh=new Set;function _h(){if(u9)return u9;u9={};let e=Q2.getItem($A);if(!e)return u9;try{let t=JSON.parse(e);if(t&&typeof t=="object"&&!Array.isArray(t))for(let[a,c]of Object.entries(t))typeof c=="string"&&(u9[a]=c)}catch{}return u9}function zW(){Q2.setItem($A,JSON.stringify(_h()))}function xW(e,t){return`${e??""}::${t??""}`}function wW(e){return _h()[e]}function jA(e,t){let a=_h();if(a[e]!==t){a[e]=t,zW();for(let c of Rh)c()}}function yW(e){return Rh.add(e),()=>Rh.delete(e)}function YA(e,t){let a=e??t??"";return a.trim()?a:null}function Dh(){return xW(Z2(),_w())}function al(){let e=Dh();return bW(yW,()=>wW(e),()=>{})}var kW={GBP:0,USD:0,AUD:0},MW={loadIndex:"00",speedRating:"\u2014",construction:"Radial",treadPattern:"Tread pattern",tireType:"Season"},XA=["205/55 R16","225/45 R17","245/40 R19"],JA={slug:"sample-tyre",name:"Tyre Model",brand:"Brand",designCode:"SAMPLE",description:"",shortDescription:"Tyre description \u2014 replace this with your own copy.",seoTitle:"",seoDescription:"",coverImage:null,inStock:!0,sizes:[...XA],variants:XA.map(e=>({sku:`SAMPLE-${e.replace(/[^0-9]/g,"")}`,size:e,specs:{...MW},prices:{...kW},image:null,inStock:!0,eprelRegistrationNumber:""})),mediaGroups:{photos:[],lifestyle:[],videos:[],accessories:[],others:[]},compatibleWheels:[],pdpTemplateSlug:null};var QA=null,eH=null,Oh=new Map;function SW(e){let t=p4(),a=Z2();(t!==QA||a!==eH)&&(QA=t,eH=a,Oh.clear());let c=Oh.get(e);return c||(c=t?h4.getWheelDetail(t,e,{siteId:a}).catch(()=>null):Promise.resolve(null),Oh.set(e,c)),c}function AW(e){return e==="tyre"?tl(JA):Y9(Eh)}var ft=["alloy-wheel"];function HW(e,t){return e?Y9(e):AW(t)}function O2(e){let t=YA(al(),qw()),a=Kw(),[c,s]=LW(null);return CW(()=>{if(!e||!t||!ft.includes(a)){s(null);return}let l=!1;return SW(t).then(o=>{l||s(o)}),()=>{l=!0}},[e,t,a]),e?HW(c,a):null}import{jsx as bt}from"react/jsx-runtime";var FW=["alloy-wheel"];function tH(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]}function TW(e,t){return(tH(e,t)?.features??[]).map(a=>({eyebrow:a.eyebrow,title:a.heading,copy:a.description,tag:a.mark,image:a.image||void 0}))}function VW(e,t,a){let c=UA(tH(e,t),a);return c.map(s=>({title:s.title,copy:s.line||void 0,image:s.url,tag:a!=null&&KA(s,c)?`Shown for your ${a} lug`:void 0,imageShape:"square"}))}function Gh(e){return bt(e2,{kinds:FW,type:"DetailRows",editing:e.editing,children:bt(PW,{...e})})}function PW({rowsFrom:e,startLeft:t,padTop:a,padBottom:c,editing:s=!1}){let l=A0(),o=O2(s&&!l),r=l?.product??o,i=r?.kind==="alloy-wheel"?r.source:null,n=l?l.selection.shown.finish:void 0,h=l?el(l.selection):null,m=e==="details",p=i?m?VW(i,n,h):TW(i,n):[];return m&&p.length===0?s?bt("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-14 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-10",children:bt("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:"No detail shots on this finish yet. Tick a close-up on the design's renderings and give it a title. This section is hidden on the live page until then."})}):null:bt(vt,{rows:p,startLeft:t,padTop:a,padBottom:c,editing:s})}import{jsx as aH}from"react/jsx-runtime";var qh=[{image:"",eyebrow:"Feature eyebrow",title:"Feature *one.*",copy:"Describe this feature in a sentence or two.",tag:"01 \xB7 Detail"},{image:"",eyebrow:"Feature eyebrow",title:"Feature *two.*",copy:"Describe this feature in a sentence or two.",tag:"02 \xB7 Detail"},{image:"",eyebrow:"Feature eyebrow",title:"Feature *three.*",copy:"Describe this feature in a sentence or two.",tag:"03 \xB7 Detail"}],cH={label:"Feature Rows",defaultProps:{dynamic:!1,rows:[],startLeft:!1,layout:"even",padTop:100,padBottom:100},render:e=>e.dynamic?aH(Gh,{rowsFrom:e.rowsFrom==="details"?"details":"story",startLeft:e.startLeft,padTop:typeof e.padTop=="number"?e.padTop:100,padBottom:typeof e.padBottom=="number"?e.padBottom:100,editing:e.puck?.isEditing}):aH(vt,{rows:d1(e.rows,qh,e.puck),startLeft:e.startLeft,layout:e.layout,padTop:typeof e.padTop=="number"?e.padTop:100,padBottom:typeof e.padBottom=="number"?e.padBottom:100,editing:e.puck?.isEditing})};import{jsx as zt}from"react/jsx-runtime";var lH={fields:{_sDynamic:K1("Product page"),dynamic:e1("Connect to product data",!1,zt(EW,{})),rowsFrom:p1("Rows from",zt(BW,{}),[{label:"Product story",value:"story"},{label:"Detail shots",value:"details"}],"story"),_sRows:K1("Rows"),rows:u8({type:"array",label:"Rows",arrayFields:{image:V1("Image","image/*"),imageShape:p1("Image shape",zt(sH,{}),[{label:"Square",value:"square"},{label:"Wide",value:"wide"}],"square"),eyebrow:P("Eyebrow"),title:n1("Title"),copy:C1("Body"),specs:{type:"array",label:"Specs",arrayFields:{label:P("Label","Offset"),value:P("Value","ET -10")},defaultItemProps:{label:"",value:""},getItemSummary:(e,t)=>e?.label||`Spec ${(t??0)+1}`,max:8},tag:P("Image tag")},defaultItemProps:{image:"",imageShape:"square",eyebrow:"",title:"",copy:"",specs:[],tag:""},getItemSummary:(e,t)=>e?.title||e?.eyebrow||`Row ${(t??0)+1}`},qh),_sStyle:K1("Style"),layout:p1("Row shape",zt(sH,{}),[{label:"Even columns",value:"even"},{label:"Narrow image",value:"narrow"}],"even"),startLeft:e1("First image on the left",!1,zt(NW,{})),...R2("DetailRows")},resolveFields:(e,{fields:t})=>{let a=l=>{if(e.props.layout==="narrow")return l;let o=l,r=o.rows;if(!r?.arrayFields)return l;let{imageShape:i,...n}=r.arrayFields;return{...o,rows:{...r,arrayFields:n}}};if(!g2()){let l={...a(t)};return delete l._sDynamic,delete l.dynamic,delete l.rowsFrom,l}if(!e.props.dynamic){let{rowsFrom:l,...o}=a(t);return o}let c=new Set(["_sRows","rows"]),s={};for(let[l,o]of Object.entries(t))c.has(l)||(s[l]=o);return s}};var oH={fields:{_gHeader:v("Header"),num:A("Number",M0.num)}};import{SquareIcon as GW}from"efficient-easel/icons";import{useEffect as IW,useMemo as RW,useRef as _W}from"react";var Wh="/shop";function rH({shopperPicked:e,fullyPicked:t,editing:a,pathname:c}){return a||!e||!t?!1:!ZW(c)}function ZW(e){return(e.split("?")[0]??"").replace(/\/+$/,"")===Wh}function iH(e){let a=H4(new URLSearchParams,e).toString();return a?`${Wh}?${a}`:Wh}import{jsx as B4,jsxs as Uh}from"react/jsx-runtime";function Kh({loading:e,error:t,data:a}){return e?B4("div",{className:"mt-9 border border-line bg-bg p-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.24em] text-fg-dim",children:"Loading stock fitment\u2026"}):t?Uh("div",{className:"mt-9 border border-line bg-bg p-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em] text-fg-dim",children:["Couldn't load stock fitment \u2014 ",B4("span",{className:"text-accent",children:t})]}):a?Uh("div",{className:"mt-9 grid grid-cols-6 gap-[2px] border border-line bg-line max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1",children:[B4(g9,{label:"Bolt pattern",value:a.boltPattern??"\u2014"}),B4(g9,{label:"PCD",value:a.pcd??"\u2014"}),B4(g9,{label:"Hub bore",value:a.centreBore?`${a.centreBore} mm`:"\u2014"}),B4(g9,{label:"ET range",value:a.etRange&&a.etRange.length===2?`${a.etRange[0]} \u2013 ${a.etRange[1]}`:"\u2014"}),B4(g9,{label:"OEM front",value:a.frontWheels.length?a.frontWheels.join(" \xB7 "):"\u2014"}),B4(g9,{label:"OEM rear",value:a.rearWheels.length?a.rearWheels.join(" \xB7 "):"\u2014"})]}):null}function g9({label:e,value:t}){return Uh("div",{className:"flex min-h-[96px] flex-col gap-1.5 bg-bg px-[18px] py-5",children:[B4("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.26em] text-fg-dim",children:e}),B4("span",{className:"mt-auto font-display text-[length:var(--size-body,17px)] font-medium tracking-[-0.01em] text-fg",children:t})]})}import{Fragment as nH,jsx as J3,jsxs as y7}from"react/jsx-runtime";function DW(e,t,a){if(!a)return e;let[c,s=""]=e.split("?"),o=H4(new URLSearchParams(s),t).toString();return o?`${c}?${o}`:c}function $h({num:e,title:t,description:a,ctaText:c,ctaHref:s,layout:l="full",omitHead:o=!1,initialMakes:r=[],editing:i=!1,...n}){let{cascade:h}=E3({initialMakes:r,editing:i,autoApply:!0}),m=l==="bar",p=_W(!1),u=RW(()=>{if(!m)return h;let f=b=>(...y)=>{p.current=!0,b(...y)};return{...h,setMake:f(h.setMake),setModel:f(h.setModel),setYear:f(h.setYear),setModification:f(h.setModification)}},[m,h]);IW(()=>{m&&(typeof window>"u"||rH({shopperPicked:p.current,fullyPicked:h.fullyPicked,editing:i,pathname:window.location.pathname})&&window.location.assign(iH(h.vehicle)))},[m,h.fullyPicked,h.vehicle,i]);let d=!o&&!m&&!!(e||t||a),g=!m&&c&&s?{text:c,href:s}:null,z=g?DW(g.href,h.vehicle,h.fullyPicked):null;return y7("section",{className:[v0(n)?"px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",m?o?"pt-0 pb-[30px] max-[1100px]:pb-5":"py-[30px] max-[1100px]:py-5":o?"pt-0 pb-20 max-[1100px]:pb-[60px]":"py-20 max-[1100px]:py-[60px]"].join(" "),children:[d&&J3(j1,{num:e,title:t,description:a,accent:!0}),m?y7("div",{className:"flex flex-wrap items-center gap-[18px]",children:[!o&&t?.trim()&&J3("p",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] [font-weight:var(--sf-heading-weight-strong,600)] leading-none tracking-[-0.02em] whitespace-nowrap",children:d0(t)}),J3("div",{className:"min-w-[320px] flex-1 basis-0",children:J3(i3,{cascade:u,compact:!0,editing:i})})]}):J3(i3,{cascade:h,editing:i}),!m&&J3(Kh,{loading:h.loading.stock,error:h.cascadeError,data:h.fullyPicked?h.stock:null}),!m&&y7("div",{className:"mt-9 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-8",children:[J3("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:h.fullyPicked?y7(nH,{children:["Your car \xB7"," ",y7("strong",{className:"font-display [font-weight:var(--sf-heading-weight-strong,500)] not-italic text-fg",children:[h.vehicle.year," ",h.makeName," ",h.modelName," ",h.modName]}),h.stock&&J3("span",{className:"ml-3 not-italic text-accent",children:"OEM fitment loaded."})]}):y7(nH,{children:["Tell us four things \u2014 ",J3("em",{className:"not-italic text-accent",children:"make, model, year, trim"})," \u2014 and we'll show the OEM stock fitment for your car."]})}),g&&z&&y7(r0,{href:z,className:"group inline-flex items-center gap-3.5 border border-btn bg-btn px-[30px] py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg",children:[g.text,J3("span",{className:"transition-transform group-hover:translate-x-[4px]",children:"\u2192"})]})]}),i&&h.makeOptions.length===0&&!h.loading.models&&J3("p",{className:"mt-4 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:"Vehicle catalog unavailable in this preview \u2014 the picker fills from the live fitment API on the published site."})]})}import{jsx as OW}from"react/jsx-runtime";var b5={num:L.sectionNumber,title:"Find your *match.*",description:"A few quick picks and we show the right option for you.",ctaText:"Browse all products"},hH={label:"Fitment Form",defaultProps:{num:"",title:"",description:"",ctaText:"",ctaHref:"",layout:"full"},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return OW($h,{num:a(x(e.num,b5.num,e.puck)),title:a(x(e.title,b5.title,e.puck)),description:a(x(e.description,b5.description,e.puck)),omitHead:t,ctaText:x(e.ctaText,b5.ctaText,e.puck),ctaHref:Y(e.ctaHref)||"#",layout:e.layout,editing:e.puck?.isEditing})}};import{jsx as qW}from"react/jsx-runtime";var mH={fields:{_gHeader:v("Header"),num:A("Number",b5.num),title:A("Heading",b5.title),description:V("Body",b5.description),_gCta:v("Call to action"),ctaText:A("Button",b5.ctaText),ctaHref:w1("Button link"),_gStyle:v("Style"),layout:p1("Section shape",qW(GW,{}),[{label:"Stacked",value:"full"},{label:"One row",value:"bar"}],"full")},resolveFields:(e,{fields:t,parent:a})=>{let c=e.props??{},s={...t};return c.layout==="bar"&&(delete s._gCta,delete s.ctaText,delete s.ctaHref),s=E1(Z1(s,a,R1),c.headPlacement,F1.FitmentFinder.headRows),s}};var M=(e,t,a,c,s,l,o,r,i)=>({diameter:e,width:t,holes:a,pcd:c,et:s,cb:l,cap:o,boltPattern:r,loadRating:i}),z2="CP509PS73",x2="32x15x60\xB0",w2="880kg / 1,940 lbs",d6="CP506AL82",v6="34x16x60\xB0",f6="915kg / 2,000 lbs",W="CP506AL68",G="32x15x60\xB0",o1="690kg / 1,520 lbs",p0="880kg / 1,940 lbs",WW="34x15x60\xB0",UW="1,060kg / 2,335 lbs",b6="CP507PS68",z6="825kg / 1,820 lbs",t1="CP595AL68",c1="32x15x60\xB0",s1="690kg / 1,520 lbs",jh="34x15x60\xB0",Yh="1,060kg / 2,335 lbs",N4="CP506AL82",Z4="34x16x60\xB0",I4="880kg / 1,940 lbs",KW={rotor:[M(20,8.5,5,"112",35,73.1,z2,x2,w2),M(20,8.5,5,"114.3",35,73.1,z2,x2,w2),M(20,8.5,5,"120",35,72.6,z2,x2,w2),M(20,8.5,5,"127",20,71.5,z2,x2,w2),M(20,10,5,"112",40,73.1,z2,x2,w2),M(20,10,5,"114.3",40,73.1,z2,x2,w2),M(20,10,5,"120",40,72.6,z2,x2,w2),M(20,10,5,"127",20,71.5,z2,x2,w2),M(22,9,5,"112",35,73.1,z2,x2,w2),M(22,9,5,"114.3",35,73.1,z2,x2,w2),M(22,9,5,"115",15,71.5,z2,x2,w2),M(22,9,5,"120",35,72.6,z2,x2,w2),M(22,9,5,"127",20,71.5,z2,x2,w2),M(22,10.5,5,"112",40,73.1,z2,x2,w2),M(22,10.5,5,"114.3",40,73.1,z2,x2,w2),M(22,10.5,5,"115",20,71.5,z2,x2,w2),M(22,10.5,5,"120",40,72.6,z2,x2,w2),M(22,10.5,5,"127",20,71.5,z2,x2,w2)],"frixion-6":[M(20,9,6,"135",20,87.1,d6,v6,f6),M(20,9,6,"139.7",20,87.1,d6,v6,f6),M(22,9.5,6,"135",25,87.1,d6,v6,f6),M(22,9.5,6,"139.7",25,87.1,d6,v6,f6),M(22,9.5,6,"135",20,87.1,d6,v6,f6),M(22,9.5,6,"139.7",20,87.1,d6,v6,f6),M(24,10,6,"135",25,87.1,d6,v6,f6),M(24,10,6,"139.7",25,87.1,d6,v6,f6)],"frixion-5":[M(18,8,5,"108",42,73.1,W,G,o1),M(18,8,5,"112",42,73.1,W,G,o1),M(18,8,5,"114.3",42,73.1,W,G,o1),M(18,8,5,"120",35,72.6,W,G,o1),M(19,8.5,5,"112",42,73.1,W,G,o1),M(19,8.5,5,"114.3",42,73.1,W,G,o1),M(19,8.5,5,"112",35,73.1,W,G,o1),M(19,8.5,5,"114.3",35,73.1,W,G,o1),M(19,8.5,5,"120",35,73.1,W,G,o1),M(19,8.5,5,"120",35,72.6,W,G,o1),M(19,9.5,5,"112",38,73.1,W,G,o1),M(19,9.5,5,"114.3",38,73.1,W,G,o1),M(19,9.5,5,"112",40,73.1,W,G,o1),M(19,9.5,5,"114.3",40,73.1,W,G,o1),M(19,9.5,5,"120",38,72.6,W,G,o1),M(20,8.5,5,"112",35,73.1,W,G,o1),M(20,8.5,5,"114.3",35,73.1,W,G,o1),M(20,8.5,5,"120",42,72.6,W,G,o1),M(20,8.5,5,"120",35,72.6,W,G,o1),M(20,8.5,5,"120",33,72.6,W,G,o1),M(20,10,5,"112",40,73.1,W,G,o1),M(20,10,5,"114.3",40,73.1,W,G,o1),M(20,10,5,"120",40,72.6,W,G,o1)],"vector-ii":[M(19,8.5,5,"112",38,73.1,W,G,p0),M(19,8.5,5,"114.3",38,73.1,W,G,p0),M(19,8.5,5,"112",45,73.1,W,G,p0),M(19,8.5,5,"114.3",45,73.1,W,G,p0),M(19,8.5,5,"120",38,72.6,W,G,p0),M(19,9.5,5,"112",42,73.1,W,G,p0),M(19,9.5,5,"114.3",42,73.1,W,G,p0),M(19,9.5,5,"120",42,72.6,W,G,p0),M(20,8.5,5,"112",38,73.1,W,G,p0),M(20,8.5,5,"114.3",38,73.1,W,G,p0),M(20,8.5,5,"120",38,72.6,W,G,p0),M(20,10,5,"112",40,73.1,W,G,p0),M(20,10,5,"114.3",40,73.1,W,G,p0),M(20,10,5,"120",40,72.6,W,G,p0)],"turbine-ii":[M(20,8.5,5,"112",38,73.1,W,G,p0),M(20,8.5,5,"114.3",38,73.1,W,G,p0),M(20,8.5,5,"112",35,73.1,W,G,p0),M(20,8.5,5,"114.3",35,73.1,W,G,p0),M(20,8.5,5,"112",30,73.1,W,G,p0),M(20,8.5,5,"114.3",30,73.1,W,G,p0),M(20,8.5,5,"112",25,73.1,W,G,p0),M(20,8.5,5,"114.3",25,73.1,W,G,p0),M(20,8.5,5,"120",32,72.6,W,G,p0),M(20,8.5,5,"120",35,72.6,W,G,p0),M(20,10,5,"112",40,73.1,W,G,p0),M(20,10,5,"114.3",40,73.1,W,G,p0),M(20,10,5,"112",30,73.1,W,G,p0),M(20,10,5,"114.3",30,73.1,W,G,p0),M(20,10,5,"120",38,72.6,W,G,p0),M(20,10,5,"120",37,72.6,W,G,p0),M(22,10.5,5,"127",35,71.5,W,WW,UW)],torque:[M(18,8,5,"108",42,73.1,W,G,o1),M(18,8,5,"112",42,73.1,W,G,o1),M(18,8,5,"114.3",42,73.1,W,G,o1),M(18,8,5,"120",35,72.6,W,G,o1),M(19,8.5,5,"112",42,73.1,W,G,o1),M(19,8.5,5,"114.3",42,73.1,W,G,o1),M(19,8.5,5,"120",38,72.6,W,G,o1),M(19,9.5,5,"112",35,73.1,W,G,o1),M(19,9.5,5,"114.3",35,73.1,W,G,o1),M(19,9.5,5,"112",38,73.1,W,G,o1),M(19,9.5,5,"114.3",38,73.1,W,G,o1),M(19,9.5,5,"120",40,72.6,W,G,o1),M(20,8.5,5,"112",35,73.1,W,G,o1),M(20,8.5,5,"114.3",35,73.1,W,G,o1),M(20,8.5,5,"120",32,72.6,W,G,o1),M(20,8.5,5,"120",35,72.6,W,G,o1),M(20,10,5,"112",40,73.1,W,G,o1),M(20,10,5,"114.3",40,73.1,W,G,o1),M(20,10,5,"120",40,72.6,W,G,o1)],blitz:[M(18,8,5,"108",40,73.1,W,G,o1),M(18,8,5,"112-114.3",40,73.1,W,G,o1),M(18,8,5,"120",35,72.6,W,G,o1),M(18,8,5,"120",38,72.6,W,G,o1),M(19,8.5,5,"112-114.3",32,73.1,W,G,o1),M(19,8.5,5,"112-114.3",40,73.1,W,G,o1),M(19,8.5,5,"112-114.3",38,73.1,W,G,o1),M(19,8.5,5,"114.3",35,73.1,W,G,o1),M(19,8.5,5,"120",33,72.6,W,G,o1),M(19,9.5,5,"112-114.3",38,73.1,W,G,o1),M(19,9.5,5,"114.3",40,73.1,W,G,o1),M(19,9.5,5,"120",38,72.6,W,G,o1),M(20,8.5,5,"112-114.3",32,73.1,W,G,o1),M(20,8.5,5,"112-114.3",38,73.1,W,G,o1),M(20,8.5,5,"120",32,72.6,W,G,o1),M(20,10,5,"112-114.3",40,73.1,W,G,o1),M(20,10,5,"112-114.3",38,73.1,W,G,o1),M(20,10,5,"120",40,72.6,W,G,o1),M(20,10,5,"120",38,72.6,W,G,o1)],"speed-ii":[M(18,8,5,"108",40,73.1,W,G,o1),M(18,8,5,"112",40,73.1,W,G,o1),M(18,8,5,"114.3",40,73.1,W,G,o1),M(18,8,5,"120",38,72.6,W,G,o1),M(18,8,5,"120",35,72.6,W,G,o1),M(19,8.5,5,"112",40,73.1,W,G,o1),M(19,8.5,5,"114.3",40,73.1,W,G,o1),M(19,8.5,5,"112",32,73.1,W,G,o1),M(19,8.5,5,"114.3",32,73.1,W,G,o1),M(19,8.5,5,"120",33,72.6,W,G,o1),M(19,9.5,5,"112",38,73.1,W,G,o1),M(19,9.5,5,"114.3",38,73.1,W,G,o1),M(19,9.5,5,"120",38,72.6,W,G,o1),M(20,8.5,5,"112",35,73.1,W,G,o1),M(20,8.5,5,"114.3",35,73.1,W,G,o1),M(20,8.5,5,"112",32,73.1,W,G,o1),M(20,8.5,5,"114.3",32,73.1,W,G,o1),M(20,8.5,5,"120",33,72.6,W,G,o1),M(20,10,5,"112",38,73.1,W,G,o1),M(20,10,5,"114.3",38,73.1,W,G,o1),M(20,10,5,"120",38,72.6,W,G,o1)],"force-6":[M(20,9,6,"135",20,87.1,N4,Z4,I4),M(20,9,6,"135",25,87.1,N4,Z4,I4),M(20,9,6,"135",20,87.1,N4,Z4,I4),M(20,9,6,"139.7",20,87.1,N4,Z4,I4),M(20,9,6,"139.7",20,87.1,N4,Z4,I4),M(20,9,6,"139.7",25,87.1,N4,Z4,I4),M(22,9.5,6,"135",20,87.1,N4,Z4,I4),M(22,9.5,6,"139.7",20,87.1,N4,Z4,I4),M(24,10,6,"135",25,87.1,N4,Z4,I4),M(24,10,6,"139.7",25,87.1,N4,Z4,I4)],"haste-ii":[M(20,8.5,5,"112",27,73.1,b6,G,z6),M(20,8.5,5,"114.3",27,73.1,b6,G,z6),M(20,8.5,5,"112",34,73.1,b6,G,z6),M(20,8.5,5,"114.3",34,73.1,b6,G,z6),M(20,8.5,5,"120",32,72.6,b6,G,z6),M(20,10,5,"112",38,73.1,b6,G,z6),M(20,10,5,"114.3",38,73.1,b6,G,z6),M(20,10,5,"120",37,72.6,b6,G,z6)],"thrust-ii":[M(18,8,5,"108",40,73.1,t1,c1,s1),M(18,8,5,"112",40,73.1,t1,c1,s1),M(18,8,5,"114.3",40,73.1,t1,c1,s1),M(18,8,5,"120",35,72.6,t1,c1,s1),M(18,8,5,"120",38,72.6,t1,c1,s1),M(19,8.5,5,"112",40,73.1,t1,c1,s1),M(19,8.5,5,"114.3",40,73.1,t1,c1,s1),M(19,8.5,5,"112",38,73.1,t1,c1,s1),M(19,8.5,5,"114.3",38,73.1,t1,c1,s1),M(19,8.5,5,"112",32,73.1,t1,c1,s1),M(19,8.5,5,"114.3",32,73.1,t1,c1,s1),M(19,8.5,5,"114.3",35,73.1,t1,c1,s1),M(19,8.5,5,"120",33,72.6,t1,c1,s1),M(19,9.5,5,"112",38,73.1,t1,c1,s1),M(19,9.5,5,"114.3",38,73.1,t1,c1,s1),M(19,9.5,5,"114.3",40,73.1,t1,c1,s1),M(19,9.5,5,"120",38,72.6,t1,c1,s1),M(20,8.5,5,"112",32,73.1,t1,c1,s1),M(20,8.5,5,"114.3",32,73.1,t1,c1,s1),M(20,8.5,5,"112",38,73.1,t1,c1,s1),M(20,8.5,5,"114.3",38,73.1,t1,c1,s1),M(20,8.5,5,"120",32,72.6,t1,c1,s1),M(20,10,5,"112",40,73.1,t1,c1,s1),M(20,10,5,"114.3",40,73.1,t1,c1,s1),M(20,10,5,"112",38,73.1,t1,c1,s1),M(20,10,5,"114.3",38,73.1,t1,c1,s1),M(20,10,5,"120",38,72.6,t1,c1,s1),M(20,10,5,"120",40,72.6,t1,c1,s1),M(22,10.5,5,"127",35,71.5,t1,jh,Yh)],"vector-iii":[M(18,8,5,"108",40,73.1,t1,c1,s1),M(18,8,5,"112",40,73.1,t1,c1,s1),M(18,8,5,"114.3",40,73.1,t1,c1,s1),M(18,8,5,"120",38,72.6,t1,c1,s1),M(18,8,5,"120",35,72.6,t1,c1,s1),M(19,8.5,5,"112",32,73.1,t1,c1,s1),M(19,8.5,5,"114.3",32,73.1,t1,c1,s1),M(19,8.5,5,"112",40,73.1,t1,c1,s1),M(19,8.5,5,"114.3",40,73.1,t1,c1,s1),M(19,8.5,5,"112",38,73.1,t1,c1,s1),M(19,8.5,5,"114.3",38,73.1,t1,c1,s1),M(19,8.5,5,"114.3",35,73.1,t1,c1,s1),M(19,8.5,5,"120",33,72.6,t1,c1,s1),M(19,9.5,5,"112",38,73.1,t1,c1,s1),M(19,9.5,5,"114.3",38,73.1,t1,c1,s1),M(19,9.5,5,"114.3",40,73.1,t1,c1,s1),M(19,9.5,5,"120",38,72.6,t1,c1,s1),M(20,8.5,5,"112",32,73.1,t1,c1,s1),M(20,8.5,5,"114.3",32,73.1,t1,c1,s1),M(20,8.5,5,"112",38,73.1,t1,c1,s1),M(20,8.5,5,"114.3",38,73.1,t1,c1,s1),M(20,8.5,5,"120",32,72.6,t1,c1,s1),M(20,10,5,"112",40,73.1,t1,c1,s1),M(20,10,5,"114.3",40,73.1,t1,c1,s1),M(20,10,5,"112",38,73.1,t1,c1,s1),M(20,10,5,"114.3",38,73.1,t1,c1,s1),M(20,10,5,"120",38,72.6,t1,c1,s1),M(20,10,5,"120",40,72.6,t1,c1,s1),M(22,10.5,5,"127",35,71.5,t1,jh,Yh)],"blitz-ii":[M(18,8,5,"108",40,73.1,t1,c1,s1),M(18,8,5,"112",40,73.1,t1,c1,s1),M(18,8,5,"114.3",40,73.1,t1,c1,s1),M(18,8,5,"120",38,72.6,t1,c1,s1),M(18,8,5,"120",35,72.6,t1,c1,s1),M(19,8.5,5,"112",32,73.1,t1,c1,s1),M(19,8.5,5,"114.3",32,73.1,t1,c1,s1),M(19,8.5,5,"112",40,73.1,t1,c1,s1),M(19,8.5,5,"114.3",40,73.1,t1,c1,s1),M(19,8.5,5,"112",38,73.1,t1,c1,s1),M(19,8.5,5,"114.3",38,73.1,t1,c1,s1),M(19,8.5,5,"114.3",35,73.1,t1,c1,s1),M(19,8.5,5,"120",33,72.6,t1,c1,s1),M(19,9.5,5,"112",38,73.1,t1,c1,s1),M(19,9.5,5,"114.3",38,73.1,t1,c1,s1),M(19,9.5,5,"114.3",40,73.1,t1,c1,s1),M(19,9.5,5,"120",38,72.6,t1,c1,s1),M(20,8.5,5,"112",32,73.1,t1,c1,s1),M(20,8.5,5,"114.3",32,73.1,t1,c1,s1),M(20,8.5,5,"112",38,73.1,t1,c1,s1),M(20,8.5,5,"114.3",38,73.1,t1,c1,s1),M(20,8.5,5,"120",32,72.6,t1,c1,s1),M(20,10,5,"112",40,73.1,t1,c1,s1),M(20,10,5,"114.3",40,73.1,t1,c1,s1),M(20,10,5,"112",38,73.1,t1,c1,s1),M(20,10,5,"114.3",38,73.1,t1,c1,s1),M(20,10,5,"120",38,72.6,t1,c1,s1),M(20,10,5,"120",40,72.6,t1,c1,s1),M(22,10.5,5,"127",35,71.5,t1,jh,Yh)]};function d9(e){return KW[e]??[]}var S1={hyperBlack:"#1a1a1c",blackSatin:"#0d0d0d",blackMachined:"#2a2a2a",silverSatin:"#a8a8a8",silverMachined:"#b5b5b5",bronze:"#7a5a3a",anthracite:"#3a3a3a",candyRed:"#9a1f1f",gunmetal:"#4a4d52"},F="/media/images/products",Xh="/media/videos/products",pH=["0","20-20","25","35"],uH=["Detail 1","Detail 2","Detail 3"];function x0(e,t,a,c=!0){let s=`${F}/${e}/${a}${t}`,l=pH.map(o=>`${s}${o}.png`);return{src:l[0],angles:l,...c?{details:uH.map(o=>`${s}${o}.png`)}:{}}}function R4(e,t,a,c){let s=pH.map((o,r)=>`${F}/${e}/${t}.${o}.${a[r]}.png`),l={src:s[0],angles:s};return c&&(l.details=uH.map((o,r)=>`${F}/${e}/${t}.${o}.${c[r]}.png`)),l}var $W=[{name:"HASTE II",slug:"haste-ii",process:"FusionForge\xAE",sizes:[18,19,20],price:1450,spokes:5,mesh:!1,badge:"bestseller",finishes:[{name:"Silver Satin Lacquer",color:S1.silverSatin,family:"silver",...x0("Haste II",".","Haste II.Ssl"),wheelPhotos:Array.from({length:9},(e,t)=>`${F}/Haste II/haste II Ssl wheel (${t+1}).jpg`)},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",...x0("Haste II",".","Haste II.Ksl"),carPhotos:[...[5,6,7,8,9].map(e=>`${F}/Haste II/HasteII ksl 2024 BMW(G83)M4 Competition Convertible (${e}).jpg`),...[1,2,5,6,9].map(e=>`${F}/Haste II/HasteII ksl car 2020 Chevrolet Camaro ZL1 (${e}).jpg`)]}]},{name:"FORCE 6",slug:"force-6",process:"FusionForge\xAE",sizes:[19,20,21],price:2950,spokes:6,mesh:!1,badge:null,finishes:[{name:"Silver Machined Carbon Satin Lacquer",color:S1.silverMachined,family:"silver",...x0("force 6",".","Froce6.Smfcbtm")},{name:"Black Machined Carbon Dark Tint Satin Lacquer",color:S1.blackMachined,family:"black",...x0("force 6",".","Froce6.Kmfcbtdtm")},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",...x0("force 6",".","Froce6.Ktm")},{name:"Candy Red",color:S1.candyRed,family:"red",...x0("force 6",".","Froce6.R")}]},{name:"SPEED II",slug:"speed-ii",process:"FusionForge\xAE",sizes:[18,19,20],price:3400,spokes:5,mesh:!1,badge:"new",finishes:[{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",...x0("speed_II",".","Speed II.Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:S1.blackMachined,family:"black",...x0("speed_II",".","Speed II.Kmftdtm")},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",...x0("speed_II",".","Speed II.Ktm")},{name:"Candy Red",color:S1.candyRed,family:"red",...x0("speed_II",".","Speed II.R")}]},{name:"VORTEX II",slug:"vortex-ii",process:"FusionForge\xAE",sizes:[19,20],price:3200,spokes:5,mesh:!0,badge:null,finishes:[{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",...x0("Vortex II","-","Vortex II-SMFTM")},{name:"Black Machined Face Satin Lacquer Dark Tint",color:S1.blackMachined,family:"black",...x0("Vortex II","-","Vortex II-KMFTMTD")},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",...x0("Vortex II","-","Vortex II-KTM")}]},{name:"VECTOR III",slug:"vector-iii",process:"Precision Forged",sizes:[18,19,20,21],price:4200,spokes:7,mesh:!1,badge:null,finishes:[{name:"Hyper Black",color:S1.hyperBlack,family:"black",...x0("vector_III","-","Vector III-H")},{name:"Anthracite",color:S1.anthracite,family:"graphite",...x0("vector_III","-","Vector III-ATM")},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",...x0("vector_III","-","Vector III-KTM")},{name:"Silver Satin Lacquer",color:S1.silverSatin,family:"silver",...x0("vector_III","-","Vector III-STM")},{name:"Bronze",color:S1.bronze,family:"bronze",...x0("vector_III","-","Vector III- N")}]},{name:"BLITZ II",slug:"blitz-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4400,spokes:8,mesh:!0,badge:null,finishes:[{name:"Hyper Black",color:S1.hyperBlack,family:"black",src:`${F}/blitz_II/Blitz II.H.0.752 (3).png`,angles:[`${F}/blitz_II/Blitz II.H.0.752 (3).png`,`${F}/blitz_II/Blitz II.H.20-20752 (4).png`,`${F}/blitz_II/Blitz II.H.25.752 (2).png`,`${F}/blitz_II/Blitz II.H.35.752 (1).png`],details:[`${F}/blitz_II/Blitz II.H.Detail 1.1923.png`,`${F}/blitz_II/Blitz II.H.Detail 2.1916.png`,`${F}/blitz_II/Blitz II.H.Detail FusionForge.1930.png`]},{name:"Anthracite",color:S1.anthracite,family:"graphite",src:`${F}/blitz_II/Blitz II.A.0.756 (3).png`,angles:[`${F}/blitz_II/Blitz II.A.0.756 (3).png`,`${F}/blitz_II/Blitz II.A.20-20.756 (4).png`,`${F}/blitz_II/Blitz II.A.25.756 (2).png`,`${F}/blitz_II/Blitz II.A.35.756 (1).png`],details:[`${F}/blitz_II/Blitz II.A.Detail 1.1924.png`,`${F}/blitz_II/Blitz II.A.Detail 2.1917.png`,`${F}/blitz_II/Blitz II.A.Detail FusionForge.1931.png`]},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",src:`${F}/blitz_II/Blitz II.Ktm.0.760 (3).png`,angles:[`${F}/blitz_II/Blitz II.Ktm.0.760 (3).png`,`${F}/blitz_II/Blitz II.Ktm.20-20760 (4).png`,`${F}/blitz_II/Blitz II.Ktm.25.760 (2).png`,`${F}/blitz_II/Blitz II.Ktm.35.760 (1).png`],details:[`${F}/blitz_II/Blitz II.K TM.Detail 1.1925.png`,`${F}/blitz_II/Blitz II.K TM.Detail 2.1918.png`,`${F}/blitz_II/Blitz II.K TM.Detail FusionForge.1932.png`]},{name:"Silver Satin Lacquer",color:S1.silverSatin,family:"silver",src:`${F}/blitz_II/Blitz II.Stm.0.748 (3).png`,angles:[`${F}/blitz_II/Blitz II.Stm.0.748 (3).png`,`${F}/blitz_II/Blitz II.Stm 20-20.748 (4).png`,`${F}/blitz_II/Blitz II.Stm.25.748 (2).png`,`${F}/blitz_II/Blitz II.Stm.35.748 (1).png`],details:[`${F}/blitz_II/Blitz II.S TM.Detail 1.1922.png`,`${F}/blitz_II/Blitz II.S TM.Detail 2.1915.png`,`${F}/blitz_II/Blitz II.S TM.Detail FusionForge.1929.png`]},{name:"Bronze",color:S1.bronze,family:"bronze",src:`${F}/blitz_II/Blitz II.n.0.764 (3).png`,angles:[`${F}/blitz_II/Blitz II.n.0.764 (3).png`,`${F}/blitz_II/Blitz II.n.20-20.764 (4).png`,`${F}/blitz_II/Blitz II.n.25.764 (2).png`,`${F}/blitz_II/Blitz II.n.35.764 (1).png`],details:[`${F}/blitz_II/Blitz II.N.Detail 1.1926.png`,`${F}/blitz_II/Blitz II.N.Detail 2.1919.png`,`${F}/blitz_II/Blitz II.N.Detail FusionForge.1933.png`]}]},{name:"THRUST II",slug:"thrust-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4500,spokes:7,mesh:!1,badge:"bestseller",finishes:[{name:"Hyper Black",color:S1.hyperBlack,family:"black",src:`${F}/thrust_II/Thrust II v2 2010 H.0.719.png`,angles:[`${F}/thrust_II/Thrust II v2 2010 H.0.719.png`,`${F}/thrust_II/Thrust II v2 2010 H.30.720.png`,`${F}/thrust_II/Thrust II v2 2010 H.30-30.722.png`,`${F}/thrust_II/Thrust II v2 2010 H.45.721.png`],details:[`${F}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 1.png`,`${F}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 2.png`,`${F}/thrust_II/Thrust II v2 2010 H.30-30.722.png`]},{name:"Anthracite",color:S1.anthracite,family:"graphite",src:`${F}/thrust_II/Thrust II v2 2010 A.0.735.png`,angles:[`${F}/thrust_II/Thrust II v2 2010 A.0.735.png`,`${F}/thrust_II/Thrust II v2 2010 A.30.736.png`,`${F}/thrust_II/Thrust II v2 2010 A.30-30.738.png`,`${F}/thrust_II/Thrust II v2 2010 A.45.737.png`],details:[`${F}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 1.png`,`${F}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 2.png`,`${F}/thrust_II/Thrust II v2 2010 A.30-30.738.png`]},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",src:`${F}/thrust_II/Thrust II v2 2010 K.0.730.png`,angles:[`${F}/thrust_II/Thrust II v2 2010 K.0.730.png`,`${F}/thrust_II/Thrust II v2 2010 K.30.731.png`,`${F}/thrust_II/Thrust II v2 2010 K.30-30.733.png`,`${F}/thrust_II/Thrust II v2 2010 K.45.732.png`],details:[`${F}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 1.png`,`${F}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 2.png`,`${F}/thrust_II/Thrust II v2 2010 K.30-30.733.png`]},{name:"Silver Satin Lacquer",color:S1.silverSatin,family:"silver",src:`${F}/thrust_II/Thrust II v2 2010 S.0.725.png`,angles:[`${F}/thrust_II/Thrust II v2 2010 S.0.725.png`,`${F}/thrust_II/Thrust II v2 2010 S.30.726.png`,`${F}/thrust_II/Thrust II v2 2010 S.30-30.728.png`,`${F}/thrust_II/Thrust II v2 2010 S.45.727.png`],details:[`${F}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 1.png`,`${F}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 2.png`,`${F}/thrust_II/Thrust II v2 2010 S.30-30.728.png`]},{name:"Bronze",color:S1.bronze,family:"bronze",src:`${F}/thrust_II/Thrust II v2 2010 N.0.740.png`,angles:[`${F}/thrust_II/Thrust II v2 2010 N.0.740.png`,`${F}/thrust_II/Thrust II v2 2010 N.30.741.png`,`${F}/thrust_II/Thrust II v2 2010 N.30-30.743.png`,`${F}/thrust_II/Thrust II v2 2010 N.45.742.png`]}]},{name:"TORQUE II",slug:"torque-ii",process:"Precision Forged",sizes:[18,19,20,22],price:4300,spokes:7,mesh:!1,badge:null,finishes:[{name:"Hyper Black",color:S1.hyperBlack,family:"black",src:`${F}/torque_II/Torque II-H-0-2195.png`,angles:[`${F}/torque_II/Torque II-H-0-2195.png`,`${F}/torque_II/Torque II-H-20-20-2198.png`,`${F}/torque_II/Torque II-H-25-2196.png`,`${F}/torque_II/Torque II-H-35-2197.png`],details:[`${F}/torque_II/Torque II-H-Detail 1-2199.png`,`${F}/torque_II/Torque II-H-Detail 2-2200.png`,`${F}/torque_II/Torque II-H-Detail 3-2201.png`]},{name:"Anthracite",color:S1.anthracite,family:"graphite",src:`${F}/torque_II/Torque II-A-0-2174.png`,angles:[`${F}/torque_II/Torque II-A-0-2174.png`,`${F}/torque_II/Torque II-A-20-20-2177.png`,`${F}/torque_II/Torque II-A-25-2175.png`,`${F}/torque_II/Torque II-A-35-2176.png`],details:[`${F}/torque_II/Torque II-A-Detail 1-2178.png`,`${F}/torque_II/Torque II-A-Detail 2-2179.png`,`${F}/torque_II/Torque II-A-Detail 3-2180.png`]},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",src:`${F}/torque_II/Torque II-Ktm-0-2202.png`,angles:[`${F}/torque_II/Torque II-Ktm-0-2202.png`,`${F}/torque_II/Torque II-Ktm-20-20-2205.png`,`${F}/torque_II/Torque II-Ktm-25-2203.png`,`${F}/torque_II/Torque II-Ktm-35-2204.png`],details:[`${F}/torque_II/Torque II-Ktm-Detail 1-2206.png`,`${F}/torque_II/Torque II-Ktm-Detail 2-2207.png`,`${F}/torque_II/Torque II-Ktm-Detail 3-2208.png`]},{name:"Silver Satin Lacquer",color:S1.silverSatin,family:"silver",src:`${F}/torque_II/Torque II-S-0-2181.png`,angles:[`${F}/torque_II/Torque II-S-0-2181.png`,`${F}/torque_II/Torque II-S-20-20-2184.png`,`${F}/torque_II/Torque II-S-25-2182.png`,`${F}/torque_II/Torque II-S-35-2183.png`],details:[`${F}/torque_II/Torque II-S-Detail 1-2185.png`,`${F}/torque_II/Torque II-S-Detail 2-2186.png`,`${F}/torque_II/Torque II-S-Detail 3-2187.png`]},{name:"Bronze",color:S1.bronze,family:"bronze",src:`${F}/torque_II/Torque II-N-0-2188.png`,angles:[`${F}/torque_II/Torque II-N-0-2188.png`,`${F}/torque_II/Torque II-N-20-20-2191.png`,`${F}/torque_II/Torque II-N-25-2189.png`,`${F}/torque_II/Torque II-N-35-2190.png`],details:[`${F}/torque_II/Torque II-N-Detail 1-2192.png`,`${F}/torque_II/Torque II-N-Detail 2-2193.png`,`${F}/torque_II/Torque II-N-Detail 3-2194.png`]}]},{name:"TURBINE II",slug:"turbine-ii",process:"Monoblock Cast",sizes:[19,20,21],price:1650,spokes:9,mesh:!0,badge:null,finishes:[{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",src:`${F}/turbine II/Turbine II L S MF TM.0.png`,angles:[`${F}/turbine II/Turbine II L S MF TM.0.png`,`${F}/turbine II/Turbine II L S MF TM.25.png`,`${F}/turbine II/Turbine II L S MF TM.35.png`,`${F}/turbine II/Turbine II L S MF TM.45.png`],details:[`${F}/turbine II/Turbine II L S MF TM.Detail 1.png`,`${F}/turbine II/Turbine II.L S MF TM.Detail 2.2239.png`,`${F}/turbine II/Turbine II L S MF TM.Detail 3.png`]},{name:"Black Machined Face Dark Tint Satin Lacquer",color:S1.blackMachined,family:"black",src:`${F}/turbine II/Turbine II L K MF TD TM.0.png`,angles:[`${F}/turbine II/Turbine II L K MF TD TM.0.png`,`${F}/turbine II/Turbine II L K MF TD TM.25.png`,`${F}/turbine II/Turbine II L K MF TD TM.35.png`,`${F}/turbine II/Turbine II L K MF TD TM.45.png`],details:[`${F}/turbine II/Turbine II L K MF TD TM.Detail 1.png`,`${F}/turbine II/Turbine II L K MF TD TM.LR Detail 2.png`,`${F}/turbine II/Turbine II L K MF TD TM.Detail 3.png`]}]},{name:"BLITZ",slug:"blitz",process:"Monoblock Cast",sizes:[18,19,20],price:1380,spokes:8,mesh:!0,badge:null,finishes:[{name:"Silver Satin Lacquer",color:S1.silverSatin,family:"silver",...R4("blitz","Blitz.Stm",["2167","2170","2168","2169"],["2171","2172","2173"]),wheelPhotos:Array.from({length:8},(e,t)=>`${F}/blitz/Blitz stm wheel(${t+19}).jpg`),video:`${Xh}/blitz/Blitz stm wheel.mp4`},{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",...R4("blitz","Blitz.Smftm",["2160","2163","2161","2162"],["2164","2165","2166"])},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",...R4("blitz","Blitz.Ktm",["2146","2149","2147","2148"],["2150","2151","2152"]),wheelPhotos:Array.from({length:8},(e,t)=>`${F}/blitz/Blitz ktm wheel (${t+1}).jpg`),carPhotos:Array.from({length:6},(e,t)=>`${F}/blitz/Blitz ktm Car AUDI 03-03 (${t+1}).png`),video:`${Xh}/blitz/Blitz ktm wheel.mp4`},{name:"Black Machined Face Dark Tint Satin Lacquer",color:S1.blackMachined,family:"black",...R4("blitz","Blitz.Kmftdtm",["2139","2142","2140","2141"],["2143","2144","2145"]),carPhotos:[5,7,8,9,10].map(e=>`${F}/blitz/Blitz kmftdtm Car 2018 Mercedes-AMG GT R (${e}).jpg`)},{name:"Candy Red",color:S1.candyRed,family:"red",...R4("blitz","Blitz.Rmftr",["2153","2156","2154","2155"],["2157","2158","2159"])}]},{name:"FRIXION 5",slug:"frixion-5",process:"Monoblock Cast",sizes:[18,19,20],price:1320,spokes:5,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",...R4("frixion 5","Frixion5 S MF",["1969","1972","1970","1971"]),details:[`${F}/frixion 5/Frixion5.Smf.Detail 1.2108.png`,`${F}/frixion 5/Frixion5.Smf.Detail 2.2109.png`,`${F}/frixion 5/Frixion5.Smf.Detail 3.2110.png`],wheelPhotos:Array.from({length:11},(e,t)=>`${F}/frixion 5/Frixion 5 Smf wheel (${t+1}).jpg`),carPhotos:[4,5,6,7].map(e=>`${F}/frixion 5/Frixion5 smftm car 2019 Jaguar XE SV Project 8 (${e}).jpg`),video:`${Xh}/frixion 5/frixion 5 kmftdtm smftm .mp4`},{name:"Black Machined Face",color:S1.blackMachined,family:"black",...R4("frixion 5","Frixion5 K TM",["1995","1998","1996","1997"]),details:[`${F}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 1.1999.png`,`${F}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 2.2000.png`,`${F}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 3.2001.png`],wheelPhotos:[`${F}/frixion 5/Frixion 5 kmftdtm wheel (2).jpg`,`${F}/frixion 5/Frixion 5 kmftdtm wheel (3).jpg`]},{name:"Candy Red",color:S1.candyRed,family:"red",...R4("frixion 5","Frixion5 R ",["1973","1976","1974","1975"]),details:[`${F}/frixion 5/Frixion5 R .Detail 1.1960.png`,`${F}/frixion 5/Frixion5 R .Detail 2.1961.png`,`${F}/frixion 5/Frixion5 R .Detail 3.1962.png`],carPhotos:[5,6,7,8,9].map(e=>`${F}/frixion 5/Frixion5 R car 2021 Ferrari Roma (${e}).jpg`)}]},{name:"FRIXION 6",slug:"frixion-6",process:"Monoblock Cast",sizes:[18,19,20,22],price:1380,spokes:6,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",...R4("frixion 6","Frixion6 S MF TM",["2044","2047","2045","2046"]),details:[`${F}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 1.2048.png`,`${F}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 2.2049.png`,`${F}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 3.2050.png`]},{name:"Black Machined Face Dark Tint",color:S1.blackMachined,family:"black",src:`${F}/frixion 6/Frixion6 K MF TD.0.2030.png`,angles:[`${F}/frixion 6/Frixion6 K MF TD.0.2030.png`,`${F}/frixion 6/Frixion6 K MF TD.20-20.2033.png`,`${F}/frixion 6/Frixion6 K MF TD.25.png`,`${F}/frixion 6/Frixion6 K MF TD.35.2032.png`],details:[`${F}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 1.2034.png`,`${F}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 2.2035.png`,`${F}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 3.2036.png`]},{name:"Candy Red",color:S1.candyRed,family:"red",...R4("frixion 6","Frixion6 R MF TR",["2037","2040","2038","2039"]),details:[`${F}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 1.2041.png`,`${F}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 2.2042.png`,`${F}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 3.2043.png`]}]},{name:"ROTOR",slug:"rotor",process:"Monoblock Cast",sizes:[18,19,20,22],price:1450,spokes:5,mesh:!1,badge:"bestseller",finishes:[{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",...x0("rotor",".","Rotor.Smftm")},{name:"Black Machined Face Dark Tint",color:S1.blackMachined,family:"black",...x0("rotor",".","Rotor.Kmftdtm")},{name:"Candy Red",color:S1.candyRed,family:"red",...x0("rotor",".","Rotor.Rmftr")}]},{name:"VECTOR II",slug:"vector-ii",process:"Monoblock Cast",sizes:[18,19,20],price:1420,spokes:7,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",...x0("vector II","-","Vector II-Smftm")},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",...x0("vector II","-","Vector II-Ktm")},{name:"Candy Red",color:S1.candyRed,family:"red",...x0("vector II","-","Vector II-Rmftr")}]},{name:"TORQUE",slug:"torque",process:"Monoblock Cast",sizes:[18,19,20],price:1390,spokes:7,mesh:!1,badge:null,finishes:[{name:"Silver Machined Face",color:S1.silverMachined,family:"silver",...x0("torque","-","Torque-Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:S1.blackMachined,family:"black",...x0("torque","-","Torque-Kmftdtm")},{name:"Black Satin Lacquer",color:S1.blackSatin,family:"black",...x0("torque","-","Torque-Ktm")},{name:"Anthracite",color:S1.anthracite,family:"graphite",...x0("torque","-","Torque-A")}]}];function jW(e){return{GBP:e,USD:Math.round(e*1.28/10)*10,AUD:Math.round(e*1.92/10)*10}}var YW={"haste-ii":"A featherweight FusionForge\xAE 5-spoke built for the road \u2014 the HASTE II is our bestselling all-rounder, precise under load and unmistakable at the kerb.","force-6":"Six clean FusionForge\xAE spokes carry the FORCE 6: a wide, planted stance engineered for big-brake clearance and effortless high-speed composure.","speed-ii":"New for the season, the SPEED II sharpens the FusionForge\xAE silhouette into a taut, motorsport-inspired 5-spoke tuned for lightness and response.","vortex-ii":"The VORTEX II wraps a FusionForge\xAE core in a split-mesh face \u2014 aggressive brake cooling and a deep, dimensional look that shifts with the light.","vector-iii":"Elevate your drive with the VECTOR III: a fully forged, race-inspired open 7-spoke that aids brake cooling and cuts unsprung mass \u2014 a commitment to performance and handling.","blitz-ii":"The BLITZ II fans eight Precision Forged spokes into a fine mesh \u2014 track-bred cooling and a technical face that reads fast even at a standstill.","thrust-ii":"Our Precision Forged bestseller, the THRUST II balances a rigid 7-spoke structure with real weight savings for confident turn-in and long-haul comfort.","torque-ii":"The TORQUE II is Precision Forged for strength where it counts \u2014 a muscular 7-spoke that stays composed under power without the weight penalty.","turbine-ii":"Nine turbine-like spokes give the Monoblock Cast TURBINE II its motion \u2014 an accessible, durable wheel with a mesh face that never sits still.",blitz:"The original BLITZ: a Monoblock Cast 8-spoke mesh that brings a technical, layered look to everyday miles at a keen price.","frixion-5":"Clean, honest and Monoblock Cast \u2014 the FRIXION 5's simple 5-spoke face suits daily driving and takes finishes beautifully.","frixion-6":"The FRIXION 6 adds a spoke and a wider fitment range to the Frixion line \u2014 a versatile Monoblock Cast wheel for road and light track use.",rotor:"Our Monoblock Cast bestseller, the ROTOR pairs a bold 5-spoke face with a broad fitment range \u2014 the easy, everyday upgrade.","vector-ii":"The VECTOR II brings the Vector line's open 7-spoke geometry to a Monoblock Cast build \u2014 a lighter look and a friendlier price.",torque:"The TORQUE keeps things purposeful: a sturdy Monoblock Cast 7-spoke tuned for a planted stance and dependable street manners."},Jh=$W.map(({price:e,...t})=>({...t,prices:jW(e),description:YW[t.slug]??"",compatibleTyres:[],finishes:t.finishes.map(a=>({...a,src:a.src?M2(a.src):a.src,angles:a.angles?.map(M2),details:a.details?.map(M2),wheelPhotos:a.wheelPhotos?.map(M2),carPhotos:a.carPhotos?.map(M2),video:a.video?M2(a.video):a.video}))})),XW=new Map(Jh.map(e=>[e.slug,e]));function cl(e){return XW.get(e)}import{ProductFieldIcon as nU,BlockProductIcon as hU,ProductSizeIcon as mU,NoteIcon as pU}from"efficient-easel/icons";import{useEffect as aU,useState as yH}from"react";import{Fragment as gH,jsx as JW,jsxs as dH}from"react/jsx-runtime";function Qh({answer:e}){let t=e.tone==="no-fit"?"text-[color:var(--alert)]":e.tone==="ask"||e.tone==="checking"||e.tone==="unknown"?"text-fg":"text-accent";return dH(gH,{children:[JW("span",{className:`uppercase tracking-[0.18em] ${t}`,children:e.lead}),e.detail?dH(gH,{children:[" ",e.detail]}):null]})}function fH({wheel:e,applied:t,fit:a,resolving:c}){if(!t)return{state:"unasked"};if(c)return{state:"checking"};if(!a)return{state:"unknown",missing:"vehicle"};if(!e)return{state:"unknown",missing:"wheel"};let s=e.variants??[],l=s.length===0?So(e,a):QW(s,a);if(l===null)return{state:"fits",checks:W9(a)};let o=s.length===0?null:So(e,a),r=o!==null&&o.key===l.key?o:l;return r.key==="unverifiable"?{state:"unknown",missing:"wheel"}:r.key==="et"?{state:"fits-with-warning",checks:W9(a),warning:r}:{state:"no-fit",failure:r}}var vH=["unverifiable","pcd","bore","et"];function QW(e,t){let a=null,c=null,s=!1;for(let l of e){let o=fd(vd(l),t);if(o===null){let r=bd(l,t);if(r===null)return null;s=!0,c=c??r;continue}(a===null||vH.indexOf(o.key)>vH.indexOf(a.key))&&(a=o)}return s?c:a}function k7(e){switch(e.key){case"pcd":return`This car is ${e.vehicle} and this wheel is drilled ${e.wheel}. A different bolt pattern cannot be made to fit.`;case"et":return`This wheel is made in ${e.wheel} and this car takes ${e.vehicle}.`;case"bore":return`This wheel is bored ${e.wheel} and this car needs at least ${e.vehicle} to seat on its hub.`;default:return""}}var eU="Pick your car",tU="and we will check this size against it.";function bH(e){let t=(e.pcd??"").trim();return{pcds:t?[e.holes>0?`${e.holes}\xD7${t}`:t]:[],lugs:e.holes>0?e.holes:null,etRange:Number.isFinite(e.et)?[e.et,e.et]:null,centreBores:Number.isFinite(e.cb)&&e.cb>0?[e.cb]:[]}}function zH(e,t){let a=t.appliedName;if(a==="")return{tone:"ask",lead:eU,detail:tU};if(t.resolving)return{tone:"checking",lead:"Checking",detail:`your ${a}\u2026`};if(!t.fit)return{tone:"unknown",lead:"Cannot check",detail:`We have no factory wheel data for the ${a}, and we will not guess at a fit.`};let c=Lo(bH(e),t.fit);if(c===null)return{tone:"fits",lead:`Fits your ${a}`,detail:""};if(c.key==="unverifiable")return{tone:"unknown",lead:"Cannot check",detail:"We do not hold a bolt pattern for this size, and we will not guess at a fit."};if(c.key==="et"){let s=Lo(bH(e),{...t.fit,etRange:null});return s===null?{tone:"warn",lead:`Fits your ${a}`,detail:`Check the offset. ${k7(c)}`}:{tone:"no-fit",lead:`Does not fit your ${a}`,detail:k7(s)}}return{tone:"no-fit",lead:`Does not fit your ${a}`,detail:k7(c)}}var xH=[{fieldKey:"diameter",header:"Diameter",cell:e=>e.diameter},{fieldKey:"width",header:"Width",cell:e=>e.width},{fieldKey:"holes",header:"Holes",cell:e=>e.holes},{fieldKey:"pcd",header:"PCD",cell:e=>e.pcd},{fieldKey:"et",header:"ET",cell:e=>e.et},{fieldKey:"center_bore",header:"C/B",cell:e=>e.cb},{fieldKey:"cap_code",header:"Cap",cell:e=>e.cap},{fieldKey:"bolt_pattern",header:"Bolt Pattern",cell:e=>e.boltPattern},{fieldKey:"load_rating",header:"Load Rating",cell:e=>e.loadRating}];function wH(e){if(e.length===0)return xH;let t=Fd(e),a=xH.filter(c=>t(c.fieldKey));return Sa(a,c=>c.fieldKey,e,"fitmentOrder")}import{Fragment as lU,jsx as h2,jsxs as z5}from"react/jsx-runtime";var cU=[],sU="whitespace-nowrap border-b border-line px-4 py-3.5",kH="relative cursor-pointer border-2 px-3.5 py-2 font-mono text-[length:var(--size-label,12px)] font-semibold uppercase tracking-[0.18em] text-fg transition-colors",MH="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",CH="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20",LH={background:"color-mix(in oklab, var(--accent) 14%, transparent)"},SH=(e,t)=>t.map(a=>a.cell(e)).join("|");function xt({num:e,title:t,description:a,rows:c,showFilter:s=!0,tooltipDefaultOn:l=!0,footnote:o,footnoteLinkText:r,footnoteLinkHref:i,editing:n=!1,omitHead:h=!1,fieldUsage:m=cU}){let p=c??[],u=wH(m),[d,g]=yH(null),[z,f]=yH(l);aU(()=>f(l),[l]);let b=E3({editing:n}),y=u.length===0;if(p.length===0||y)return n?z5("section",{className:h?CH:MH,children:[h?null:h2(j1,{num:e!=null?k(e):void 0,title:t!=null?U(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0}),h2("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:y?"Every fitment column is hidden in Product Types \u2014 show one to draw this table.":"No fitment data for this wheel \u2014 pick a wheel with fitment specs."})]}):null;let C=new Set,S=p.filter(B=>{let N=SH(B,u);return C.has(N)?!1:(C.add(N),!0)}),H=Array.from(new Set(S.map(B=>B.diameter))).sort((B,N)=>B-N),_=d!==null&&H.includes(d)?d:null,Z=_===null?S:S.filter(B=>B.diameter===_),q=s&&H.length>1,j=B=>{if(B===0)return!1;let N=Z[B-1],D=Z[B];return N.diameter!==D.diameter||N.width!==D.width};return z5("section",{className:h?CH:MH,children:[h?null:h2(j1,{num:e!=null?k(e):void 0,title:t!=null?U(t,!1):void 0,description:a!=null?k(a):void 0,accent:!0}),z5("div",{className:"mb-6 flex flex-wrap items-center gap-x-2 gap-y-3",children:[q&&z5(lU,{children:[h2("span",{className:"mr-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim max-[720px]:mr-0 max-[720px]:mb-1 max-[720px]:w-full",children:"Filter by size:"}),z5("button",{type:"button",onClick:()=>g(null),className:`${kH} ${_===null?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:_===null?LH:void 0,children:[_===null&&h2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),"All"]}),H.map(B=>{let N=B===_;return z5("button",{type:"button",onClick:()=>g(N?null:B),className:`${kH} ${N?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:N?LH:void 0,children:[N&&h2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),B,'"']},B)})]}),z5("button",{type:"button",onClick:()=>f(B=>!B),"aria-pressed":z,"aria-label":z?"Hide vehicle tooltip":"Show vehicle tooltip",className:"ml-auto inline-flex items-center gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim transition-colors hover:text-fg max-[720px]:hidden",children:[h2("span",{children:"Vehicle tooltip"}),h2("span",{className:`relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 transition-colors ${z?"border-accent":"border-fg-dim/50"}`,style:z?{background:"color-mix(in oklab, var(--accent) 30%, transparent)"}:void 0,"aria-hidden":!0,children:h2("span",{className:`block h-3 w-3 rounded-full transition-transform ${z?"translate-x-[18px] bg-accent":"translate-x-[2px] bg-fg-dim"}`})}),h2("span",{className:z?"text-accent":"text-fg-dim",children:z?"On":"Off"})]})]}),h2("div",{className:"-mx-1 overflow-x-auto",children:z5("table",{className:"w-full border-collapse font-mono text-[length:var(--size-label,14px)] tracking-[0.06em] text-fg",children:[h2("thead",{children:h2("tr",{children:u.map(({header:B},N)=>h2("th",{className:"whitespace-nowrap border-b border-line bg-surface px-4 py-3.5 text-left text-[length:var(--size-body,12px)] font-normal uppercase tracking-[0.22em] text-fg-dim",children:B},N))})}),h2("tbody",{children:Z.map((B,N)=>h2("tr",{className:`group transition-colors hover:[&>td]:bg-surface ${j(N)?"[&>td]:border-t [&>td]:border-line":""}`,children:u.map((D,T)=>{let R=T===u.length-1,i1=D.fieldKey==="diameter";return z5("td",{className:`${R?"relative ":""}${sU}${i1?" text-accent":""}`,children:[D.cell(B),R&&z&&h2("span",{role:"tooltip",className:"pointer-events-none absolute top-1/2 right-0 z-20 hidden w-[520px] -translate-y-1/2 whitespace-normal bg-[var(--tooltip-bg)] px-3 py-2 text-right font-mono text-[length:var(--size-label,11px)] normal-case tracking-[0.12em] text-fg shadow-lg group-hover:block max-[720px]:!hidden",children:h2(Qh,{answer:zH(B,b)})})]},D.fieldKey)})},SH(B,u)))})]})}),h2(B5,{text:o,linkText:r,linkHref:i})]})}import{jsx as em}from"react/jsx-runtime";var oU=["alloy-wheel"];function tm(e){return em(e2,{kinds:oU,type:"FitmentTable",editing:e.editing,children:em(rU,{...e})})}function rU({num:e,title:t,description:a,showFilter:c,tooltipDefaultOn:s,footnote:l,footnoteLinkText:o,footnoteLinkHref:r,editing:i=!1,omitHead:n=!1}){let h=A0(),m=O2(i&&!h),p=h?.product??m,u=p?.kind==="alloy-wheel"?p.source.fitments??[]:[];return em(xt,{num:e,title:t,description:a,rows:u,showFilter:c,tooltipDefaultOn:s,footnote:l,footnoteLinkText:o,footnoteLinkHref:r,editing:i,omitHead:n,fieldUsage:h?.fieldUsage})}function AH(e,t){return t||e.dynamic===!0}import{jsx as HH}from"react/jsx-runtime";function am({dynamic:e,wheel:t,omitHead:a=!1,...c}){let s=A0()!==null||!!c.editing&&g2();return AH({dynamic:e,wheel:t},s)?HH(tm,{...c,omitHead:a}):HH(xt,{...c,omitHead:a,rows:d9(typeof t=="string"?t:"")})}import{jsx as iU}from"react/jsx-runtime";var Q3={num:L.sectionNumber,title:"Specifications *table.*",description:L.body,footnote:"Add a short footnote here.",footnoteLinkText:"Contact us"},FH={label:"Fitment Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",wheel:"",showFilter:!0,tooltipDefaultOn:!0,footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return iU(am,{dynamic:e.dynamic,wheel:e.wheel,num:a(x(e.num,Q3.num,e.puck)),title:a(x(e.title,Q3.title,e.puck)),description:a(x(e.description,Q3.description,e.puck)),omitHead:t,showFilter:e.showFilter,tooltipDefaultOn:e.tooltipDefaultOn,footnote:x(e.footnote,Q3.footnote,e.puck),footnoteLinkText:x(e.footnoteLinkText,Q3.footnoteLinkText,e.puck),footnoteLinkHref:Y(e.footnoteLinkHref),editing:e.puck?.isEditing})}};import{jsx as sl}from"react/jsx-runtime";var uU=Jh.filter(e=>d9(e.slug).length>0).map(e=>({value:e.slug,label:e.name})),TH={fields:{_gDynamic:v("Product page"),dynamic:e1("Connect to product data",!1,sl(nU,{})),_gContent:v("Header"),num:A("Number",Q3.num),title:A("Heading",Q3.title),description:V("Body",Q3.description),_gData:v("Wheel"),wheel:h1("Product",sl(hU,{}),uU,"vector-iii"),_gOptions:v("Controls"),showFilter:e1("Size-filter chips",!0,sl(mU,{})),tooltipDefaultOn:e1("Detail tooltip on by default",!0,sl(pU,{})),_gFootnote:v("Footnote"),footnote:V("Footnote",Q3.footnote),footnoteLinkText:A("Footnote button",Q3.footnoteLinkText),footnoteLinkHref:w1("Footnote link")},resolveFields:(e,{fields:t,parent:a})=>{let c={...t},s=l=>E1(Z1(l,a,R1),e.props.headPlacement,F1.FitmentTable.headRows);return delete c._gDynamic,delete c.dynamic,g2()&&(delete c._gData,delete c.wheel),s(c)}};import{SettingsField as PH}from"efficient-easel/panel";import{BlockProductIcon as fU,CategoryIcon as bU}from"efficient-easel/icons";import{useEffect as sm,useMemo as zU,useRef as ll,useState as ol}from"react";import{useEffect as gU,useMemo as VH,useState as dU}from"react";var x5="__all__";function vU(e,t){let a=new Set((e??[]).map(c=>c.name));return t!==x5&&a.add(t),[...a].sort((c,s)=>c.localeCompare(s))}function cm(e,t){return t===x5?e??[]:(e??[]).filter(a=>a.process===t)}function x6(e,t,a){let[c,s]=dU(x5);gU(()=>{a?.process&&s(a.process)},[a]);let l=VH(()=>vU(t,c),[t,c]),o=VH(()=>cm(e,c),[e,c]);return{category:c,setCategory:s,categoryNames:l,filtered:o}}import{Fragment as EH,jsx as y2,jsxs as M7}from"react/jsx-runtime";var e4="__all__";function xU(e,t){return t===e4?e:e.filter(a=>a.process===t)}function v9(e,t){return e.map(a=>({image:a.items[0]?.url,photos:a.items.map(c=>({src:c.url})),href:`/wheels/${t.slug}`,process:t.process,eyebrow:a.name,name:t.name,meta:a.finish})).filter(a=>!!a.image)}function BH(e){let t=p4();return t?h4.getWheelDetail(t,e,{siteId:Z2()}):Promise.reject(new Error("editor not authenticated"))}async function wU(e){let t=await BH(e),a={slug:t.slug,name:t.name,process:t.process},c=t.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};return{...a,vehicleCards:v9(c.lifestyle??[],a),wheelCards:v9(c.photos??[],a),othersCards:v9(c.others??[],a)}}async function yU(e,t){let a=await Promise.all(e.map(o=>BH(o.slug).catch(()=>null))),c=[],s=[],l=[];for(let o of a){if(!o)continue;let r={slug:o.slug,name:o.name,process:o.process},i=o.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};c.push(...v9(i.lifestyle??[],r)),s.push(...v9(i.photos??[],r)),l.push(...v9(i.others??[],r))}return{slug:e4,name:t===e4?"All products":t,process:"",vehicleCards:c,wheelCards:s,othersCards:l,category:t}}function lm({value:e,onChange:t}){let a=u4(),[c,s]=ol(null),[l,o]=ol(null),[r,i]=ol(!1),[n,h]=ol(!1),m=ll(!0),p=ll(e);p.current=e;let u=ll(t);u.current=t;let d=(O,m1=!1)=>{i(!0),m1||h(!1),O().then(Q=>{m.current&&(a5(Q,p.current)&&u.current(Q),h(!1))}).catch(()=>{m.current&&!m1&&h(!0)}).finally(()=>{m.current&&i(!1)})},g=(O,m1=!1)=>d(()=>wU(O),m1),z=(O,m1=!1)=>d(()=>yU(xU(c??[],O),O),m1);sm(()=>(m.current=!0,e3().then(O=>{m.current&&s(O)}),x3().then(O=>{m.current&&o(O)}),()=>{m.current=!1}),[]);let f=ll(!1);sm(()=>{if(f.current)return;let O=p.current;if(!O?.slug){f.current=!0;return}if(O.slug===e4){if(c===null)return;f.current=!0,z(O.category??e4,!0)}else f.current=!0,g(O.slug,!0)},[c]);let b=e?.slug===e4,y=zU(()=>c&&e?.slug&&!b?c.find(O=>O.slug===e.slug)??null:null,[c,e?.slug,b]),{category:C,setCategory:S,categoryNames:H,filtered:_}=x6(c,l);sm(()=>{b?e?.category&&S(e.category):y?.process&&S(y.process)},[y,b,e?.category]);let Z=c===null,q=!!e?.slug&&!b&&c!==null&&!y,j=O=>{if(!O){t(null);return}if(O===e4){z(C);return}g(O)},B=O=>{S(O),p.current?.slug===e4&&z(O)},N=()=>{e?.slug&&(e3(!0).then(O=>{m.current&&s(O)}),b?z(e.category??e4):g(e.slug))},D=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},T=(e?.vehicleCards.length??0)+(e?.wheelCards.length??0)+(e?.othersCards?.length??0),R=n?"error":r?"loading":"idle",i1=n?"Couldn\u2019t reach the product catalog.":r?"Syncing media from the catalog\u2026":q?`Linked to \u201C${e?.name??""}\u201D \u2014 no longer in the catalog.`:`Linked to \u201C${e?.name??""}\u201D \xB7 ${T} card${T===1?"":"s"} from ${b?"all products\u2019":"its"} media groups.`;return M7("div",{children:[y2(PH,{label:"Category",icon:y2(bU,{}),children:M7("select",{value:C,onChange:O=>B(O.target.value),disabled:Z,children:[y2("option",{value:e4,children:"All products"}),H.map(O=>y2("option",{value:O,children:O},O))]})}),y2(PH,{label:"Product",icon:y2(fU,{}),children:M7("select",{value:e?.slug??"",onChange:O=>j(O.target.value),disabled:Z||r,children:[y2("option",{value:"",children:Z?"Loading\u2026":"None (write the cards yourself)"}),y2("option",{value:e4,children:"All products"}),q?M7("option",{value:e.slug,children:[e.name," (unavailable)"]}):null,_.map(O=>y2("option",{value:O.slug,children:O.name},O.slug))]})}),e?.slug?y2(v3,{status:R,statusText:i1,onRefresh:N,busy:r,edit:b?void 0:{label:"Edit product \u270E",onClick:D},hint:b?M7(EH,{children:["Pools ",y2("strong",{children:"every product\u2019s"})," grouped media: each one\u2019s"," ",y2("strong",{children:"Relative / lifestyle photos"})," feed Gallery A, its"," ",y2("strong",{children:"Product photos"})," Gallery B and its ",y2("strong",{children:"Others"})," the Others gallery. Every media group becomes a card, attributed to its own product (title, link and tag). Narrow the set with the Category filter above. Headings, intro copy and stats stay yours."]}):M7(EH,{children:["Gallery A comes from the product\u2019s ",y2("strong",{children:"Relative / lifestyle photos"}),", Gallery B from its ",y2("strong",{children:"Product photos"})," and the Others gallery from its ",y2("strong",{children:"Others"})," \u2014 edit those in the product\u2019s Media tab and refresh. Each media group is a card: its name is the eyebrow, its finish the meta line; the card\u2019s title is the product name and its tag the category. Headings, intro copy and stats stay yours."]})}):M7("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:["Pick a product \u2014 or ",y2("strong",{children:"All products"})," \u2014 to build the galleries from media groups, or keep \u201CNone\u201D to author the cards yourself."]})]})}import{EyeIcon as CU,TabsIcon as IH,BreadcrumbIcon as LU,HashIcon as RH,SortIcon as SU}from"efficient-easel/icons";import{useEffect as kU,useMemo as NH,useState as rl}from"react";import{Fragment as il,jsx as O1,jsxs as P0}from"react/jsx-runtime";function om(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function rm(e){let t=[e.image,...(e.photos??[]).map(a=>a?.src)].filter(a=>!!a);return t.length?t:[""]}var im=Array.from({length:6},(e,t)=>({image:"",process:"Tag",eyebrow:"Category",name:"Item name",meta:`0${t+1} photos`}));function nm({mode:e="both",kicker:t,breadcrumbLabel:a,vehicleTabLabel:c="Gallery A",vehicleTitle:s,vehicleBody1:l,vehicleBody2:o,vehicleStats:r,vehicleCards:i,wheelTabLabel:n="Gallery B",wheelTitle:h,wheelBody1:m,wheelBody2:p,wheelStats:u,wheelCards:d,othersTitle:g,othersBody1:z,othersBody2:f,othersStats:b,othersCards:y,showBreadcrumb:C=!0,showStats:S=!0,showIntro:H=!0,showTabs:_=!0,showFilters:Z=!0,showCount:q=!0,showSort:j=!0,previewTab:B,previewHover:N=!1,editing:D=!1}){let T=e==="both",R=T?["vehicles","wheels"]:e==="wheels"?["wheels"]:e==="others"?["others"]:["vehicles"],[i1,O]=rl(R[0]),Q=(D&&T&&B&&R.includes(B)?B:null)??(R.includes(i1)?i1:R[0]),K=D&&N,[a1,B1]=rl("all"),[X,D1]=rl("newest"),[t0,I]=rl(null);kU(()=>{if(!t0)return;let g1=rm(t0.card).length,W1=q0=>{q0.key==="Escape"?I(null):q0.key==="ArrowLeft"&&g1>1?I(o0=>o0&&{...o0,index:(o0.index-1+g1)%g1}):q0.key==="ArrowRight"&&g1>1&&I(o0=>o0&&{...o0,index:(o0.index+1)%g1})};window.addEventListener("keydown",W1);let _0=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",W1),document.body.style.overflow=_0}},[t0]);let H1=Q==="vehicles"?{title:s,body1:l,body2:o,stats:r??[],cards:i??[],unit:"items",word:c}:Q==="others"?{title:g,body1:z,body2:f,stats:b??[],cards:y??[],unit:"items",word:"Others"}:{title:h,body1:m,body2:p,stats:u??[],cards:d??[],unit:"items",word:n},f1=NH(()=>{let g1=[];for(let W1 of H1.cards)W1.process&&!g1.includes(W1.process)&&g1.push(W1.process);return g1},[H1.cards]),J2=a1!=="all"&&f1.includes(a1)?a1:"all",G0=J2==="all"?H1.cards:H1.cards.filter(g1=>g1.process===J2),q1=NH(()=>{let g1=[...G0];return X==="name"&&g1.sort((W1,_0)=>(W1.name??"").localeCompare(_0.name??"")),g1},[G0,X]),p3=H1.cards.length===0,h0=D&&p3,R3=h0?im:q1,g0=h0?im.length:H1.cards.length,k3=h0?im.length:q1.length,l4=t?`${t} \xB7 ${K0(H1.word)}`:void 0;function E2(g1){g1!==Q&&(O(g1),B1("all"))}return P0("section",{className:"relative z-[2] bg-bg",children:[C&&P0("nav",{className:"mx-auto flex max-w-[var(--sf-site-width,1600px)] items-center gap-4 border-b border-line px-[var(--sf-site-gutter,40px)] py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-4",children:[O1("span",{className:"hover:text-fg",children:"Home"}),O1("span",{className:"opacity-40",children:"/"}),O1("span",{className:"text-fg",children:a?z0(a):"Gallery"})]}),P0("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[auto_1fr_auto] items-end gap-[60px] border-b border-line px-[var(--sf-site-gutter,40px)] pt-[100px] pb-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-5 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-[60px]",children:[O1("span",{className:"pb-3.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] text-accent",children:l4?k(l4):null}),O1("h2",{className:"font-display text-[length:min(var(--size-headingLarge,clamp(64px,9vw,140px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.9] tracking-[-0.04em]",children:H1.title?U(H1.title,!0):null}),O1("div",{className:"pb-3.5 text-right font-mono text-[length:var(--size-label,13px)] uppercase leading-[1.8] tracking-[0.18em] text-fg-dim max-[1100px]:text-left",children:S&&H1.stats.map((g1,W1)=>P0("div",{children:[g1.value?O1("strong",{className:"font-normal text-fg",children:k(g1.value)}):null," ",g1.label?k(g1.label):null]},W1))})]}),H&&(H1.body1||H1.body2)&&P0("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-2 gap-[60px] px-[var(--sf-site-gutter,40px)] pt-7 max-[1100px]:grid-cols-1 max-[1100px]:gap-4 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",children:[H1.body1&&O1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:k(H1.body1)}),H1.body2&&O1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:k(H1.body2)})]}),T&&_&&O1("div",{className:"mx-auto mt-10 flex max-w-[var(--sf-site-width,1600px)] items-stretch border-y border-line px-[var(--sf-site-gutter,40px)] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[720px]:px-3",children:["vehicles","wheels"].map((g1,W1)=>{let _0=Q===g1,q0=g1==="vehicles"?c:n,o0=g1==="vehicles"?(i??[]).length:(d??[]).length,W0=(q0||"").trim().split(/\s+/),$=W0.slice(0,-1).join(" "),N1=W0.slice(-1)[0]??"";return P0("button",{type:"button",onClick:()=>E2(g1),className:["group relative grid flex-1 cursor-pointer grid-cols-[auto_1fr_auto] items-end gap-5 px-6 py-7 text-left transition-colors",W1===0?"border-r border-line":"","max-[720px]:grid-cols-[auto_1fr] max-[720px]:items-center max-[720px]:gap-2 max-[720px]:px-3 max-[720px]:py-3",_0?"bg-surface":"hover:bg-fg/[0.04]"].join(" "),children:[O1("span",{className:["pb-1.5 font-mono text-[length:var(--size-label,13px)] tracking-[0.3em] max-[720px]:pb-0 max-[720px]:text-[length:var(--size-label,11px)] max-[720px]:tracking-[0.24em]",_0?"text-accent":"text-fg-dim group-hover:text-accent"].join(" "),children:W1===0?"A":"B"}),P0("span",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(28px,3.6vw,48px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] max-[720px]:text-[length:var(--size-body,15px)]",children:[$?P0(il,{children:[z0($)," "]}):null,O1("em",{className:"font-normal italic text-accent",children:z0(N1)})]}),P0("span",{className:"pb-1.5 text-right font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.24em] text-fg-dim max-[720px]:hidden",children:[O1("strong",{className:"font-normal text-fg",children:o0})," ","items",O1("br",{}),g1==="vehicles"?"Community photos":"Featured photos"]}),_0&&O1("span",{className:"pointer-events-none absolute inset-x-0 -bottom-px h-0.5 bg-accent"})]},g1)})}),(Z||q||j)&&P0("div",{className:"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-[auto_1fr_auto] items-center gap-7 border-b border-line px-[var(--sf-site-gutter,40px)] py-5 max-[720px]:grid-cols-1 max-[720px]:gap-3.5 max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-3",style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:[O1("div",{className:"flex flex-wrap gap-1",children:Z&&["all",...f1].map(g1=>{let W1=J2===g1,_0=g1==="all"?"All":g1;return O1("button",{type:"button",onClick:()=>B1(g1),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors",W1?"border-fg bg-fg text-bg":"border-transparent text-fg-dim hover:text-fg"].join(" "),children:z0(_0)},g1)})}),q?P0("div",{className:"text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[O1("strong",{className:"font-normal text-accent",children:k3})," / ",g0," ",H1.unit]}):O1("div",{}),j?P0("div",{className:"flex items-center gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[O1("span",{children:"Sort"}),P0(X9,{value:X,onChange:g1=>D1(g1.target.value),className:"cursor-pointer border border-line bg-bg px-2.5 py-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg",children:[O1("option",{value:"newest",children:"Newest"}),O1("option",{value:"featured",children:"Featured"}),O1("option",{value:"name",children:"Name A\u2013Z"})]})]}):O1("div",{})]}),O1("div",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-5 pb-20 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))]",children:R3.length>0?O1("div",{className:"grid grid-cols-6 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:R3.map((g1,W1)=>{let _0=rm(g1)[0],o0=`group relative block aspect-[4/3] w-full overflow-hidden bg-surface-2 text-left ${W1<2?"col-span-3 max-[1100px]:col-span-1":"col-span-2 max-[1100px]:col-span-1"}`,W0=`${g1.name??"card"}-${W1}`,$=P0(il,{children:[O1(T0,{label:om(g1.name,`gallery-card-${W1+1}`),src:_0||void 0,alt:K0(g1.name??""),sizes:"(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",className:`transition-transform duration-700 ${K?"scale-[1.04]":"group-hover:scale-[1.04]"}`}),P0("div",{className:"pointer-events-none absolute inset-0 z-10 flex flex-col justify-between p-[22px] max-[720px]:p-[11px]",style:{background:"linear-gradient(180deg, rgba(10,10,10,.55) 0%, transparent 35%, transparent 55%, rgba(10,10,10,.92) 100%)"},children:[P0("div",{className:"flex items-start justify-between font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",children:[g1.process?O1("span",{className:"text-accent",children:k(g1.process)}):O1("span",{}),P0("span",{className:"text-overlay-fg/70",children:[String(W1+1).padStart(2,"0")," / ",String(R3.length).padStart(2,"0")]})]}),P0("div",{className:"flex flex-col gap-1.5",children:[g1.eyebrow&&O1("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:k(g1.eyebrow)}),g1.name&&O1("div",{className:"font-heading3 text-[length:var(--size-headingSmall,clamp(22px,2.4vw,32px))] font-medium uppercase leading-none tracking-[-0.02em] text-overlay-fg",children:k(g1.name)}),g1.meta&&O1("div",{className:"flex flex-wrap gap-3 pt-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-overlay-fg/70",children:O1("span",{children:k(g1.meta)})})]})]})]});return D?O1("div",{className:o0,children:$},W0):O1("button",{type:"button",onClick:()=>I({card:g1,index:0}),"aria-label":`Open ${g1.name??"gallery item"}`,className:`${o0} cursor-pointer focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2`,children:$},W0)})}):O1("div",{className:"py-20 text-center font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] text-fg-dim",children:p3?"No items in this gallery yet.":"No items match this filter."})}),t0&&(()=>{let g1=rm(t0.card),{card:W1,index:_0}=t0,q0=g1.length,o0=g1[_0]??g1[0]??"",W0=N1=>I(y0=>y0&&{...y0,index:(y0.index+N1+q0)%q0}),$=[W1.process,W1.meta].filter(Boolean).join(" \xB7 ");return P0("div",{role:"dialog","aria-modal":"true","aria-label":W1.name??"Gallery item",onClick:()=>I(null),className:"fixed inset-0 z-[100] flex cursor-zoom-out flex-col items-center justify-center bg-overlay-scrim/92 p-6 backdrop-blur-sm max-[720px]:p-3",children:[P0("div",{className:"relative flex w-full flex-1 items-center justify-center",children:[O1("div",{className:"relative h-full max-h-[72vh] w-full max-w-[92vw]",children:O1(T0,{label:om(W1.name,"gallery-photo"),src:o0||void 0,alt:K0(W1.name??""),objectFit:"contain",sizes:"92vw"})}),q0>1&&P0(il,{children:[O1("button",{type:"button","aria-label":"Previous photo",onClick:N1=>{N1.stopPropagation(),W0(-1)},className:"absolute left-2 top-1/2 flex h-12 w-12 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u25C1"}),O1("button",{type:"button","aria-label":"Next photo",onClick:N1=>{N1.stopPropagation(),W0(1)},className:"absolute right-2 top-1/2 flex h-12 w-12 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u25B7"})]})]}),P0("div",{className:"mt-5 flex flex-col items-center gap-3 text-center font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",onClick:N1=>N1.stopPropagation(),children:[P0("div",{className:"flex flex-col items-center gap-1",children:[W1.name&&O1("span",{className:"text-accent",children:k(W1.name)}),W1.eyebrow&&O1("span",{children:k(W1.eyebrow)}),P0("span",{className:"text-fg-dim/70",children:[$?P0(il,{children:[k($)," \xB7 "]}):null,_0+1," / ",q0]})]}),W1.href&&O1(r0,{href:W1.href,onClick:()=>I(null),className:"cursor-pointer border border-btn bg-btn/[0.08] px-5 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.28em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",children:"View Product \u2192"})]}),q0>1&&O1("div",{onClick:N1=>N1.stopPropagation(),className:"mt-5 flex max-w-[92vw] gap-1.5 overflow-x-auto pb-1",children:g1.map((N1,y0)=>O1("button",{type:"button","aria-label":`Photo ${y0+1}`,onClick:()=>I(B2=>B2&&{...B2,index:y0}),className:["relative h-16 w-24 shrink-0 cursor-pointer overflow-hidden border transition-colors max-[720px]:h-12 max-[720px]:w-16",y0===_0?"border-accent":"border-line opacity-60 hover:border-fg-dim hover:opacity-100"].join(" "),children:O1(T0,{label:om(W1.name,"gallery-photo"),src:N1||void 0,alt:"",sizes:"120px"})},`${N1}-${y0}`))}),O1("button",{type:"button",onClick:()=>I(null),"aria-label":"Close",className:"absolute right-5 top-5 flex h-10 w-10 cursor-pointer items-center justify-center border border-fg-dim/40 text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\xD7"})]})})()]})}import{jsx as MU}from"react/jsx-runtime";var t2={kicker:L.eyebrow,vehicleTitle:L.headingAccent,wheelTitle:L.headingAccent,vehicleBody1:L.body,vehicleBody2:"Add a second, shorter line if you need one.",wheelBody1:L.body,wheelBody2:"Add a second, shorter line if you need one.",othersTitle:L.headingAccent,othersBody1:L.body,othersBody2:"Add a second, shorter line if you need one."},hm=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],mm=[{image:"",href:"#",process:L.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:L.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:L.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:L.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"}],ZH={label:"Tabbed Gallery",defaultProps:{mode:"both",source:null,kicker:"",breadcrumbLabel:"Gallery",vehicleTabLabel:"Gallery A",vehicleTitle:"",vehicleBody1:"",vehicleBody2:"",vehicleStats:[],vehicleCards:[],wheelTabLabel:"Gallery B",wheelTitle:"",wheelBody1:"",wheelBody2:"",wheelStats:[],wheelCards:[],othersTitle:"",othersBody1:"",othersBody2:"",othersStats:[],othersCards:[],showBreadcrumb:!0,showStats:!0,showIntro:!0,showTabs:!0,showFilters:!0,showCount:!0,showSort:!0,previewTab:"vehicles",previewHover:!1},render:e=>{let t=e.source;return MU(nm,{mode:e.mode,kicker:x(e.kicker,t2.kicker,e.puck),breadcrumbLabel:Y(e.breadcrumbLabel)||"Gallery",vehicleTabLabel:Y(e.vehicleTabLabel)||"Gallery A",vehicleTitle:x(e.vehicleTitle,t2.vehicleTitle,e.puck),vehicleBody1:x(e.vehicleBody1,t2.vehicleBody1,e.puck),vehicleBody2:x(e.vehicleBody2,t2.vehicleBody2,e.puck),vehicleStats:d1(e.vehicleStats,hm,e.puck),vehicleCards:d1(t?.vehicleCards??e.vehicleCards,mm,e.puck),wheelTabLabel:Y(e.wheelTabLabel)||"Gallery B",wheelTitle:x(e.wheelTitle,t2.wheelTitle,e.puck),wheelBody1:x(e.wheelBody1,t2.wheelBody1,e.puck),wheelBody2:x(e.wheelBody2,t2.wheelBody2,e.puck),wheelStats:d1(e.wheelStats,hm,e.puck),wheelCards:d1(t?.wheelCards??e.wheelCards,mm,e.puck),othersTitle:x(e.othersTitle,t2.othersTitle,e.puck),othersBody1:x(e.othersBody1,t2.othersBody1,e.puck),othersBody2:x(e.othersBody2,t2.othersBody2,e.puck),othersStats:d1(e.othersStats,hm,e.puck),othersCards:d1(t?.othersCards??e.othersCards,mm,e.puck),showBreadcrumb:e.showBreadcrumb,showStats:e.showStats,showIntro:e.showIntro,showTabs:e.showTabs,showFilters:e.showFilters,showCount:e.showCount,showSort:e.showSort,previewTab:e.previewTab,previewHover:e.previewHover,editing:e.puck?.isEditing})}};import{jsx as w5}from"react/jsx-runtime";var _H={fields:{_sSetup:K1("Setup"),_gGallery:v("Gallery"),mode:p1("Show",w5(CU,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"},{label:"Others",value:"others"},{label:"Both",value:"both"}],"both"),kicker:A("Eyebrow",t2.kicker),breadcrumbLabel:P("Breadcrumb label","Gallery"),_gSource:v("Source product"),source:E0(lm),_sPreview:K1("Preview"),_gPreview:v(fc),previewTab:p1("Show tab",w5(IH,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"}],"vehicles"),_sVehicle:K1("Gallery A"),_gVehicleContent:v("Content"),vehicleTabLabel:P("Tab label","Gallery A"),vehicleTitle:V("Heading",t2.vehicleTitle),vehicleBody1:V("Intro",t2.vehicleBody1),vehicleBody2:V("Body",t2.vehicleBody2),_gVehicleStats:v("Stats"),vehicleStats:{type:"array",label:"Stats",arrayFields:{value:n1("Value"),label:n1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gVehicleCards:v("Cards"),vehicleCards:{type:"array",label:"Cards",arrayFields:{image:V1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:V1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:w1("Product link"),process:n1("Tag"),eyebrow:n1("Eyebrow"),name:n1("Title"),meta:n1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sWheel:K1("Gallery B"),_gWheelContent:v("Content"),wheelTabLabel:P("Tab label","Gallery B"),wheelTitle:V("Heading",t2.wheelTitle),wheelBody1:V("Intro",t2.wheelBody1),wheelBody2:V("Body",t2.wheelBody2),_gWheelStats:v("Stats"),wheelStats:{type:"array",label:"Stats",arrayFields:{value:n1("Value"),label:n1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gWheelCards:v("Cards"),wheelCards:{type:"array",label:"Cards",arrayFields:{image:V1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:V1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:w1("Product link"),process:n1("Tag"),eyebrow:n1("Eyebrow"),name:n1("Title"),meta:n1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sOthers:K1("Others gallery"),_gOthersContent:v("Content"),othersTitle:V("Heading",t2.othersTitle),othersBody1:V("Intro",t2.othersBody1),othersBody2:V("Body",t2.othersBody2),_gOthersStats:v("Stats"),othersStats:{type:"array",label:"Stats",arrayFields:{value:n1("Value"),label:n1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gOthersCards:v("Cards"),othersCards:{type:"array",label:"Cards",arrayFields:{image:V1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:V1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:w1("Product link"),process:n1("Tag"),eyebrow:n1("Eyebrow"),name:n1("Title"),meta:n1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sVisibility:K1("Visibility"),_gElements:v("Show / hide elements"),showBreadcrumb:e1("Breadcrumb",!0,w5(LU,{})),showStats:e1("Stats",!0,w5(RH,{})),showIntro:e1("Intro text",!0,w5(g3,{noun:"intro"})),showTabs:e1("Tab switcher",!0,w5(IH,{})),showFilters:e1("Tag filters",!0,w5(g3,{noun:"tag"})),showCount:e1("Result count",!0,w5(RH,{})),showSort:e1("Sort control",!0,w5(SU,{}))},resolveFields:(e,{fields:t})=>{let a=e.props,c={...t};a.mode!=="both"&&(delete c._sPreview,delete c._gPreview,delete c.previewTab);let s=["_sVehicle","_gVehicleContent","vehicleTabLabel","vehicleTitle","vehicleBody1","vehicleBody2","_gVehicleStats","vehicleStats","_gVehicleCards","vehicleCards"],l=["_sWheel","_gWheelContent","wheelTabLabel","wheelTitle","wheelBody1","wheelBody2","_gWheelStats","wheelStats","_gWheelCards","wheelCards"];return a.mode==="vehicles"&&l.forEach(o=>delete c[o]),a.mode==="wheels"&&s.forEach(o=>delete c[o]),a.source?.slug&&(delete c._gVehicleCards,delete c.vehicleCards,delete c._gWheelCards,delete c.wheelCards,delete c._gOthersCards,delete c.othersCards),c}};import{ProductFieldIcon as EU,ImageIcon as BU,EyeIcon as NU}from"efficient-easel/icons";import{jsx as y5,jsxs as qH}from"react/jsx-runtime";var AU=T5,DH=["photos","lifestyle","accessories","others"];function HU(e,t){if(!e)return[];if(t==="all")return DH.flatMap(c=>e[c]??[]);let a=DH.includes(t)?t:null;return a?e[a]??[]:[]}var OH="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",GH="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function pm(e){return y5(e2,{kinds:AU,type:"GalleryB",editing:e.editing,children:y5(FU,{...e})})}function FU({omitHead:e=!1,num:t,title:a,linkText:c,linkHref:s,galleryHref:l="/gallery",submitHref:o="/contact",zone:r="all",photoDisplay:i="covers",previewHover:n,editing:h=!1}){let m=A0(),p=O2(h&&!m),u=m?.product??p,d=HU(u?.mediaGroups,r).map(C=>({images:(C.items??[]).filter(S=>S.kind==="image").map(S=>S.url),name:C.name,finish:C.finish})).filter(C=>C.images.length>0),z=(i==="auto"?d.length>=4?"covers":"all":i)==="all"?d.flatMap(C=>C.images.map(S=>({images:[S],name:C.name,finish:C.finish}))):d,f=c?{text:c,href:s||"#"}:void 0,b=a?U(a,!1):void 0,y=e?null:y5(j1,{num:t,title:b,link:f});return!u||z.length===0?h?qH("section",{className:e?GH:OH,children:[y,y5("p",{className:"mt-8 border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:"This product\u2019s photos appear here on a product page. Add media groups in the product\u2019s Media tab."})]}):null:qH("section",{className:e?GH:OH,children:[y,y5(Cc.Provider,{value:{galleryHref:l,submitHref:o,previewHover:n},children:y5("div",{[Lc]:"",className:"grid grid-cols-4 gap-2 max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1 max-[800px]:gap-1",children:z.map((C,S)=>y5(Sc,{image:C.images[0],photos:C.images.slice(1).map(H=>({src:H})),href:u.href,process:u.eyebrow,eyebrow:C.name,name:u.name,meta:C.finish,editing:h},`${C.name}-${S}`))})}),y5("div",{className:"mt-12 flex flex-col items-center gap-3",children:y5(a3,{href:l,variant:"ghost",children:"See Gallery"})})]})}import{jsx as C7,jsxs as PU}from"react/jsx-runtime";var TU="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",VU="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function um({items:e,num:t,title:a,linkText:c,linkHref:s,galleryHref:l="/gallery",submitHref:o="/contact",previewHover:r,layout:i,columns:n,columnsMobile:h,gap:m,omitHead:p=!1}){let u=$u(i),d=u?i:null,g=!u&&n!=null&&n!=="",z=L3("GalleryB",m,"both"),f=d?{className:`sf-card-grid sf-gallery-zone ${ju(d)} grid${z.className}`,style:z.style}:g?{className:`sf-card-grid sf-grid-zone grid${z.className}`,style:{...z.style,"--sf-grid-cols":String(ca(n)),"--sf-grid-cols-phone":String(sa(h,n))}}:{className:`sf-card-grid grid grid-cols-4${z.className} max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1`,style:z.style},b=c?{text:c,href:s||"#"}:void 0,y=a?U(a,!1):void 0;return PU("section",{className:p?VU:TU,children:[p?null:C7(j1,{num:t,title:y,link:b}),d&&C7("style",{dangerouslySetInnerHTML:{__html:Yu(d)}}),e&&C7(Cc.Provider,{value:{galleryHref:l,submitHref:o,previewHover:r},children:C7("div",{[Lc]:"",style:{display:"contents"},children:C7(e,{...f,minEmptyHeight:320})})}),C7("div",{className:"mt-12 flex flex-col items-center gap-3",children:C7(a3,{href:l,variant:"ghost",children:"See Gallery"})})]})}import{jsx as WH}from"react/jsx-runtime";var _4={num:L.sectionNumber,title:L.headingAccent,link:L.viewAll},gm={items:{type:"slot",allow:["GalleryItem"]}},UH={label:"Customer Photo Grid",fields:gm,defaultProps:{dynamic:!1,mediaZone:"all",photoDisplay:"covers",num:"",title:"",linkText:"",linkHref:"/contact",galleryHref:"/gallery",previewHover:!1},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return e.dynamic?WH(pm,{num:a(x(e.num,_4.num,e.puck)),title:a(x(e.title,_4.title,e.puck)),linkText:a(x(e.linkText,_4.link,e.puck)),linkHref:a(Y(e.linkHref)||"/contact"),omitHead:t,galleryHref:Y(e.galleryHref)||"/gallery",zone:e.mediaZone||"all",photoDisplay:e.photoDisplay||"covers",previewHover:e.previewHover,editing:e.puck?.isEditing}):WH(um,{num:a(x(e.num,_4.num,e.puck)),title:a(x(e.title,_4.title,e.puck)),omitHead:t,linkText:a(x(e.linkText,_4.link,e.puck)),linkHref:a(Y(e.linkHref)||"/contact"),galleryHref:Y(e.galleryHref)||"/gallery",previewHover:e.previewHover,layout:e.layout,columns:e.columns,columnsMobile:e.columnsMobile,gap:e.gap,items:e.items})}};import{jsx as dm}from"react/jsx-runtime";var ZU=[{label:"All media groups",value:"all"},{label:"Lifestyle photos",value:"lifestyle"},{label:"Product photos",value:"photos"},{label:"Accessories",value:"accessories"},{label:"Others",value:"others"}],IU=[{label:"Group covers",value:"covers"},{label:"Every photo",value:"all"},{label:"Auto (covers if 4+ groups)",value:"auto"}],KH={fields:{_gDynamic:v("Product page"),dynamic:e1("Connect to product data",!1,dm(EU,{})),mediaZone:h1("Images from",dm(BU,{}),ZU,"all"),photoDisplay:h1("Show",dm(NU,{}),IU,"covers"),_gHeader:v("Header"),num:A("Section number",_4.num),title:V("Heading",_4.title),_gHeaderLink:v("Header link"),linkText:A("Header button",_4.link),linkHref:w1("Header link"),_gImages:v("Images"),imageList:N0("GalleryB"),items:gm.items,_gGalleryLink:v("Gallery link"),galleryHref:w1("\u201CSee gallery\u201D link"),_gArrangement:v("Arrangement"),layout:Lb(),gap:t3("GalleryB")},resolveFields:(e,{fields:t,parent:a})=>{let c=e.props,s={...t},l=o=>E1(Z1(o,a,R1),e.props.headPlacement,F1.GalleryB.headRows);return g2()?(c.dynamic?(delete s._gImages,delete s.items,delete s.imageList):(delete s.mediaZone,delete s.photoDisplay),l(s)):(delete s._gDynamic,delete s.dynamic,delete s.mediaZone,delete s.photoDisplay,l(s))}};import{useEffect as YH,useMemo as vm,useState as fm}from"react";import{SettingsField as XH}from"efficient-easel/panel";import{BlockProductIcon as RU,MediaIcon as _U}from"efficient-easel/icons";var $H=new Map;function jH(e){if(!e)return Promise.resolve(null);let t=$H.get(e);return t||(t=D0.getWheel(e).then(a=>a.mediaGroups??null).catch(()=>null),$H.set(e,t)),t}import{Fragment as bm,jsx as R0,jsxs as w3}from"react/jsx-runtime";function nl({label:e,hidden:t,onToggle:a}){return w3("div",{className:"sf-field-head",children:[R0("span",{className:"sf-field-label sf-field-label--inline",children:e}),a&&R0("button",{type:"button",className:"sf-field-eye","aria-pressed":!!t,"aria-label":t?"Show on the card":"Hide on the card",title:t?"Show on the card":"Hide on the card",onClick:a,children:t?R0(D6,{name:"eye-off",size:14}):R0(D6,{name:"eye",size:14})})]})}var DU=[["photos","Photos"],["lifestyle","Lifestyle"],["accessories","Accessories"],["others","Others"],["videos","Videos"]];function OU(e){if(!e)return[];let t=[];for(let[a,c]of DU)(e[a]??[]).forEach((s,l)=>{let o=(s.items??[]).filter(r=>r.kind==="image").map(r=>r.url);o.length!==0&&t.push({key:`${String(a)}:${l}`,label:s.name?`${c} \xB7 ${s.name}`:c,name:s.name||c,images:o})});return t}function JH(e){return e?e.categories&&e.categories.length?e.categories:e.process?[e.process]:[]:[]}function GU(e,t,a){let c=t?.find(i=>i.slug===e.code)??null;if(!c)return{name:void 0,href:void 0,cover:void 0,photos:[],eyebrow:void 0};let s=e.group?a.find(i=>i.name===e.group):void 0,l=e.finish?c.finishes.find(i=>i.name===e.finish&&i.src):void 0,o,r=[];return s&&s.images.length?(o=s.images[0],r=s.images.slice(1)):(o=l?.src||c.coverImage||void 0,r=[]),{name:c.name,href:`/wheels/${c.slug}`,cover:o,photos:r,eyebrow:e.group||void 0}}function zm({value:e,onChange:t}){let a=vm(()=>e??{},[e]),[c,s]=fm(null),[l,o]=fm([]),[r,i]=fm(!1);YH(()=>{let g=!1;return e3().then(z=>{g||s(z)}),()=>{g=!0}},[]),YH(()=>{let g=!1;if(!a.code){o([]);return}return i(!0),jH(a.code).then(z=>{g||(o(OU(z)),i(!1))}),()=>{g=!0}},[a.code]);let n=vm(()=>c?.find(g=>g.slug===a.code)??null,[c,a.code]),h=vm(()=>JH(n),[n]),m=c===null;function p(g,z=l){let f={...a,...g};t({...f,...GU(f,c,z)})}function u(g){if(!g){t({});return}let z=c?.find(f=>f.slug===g)??null;p({code:g,category:JH(z)[0]??"",finish:"",group:""},[])}function d(g){t({...a,[g]:!a[g]})}return w3("div",{children:[R0(XH,{label:"Product",icon:R0(RU,{}),children:w3("select",{value:a.code??"",disabled:m,onChange:g=>u(g.target.value),children:[R0("option",{value:"",children:m?"Loading\u2026":"Select a product\u2026"}),(c??[]).map(g=>R0("option",{value:g.slug,children:g.name},g.slug))]})}),a.code&&w3(bm,{children:[w3("div",{className:`sf-field${a.hideName?" is-hidden":""}`,children:[R0(nl,{label:"Title / product",hidden:a.hideName,onToggle:()=>d("hideName")}),w3("div",{style:{display:"flex",alignItems:"center",gap:6,minHeight:30,padding:"0 8px",borderRadius:6,border:"1px solid var(--sf-field-border, rgba(128,128,128,0.3))",opacity:.75,fontSize:13},children:[n?.name??a.name??"\u2014",R0("span",{style:{opacity:.6},children:"(auto)"})]})]}),w3("div",{className:`sf-field${a.hideProcess?" is-hidden":""}`,children:[R0(nl,{label:"Category",hidden:a.hideProcess,onToggle:()=>d("hideProcess")}),w3("select",{value:a.category??"",disabled:h.length===0,onChange:g=>p({category:g.target.value}),children:[h.length===0&&R0("option",{value:"",children:"No categories on this product"}),h.map(g=>R0("option",{value:g,children:g},g))]})]}),R0(XH,{label:"Media group",icon:R0(_U,{}),hint:R0(bm,{children:"Its name fills the Eyebrow below, and its photos become the card cover and lightbox. No group \u2192 the product\u2019s cover image."}),children:w3("select",{value:a.group??"",disabled:r,onChange:g=>p({group:g.target.value}),children:[R0("option",{value:"",children:r?"Loading\u2026":l.length===0?"Cover image only (no media groups)":"Cover image only"}),l.map(g=>R0("option",{value:g.name,children:g.label},g.key))]})}),w3("div",{className:`sf-field${a.hideEyebrow?" is-hidden":""}`,children:[R0(nl,{label:w3(bm,{children:["Eyebrow ",R0("span",{style:{fontWeight:400,opacity:.6},children:"(from media group)"})]}),hidden:a.hideEyebrow,onToggle:()=>d("hideEyebrow")}),R0("div",{style:{display:"flex",alignItems:"center",gap:6,minHeight:30,padding:"0 8px",borderRadius:6,border:"1px solid var(--sf-field-border, rgba(128,128,128,0.3))",opacity:.75,fontSize:13},children:a.group||"\u2014"})]}),w3("div",{className:`sf-field${a.hideFinish?" is-hidden":""}`,children:[R0(nl,{label:"Finish",hidden:a.hideFinish,onToggle:()=>d("hideFinish")}),w3("select",{value:a.finish??"",onChange:g=>p({finish:g.target.value}),children:[R0("option",{value:"",children:"Default (the product\u2019s default finish)"}),(n?.finishes??[]).map(g=>R0("option",{value:g.name,disabled:!g.src,children:g.src?g.name:`${g.name} \u2014 no render`},g.name))]})]})]})]})}import{ProductFieldIcon as qU,SquareIcon as WU,PlacementIcon as UU}from"efficient-easel/icons";import{jsx as hl}from"react/jsx-runtime";var QH={fields:{_gSource:v("Content source"),fromProduct:e1("Fill from a product",!1,hl(qU,{})),product:{type:"custom",render:({value:e,onChange:t})=>hl(zm,{value:e,onChange:t})},_gMedia:v("Media"),image:V1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:V1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},_gText:v("Text"),process:A("Tag"),eyebrow:A("Eyebrow"),name:A("Heading"),meta:A("Meta line"),_gLink:v("Link"),href:w1("Product link"),ratio:h1("Shape",hl(WU,{}),[{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"},{label:"Landscape (4:3)",value:"landscape"},{label:"Portrait (4:5)",value:"portrait"},{label:"The photo's own shape",value:"auto"}],"square"),captionPlace:h1("Card text",hl(UU,{}),[{label:"On the photo",value:"overlay"},{label:"Below the photo",value:"below"}],"overlay")},resolveFields:(e,{fields:t})=>{let a=e.props.fromProduct===!0,c={...t};return a?(delete c._gMedia,delete c.image,delete c.photos,delete c._gText,delete c.process,delete c.eyebrow,delete c.name,delete c.meta,delete c._gLink,delete c.href):delete c.product,c}};var eF={fields:{}};import{SettingsField as KU}from"efficient-easel/panel";import{CategoryIcon as $U}from"efficient-easel/icons";import{useEffect as tF,useRef as jU,useState as ml}from"react";import{Fragment as YU,jsx as D4,jsxs as km}from"react/jsx-runtime";var Cm=60,Mm="collection:";function aF(e){return Mm+Mo(e)}function pl(e){if(!e||!e.startsWith(Mm))return;let t=e.slice(Mm.length);return G9.find(a=>Mo(a.key)===t)?.key}function L7(e){return e.slug&&e.slug.trim()?e.slug:`cat-${e.id}`}function xm(e,t){return{slug:L7(e),name:e.name,wheels:t.filter(a=>(a.categories??[a.process]).includes(e.name)).slice(0,Cm)}}function wm(e){return{slug:_6,name:of,wheels:e.slice(0,Cm)}}function ym(e,t){return{slug:aF(e),name:e,process:e,wheels:t.filter(a=>a.process===e).slice(0,Cm)}}function Lm({value:e,onChange:t}){let[a,c]=ml(null),[s,l]=ml(null),[o,r]=ml(!1),[i,n]=ml(!1),h=jU(!0);tF(()=>(h.current=!0,e3().then(b=>{h.current&&l(b)}),x3().then(b=>{h.current&&c(b)}),()=>{h.current=!1}),[]),tF(()=>{if(!e?.slug||a===null||s===null)return;let b,y=pl(e.slug);if(y)b=ym(y,s);else if(e.slug===_6)b=wm(s);else{let C=a.find(S=>L7(S)===e.slug);b=C?xm(C,s):null}b&&a5(b,e)&&t(b)},[a,s]);let m=b=>{if(!b){t(null);return}let y=pl(b);if(y){s&&t(ym(y,s));return}if(b===_6){s&&t(wm(s));return}let C=(a??[]).find(S=>L7(S)===b);C&&s&&t(xm(C,s))},p=()=>{e?.slug&&(r(!0),n(!1),Promise.all([x3(!0),e3(!0)]).then(([b,y])=>{if(!h.current)return;c(b),l(y);let C=pl(e.slug);if(C)t(ym(C,y));else if(e.slug===_6)t(wm(y));else{let S=b.find(H=>L7(H)===e.slug);S&&t(xm(S,y))}}).catch(()=>{h.current&&n(!0)}).finally(()=>{h.current&&r(!1)}))},u=s===null,d=e?.wheels?.length??0,g=e?.slug&&e.slug!==_6&&!pl(e.slug)&&!(a??[]).some(b=>L7(b)===e.slug),z=i?"error":o?"loading":"idle",f=i?"Couldn\u2019t reach Storefront \u2192 Categories.":o?"Syncing from Storefront \u2192 Categories\u2026":`Linked to \u201C${e?.name??""}\u201D \xB7 ${d} product${d===1?"":"s"}`;return km(KU,{label:"Products source",icon:D4($U,{}),children:[km("select",{value:e?.slug??"",onChange:b=>m(b.target.value),disabled:u,children:[D4("option",{value:"",children:"None"}),D4("option",{value:_6,children:"All products"}),D4("optgroup",{label:"Collections",children:G9.map(b=>D4("option",{value:aF(b.key),children:b.key},b.key))}),g?km("option",{value:e.slug,children:[e.name," (unavailable)"]}):null,(a??[]).length>0?D4("optgroup",{label:"Categories",children:(a??[]).map(b=>D4("option",{value:L7(b),children:b.name},L7(b)))}):null]}),e?.slug?D4(v3,{status:z,statusText:f,onRefresh:p,busy:o,hint:D4(YU,{children:"Auto-fills this grid each time you open the editor. Set how many appear with \u201CWheels to display\u201D. The wheels you pick below are ignored while a source is linked."})}):D4("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:"Pick \u201CAll products\u201D or a category from Storefront \u2192 Categories to auto-fill this grid, or keep \u201CNone\u201D to choose wheels yourself below."})]})}import{ProductFieldIcon as XU,TextSizeIcon as JU,ColumnsIcon as QU,ListIcon as eK,HashIcon as tK}from"efficient-easel/icons";import{jsx as Sm}from"react/jsx-runtime";var Am={products:{type:"slot"}},cF={label:"Product Grid",fields:Am,defaultProps:{dynamic:!1,num:"",title:"",titleSize:Wa,padTop:120,description:"",linkText:"",linkHref:"",columns:4,limit:8,showAll:!1,spinOnHover:!0,coverIndex:String(1),outline:F5,indexBadge:m4,showBadge:!0,source:null,fullWidth:!0,pageWidth:e8.default},render:e=>{if(e.dynamic)return Sm(x7,{num:x(e.num,M0.num,e.puck),title:x(e.title,L.sectionHeading,e.puck),description:x(e.description,L.body,e.puck),columns:typeof e.columns=="number"?e.columns:3,relationship:V4,cardImage:e.cardImage,outline:P6(e.outline),indexBadge:V6(e.indexBadge),showBadge:e.showBadge??!0,imageBackground:Gg(e.imageBackground),showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage,editing:e.puck?.isEditing});let t=x(e.linkText,M0.link,e.puck),a=e.source,c=u2(e,"full"),s=P1(e.headPlacement)==="own-box",l=r=>s?void 0:r,o=Sm(lf,{gap:e.gap,capWidth:c.mode==="page"?c.pageWidth:void 0,num:l(x(e.num,M0.num,e.puck)),title:l(x(e.title,L.sectionHeading,e.puck)),titleSize:e.titleSize,padTop:s?0:e.padTop,description:l(x(e.description,L.body,e.puck)),link:l(t?{text:t,href:Y(e.linkHref)||"#"}:void 0),products:e.products,source:a?.slug?a:void 0,catalog:e.catalog,kinds:e.kinds,fieldUsage:e.fieldUsage,columns:e.columns,limit:e.showAll?void 0:e.limit,editing:e.puck?.isEditing,imageBackground:e.imageBackground,cardImage:e.cardImage,spinOnHover:e.spinOnHover,coverIndex:c8(e.coverIndex),outline:P6(e.outline),indexBadge:V6(e.indexBadge),showBadge:e.showBadge??!0,showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage});return c.mode==="page"?Sm("div",{className:He,children:o}):o}};import{jsx as wt}from"react/jsx-runtime";var sF=f4({top:120,keys:{top:"padTop",bottom:"padBottom"},group:!1,only:"top"}),lF={fields:{_gDynamic:v("Product page"),dynamic:e1("Connect to product data",!1,wt(XU,{})),_gHeader:v("Header"),num:A("Number",M0.num),title:V("Heading",L.sectionHeading),titleSize:h1("Heading size",wt(JU,{}),sf,Wa),description:V("Body",L.body),_gProducts:v("Products"),kinds:f8("Product types",s8,"None \u2014 this section will be empty"),source:E0(Lm),productList:N0("ProductGrid"),products:Am.products,_gLink:v("Link"),linkText:A("Button",M0.link),linkHref:w1("Link"),...vc({bottomDefault:!1}),...b8(),...z8(),_gLayout:v("Grid"),columns:J("Columns",wt(QU,{}),1,6,1,4),showAll:e1("Show all items",!1,wt(eK,{})),limit:J("Items to display",wt(tK,{}),1,12,1,8),gap:t3("ProductGrid"),...sF,...b4("full")},resolveFields:(e,{fields:t,parent:a})=>{let c=Z1(t,a,R1),s=e.props,l=E1(c,s.headPlacement,F1.ProductGrid.headRows);if(!g2()){let r={...l};return delete r._gDynamic,delete r.dynamic,r}if(s.dynamic){let r=new Set([G6.Content,"_gDynamic","dynamic","_gHeader","num","title","titleSize","description","_gLayout","columns",...Object.keys(sF),...x8,...w8,...y8,...k8,...Ab,...Sb,...Hb]),i={};for(let[n,h]of Object.entries(l))r.has(n)&&(i[n]=h);return W5(i,u2(e?.props??{},"full"))}let o={...l};return rf(s.source)||delete o.kinds,s.source?.slug&&(delete o.products,delete o.productList),s.showAll&&delete o.limit,o2(s.linkText).hidden&&delete o.linkHref,W5(o,u2(e?.props??{},"full"))}};import{SettingsField as aK}from"efficient-easel/panel";import{CategoryIcon as cK}from"efficient-easel/icons";import{useEffect as sK,useMemo as Hm,useState as lK}from"react";import{Fragment as iK,jsx as w6,jsxs as iF}from"react/jsx-runtime";var Tm=e=>e.kind==="tyre"?"tyre":"alloy-wheel",yt=e=>`${e.kind}:${e.slug}`;function oF(e){return e.kind==="tyre"?{kind:"tyre",slug:e.slug,name:e.name,description:e.description??"",eyebrow:e.brand??"",image:e.coverImage??null,finishes:[],prices:e.prices,href:`/tyres/${e.slug}`}:{kind:"wheel",slug:e.slug,name:e.name,description:e.description??"",eyebrow:e.process,image:e.coverImage??null,finishes:e.finishes.filter(ra).map(t=>({name:t.name,color:t.color,src:t.src})),prices:e.prices,href:`/wheels/${e.slug}`}}function Fm(e,t){let a=Tm(t);return e.find(c=>c.kind===a&&c.slug===t.slug)}function rF(e){return e?.some(t=>t.kind==="tyre")&&e.some(t=>t.kind==="alloy-wheel")?"Category \u2014 wheels only":"Category"}var oK=e=>e===1?"1 size":`${e} sizes`;function rK({rows:e,category:t,value:a,loading:c,currency:s}){let l=e??[],o=l.filter(u=>u.kind==="alloy-wheel"),r=l.filter(u=>u.kind==="tyre"),i=o.length>0&&r.length>0,n={value:"",label:c?"Loading\u2026":"Pick a product\u2026"},h=a&&!(e!==null&&Fm(e,a))?[{value:yt({kind:Tm(a),slug:a.slug}),label:c?a.name:`${a.name} (unavailable)`}]:[],m=cm(o,t).map(u=>{let d=ba(u.prices[s],u.msrpPrices?.[s]);return{value:yt({kind:"alloy-wheel",slug:u.slug}),label:u.name,...i?{group:"Wheels"}:{},thumb:u.coverImage??null,...d.priced?{meta:I2(d.unit,s)}:{}}}),p=r.map(u=>({value:yt(u),label:u.name,...i?{group:"Tyres"}:{},thumb:u.coverImage??null,meta:oK(u.variantCount)}));return[n,...h,...m,...p]}function Vm({value:e,onChange:t}){let a=u4(),{rows:c,loading:s,refreshing:l,errored:o,refresh:r}=W8({load:Na,resolve:Fm,snapshot:oF,value:e,onChange:t}),[i,n]=lK(null);sK(()=>{let H=!1;return x3().then(_=>{H||n(_)}),()=>{H=!0}},[]);let{currency:h}=F0(),m=Hm(()=>c&&e?Fm(c,e)??null:null,[c,e]),p=Hm(()=>(c??[]).filter(H=>H.kind==="alloy-wheel"),[c]),{category:u,setCategory:d,categoryNames:g}=x6(p,i,m?.kind==="alloy-wheel"?m:null),z=!!e?.slug&&c!==null&&!m,f=Hm(()=>rK({rows:c,category:u,value:e,loading:s,currency:h}),[c,u,e,s,h]),b=H=>{if(!H){t(null);return}let _=(c??[]).find(Z=>yt(Z)===H);_&&t(oF(_))},y=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},C=o?"error":l?"loading":"idle",S=o?"Couldn\u2019t reach the product catalog.":l?"Syncing from the catalog\u2026":z?`Linked to \u201C${e?.name??""}\u201D \u2014 no longer in the catalog.`:`Linked to \u201C${e?.name??""}\u201D \xB7 title, description, category, price & image follow the product.`;return iF("div",{children:[w6(oa,{label:"Product",options:f,fallback:"",value:e?yt({kind:Tm(e),slug:e.slug}):"",onChange:b,placeholder:"Search products\u2026"}),w6(aK,{label:rF(c),icon:w6(cK,{}),children:iF("select",{value:u,onChange:H=>d(H.target.value),disabled:s,children:[w6("option",{value:x5,children:rF(c)==="Category"?"All products":"All wheel categories"}),g.map(H=>w6("option",{value:H,children:H},H))]})}),e?.slug?w6(v3,{status:C,statusText:S,onRefresh:r,busy:l,edit:{label:"Edit product \u270E",onClick:y},hint:w6(iK,{children:"The whole hero comes from the product record \u2014 title, price, pictures, options and Add to Cart. Edit the product in the Products database and this hero updates to match."})}):w6("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:"This hero always shows a real product. Pick one to fill the title, price, pictures, options and Add to Cart from the catalog."})]})}import{useEffect as nF,useMemo as hF,useState as Pm}from"react";import{SettingsField as nK}from"efficient-easel/panel";import{Fragment as gK,jsx as kt}from"react/jsx-runtime";var S7="__all__",Em="";function hK(e){return(e??[]).filter(t=>ft.includes(t.kind))}var mK=O6("one row per level from one list \u2014 the gutter would repeat one mark down the column and say nothing; the group heading carries it once GG, 2026-09-23"),ul=e=>typeof e.brand=="string"?e.brand.trim():"";function mF(e,t){if(e.kind!=="alloy-wheel"||!t)return;let a=e,c=ba(a.prices?.[t],a.msrpPrices?.[t]);return c.priced?I2(c.unit,t):void 0}function pK({rows:e,brand:t,kind:a,slug:c,loading:s=!1,currency:l=""}){let o=e??[],r=[...new Set(o.map(ul).filter(Boolean))].sort((g,z)=>g.localeCompare(z)),i=t===S7?o:o.filter(g=>ul(g)===t),n=T5.filter(g=>i.some(z=>z.kind===g)),h=a===S7?i:i.filter(g=>g.kind===a),m=new Set(h.map(g=>g.kind)).size>1,p=h.map(g=>({value:g.slug,label:g.name,...m?{group:E6[g.kind]}:{},thumb:g.coverImage??null,...mF(g,l)?{meta:mF(g,l)}:{}})),u=c&&!h.some(g=>g.slug===c)?[{value:c,label:s?c:`${c} (not in this list)`}]:[],d=[];return r.length>1&&d.push({key:"brand",label:"Brand",options:[{value:S7,label:"All brands"},...r.map(g=>({value:g,label:g}))]}),n.length>1&&d.push({key:"kind",label:"Product type",options:[{value:S7,label:Gd},...n.map(g=>({value:g,label:E6[g]}))]}),d.push({key:"product",label:"Product",options:[{value:Em,label:s?"Loading\u2026":"Generic placeholder"},...u,...p]}),d}function Bm(){let[e,t]=Pm(null),[a,c]=Pm(S7),[s,l]=Pm(S7),o=Dh(),r=al()??Em;nF(()=>{let p=!1;return Na().then(u=>{p||t(u)}).catch(()=>{p||t([])}),()=>{p=!0}},[]);let{currency:i}=F0(),n=hF(()=>hK(e),[e]);nF(()=>{let p=n.find(u=>u.slug===r);p&&ul(p)&&c(ul(p))},[r,n]);let h=hF(()=>pK({rows:n,brand:a,kind:s,slug:r,loading:e===null,currency:i}),[n,a,s,r,e,i]),m={brand:p=>{c(p),l(S7)},kind:l,product:p=>jA(o,p)};return kt(gK,{children:h.map(p=>kt(nK,{label:p.label,icon:hb(mK),hint:p.key==="product"?uK:void 0,children:p.key==="product"?kt(oa,{bare:!0,label:p.label,options:p.options,fallback:Em,value:r,onChange:m.product,placeholder:"Search your catalog\u2026"}):kt("select",{value:p.key==="brand"?a:s,onChange:u=>m[p.key](u.target.value),children:p.options.map(u=>kt("option",{value:u.value,children:u.label},u.value))})},p.key))})}var uK="Only for looking at while you design. Shoppers always see the product they opened.";import{PlacementIcon as bK,CarIcon as zK,LayoutIcon as xK,ColumnWidthsIcon as wK,AlignLeftIcon as yK,SpecTableIcon as kK,DollarIcon as MK,GridIcon as CK,ImageIcon as LK}from"efficient-easel/icons";var f9="top",Nm=[{label:"Under the title",value:"top"},{label:"Below the specs",value:"belowSpecs"}];function pF(e){return S3(Nm,f9,e)}var dK=["split","imageRight","stacked"],y6="split";function b9(e){return dK.includes(e)?e:y6}var A7="left";function gl(e){return e==="center"?"center":"left"}var Zm=35,Im=70,k6=50;function dl(e){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?Math.min(Im,Math.max(Zm,Math.round(t))):k6}var vK=["main","thumbs","tiled"],M6="thumbs";function vl(e){return vK.includes(e)?e:M6}var fK=["contain","cover"],C6="contain";function fl(e){return j8(e,C6)}function uF(){return fK.map(e=>({label:Hi[e],value:e}))}function gF(e,t){return t?"contain":e}import{jsx as O4}from"react/jsx-runtime";var SK=()=>({type:"custom",render:()=>O4(Bm,{})});function AK(e){let t=e?.data?.root;return ft.includes(Dw(t?.props))}var dF={fields:{_gSource:v("Product"),source:E0(Vm),_gPreview:v(fc),previewPick:SK(),_gPriceLine:v("Price"),pricePlacement:h1("Price position",O4(bK,{}),Nm,f9),_gBehaviour:v("Behavior"),showVehicleFitment:e1("Vehicle fitment",!0,O4(zK,{})),_gArrangement:v("Arrangement"),heroLayout:p1("Layout",O4(xK,{}),[{label:"Split",value:"split"},{label:"Image right",value:"imageRight"},{label:"Stacked",value:"stacked"}],y6),imageRatio:J("Image / buy ratio",O4(wK,{}),Zm,Im,1,k6,"%"),textAlign:p1("Alignment",O4(yK,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"}],A7),_gShow:v("Show in the buy box"),showSpecTable:e1("Spec table",!0,O4(kK,{})),showPriceQuote:e1("Price / quote",!0,O4(MK,{})),_gImageGallery:v("Image gallery"),galleryMode:p1("Gallery",O4(CK,{}),[{label:"Main only",value:"main"},{label:"Main + thumbs",value:"thumbs"},{label:"Tiled",value:"tiled"}],M6),imageFit:p1(zs,O4(LK,{}),uF(),C6)},resolveFields:(e,{fields:t,appState:a})=>{let c=e.props,s={...t};if(b9(c.heroLayout)==="stacked"&&delete s.imageRatio,!g2())return delete s._gPreview,delete s.previewPick,s;let l=s,o=new Set([...x8,...w8,...y8,...k8,"_gPreview","previewPick","_gPriceLine","pricePlacement","_gBehaviour","showVehicleFitment","_gArrangement","heroLayout","imageRatio","textAlign","_gShow","showSpecTable","showPriceQuote","_gImageGallery","galleryMode","imageFit"]);AK(a)||(o.delete("_gPreview"),o.delete("previewPick"));let r={};for(let[i,n]of Object.entries(l))o.has(i)&&(r[i]=n);return M8(r)}};import{useEasel as FK}from"efficient-easel/easel";import{useEasel as HK}from"efficient-easel/easel";function bl(){let{selectedItem:e,getSelectorForId:t,getItemById:a}=HK(i=>i),c=e?.props?.id;if(!c)return null;let s=t(c)?.zone,l=s&&s.includes(":")?s.split(":")[0]:null,r=(l?a(l):void 0)?.props?.source;return r?.slug?r.name||"the selected source":null}import{jsx as vF,jsxs as TK}from"react/jsx-runtime";function Rm(){let e=u4(),t=Za(),{selectedItem:a}=FK(r=>r),c=a?.props?.code??"",s=(t??[]).find(r=>r.slug===c)??null,l=bl()!==null;return!s||l?null:TK("div",{className:"sf-blogsource",children:[vF("button",{type:"button",className:"sf-blogsource-btn",onClick:()=>e.send("storefront-editor:open-product",{slug:s.slug,name:s.name}),children:"Edit product \u270E"}),vF("p",{className:"sf-blogsource-hint",children:"Price and details come from the product record \u2014 edit them in the Products database and this block updates to match. The name follows the product\u2019s design name unless it\u2019s overridden per storefront in Storefront \u2192 Catalog."})]})}import{useEasel as VK}from"efficient-easel/easel";import{SettingsField as PK}from"efficient-easel/panel";import{FinishIcon as EK}from"efficient-easel/icons";import{jsx as z9,jsxs as fF}from"react/jsx-runtime";function _m({value:e,onChange:t}){let a=Za(),{selectedItem:c}=VK(n=>n),s=c?.props?.code??"",l=a===null,o=(a??[]).find(n=>n.slug===s)?.finishes??[],r=o.filter(ra).map(n=>n.name),i=r.includes(e??"")?e:"";return fF("div",{children:[z9(PK,{label:"Finish",icon:z9(EK,{}),hint:"Pinning one overrides the section\u2019s Cover image.",children:fF("select",{value:i,onChange:n=>t(n.target.value),disabled:l||o.length===0,children:[z9("option",{value:"",children:l?"Loading\u2026":o.length===0?"No finishes on this product":"Default (the product's default finish)"}),o.map(n=>z9("option",{value:n.name,disabled:!n.src,children:n.src?n.name:`${n.name} \u2014 no image`},n.name))]})}),!l&&o.length===0&&s&&z9("p",{className:"sf-blogsource-hint",children:"This product has no finishes yet, so its card falls back to the product image \u2014 or an empty placeholder when it has none. Add finishes to the product record, then give each one an image."}),!l&&o.length>0&&r.length===0&&z9("p",{className:"sf-blogsource-hint",children:"None of this product\u2019s finishes has an image, so none can be shown on the card. Add an image to a finish on the product record to pick it here."})]})}import{SettingsField as bF}from"efficient-easel/panel";import{BlockProductIcon as BK,CategoryIcon as NK}from"efficient-easel/icons";import{useEffect as ZK,useMemo as IK,useState as zF}from"react";import{jsx as G4,jsxs as Mt}from"react/jsx-runtime";function Dm({value:e,onChange:t}){let[a,c]=zF(null),[s,l]=zF(null);ZK(()=>{let d=!1;return e3().then(g=>{d||c(g)}),x3().then(g=>{d||l(g)}),()=>{d=!0}},[]);let o=IK(()=>a&&e?a.find(d=>d.slug===e)??null:null,[a,e]),{category:r,setCategory:i,categoryNames:n,filtered:h}=x6(a,s,o),m=a===null,p=bl(),u=p!==null;return Mt("div",{children:[u&&Mt("p",{className:"sf-blogsource-hint",style:{marginBottom:8},children:["Disabled because this grid\u2019s ",G4("strong",{children:"Products source"})," is set to \u201C",p,"\u201D. The grid fills itself from that source automatically. To pick wheels here, set"," ",G4("strong",{children:"Products source"})," back to \u201CNone\u201D."]}),Mt("div",{className:u?"sf-locked":void 0,children:[G4(bF,{label:"Category",icon:G4(NK,{}),children:Mt("select",{value:r,onChange:d=>i(d.target.value),disabled:m||u,children:[G4("option",{value:x5,children:"All products"}),n.map(d=>G4("option",{value:d,children:d},d))]})}),G4(bF,{label:"Product",icon:G4(BK,{}),children:Mt("select",{value:e??"",onChange:d=>t(d.target.value),disabled:m||u,children:[G4("option",{value:"",children:m?"Loading\u2026":h.length===0?"No products in this category":"Select a product\u2026"}),h.map(d=>G4("option",{value:d.slug,children:d.name},d.slug))]})})]})]})}import{jsx as Om}from"react/jsx-runtime";var xF={fields:{code:{type:"custom",render:({value:e,onChange:t})=>Om(Dm,{value:e,onChange:t})},finish:{type:"custom",render:({value:e,onChange:t})=>Om(_m,{value:e,onChange:t})},_editProduct:{type:"custom",render:()=>Om(Rm,{})}},resolveFields:(e,{fields:t,parent:a})=>{let c={...t},s=a?.props?.source,l=typeof e.props.code=="string"?e.props.code:"";return(s?.slug||!l)&&(delete c.finish,delete c._editProduct),c}};import{EyeIcon as _K,HashIcon as DK,ColumnsIcon as OK}from"efficient-easel/icons";import{jsx as RK}from"react/jsx-runtime";var Ct={footnote:"A note about how these are matched.",footnoteLinkText:"Enquire"},wF={label:"Related Products",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:"",cardCount:ut,columns:3,relationship:V4},render:e=>{let t=P1(e.headPlacement)==="own-box",a=s=>t?void 0:s,c=u2(e,"full");return RK(x7,{num:a(x(e.num,M0.num,e.puck)),title:a(x(e.title,L.sectionHeading,e.puck)),description:a(x(e.description,L.body,e.puck)),omitHead:t,capWidth:c.mode==="page"?c.pageWidth:void 0,columns:typeof e.columns=="number"?e.columns:3,cardCount:Xs(e.cardCount),relationship:typeof e.relationship=="string"?e.relationship:V4,footnote:x(e.footnote,Ct.footnote,e.puck),footnoteLinkText:x(e.footnoteLinkText,Ct.footnoteLinkText,e.puck),footnoteLinkHref:Y(e.footnoteLinkHref),cardImage:e.cardImage,coverIndex:c8(e.coverIndex),imageBackground:e.imageBackground,spinOnHover:e.spinOnHover,outline:P6(e.outline),indexBadge:V6(e.indexBadge),showBadge:e.showBadge,editing:e.puck?.isEditing})}};import{jsx as Gm}from"react/jsx-runtime";var yF={fields:{_gHeader:v("Header"),num:A("Number",M0.num),title:V("Heading",L.sectionHeading),description:V("Body",L.body),_gFootnote:v("Footnote"),footnote:V("Footnote",Ct.footnote),footnoteLinkText:A("Footnote button",Ct.footnoteLinkText),footnoteLinkHref:w1("Footnote link"),...b8(),...z8(),_gLayout:v("Grid"),relationship:h1("Show",Gm(_K,{}),TA,V4),cardCount:J("Cards to show",Gm(DK,{}),Th,gt,1,ut),columns:J("Columns",Gm(OK,{}),2,4,1,3),...b4("full")},resolveFields:(e,{fields:t,parent:a})=>{let c=e.props,s={...t};if(EA(typeof c.relationship=="string"?c.relationship:V4))for(let l of PA)delete s[l];return E1(Z1(s,a,R1),c.headPlacement,F1.RelatedProducts.headRows)}};import{StylesIcon as GK}from"efficient-easel/icons";import{jsx as qK}from"react/jsx-runtime";var kF={fields:{_gStyle:v("Style"),style:p1("Show as",qK(GK,{}),$s,"icon")}};import{SettingsField as MF}from"efficient-easel/panel";import{BlockProductIcon as WK,CategoryIcon as UK}from"efficient-easel/icons";import{useEffect as KK,useMemo as $K,useState as jK}from"react";import{Fragment as YK,jsx as t4,jsxs as zl}from"react/jsx-runtime";function CF(e){return{slug:e.slug,name:e.name,process:e.process,spokes:e.spokes,mesh:e.mesh,spec:e.spec,finishes:e.finishes.map(t=>({name:t.name,image:$4(t.angles?.[0]??t.src)??null}))}}function qm({value:e,onChange:t}){let a=u4(),{rows:c,loading:s,refreshing:l,errored:o,refresh:r}=W8({load:e3,resolve:(S,H)=>S.find(_=>_.slug===H.slug),snapshot:CF,value:e,onChange:t}),[i,n]=jK(null);KK(()=>{let S=!1;return x3().then(H=>{S||n(H)}),()=>{S=!0}},[]);let h=$K(()=>c&&e?.slug?c.find(S=>S.slug===e.slug)??null:null,[c,e?.slug]),{category:m,setCategory:p,categoryNames:u,filtered:d}=x6(c,i,h),g=!!e?.slug&&c!==null&&!h,z=S=>{if(!S){t(null);return}let H=(c??[]).find(_=>_.slug===S);H&&t(CF(H))},f=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},b=!!e?.spec,y=o?"error":l?"loading":"idle",C=o?"Couldn\u2019t reach the product catalog.":l?"Syncing from the catalog\u2026":g?`Linked to \u201C${e?.name??""}\u201D \u2014 no longer in the catalog.`:b?`Linked to \u201C${e?.name??""}\u201D \xB7 every spec row follows the product.`:`Linked to \u201C${e?.name??""}\u201D \u2014 this product has no spec data yet.`;return zl("div",{children:[t4(MF,{label:"Category",icon:t4(UK,{}),children:zl("select",{value:m,onChange:S=>p(S.target.value),disabled:s,children:[t4("option",{value:x5,children:"All products"}),u.map(S=>t4("option",{value:S,children:S},S))]})}),t4(MF,{label:"Product",icon:t4(WK,{}),children:zl("select",{value:e?.slug??"",onChange:S=>z(S.target.value),disabled:s,children:[t4("option",{value:"",children:s?"Loading\u2026":"None (write the rows yourself)"}),g?zl("option",{value:e.slug,children:[e.name," (unavailable)"]}):null,d.map(S=>t4("option",{value:S.slug,children:S.name},S.slug))]})}),e?.slug?t4(v3,{status:y,statusText:C,onRefresh:r,busy:l,edit:{label:"Edit product \u270E",onClick:f},hint:t4(YK,{children:"Every spec row (lug count, bolt pattern, offset, center bore, load rating, bump profile\u2026) comes from the product record \u2014 edit its part numbers in the Products database and this table updates to match. You still choose which finish to picture and an optional size."})}):t4("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:"Pick a product to fill the spec table from the catalog, or keep \u201CNone\u201D to write the rows yourself."})]})}import{ProductFieldIcon as f$,FinishIcon as ZF,DiagramIcon as b$}from"efficient-easel/icons";import{useId as QK,useState as e$}from"react";import{jsx as xl,jsxs as XK}from"react/jsx-runtime";function Wm({id:e}){return XK("defs",{children:[xl("marker",{id:`${e}-L`,viewBox:"0 0 10 10",refX:2,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:xl("path",{d:"M10,0 L0,5 L10,10 z",fill:"currentColor"})}),xl("marker",{id:`${e}-R`,viewBox:"0 0 10 10",refX:8,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:xl("path",{d:"M0,0 L10,5 L0,10 z",fill:"currentColor"})})]})}import{jsx as JK}from"react/jsx-runtime";function Um({nodeId:e,children:t}){return JK(Y6,{nodeId:e,sectionType:"SpecTable",children:t})}import{Fragment as c$,jsx as C0,jsxs as X2}from"react/jsx-runtime";function Y2(e,t){return e?{[kz]:t}:{}}function t$({editing:e,nodeId:t,children:a}){return!e||!t?C0(c$,{children:a}):C0(Um,{nodeId:t,children:a})}function LF({row:e,topBorder:t,editing:a}){return X2("div",{className:`flex items-baseline justify-between gap-6 py-3.5 font-mono text-[length:var(--size-label,14px)] tracking-[0.05em] ${t?"border-t border-line":""}`,children:[C0("span",{...Y2(a,"rowLabel"),className:"uppercase text-fg-dim",children:e.label}),C0("span",{...Y2(a,"rowValue"),className:`text-right ${e.accent?"text-accent":"text-fg"}`,children:e.value})]})}function a$({diagram:e,editing:t}){let[a,c]=e$(!1),s=`spec-${QK().replace(/:/g,"")}`,{wheelName:l,imageSrc:o,diameter:r,width:i,offset:n,holes:h,pcd:m,spokes:p,mesh:u,bore:d}=e,g=!!o&&!a;return X2("div",{className:"sf-card bg-surface p-6 max-[1100px]:mt-8",children:[C0("div",{...Y2(t,"diagramTitle"),className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.25em] text-fg-dim",children:"Wheel Dimension Diagram"}),X2("div",{className:"relative flex aspect-square items-center justify-center",children:[X2("svg",{viewBox:"0 0 320 320",className:"absolute inset-0 h-full w-full text-fg-dim",fill:"none",stroke:"currentColor",children:[C0("line",{x1:40,y1:20,x2:280,y2:20,strokeWidth:1,markerStart:`url(#${s}-L)`,markerEnd:`url(#${s}-R)`}),C0("line",{x1:40,y1:15,x2:40,y2:25,strokeWidth:1}),C0("line",{x1:280,y1:15,x2:280,y2:25,strokeWidth:1}),C0(Wm,{id:s})]}),g?C0("img",{src:o,alt:`${l} \u2014 face`,onError:()=>c(!0),loading:"lazy",className:"relative z-[1] block h-[80%] w-[80%] object-contain"}):C0(q6,{spokes:p,mesh:u,className:"relative z-[1] block h-[72%] w-[72%] text-accent"}),X2("span",{...Y2(t,"diagramCallout"),className:"absolute top-1.5 left-1/2 z-20 -translate-x-1/2 bg-surface px-2 font-mono text-[length:var(--size-label,12px)] tracking-[0.2em] text-accent",children:["\u2300 ",Co(r)]}),X2("span",{...Y2(t,"diagramCallout"),className:"absolute bottom-1.5 left-1/2 z-20 -translate-x-1/2 bg-surface px-2 font-mono text-[length:var(--size-label,12px)] tracking-[0.2em] text-fg",children:["WIDTH ",Co(i)]})]}),X2("div",{className:"mt-4 grid grid-cols-5 gap-3 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim max-[480px]:grid-cols-3",children:[X2("div",{children:[C0("div",{...Y2(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Holes"}),C0("div",{...Y2(t,"diagramStatValue"),className:"mt-1 text-fg",children:h})]}),X2("div",{children:[C0("div",{...Y2(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"PCD"}),C0("div",{...Y2(t,"diagramStatValue"),className:"mt-1 text-fg",children:m})]}),X2("div",{children:[C0("div",{...Y2(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Spokes"}),X2("div",{...Y2(t,"diagramStatValue"),className:"mt-1 text-fg",children:[p,u?" + Mesh":""]})]}),X2("div",{children:[C0("div",{...Y2(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Bore"}),C0("div",{...Y2(t,"diagramStatValue"),className:"mt-1 text-fg",children:d})]}),X2("div",{children:[C0("div",{...Y2(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"ET"}),C0("div",{...Y2(t,"diagramStatValue"),className:"mt-1 text-accent",children:n})]})]})]})}function x9({num:e,title:t,description:a,rows:c,diagram:s,editing:l=!1,omitHead:o=!1,nodeId:r,...i}){let n=(c??[]).filter(m=>(m?.label??"").trim()||(m?.value??"").trim()),h=n.length>0?n:l?[{label:"Label",value:"Value"}]:[];return C0("section",{className:v0(i)?o?"border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":o?"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:X2(t$,{editing:l,nodeId:r,children:[o?null:C0(j1,{num:e?k(e):void 0,title:t?U(t,!1):void 0,description:a?k(a):void 0,accent:!0}),s?X2("div",{className:"grid grid-cols-[1fr_400px] gap-12 max-[1100px]:grid-cols-1",children:[C0("div",{children:h.map((m,p)=>C0(LF,{row:m,topBorder:p>0,editing:l},p))}),C0(a$,{diagram:s,editing:l})]}):C0("div",{className:"grid grid-cols-2 gap-x-16 max-[900px]:grid-cols-1",children:h.map((m,p)=>C0(LF,{row:m,topBorder:!0,editing:l},p))})]})})}import{useEffect as r$,useState as i$}from"react";function wl(e){return e.rollingNoiseDb===null?null:e.rollingNoiseClass?`${e.rollingNoiseDb} dB (${e.rollingNoiseClass})`:`${e.rollingNoiseDb} dB`}function s$(e){return`/api/tire-catalog/models/${encodeURIComponent(e)}/`}function l$(e,t,a){let c=(a.eprel_url??"").trim();if(!c)return null;let s=(a.energy_class??"").trim(),l=(a.wet_grip_class??"").trim(),o=typeof a.external_rolling_noise_value=="number"?a.external_rolling_noise_value:null;return!s&&!l&&o===null?null:{size:e,registrationNumber:t,fuelClass:s,wetGripClass:l,rollingNoiseDb:o,rollingNoiseClass:(a.external_rolling_noise_class??"").trim(),iceGrip:a.ice_tire===!0,severeSnow:a.severe_snow_tire===!0,loadIndicator:(a.load_indicator??"").trim(),eprelUrl:c}}async function o$(e){let t=(e.eprelRegistrationNumber??"").trim();if(!t)return null;try{let a=await j7(s$(t),{baseUrl:na});return l$(e.size,t,a)}catch{return null}}async function SF(e){return(await Promise.all(e.map(o$))).filter(a=>a!==null)}function yl(e){let[t,a]=i$([]),c=e.map(s=>s.eprelRegistrationNumber??"").join(",");return r$(()=>{let s=!0;return SF(e).then(l=>{s&&a(l)}),()=>{s=!1}},[c]),t}var n$={"haste-ii":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[33,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"force-6":{lugs:6,sizes:[20,22,24],widths:[9,9.5,10],pcds:["6\xD7135","6\xD7139.7","6\xD7135-139.7"],etRange:[20,25],centreBores:[87.1],loadRating:"880 kg / 1,940 lbs",cap:"CP506AL82",bumpProfile:"H2",rimProfile:"34\xD716\xD760\xB0"},"speed-ii":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[33,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"vortex-ii":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[35,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"vector-iii":{lugs:5,sizes:[18,19,20,22],widths:[8,8.5,9.5,10,10.5],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[32,42],centreBores:[71.5,72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"blitz-ii":{lugs:5,sizes:[18,19,20,22],widths:[8,8.5,9.5,10,10.5],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[38,42],centreBores:[71.5,72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"thrust-ii":{lugs:5,sizes:[18,19,20,22],widths:[8,8.5,9.5,10,10.5],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[33,42],centreBores:[71.5,72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"torque-ii":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[42,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP506AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"turbine-ii":{lugs:5,sizes:[20,22],widths:[8.5,10,10.5],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[35,42],centreBores:[71.5,72.6,73.1],loadRating:"880 kg / 1,940 lbs",cap:"CP506AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},blitz:{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[38,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"frixion-5":{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[35,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP595AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"frixion-6":{lugs:6,sizes:[20,22,24],widths:[9,9.5,10],pcds:["6\xD7135","6\xD7139.7","6\xD7135-139.7"],etRange:[20,25],centreBores:[87.1],loadRating:"690\u2013880 kg / 1,520\u20131,940 lbs",cap:"CP506AL82",bumpProfile:"EH2+",rimProfile:"34\xD716\xD760\xB0"},rotor:{lugs:5,sizes:[20,22],widths:[8.5,9,10,10.5],pcds:["5\xD7112-114.3","5\xD7115","5\xD7120","5\xD7127"],etRange:[15,40],centreBores:[71.5,72.6,73.1],loadRating:"880 kg / 1,940 lbs",cap:"CP509PS73",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},"vector-ii":{lugs:5,sizes:[19,20],widths:[8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[38,42],centreBores:[72.6,73.1],loadRating:"880 kg / 1,940 lbs",cap:"CP506AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"},torque:{lugs:5,sizes:[18,19,20],widths:[8,8.5,9.5,10],pcds:["5\xD7112-114.3","5\xD7120"],etRange:[35,42],centreBores:[72.6,73.1],loadRating:"690 kg / 1,520 lbs",cap:"CP506AL68",bumpProfile:"EH2+",rimProfile:"32\xD715\xD760\xB0"}};function AF(e){return n$[e]}function L6(e){return e&&e.trim()?e:"\u2014"}function HF(e){return e[0]?.replace(/^\s*\d+\s*[×x]\s*/,"")||"\u2014"}function FF(e,t,a,c,s){let l=ka(s?.boltPattern).holes,o=l!=null&&l>0?l:e.lugs,r=ya(o),i=e.pcds.length?e.pcds.join(" \xB7 "):"\u2014",n=e.centreBores.length?`${e.centreBores.join(" / ")} mm`:"\u2014",h=e.etRange.length>=2?gd(e.etRange[0],e.etRange[1]):"\u2014",m=c??"",p=s?K9(s):"\u2014";return{rows:[{label:"Your Selection",value:"\u2014",accent:!0},{label:"Finish",value:a,fieldKey:"wheel_finish_ref"},{label:"Size",value:m},{label:"Wheel Spec",value:p},{label:"Lug Count",value:L6(r&&`${r}-lug`),fieldKey:"holes"},{label:"Bolt Pattern",value:i,fieldKey:"bolt_pattern"},{label:"Offset (ET)",value:h,fieldKey:"et"},{label:"Process",value:L6(t),fieldKey:Vd},{label:"Centre Bore",value:n,fieldKey:"center_bore"},{label:"Load Rating",value:L6(e.loadRating),fieldKey:"load_rating"},{label:"Bump Profile",value:L6(e.bumpProfile),fieldKey:"hump"},{label:"Rim Profile",value:L6(e.rimProfile),fieldKey:"flange"},{label:"Cap Code",value:L6(e.cap),fieldKey:"cap_code"}],size:m}}function Km(e){return e.length?e[Math.ceil(e.length/2)-1]:void 0}function h$(e,t){let a=e?.diameter??Km(t?.sizes??[]),c=e?.width??Km(t?.widths??[]),s=t?.etRange??[],[l,o]=s,r=e?.et??(s.length>=2&&l===o?l:void 0),i=n=>L6(n!=null?ud(n):void 0);return{diameter:i(a),width:i(c),offset:i(r)}}function TF(e,t){let a=e?.centreBore??Km(t.centreBores);return{...h$(e,t),bore:L6(a!=null?`${a} mm`:void 0)}}function VF(e){return{slug:e.slug,name:e.name,process:e.process,spokes:e.spokes,mesh:e.mesh,spec:e.spec??null,finishes:e.finishes.map(t=>({name:t.name,image:t.src||t.angles?.[0]||null})),coverImage:e.coverImage??null,variants:e.variants}}function kl(e,t,a){let c=e?.spec;if(!e||!c)return{rows:[],diagram:null};let s=e.finishes.find(h=>h.name===t)??e.finishes[0],l=Rd(e.variants??[],s?.name,a),{rows:o,size:r}=FF(c,e.process,s?.name??"\u2014",a,l),i=TF(l,c),n={wheelName:e.name,imageSrc:s?.image??e.coverImage??null,...i,holes:ya(c.lugs),pcd:HF(c.pcds),spokes:e.spokes,mesh:e.mesh};return{rows:o,diagram:n}}function PF(e,t,a){let c=cl(e),s=AF(e);if(!c||!s)return{rows:[],diagram:null};let l=d9(e),o=c.finishes.find(m=>m.name===t)??c.finishes[0],{rows:r,size:i}=FF(s,c.process,o?.name??"\u2014",a,void 0),n=TF(void 0,s),h={wheelName:c.name,imageSrc:o?.angles?.[0]??o?.src??null,...n,holes:l[0]?.holes?.toString()??ya(s.lugs),pcd:l[0]?.pcd??HF(s.pcds),spokes:c.spokes,mesh:c.mesh};return{rows:r,diagram:h}}function m$(e){let{brand:t,variant:a,euLabel:c}=e;if(!a)return[];let s=Aa(a.size),l=a.specs,o=l;return[["size","Size",a.size],["section_width","Section Width",s?`${s.width} mm`:""],["aspect_ratio","Aspect Ratio",s?`${s.profile}`:""],["rim_diameter","Rim Diameter",s?`${s.rim}"`:""],["construction","Construction",l.construction],["load_index","Load Index",l.loadIndex],["speed_rating","Speed Rating",l.speedRating],["max_load_lbs","Max Load",o.maxLoad??""],["max_psi","Max Pressure",o.maxPressure??""],["tread_depth","Tread Depth",o.treadDepth??""],["overall_diameter","Overall Diameter",o.overallDiameter??""],["tread_pattern","Tread Pattern",l.treadPattern],["tire_type","Type",l.tireType],["brand","Manufacturer",t],["","Fuel Efficiency",c?.fuelClass??""],["","Wet Grip",c?.wetGripClass??""],["","Noise",c&&wl(c)||""],["","Snow Grip",c?.severeSnow?"Yes":""],["","Ice Grip",c?.iceGrip?"Yes":""],["","Reinforced",c?.loadIndicator??""]]}function EF(e){let t=[];for(let[a,c,s]of m$(e)){let l=(s??"").trim();l&&t.push(a?{label:c,value:l,fieldKey:a}:{label:c,value:l})}return{rows:t}}import{jsx as Ml}from"react/jsx-runtime";var p$=["alloy-wheel","tyre"],u$=[],g$=[];function d$(e,t,a){let c=e.variants??[];return(t?c.find(s=>s.sku===t):void 0)??(a?c.find(s=>s.size===a):void 0)??c[0]??null}function $m(e){return Ml(e2,{kinds:p$,type:"SpecTable",editing:e.editing,children:Ml(v$,{...e})})}function v$({num:e,title:t,description:a,showDiagram:c=!0,editing:s=!1,nodeId:l,omitHead:o=!1}){let r=A0(),i=O2(s&&!r),n=r?.product??i,h=n?.kind==="tyre"?n.source:null,m=yl(h?.variants??u$),p=r?.fieldUsage??g$;if(h){let f=d$(h,r?.selection.part?.id,r?.selection.shown.size),b=m.find(C=>C.size===f?.size)??null,y=EF({brand:h.brand,variant:f,euLabel:b});return Ml(x9,{num:e,title:t,description:a,rows:Ao(y.rows,p),diagram:null,editing:s,nodeId:l,omitHead:o})}let u=n?.kind==="alloy-wheel"?n.source:null,d=r?r.selection.shown.finish:u?.finishes[0]?.name,g=r&&u?Oa(u,r.selection.part)?.size??void 0:void 0,z=u?kl(VF(u),d,g):{rows:[],diagram:null};return Ml(x9,{num:e,title:t,description:a,rows:Ao(z.rows,p),diagram:c?z.diagram:null,editing:s,nodeId:l,omitHead:o})}import{jsx as BF}from"react/jsx-runtime";var q4={num:L.sectionNumber,title:"Specifications *table.*",description:L.body},NF={label:"Spec Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",source:null,finish:"",size:"",showDiagram:!0,rows:[]},render:e=>{let t=P1(e.headPlacement)==="own-box",a=h=>t?void 0:h;if(e.dynamic)return BF($m,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(x(e.num,q4.num,e.puck)),title:a(x(e.title,q4.title,e.puck)),description:a(x(e.description,q4.description,e.puck)),showDiagram:e.showDiagram!==!1,omitHead:t,editing:e.puck?.isEditing});let c=e.source??null,s=e.wheel,l=!c?.slug&&typeof s=="string"?s:"",o=typeof e.finish=="string"?e.finish:"",r=typeof e.size=="string"?e.size:"",i,n=null;if(c?.slug&&c.spec){let h=kl(c,o,r);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else if(l){let h=PF(l,o,r);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else i=e.rows??[];return BF(x9,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(x(e.num,q4.num,e.puck)),title:a(x(e.title,q4.title,e.puck)),description:a(x(e.description,q4.description,e.puck)),rows:i,diagram:n,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as Cl}from"react/jsx-runtime";var z$="Size (blank = none selected)",IF={fields:{_gDynamic:v("Product page"),dynamic:e1("Connect to product data",!1,Cl(f$,{})),_gHeader:v("Header"),num:A("Number",q4.num),title:V("Heading",q4.title),description:V("Body",q4.description),_gData:v("Product"),source:E0(qm),finish:h1("Finish",Cl(ZF,{}),[],""),size:{type:"text",label:z$},_gDiagram:v("Diagram"),showDiagram:e1("Dimension diagram",!0,Cl(b$,{})),_gRows:v("Rows"),rows:{type:"array",label:"Rows",arrayFields:{label:P("Label"),value:P("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||e?.value||"Row"}},resolveFields:(e,{fields:t,parent:a})=>{let c=e.props,s=g2(),l=m=>E1(Z1(m,a,R1),e.props.headPlacement,F1.SpecTable.headRows);if(s&&c.dynamic){let m=new Set([G6.Content,"_gDynamic","dynamic","_gHeader","num","title","description","_gDiagram","showDiagram",...x8,...w8,...y8,...k8]),p={};for(let[u,d]of Object.entries(t))m.has(u)&&(p[u]=d);return l(p)}let o=c.source,r=!o?.slug&&typeof c.wheel=="string"?c.wheel:"",i={...t};if(s||(delete i._gDynamic,delete i.dynamic),!(o?.slug&&o.spec)&&!r)return delete i.finish,delete i.size,delete i._gDiagram,delete i.showDiagram,l(i);let n=o?.slug?o.finishes.map(m=>m.name):(cl(r)?.finishes??[]).map(m=>m.name),h=[{value:"",label:"Default (first finish)"},...n.map(m=>({value:m,label:m}))];return i.finish=h1("Finish",Cl(ZF,{}),h,""),delete i._gRows,delete i.rows,l(i)}};var x$={link:"Know your size? Pick it below"},RF={fields:{_gHeader:v("Header"),num:A("Number",M0.num),title:A("Heading",L.sectionHeading),description:V("Body",L.body),_gCta:v("Call to action"),escapeText:A("Button",x$.link),escapeHref:w1("Button link")},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.TyreFitment.headRows)};var _F={fields:{_gHeader:v("Header"),num:A("Number",M0.num),title:A("Heading",L.sectionHeading),description:V("Body",L.body)},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.TyreSizes.headRows)};import{useEffect as k$,useState as GF}from"react";import{useState as w$}from"react";function DF(e,t){return t==="mark"?(e.logo??"").trim():(e.name??"").trim()}import{jsx as jm,jsxs as y$}from"react/jsx-runtime";function Ym({tile:e,face:t,showCount:a,selected:c,onSelect:s}){let[l,o]=w$(!1),r=DF(e,t),i=t==="mark"&&!l?$4(r):void 0;return y$("button",{type:"button","data-sf-brand-tile":"","data-sf-brand-face":t,"aria-pressed":c?"true":"false",onClick:s,className:"flex flex-1 flex-col items-center justify-center gap-[7px] rounded-[9px] px-[10px] py-[14px]",children:[jm("span",{className:"flex h-[22px] items-center justify-center",children:t==="mark"?i&&jm("img",{src:i,alt:e.name,className:"max-h-full max-w-[78%] object-contain",draggable:!1,onError:()=>o(!0)}):r}),a&&jm("span",{children:e.count})]})}import{jsx as Lt,jsxs as OF}from"react/jsx-runtime";function Xm({heading:e,button:t,link:a,brands:c=[],face:s="name",showCount:l=!0,picked:o,onPick:r}){let i=o||c[0]?.name;return OF("section",{className:"sf-brandstrip","data-sf-brand-strip":"",children:[(e||t)&&OF("div",{className:"sf-brandstrip-head",children:[Lt("span",{className:"sf-brandstrip-heading",children:e??""}),a?Lt("a",{className:"sf-brandstrip-all",href:a,children:t??""}):Lt("span",{className:"sf-brandstrip-all",children:t??""})]}),Lt("div",{className:"sf-brandstrip-track",children:c.map(n=>Lt(Ym,{tile:n,face:s,showCount:l,selected:n.name===i,onSelect:r?()=>r(n.name):void 0},n.name))})]})}import{jsx as M$}from"react/jsx-runtime";function Jm({heading:e,button:t,link:a,picks:c,available:s,face:l="name",showCount:o=!0}){let[r,i]=GF(null),n=Array.isArray(c)?c:[],h=!s&&n.length>0;k$(()=>{if(!h)return;let d=!1;return Us().then(g=>g??D0.listBrands()).then(g=>{d||i(g)}).catch(()=>{}),()=>{d=!0}},[h]);let m=YS(n,s??r??[]),[p,u]=GF(void 0);return M$(Xm,{heading:e,button:t,link:a,brands:m,face:l,showCount:o,picked:p,onPick:u})}import{jsx as C$}from"react/jsx-runtime";var qF={label:"Brand Strip",defaultProps:{heading:"Shop by brand",button:"All brands",link:"",[rt]:jS(),face:"name",showCount:!0},render:({heading:e,button:t,link:a,face:c,showCount:s,...l})=>C$(Jm,{heading:Y(e),button:Y(t),link:Y(a),picks:l[rt],available:l[$S],face:c,showCount:s})};import{jsx as St,jsxs as Ll}from"react/jsx-runtime";function L$(e,t){let a=e.savings[t];if(a===void 0)return null;let c=I2(a,t);return e.savingIsFrom?`Save from ${c}`:`Save ${c}`}function Qm({bundle:e,currency:t}){let a=L$(e,t);return Ll(r0,{href:`/bundles/${e.slug}`,className:"sf-card group flex flex-col border border-line bg-bg transition-colors hover:border-accent",children:[Ll("div",{className:"sf-card-image relative aspect-[4/3] overflow-hidden bg-surface",children:[e.image?St(H5,{src:e.image,alt:e.name,fill:!0,sizes:"(max-width: 640px) 100vw, 33vw",className:"object-cover transition-transform duration-500 group-hover:scale-[1.03]"}):Ll("div",{className:"flex h-full items-center justify-center font-mono text-[10px] uppercase tracking-[0.3em] text-fg-dim",children:[e.components.length," piece",e.components.length===1?"":"s"]}),a&&St("span",{className:"absolute left-0 top-4 bg-accent px-3 py-1.5 font-mono text-[10px] uppercase tracking-[0.24em] text-bg",children:a})]}),Ll("div",{className:"flex flex-1 flex-col gap-1.5 px-5 py-4",children:[St("span",{className:"font-display text-[18px] font-medium tracking-[-0.015em] text-fg",children:e.name}),e.subtitle&&St("span",{className:"text-[13px] leading-snug text-fg-dim",children:e.subtitle}),!e.inStock&&St("span",{className:"mt-1 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim",children:"Currently unavailable"})]})]})}import{jsx as w9,jsxs as $F}from"react/jsx-runtime";var WF="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",UF="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20",S$=["alloy-wheel"],KF={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function ep(e){return w9(e2,{kinds:S$,type:"BundleOffer",editing:e.editing,children:w9(A$,{...e})})}function A$({num:e,title:t,description:a,columns:c=3,editing:s=!1,omitHead:l=!1,cardImage:o}){let r=A0(),{currency:i}=F0(),n=r?.product.kind==="alloy-wheel"?r.product.source.bundles??[]:[],h=l?null:w9(j1,{num:e?k(e):void 0,title:t?U(t,!1):void 0,description:a?k(a):void 0,accent:!0});return n.length===0?s?$F("section",{className:l?UF:WF,style:U2(o),children:[h,w9("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:"Bundles containing this product appear here on a product page."})]}):null:$F("section",{className:l?UF:WF,style:U2(o),children:[h,w9("div",{className:`mt-10 grid gap-6 ${KF[c]??KF[3]}`,children:n.slice(0,c).map(m=>w9(Qm,{bundle:m,currency:i},m.slug))})]})}import{jsx as H$}from"react/jsx-runtime";var jF={label:"Bundle Products",defaultProps:{num:"",title:"",description:"",columns:3},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return H$(ep,{num:a(x(e.num,M0.num,e.puck)),title:a(x(e.title,L.sectionHeading,e.puck)),description:a(x(e.description,L.body,e.puck)),omitHead:t,columns:typeof e.columns=="number"?e.columns:3,cardImage:e.cardImage,editing:e.puck?.isEditing})}};import{createContext as F$,useContext as At}from"react";var tp=F$(null);function YF(){let e=At(J9),t=At(tp),a=Bc();return e?e.socialLinks??Ef:t?t.socialLinks:a.links}function XF(){return At(tp)?.commerceEnabled??!0}function JF(){let e=At(J9),t=At(tp),a=D3();return e?Qa({legalName:e.legalName,foundedYear:e.foundedYear,siteName:e.siteName}):t?Qa({legalName:t.legalName,foundedYear:t.foundedYear,siteName:t.siteName}):Qa({siteName:a.websiteName?.trim()||vf})}import{jsx as y9}from"react/jsx-runtime";function QF({style:e="icon",editing:t=!1}){let{open:a}=Ua();return fr("search"),y9("span",{"data-phone-menu-tool":"search",className:"contents",children:y9(Lf,{onClick:t?void 0:a,asText:e==="text"})})}function eT({style:e="icon",editing:t=!1}){let{open:a,totals:c}=Z6();return XF()?y9(Cf,{onClick:t?()=>{}:a,count:c.sets,asText:e==="text"}):null}function tT({editing:e=!1}){let t=gf();return fr(t?"region":null),t?y9("span",{"data-phone-menu-tool":"region",className:"contents",children:y9(ja,{})}):e?y9("div",{"data-country-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:"No regions yet"}):null}import{jsx as T$}from"react/jsx-runtime";var aT={label:"Cart",defaultProps:{style:"icon"},render:({style:e,puck:t})=>T$(eT,{style:e,editing:t?.isEditing})};import{useEffect as gT,useMemo as I$}from"react";import{useState as rT}from"react";import{useEffect as V$,useRef as P$}from"react";import{Fragment as E$,jsx as G2,jsxs as H7}from"react/jsx-runtime";function cT({picker:e,onClose:t}){let{cascade:a}=e,c=P$(z3(a.vehicle));return V$(()=>{let s=z3(a.vehicle);s&&!c.current&&t(),c.current=s},[a.vehicle,t]),H7("div",{className:"border-t border-line bg-surface px-[var(--sf-site-gutter,40px)] py-4 max-[720px]:px-4",children:[G2("div",{className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.32em] text-fg-dim",children:"Your car \xB7 only wheels that bolt on"}),G2(i3,{cascade:a,compact:!0}),a.cascadeError&&G2("p",{className:"mt-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Vehicle data is unavailable right now \u2014 browse all wheels and we'll help you check fitment at checkout."}),G2("div",{className:"mt-3.5 flex flex-wrap items-center gap-3",children:G2("button",{type:"button",onClick:t,className:"cursor-pointer font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim underline-offset-4 hover:text-fg hover:underline",children:"Close"})})]})}var sT="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)] transition-colors";function lT({field:e,picker:t,open:a,onOpenRequest:c,onClose:s}){let{cascade:l}=t,o=_s(l),r=CS(l)[e],i=LS(l)[e],n=SS(l)[e],h=AS(l)[e],m=v7[e],p=kS(e,l.vehicle),u=h||o[e].placeholder,d=ih(r,o[e].placeholder),g=Ka({items:d,value:n,onPick:i,open:a,onOpen:()=>c(p),onClose:s});return H7("div",{ref:g.wrapRef,className:"relative",children:[H7("button",{ref:z=>{g.triggerRef.current=z},type:"button","data-vehicle-field":e,"aria-haspopup":"listbox","aria-expanded":a,"aria-controls":a?g.listId:void 0,"aria-activedescendant":g.activeId,"aria-label":`${m}, ${u} \u2014 pick your ${p}`,onClick:()=>c(p),onKeyDown:g.onTriggerKeyDown,className:`${sT} ${a?"border-fg text-fg":"border-line"}`,children:[G2("span",{className:"text-fg-dim",children:m}),G2("span",{"data-vehicle-value":u,className:`truncate ${h?"text-fg":"text-fg-dim"}`,children:u})]}),a&&G2($a,{id:g.listId,tone:"hairline",items:d,value:n,focusIdx:g.focusIdx,onFocus:g.setFocusIdx,onPick:g.pick,listRef:g.listRef})]})}function oT({picker:e,onOpenRequest:t}){let a=MS(e.cascade.vehicle);if(!a)return null;let c=ct[a];return G2("button",{type:"button","data-vehicle-next":!0,"aria-label":`${c} \u2014 pick your ${a}`,onClick:()=>t(a),className:`${sT} border-line text-fg-dim`,children:G2("span",{"data-vehicle-value":c,children:c})})}function ap({picker:e,total:t}){let{appliedName:a,fit:c,resolving:s,unresolved:l,clear:o}=e;if(!a)return null;let r=W9(c),i=c!==null&&!s&&t===0;return H7("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-2 border-t border-line px-[var(--sf-site-gutter,40px)] py-2.5 max-[720px]:px-4",children:[H7("span",{className:"inline-flex items-center gap-2 bg-accent px-2.5 py-1.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-bg",children:[a,G2("button",{type:"button",onClick:o,"aria-label":`Clear ${a} and show all wheels`,className:"cursor-pointer leading-none text-bg hover:opacity-70",children:"\u2715"})]}),s?G2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):l?G2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"We have no fitment data for this car \u2014 showing every wheel"}):G2(E$,{children:r.map(n=>n.value!==null?G2("span",{className:"border border-line px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg-dim",children:n.value},n.key):H7("span",{className:"border border-dashed border-line px-2 py-1 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg-dim",children:[n.name," not published \u2014 not checked"]},n.key))}),i&&H7("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:["No wheels here fit this car \u2014"," ",G2("button",{type:"button",onClick:o,className:"cursor-pointer uppercase text-accent underline underline-offset-4",children:"show all wheels"})]})]})}import{Fragment as lp,jsx as x1,jsxs as u0}from"react/jsx-runtime";var B$=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function iT(e){return e==="FusionForge\xAE"?u0(lp,{children:["FusionForge",x1(T6,{})]}):e}var sp={size:Ho("diameters","alloy-wheel"),finish:Ho("finishes","alloy-wheel")};function nT(e,t){return Sa(e,a=>sp[String(a.key)],t??[],"filterOrder")}function N$({processCount:e,sizeCount:t,lugCount:a,finishCount:c,optionsReported:s,fieldUsage:l}){let o=i=>!s||i>Fo,r=Td(l??[]);return{process:e>Fo,size:r(sp.size)&&o(t),lugs:o(a),finish:r(sp.finish)&&o(c)}}function k9(e,t){return e===t?null:t}function hT({href:e,label:t}){return x1("a",{href:e,"data-results-link":!0,className:"inline-block self-start border-0 border-b border-line bg-transparent pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg transition-colors hover:text-fg-dim",children:t})}function op({filters:e,setProcess:t,setSize:a,setLugs:c,setFinish:s,setPriceMin:l,setPriceMax:o,setSort:r,clearAll:i,total:n,scrollProcess:h,show:m,picker:p,lugOptions:u=[],sizeOptions:d=[],finishOptions:g,layout:z=b7,processOptions:f=B$,resultsLink:b,optionsReported:y=!1,fieldUsage:C}){let[S,H]=rT(null),[_,Z]=rT(null),q=Ku(),{process:j,size:B,lugs:N,finish:D,priceMin:T,priceMax:R,sort:i1}=e,O=g?i8.filter(X=>g.includes(X.f)):i8,m1=N$({processCount:f.length,sizeCount:d.length,lugCount:u.length,finishCount:O.length,optionsReported:y,fieldUsage:C}),Q={process:(m?.process??!0)&&m1.process,size:(m?.size??!0)&&m1.size,lugs:(m?.lugs??!0)&&m1.lugs,finish:(m?.finish??!0)&&m1.finish,price:m?.price??!0,vehicle:(m?.vehicle??!0)&&!!p,count:m?.count??!0,sort:m?.sort??!0},K={process:j?1:0,size:B?1:0,lugs:N?1:0,finish:D?1:0,price:T!=null||R!=null?1:0,vehicle:p?.appliedName?1:0},a1=()=>{i(),p?.clear(),H(null),Z(null)};if(z==="columns"){let X=I=>Z(_===I?null:I),D1=[];Q.vehicle&&p&&D1.push(u0(M9,{name:"vehicle",label:q.vehicle,children:[at.map(I=>x1(lT,{field:I,picker:p,open:_===I,onOpenRequest:X,onClose:()=>Z(null)},I)),x1(oT,{picker:p,onOpenRequest:X})]},"vehicle"));let t0=[];return Q.process&&t0.push(x1(M9,{name:"process",label:q.process,rowsAreOptions:!0,children:f.map(I=>x1(Sl,{active:j===I,onClick:()=>t(k9(j,I)),children:iT(I)},I))},"process")),Q.size&&t0.push(x1(M9,{name:"size",label:q.size,rowsAreOptions:!0,children:d.map(I=>u0(Sl,{active:B===I,onClick:()=>a(k9(B,I)),children:[I,'"']},I))},"size")),Q.lugs&&t0.push(x1(M9,{name:"lugs",label:q.lugs,rowsAreOptions:!0,children:u.map(I=>u0(Sl,{active:N===I,onClick:()=>c(k9(N,I)),children:[I,"-Lug"]},I))},"lugs")),Q.finish&&t0.push(x1(M9,{name:"finish",label:q.finish,rowsAreOptions:!0,children:O.map(I=>x1(Sl,{active:D===I.f,onClick:()=>s(D===I.f?null:I.f),children:I.label},I.f))},"finish")),D1.push(...nT(t0,C)),Q.price&&D1.push(u0(M9,{name:"price",label:q.price,children:[x1(mT,{label:"Min",value:T,onChange:l,ariaLabel:"Minimum price per wheel"}),x1(mT,{label:"Max",value:R,onChange:o,ariaLabel:"Maximum price per wheel"})]},"price")),u0("div",{className:"@container",children:[u0("div",{className:"border-t border-line px-[var(--sf-site-gutter,40px)] pb-12 pt-10 @max-[720px]:px-4 @max-[720px]:pb-10 @max-[720px]:pt-8",children:[(Q.count||Q.sort)&&u0("div",{className:"mb-9 flex flex-wrap items-center gap-x-6 gap-y-3 @max-[720px]:mb-7",children:[Q.count&&u0("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[n," ",n===1?"result":"results"]}),Q.sort&&u0("div",{className:"ml-auto flex items-center gap-5",children:[x1("button",{type:"button",onClick:a1,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:"Clear All"}),x1(X9,{value:i1,onChange:I=>r(I.target.value),className:"border-b border-line bg-transparent pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg",children:Object.keys(j9).map(I=>x1("option",{value:I,children:j9[I]},I))})]})]}),x1("div",{"data-filter-columns":!0,className:`grid grid-cols-1 gap-x-[72px] gap-y-10 ${Z$[D1.length]??""}`,children:D1}),b&&x1("div",{className:"mt-10 flex",children:x1(hT,{href:b.href,label:b.label})})]}),Q.vehicle&&p&&x1(ap,{picker:p,total:n})]})}let B1=[];return Q.process&&B1.push(u0(Ht,{name:"process",label:h?u0(lp,{children:[x1("span",{className:"text-accent @min-[720px]:hidden",children:h==="FusionForge\xAE"?u0(lp,{children:["FusionForge",x1(T6,{})]}):h}),x1("span",{className:"hidden @min-[720px]:inline",children:q.process})]}):q.process,badge:K.process,open:S==="process",onToggle:()=>H(S==="process"?null:"process"),children:[x1(Ft,{children:"Series \xB7 single-select"}),x1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Process series",children:f.map(X=>{let D1=j===X;return x1(cp,{active:D1,role:"radio",ariaChecked:D1,onClick:()=>t(k9(j,X)),children:iT(X)},X)})})]},"process")),Q.size&&B1.push(u0(Ht,{name:"size",label:q.size,badge:K.size,open:S==="size",onToggle:()=>H(S==="size"?null:"size"),children:[x1(Ft,{children:"Diameter \xB7 single-select"}),x1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Wheel diameter",children:d.map(X=>{let D1=B===X;return u0(cp,{active:D1,role:"radio",ariaChecked:D1,onClick:()=>a(k9(B,X)),children:[X,'"']},X)})})]},"size")),Q.lugs&&B1.push(u0(Ht,{name:"lugs",label:q.lugs,badge:K.lugs,open:S==="lugs",onToggle:()=>H(S==="lugs"?null:"lugs"),children:[x1(Ft,{children:"Lug count \xB7 single-select"}),x1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Lug count",children:u.map(X=>{let D1=N===X;return u0(cp,{active:D1,role:"radio",ariaChecked:D1,onClick:()=>c(k9(N,X)),children:[X,"-Lug"]},X)})})]},"lugs")),Q.finish&&B1.push(u0(Ht,{name:"finish",label:q.finish,badge:K.finish,open:S==="finish",onToggle:()=>H(S==="finish"?null:"finish"),children:[x1(Ft,{children:"Color family \xB7 single-select"}),x1("div",{className:"flex flex-col gap-1.5",role:"radiogroup","aria-label":"Finish color family",children:O.map(X=>{let D1=D===X.f;return u0("button",{type:"button",role:"radio","aria-checked":D1,onClick:()=>s(D1?null:X.f),className:["flex items-center gap-2.5 border px-3 py-2 text-left transition-colors",D1?"border-accent text-fg":"border-line hover:border-fg-dim"].join(" "),children:[x1("span",{className:"block h-3.5 w-3.5 shrink-0 rounded-full border border-line",style:{background:X.hex}}),x1("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:D1?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:X.label}),D1&&x1("span",{"aria-hidden":!0,className:"ml-auto text-accent",children:"\u25CF"})]},X.f)})})]},"finish")),u0("div",{className:"@container sticky top-[67px] z-40 border-b border-line backdrop-blur",style:{background:"color-mix(in oklab, var(--bg) 92%, transparent)"},children:[u0("div",{className:"flex items-center gap-6 px-[var(--sf-site-gutter,40px)] py-3.5 @max-[720px]:flex-wrap @max-[720px]:items-stretch @max-[720px]:gap-2 @max-[720px]:px-4 @max-[720px]:py-2.5",children:[u0("div",{className:"flex flex-wrap items-center gap-1 @max-[720px]:gap-1.5",children:[Q.count&&u0("span",{className:"mr-3 border-r border-line pr-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim @max-[720px]:hidden",children:[n," ",n===1?"result":"results"]}),nT(B1,C),Q.price&&u0(Ht,{name:"price",label:q.price,badge:K.price,open:S==="price",onToggle:()=>H(S==="price"?null:"price"),children:[x1(Ft,{children:"Price range (per wheel)"}),u0("div",{className:"mt-1 flex items-center gap-2",children:[x1("input",{type:"number",placeholder:"$ Min",value:T??"",onChange:X=>l(X.target.value?Number(X.target.value):null),className:"w-full bg-bg border border-line px-3 py-2.5 font-mono text-[length:var(--size-label,14px)] text-fg"}),x1("span",{className:"font-mono text-[length:var(--size-label,12px)] text-fg-dim",children:"\u2014"}),x1("input",{type:"number",placeholder:"$ Max",value:R??"",onChange:X=>o(X.target.value?Number(X.target.value):null),className:"w-full bg-bg border border-line px-3 py-2.5 font-mono text-[length:var(--size-label,14px)] text-fg"})]})]}),Q.vehicle&&p&&x1(uT,{label:q.vehicle,badge:K.vehicle,open:S==="vehicle",onToggle:()=>H(S==="vehicle"?null:"vehicle")})]}),b&&x1("div",{className:`flex items-center @max-[720px]:hidden ${Q.sort?"":"ml-auto"}`,children:x1(hT,{href:b.href,label:b.label})}),Q.sort&&u0("div",{className:"ml-auto flex items-center gap-3 @max-[720px]:hidden",children:[x1("button",{type:"button",onClick:a1,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-accent",children:"Clear All"}),x1(X9,{value:i1,onChange:X=>r(X.target.value),className:"border border-line bg-transparent px-4 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg",children:Object.keys(j9).map(X=>x1("option",{value:X,children:j9[X]},X))})]})]}),Q.vehicle&&p&&S==="vehicle"&&x1(cT,{picker:p,onClose:()=>H(null)}),Q.vehicle&&p&&x1(ap,{picker:p,total:n})]})}var Z$={1:"@min-[720px]:grid-cols-1",2:"@min-[720px]:grid-cols-2",3:"@min-[720px]:grid-cols-2 @min-[1100px]:grid-cols-3",4:"@min-[720px]:grid-cols-2 @min-[1100px]:grid-cols-4",5:"@min-[720px]:grid-cols-2 @min-[1100px]:grid-cols-3 @min-[1400px]:grid-cols-5",6:"@min-[720px]:grid-cols-2 @min-[1100px]:grid-cols-3 @min-[1400px]:grid-cols-6"},pT="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)]";function M9({name:e,label:t,rowsAreOptions:a,children:c}){return u0("div",{"data-filter-column":e,className:"flex flex-col gap-[22px]",children:[x1("div",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.34em] text-fg-dim",children:t}),x1("div",{role:a?"radiogroup":void 0,"aria-label":a?t:void 0,children:c})]})}function Sl({active:e,onClick:t,children:a}){return x1("button",{type:"button",role:"radio","aria-checked":e,onClick:t,className:[pT,"transition-colors",e?"border-fg text-fg":"border-line text-fg-dim hover:text-fg"].join(" "),children:x1("span",{children:a})})}function mT({label:e,value:t,onChange:a,ariaLabel:c}){return u0("label",{className:`${pT} border-line`,children:[x1("span",{className:"text-fg-dim",children:e}),x1("input",{type:"number",inputMode:"numeric","aria-label":c,placeholder:"Any",value:t??"",onChange:s=>a(s.target.value?Number(s.target.value):null),className:"w-24 bg-transparent text-right text-fg outline-none placeholder:text-fg-dim"})]})}function uT({label:e,badge:t,open:a,onToggle:c}){let s=t>0;return u0("button",{type:"button",onClick:c,className:["inline-flex items-center gap-2 whitespace-nowrap border px-4 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors",s?"border-accent text-accent":"border-line hover:border-fg-dim"].join(" "),style:s?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:[e,t>0&&x1("span",{className:"px-1.5 text-[length:var(--size-body,11px)] tracking-[0.1em] text-bg",style:{background:"var(--accent)"},children:t}),x1("span",{className:`text-[length:var(--size-body,11px)] opacity-65 transition-transform ${a?"rotate-180":""}`,children:"\u25BE"})]})}function Ht({label:e,badge:t,open:a,onToggle:c,children:s}){return u0("div",{className:"relative",children:[x1(uT,{label:e,badge:t,open:a,onToggle:c}),a&&x1("div",{className:"absolute left-0 top-[calc(100%+6px)] z-[60] min-w-[280px] border border-line bg-surface p-[18px] shadow-[0_24px_60px_rgba(0,0,0,0.4)]",onClick:l=>l.stopPropagation(),children:s})]})}function Ft({children:e}){return x1("div",{className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.32em] text-fg-dim",children:e})}function cp({active:e,onClick:t,children:a,role:c,ariaChecked:s}){return x1("button",{type:"button",role:c,"aria-checked":c==="radio"?s:void 0,onClick:t,className:["border px-3 py-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] transition-colors",e?"border-accent bg-accent text-bg":"border-line hover:border-fg-dim"].join(" "),style:e?void 0:{color:"color-mix(in oklab, currentColor 75%, transparent)"},children:a})}import{jsx as R$}from"react/jsx-runtime";function rp({show:e,layout:t,processOptions:a,fieldUsage:c,editing:s=!1,resultsHref:l,resultsLabel:o}){let{filters:r,setProcess:i,setSize:n,setLugs:h,setFinish:m,setPriceMin:p,setPriceMax:u,setSort:d,clearAll:g,total:z,scrollProcess:f,publishVehicle:b,lugOptions:y,sizeOptions:C,finishOptions:S,optionsReported:H}=Zv(),_=I$(()=>c?U9(c,"alloy-wheel"):void 0,[c]),Z=E3({editing:s,autoApply:!0});gT(()=>{b({fit:Z.fit,name:Z.appliedName,resolving:Z.resolving,unresolved:Z.unresolved})},[b,Z.fit,Z.appliedName,Z.resolving,Z.unresolved]);let q=Z.applied?.vehicle??null;gT(()=>{if(s||!Z.restored||typeof window>"u")return;let D=new URLSearchParams(window.location.search);for(let R of Object.values(A4))D.delete(R);H4(D,q);let T=D.toString();window.history.replaceState(null,"",`${window.location.pathname}${T?`?${T}`:""}`)},[s,Z.restored,q]);let j=aA(r),B=(o??"").trim()||"See all results",N=l&&!s&&j.length===0?{href:cA(l,r,q),label:B}:void 0;return R$(op,{resultsLink:N,filters:r,setProcess:i,setSize:n,setLugs:h,setFinish:m,setPriceMin:p,setPriceMax:u,setSort:d,clearAll:g,total:z,lugOptions:y,sizeOptions:C,finishOptions:S,scrollProcess:f,show:e,layout:t,processOptions:a,optionsReported:H,fieldUsage:_,picker:Z})}import{jsx as _$}from"react/jsx-runtime";var dT={label:"Catalog Filter Bar",defaultProps:{showProcess:!0,showLugs:!0,showPrice:!0,showVehicle:!0,showCount:!0,showSort:!0,layout:b7,resultsHref:"",resultsLabel:""},render:e=>_$(rp,{show:{process:e.showProcess,size:!0,lugs:e.showLugs,finish:!0,price:e.showPrice,vehicle:e.showVehicle,count:e.showCount,sort:e.showSort},layout:sA(e.layout),processOptions:e.processOptions,fieldUsage:e.fieldUsage,resultsHref:Y(e.resultsHref)||void 0,resultsLabel:Y(e.resultsLabel)||void 0,editing:e.puck?.isEditing})};import{jsx as D$}from"react/jsx-runtime";var vT={label:"Collection Card",defaultProps:{collection:null},render:({collection:e,altName:t,tag:a,href:c,puck:s})=>{let l=e&&typeof e=="object"?e:null,o=(i,n)=>o2(i).hidden?"":Y(i)||(s?.isEditing?n:void 0),r=Gz({type:"CollectionCard",props:{altName:t,collection:l}});return D$(jb,{tag:o(a,L.eyebrow),name:r||(s?.isEditing?"Card title":void 0),desc:l?.description||(s?.isEditing?L.body:void 0),href:Y(c)||void 0,imageSrc:l?.image||void 0,imageLabel:l?.name||void 0})}};import{jsx as O$}from"react/jsx-runtime";var fT={label:"Country Switch",render:({puck:e})=>O$(tT,{editing:e?.isEditing})};import{jsx as F7,jsxs as ip}from"react/jsx-runtime";function G$(e){let t=[];e.fuelClass&&t.push({key:"Fuel efficiency",value:e.fuelClass}),e.wetGripClass&&t.push({key:"Wet grip",value:e.wetGripClass});let a=wl(e);return a&&t.push({key:"Rolling noise",value:a}),t}function q$(e){let t=[];return e.severeSnow&&t.push("3PMSF severe snow"),e.iceGrip&&t.push("Ice grip"),t}function np({label:e}){let t=G$(e),a=q$(e);return ip("div",{className:"flex flex-col bg-[var(--card-bg)] p-5",children:[F7("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:e.size}),F7("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:t.map(c=>ip("div",{className:"flex items-baseline justify-between gap-3",children:[F7("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:c.key}),F7("dd",{className:"text-right text-fg",children:c.value})]},c.key))}),a.length>0?F7("ul",{className:"mt-3 flex flex-wrap gap-2",children:a.map(c=>F7("li",{className:"border border-line px-2 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg-dim",children:c},c))}):null,ip("a",{href:e.eprelUrl,target:"_blank",rel:"noopener noreferrer",className:"group mt-4 inline-flex items-center gap-2 border-t border-line pt-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-accent transition-colors hover:text-fg",children:[`EPREL ${e.registrationNumber}`,F7("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]})}import{jsx as Al,jsxs as W$}from"react/jsx-runtime";function hp({labels:e,num:t}){return e.length===0?null:W$("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:[Al(j1,{num:t,title:"EU tyre *label.*",description:"The registered grades for this tyre, read live from the EU product registry.",accent:!0}),Al("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(a=>Al(np,{label:a},a.registrationNumber))}),Al(B5,{text:"Source: *EPREL*, the European Product Registry for Energy Labelling. Grades are shown as registered; the registry is the authority."})]})}import{jsx as Tt}from"react/jsx-runtime";var U$=["tyre"];function mp(e){return Tt(e2,{kinds:U$,type:"EuTyreLabel",editing:e.editing,children:Tt(K$,{...e})})}function K$({num:e,editing:t=!1}){let a=A0(),c=O2(t&&!a),s=a?.product??c,l=s?.kind==="tyre"?s.source.variants:[],o=yl(l);return o.length===0&&t?Tt("section",{className:"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:Tt("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:"The EU label appears here for every size with an EPREL registration number. It is read live from the registry and never stored."})}):Tt(hp,{labels:o,num:e??""})}import{jsx as $$}from"react/jsx-runtime";var bT={label:"EU Tyre Label",defaultProps:{num:""},render:e=>$$(mp,{num:x(e.num,M0.num,e.puck),editing:e.puck?.isEditing})};import{jsx as j$}from"react/jsx-runtime";var zT={label:"Gallery Item",defaultProps:{image:"",href:"",process:"",eyebrow:"",name:"",meta:"",fromProduct:!1,product:{},previewHover:!1},render:e=>{let t=e.product??{},a=e.fromProduct===!0&&!!t.code;return j$(Sc,{image:a?t.cover:e.image,photos:a?(t.photos??[]).map(c=>({src:c})):e.photos,href:a?t.href:e.href,process:a?t.hideProcess?void 0:t.category:x(e.process,"",e.puck),eyebrow:a?t.hideEyebrow?void 0:t.eyebrow:x(e.eyebrow,"",e.puck),name:a?t.hideName?void 0:t.name:x(e.name,"",e.puck),meta:a?t.hideFinish?void 0:t.finish:x(e.meta,"",e.puck),previewHover:e.previewHover,ratio:e.ratio,captionPlace:e.captionPlace,editing:e.puck?.isEditing})}};import{Render as Q$}from"efficient-easel/render";import{jsx as J$}from"react/jsx-runtime";var Y$=["none","always","on_scroll_up"],X$=e=>Y$.includes(e)?e:"always";function pp({sticky:e,topTextColor:t,children:a}){let c=X$(e),{headerRef:s,scrolled:l,navHidden:o}=Sf({stickyMode:c,heightPx:Jv.default}),r=Pf(t),i=r==="auto"?null:{[Tf]:r};return J$("header",{ref:s,"data-scrolled":l||void 0,"data-box-header":"",...i,className:["sf-site-header","flex flex-col justify-center",c==="none"?"absolute":"fixed","inset-x-0 top-0 z-50",l?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{minHeight:Qv,...o?{transform:"translateY(-100%)"}:null,...l?{background:"var(--bg)",color:"var(--fg)"}:{color:"var(--sf-header-overlay-fg)"}},children:a})}import{Fragment as aj,jsx as up}from"react/jsx-runtime";var ej=null,tj=()=>ej??={...gp,root:{...gp.root,render:({children:e})=>up(aj,{children:e})}};function dp({group:e}){let t=mf({root:{props:{}},content:[e],zones:{}}),a=e.props??{};return up(pp,{sticky:a.sticky,topTextColor:a.topTextColor,children:up(Q$,{config:tj(),data:t})})}import{jsx as xT}from"react/jsx-runtime";function vp({editing:e=!1}){let{headerGroup:t}=qz();return e?t?xT(dp,{group:t}):xT(Zf,{}):null}import{jsx as cj}from"react/jsx-runtime";var wT={label:"Header",render:({puck:e})=>cj(vp,{editing:e?.isEditing})};import{useEffect as Tj,useState as KT}from"react";var yT="flex items-stretch gap-3.5 max-[720px]:flex-wrap max-[720px]:[&>.flex-1]:order-last max-[720px]:[&>.flex-1]:basis-full";import{useEffect as kp,useRef as yj,useState as WT}from"react";import{jsx as fp,jsxs as kT}from"react/jsx-runtime";var sj="Please enter a valid email address.";function Vt({email:e,onEmailChange:t,status:a,onResetVerdict:c,onSubmit:s,submitLabel:l,errorMessage:o,inputAriaLabel:r,buttonClassName:i,className:n,placeholder:h="you@example.com"}){return kT("form",{className:[n,"flex flex-col gap-2"].filter(Boolean).join(" "),noValidate:!0,onSubmit:m=>{m.preventDefault(),s()},children:[kT("div",{className:"flex items-stretch gap-2",children:[fp("input",{type:"email",value:e,onChange:m=>{t(m.target.value),(a==="invalid"||a==="error")&&c()},placeholder:h,"aria-label":r,disabled:a==="sending",className:"min-w-0 flex-1 border-2 border-line bg-bg px-3.5 py-3 font-display text-[15px] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent disabled:opacity-60"}),fp("button",{type:"submit",disabled:a==="sending",className:i,children:a==="sending"?"Sending\u2026":l})]}),(a==="error"||a==="invalid")&&fp("p",{role:"alert",className:"font-mono text-[11px] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:a==="invalid"?sj:o})]})}import{jsx as W4,jsxs as C9}from"react/jsx-runtime";function Pt({vehicle:e,escape:t,override:a,verdict:c,showChangeCar:s,cascadeErrorNote:l,askNote:o}){let r=e.appliedName!=="";return C9("div",{className:"pb-2",children:[C9("div",{className:"mb-3 flex items-center justify-between gap-4 font-mono text-[13px] font-semibold uppercase tracking-[0.2em] text-fg",children:[W4("span",{children:"Vehicle Fitment"}),t]}),a?W4("div",{className:"flex flex-col gap-3",children:a}):r?C9("div",{className:"flex flex-col gap-3",children:[c,s&&W4("div",{children:W4("button",{type:"button",onClick:e.clear,"aria-label":`Change car - forget ${e.appliedName} and ask again`,className:"cursor-pointer font-mono text-[12px] uppercase tracking-[0.16em] text-accent underline underline-offset-4 hover:text-fg",children:"Change car"})})]}):C9("div",{className:"flex flex-col gap-3",children:[W4(i3,{cascade:e.cascade,compact:!0}),e.cascade.cascadeError&&W4("p",{className:"font-mono text-[12px] leading-relaxed tracking-[0.1em] text-fg-dim",children:l}),W4("span",{className:"font-mono text-[12px] tracking-[0.1em] text-fg-dim",children:o})]})]})}function bp({vehicle:e}){return e.appliedName?C9("div",{className:"flex flex-wrap items-center gap-x-3 gap-y-1 border border-accent px-3 py-2 font-mono text-[12px] tracking-[0.1em] text-fg-dim",style:{background:"color-mix(in oklab, var(--accent) 8%, transparent)"},children:[C9("span",{children:["Showing fitment for your"," ",W4("strong",{className:"font-semibold text-fg",children:e.appliedName})]}),W4("button",{type:"button",onClick:e.clear,"aria-label":`Change car - forget ${e.appliedName} and ask again`,className:"ml-auto cursor-pointer uppercase tracking-[0.16em] text-accent underline underline-offset-4 hover:text-fg",children:"Change car"})]}):null}function a4({tone:e,children:t}){return W4("div",{className:["border px-3 py-2.5 font-mono text-[13px] leading-relaxed tracking-[0.1em] text-fg-dim",e==="good"?"border-accent":e==="bad"?"border-alert":"border-dashed border-line"].join(" "),children:t})}import{useEffect as lj,useState as MT}from"react";function Hl(e,t){let[a,c]=MT(null),[s,l]=MT(!1),o=t?.make??"",r=t?.model??"",i=t?.year??null,n=t?.modification??"",h=t!==null;return lj(()=>{if(!h||i===null){c(null),l(!1);return}let m=!0;return c(null),l(!0),_v(e,{make:o,model:r,year:i,modification:n}).then(p=>{if(!m)return;let u=p.vehicle;u.make!==o||u.model!==r||u.year!==i||u.modification!==n||(c(p),l(!1))}),()=>{m=!1}},[e,o,r,i,n,h]),{answer:a,loading:s}}function Fl(e){let t=e.oemSizes.length>0?` Your car takes ${e.oemSizes.join(", ")}.`:"";return e.status==="fits"?`This tyre is made in a size your car takes.${t}`:e.status==="doesNotFit"?`This tyre is not made in a size your car takes.${t}`:"We don\u2019t hold factory tyre sizes for this car, so we can\u2019t tell you whether this tyre fits it. Please check your car\u2019s door placard or ask us before ordering."}var Tl={fits:"Fits",doesNotFit:"Not your size",unknown:"Unknown"};function oj(e,t,a){if(!e)return"unknown";let c=t.filter(l=>l.size===a);if(c.length===0)return"unknown";let s=c.map(l=>_a(e,l.sku));return s.includes("fits")?"fits":s.every(l=>l==="doesNotFit")?"doesNotFit":"unknown"}var zp={fits:{color:"var(--accent)",dashed:!1},doesNotFit:{color:void 0,dashed:!1},unknown:{color:void 0,dashed:!0}};function CT(e,t){if(!e)return[];let a=[];for(let n of t)a.includes(n.size)||a.push(n.size);let c=a.filter(n=>oj(e,t,n)==="fits"),s=n=>{let h=Aa(n);return h?Dd(h):null},l=new Map;for(let n of c){let h=s(n);h!==null&&!l.has(h)&&l.set(h,n)}let o=[],r=new Set,i=new Set;for(let n of e.oemSizes){let h=s(n),m=h===null?void 0:l.get(h),p=m??n;r.has(p)||(r.add(p),h!==null&&i.add(h),o.push({size:p,made:m!==void 0}))}for(let n of c){let h=s(n);h!==null&&i.has(h)||r.has(n)||(r.add(n),o.push({size:n,made:!0}))}return o}import{Fragment as LT,jsx as N3,jsxs as B3}from"react/jsx-runtime";function xp({slug:e,variants:t,vehicle:a,manualMode:c,setManualMode:s}){let{answer:l,loading:o}=Hl(e,c?null:Ra(a.applied?.vehicle)),r=a.appliedName;return N3(Pt,{vehicle:a,escape:N3("button",{type:"button",className:"cursor-pointer text-right text-accent hover:underline",onClick:()=>s(i=>!i),children:c?"\u2190 Find by vehicle":"Select by specs instead \u2192"}),override:c?B3(a4,{tone:"quiet",children:[N3("strong",{className:"font-semibold text-fg",children:"You are choosing by size."}),B3("span",{className:"mt-1.5 block",children:["Pick the size above. We have not checked it against any car \u2014 make sure it matches the placard on your door."," ",N3(r0,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]}):null,verdict:N3(rj,{answer:l,loading:o,car:r,variants:t,onChange:a.clear}),showChangeCar:!1,cascadeErrorNote:B3(LT,{children:["Vehicle data is unavailable right now. Pick your size above, or"," ",N3(r0,{href:"/contact",className:"text-accent hover:underline",children:"ask us to check it \u2192"})]}),askNote:"Asked once. Every tyre after this one is already filled in."})}function rj({answer:e,loading:t,car:a,variants:c,onChange:s}){if(t||!e)return B3(a4,{tone:"quiet",children:[N3("strong",{className:"font-semibold text-fg",children:"Checking your car\u2026"})," ",B3("span",{children:["Reading the factory tyre sizes for your ",a,"."]})]});let l=CT(e,c),o=e.status==="doesNotFit"?"You can still order any size here \u2014 check it suits your car first.":"",r=l.length===0?Fl(e):"",i=r&&o?`${r} ${o}`:r||o;return B3(a4,{tone:e.status==="fits"?"good":"quiet",children:[B3("span",{className:"block",children:[e.status==="fits"?B3("strong",{className:"font-semibold text-accent",children:["\u2713 Made in a size your ",a," takes"]}):e.status==="doesNotFit"?B3("strong",{className:"font-semibold text-fg",children:["Not made in a size your ",a," takes"]}):B3("strong",{className:"font-semibold text-fg",children:["We cannot check this tyre against your ",a]}),B3("span",{className:"whitespace-nowrap",children:[" \xB7 ",N3("button",{type:"button",onClick:s,"aria-label":`Change car - forget ${a} and ask again`,className:"cursor-pointer uppercase tracking-[0.16em] text-accent underline underline-offset-4 hover:text-fg",children:"Change car"})]})]}),i?N3("span",{className:"mt-1.5 block",children:i}):null,l.length>0?B3(LT,{children:[N3("span",{className:"mt-1.5 block",children:"Your car takes:"}),N3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:l.map(n=>{let h=n.made?zp.fits:zp.doesNotFit;return N3("li",{className:"border border-line px-2 py-1 text-[11px] uppercase tracking-[0.14em]",style:h.color?{color:h.color,borderColor:h.color}:void 0,children:n.made?`${n.size} \xB7 ${Tl.fits}`:n.size},n.size)})})]}):null]})}import{useEffect as ST,useState as AT}from"react";var Vl="(max-width: 720px) 88vw, (max-width: 1100px) 44vw, 700px";function HT(e,t,a){return a<=1?0:((e+t)%a+a)%a}function FT(e,t,a){return[{glyph:"\u25C1",label:"Previous angle",onClick:()=>a(HT(e,-1,t))},{glyph:"\u27F3",label:"Reset to first angle",onClick:()=>a(0)},{glyph:"\u25B7",label:"Next angle",onClick:()=>a(HT(e,1,t))}]}function ij(e){let{props:t}=td({src:e,alt:"",fill:!0,sizes:Vl}),a=new window.Image;return t.sizes&&(a.sizes=t.sizes),t.srcSet&&(a.srcset=t.srcSet),a.src=t.src,a.decode()}function TT(e,t,a=ij){let[c,s]=AT(()=>new Set),[l,o]=AT(t),r=e.join(`
|
|
142
|
-
`);ST(()=>{let n=!0,h=m=>{n&&s(p=>p.has(m)?p:new Set(p).add(m))};for(let m of r?r.split(`
|
|
143
|
-
`):[])a(m).then(()=>h(m),()=>h(m));return()=>{n=!1}},[r]);let i=t===void 0||c.has(t)||l===void 0;return ST(()=>{i&&l!==t&&o(t)},[i,l,t]),i?t:l}import{Fragment as hj,jsx as q2,jsxs as h3}from"react/jsx-runtime";function wp({selection:e,spec:t,vehicle:a,wheel:c}){let{manualMode:s,setManualMode:l}=e,o=Ys(e.rows,e.preOrder),r=a.appliedName!=="",i=(c?.variants??[]).some(id),n=fH({wheel:c,applied:r,fit:a.fit,resolving:a.resolving});return q2(Pt,{vehicle:a,escape:q2("button",{type:"button",className:"cursor-pointer text-right text-accent hover:underline",onClick:()=>l(h=>!h),children:s?"\u2190 Find by vehicle":"Select by specs instead \u2192"}),override:s?h3(a4,{tone:"quiet",children:[q2("strong",{className:"font-semibold text-fg",children:"You are choosing by the numbers."}),h3("span",{className:"mt-1.5 block",children:[t?`${i?"The set is":"All four wheels are"} ${t}. We have not checked that against any car \u2014 make sure it matches yours.`:o?"Answer the bolt pattern and the offset below. We will not check them against a car.":"Pick a finish and a size below. The bolt pattern and the offset come next, and we will not check them against a car."," ",q2(r0,{href:"/fitment",className:"text-accent hover:underline",children:"Talk to an engineer \u2192"})]})]}):null,verdict:q2(nj,{verdict:n,car:a.appliedName}),showChangeCar:n.state!=="fits"&&n.state!=="checking",cascadeErrorNote:h3(hj,{children:["Vehicle data is unavailable right now. Pick your wheel by its specs instead, or"," ",q2(r0,{href:"/contact",className:"text-accent hover:underline",children:"ask us to check it \u2192"})]}),askNote:"Asked once. Every wheel after this one is already filled in."})}function nj({verdict:e,car:t}){switch(e.state){case"checking":return h3(a4,{tone:"quiet",children:[q2("strong",{className:"font-semibold text-fg",children:"Checking fitment\u2026"})," ",h3("span",{children:["Reading the factory wheel specs for your ",t,"."]})]});case"fits":return h3(a4,{tone:"good",children:[h3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),q2("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>q2("li",{className:["px-2 py-1 text-[11px] uppercase tracking-[0.14em] text-fg-dim",a.value!==null?"border border-line":"border border-dashed border-line"].join(" "),children:a.value??`${a.name} not published, not checked`},a.key))})]});case"fits-with-warning":return h3(a4,{tone:"good",children:[h3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),q2("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>q2("li",{className:["px-2 py-1 text-[11px] uppercase tracking-[0.14em] text-fg-dim",a.value!==null?"border border-line":"border border-dashed border-line"].join(" "),children:a.value??`${a.name} not published, not checked`},a.key))}),h3("span",{className:"mt-2 block border-l-2 border-alert pl-2.5",children:[q2("strong",{className:"font-semibold text-fg",children:"Check the offset. "}),k7(e.warning)," An offset this far out is what an aftermarket wheel is for, but it changes how far the wheel sits from the guard."," ",q2(r0,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]});case"no-fit":return h3(a4,{tone:"bad",children:[h3("strong",{className:"font-semibold",style:{color:"var(--alert)"},children:["\u2717 Does not fit your ",t]}),q2("span",{className:"mt-1.5 block",children:k7(e.failure)})]});case"unknown":return h3(a4,{tone:"quiet",children:[q2("strong",{className:"font-semibold text-fg",children:e.missing==="vehicle"?`We cannot check this wheel against your ${t}`:"We cannot check this wheel"}),h3("span",{className:"mt-1.5 block",children:[e.missing==="vehicle"?`We have no factory wheel data for the ${t}, and we will not guess at a fit.`:"We do not hold a bolt pattern for this wheel, and we will not guess at a fit."," ",q2(r0,{href:"/contact",className:"text-accent hover:underline",children:"Ask us before you order \u2192"})]})]});default:return null}}import{useState as BT}from"react";import{useCallback as PT,useRef as mj,useState as pj}from"react";function VT(e,t,a){return{productSlug:e,email:a.trim(),size:t?l8(t):""}}function ET(){let[e,t]=pj("idle"),a=mj(!1),c=PT(()=>{a.current=!1,t("idle")},[]),s=PT(async({productSlug:l,size:o,email:r,dryRun:i=!1})=>{if(!a.current){if(!Pa(r)){t("invalid");return}a.current=!0,t("sending");try{i||await D0.createPreOrderIntent(VT(l,o,r))}catch{a.current=!1,t("error");return}a.current=!1,t("sent")}},[]);return{status:e,submit:s,reset:c}}import{jsx as L9,jsxs as S9}from"react/jsx-runtime";function yp({wheel:e,editing:t=!1}){let a=e.sizePairs??[],[c,s]=BT(a.length>0?0:-1),[l,o]=BT(""),{status:r,submit:i,reset:n}=ET(),h=c>=0?a[c]??null:null;function m(){i({productSlug:e.slug,size:h,email:l,dryRun:t})}return S9("div",{className:"flex flex-col gap-5 border-t border-line pt-[18px]",children:[S9("div",{className:"border-2 border-accent/40 px-4 py-3.5 font-mono text-[12px] leading-relaxed tracking-[0.08em] text-fg",style:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:[L9("span",{className:"font-bold uppercase tracking-[0.2em] text-accent",children:"Pre-order"})," ","\u2014 this design isn't available to add to cart right now. Leave your email to pre-order it. No payment is taken now."]}),a.length>0&&S9("div",{children:[S9("div",{className:"mb-3.5 font-mono text-[13px] font-semibold uppercase tracking-[0.22em] text-fg",children:["Size \xB7"," ",L9("span",{className:"text-accent",children:h?l8(h):"Select a size"})]}),L9("div",{className:"flex flex-wrap gap-1.5",children:a.map((p,u)=>{let d=u===c;return S9("button",{type:"button",onClick:()=>{s(u),r==="sent"&&n()},className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",d?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:d?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[d&&L9("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),L9("span",{className:"block text-[14px] tracking-[0.18em]",children:l8(p)})]},l8(p))})})]}),r==="sent"?S9("p",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-accent",children:["Thanks \u2014 we've registered your pre-order for the ",e.name,"."]}):L9(Vt,{email:l,onEmailChange:o,status:r,onResetVerdict:n,onSubmit:m,inputAriaLabel:"Email to pre-order this design",submitLabel:"Pre-order",buttonClassName:"cursor-pointer whitespace-nowrap border-2 border-btn bg-btn px-6 font-mono text-[12px] font-bold uppercase tracking-[0.22em] text-btn-ink transition-colors hover:bg-fg hover:border-fg disabled:cursor-not-allowed disabled:opacity-50",errorMessage:"Couldn't register that \u2014 please try again."})]})}import{useState as uj}from"react";import{Fragment as gj,jsx as Pl}from"react/jsx-runtime";function El({src:e,alt:t,fallback:a,fill:c=!1,width:s,height:l,sizes:o,className:r,style:i,priority:n,draggable:h,imageKey:m,imageWrapperClassName:p,onImageClick:u,imageButtonClassName:d,imageButtonLabel:g}){let[z,f]=uj(null),b=e||"";if(!(b!==""&&z!==b))return Pl(gj,{children:a});let C=Pl(H5,{src:b,alt:t,...c?{fill:!0}:{width:s??1e3,height:l??1e3},sizes:o,className:r,style:i,priority:n,draggable:h,onError:()=>f(b)},m??b),S=p?Pl("div",{className:p,children:C}):C;return u?Pl("button",{type:"button",onClick:u,"aria-label":g,className:d,children:S}):S}function NT(e){let t=e.angles??(e.src?[e.src]:[]),a=[],c=[];for(let s of t)(s.split("/").pop()??"").includes("20-20")?a.push(s):c.push(s);return[...c,...a]}import{Fragment as ZT,jsx as Z3,jsxs as vj}from"react/jsx-runtime";function Bl(e,t){return e.captions[t]?.trim()||`Photo ${t+1}`}function Nl({text:e}){return e==="FusionForge\xAE"?vj(ZT,{children:["FusionForge",Z3(T6,{})]}):Z3(ZT,{children:e})}function IT(e,t,a){if(e.kind==="tyre"){let h=e.source,m=t.shown.size??h.sizes[0]??"",p=h.variants.find(g=>g.size===m),u=p?.specs.tireType??h.variants[0]?.specs.tireType??null,d=[p?.image,h.coverImage].filter(g=>!!g);return{heading:Yv(h.brand,h.name),photos:d.slice(0,1),tint:void 0,stageImage:()=>Z3(n8,{image:p?.image??h.coverImage,size:m,type:u,sizes:Vl,priority:!0,className:"h-full w-full"}),thumbImage:()=>null,captions:[],thumbFallbackCells:0,galleryHint:"",metaValue:m,specCaption:p?[p.specs.loadIndex,p.specs.speedRating].filter(Boolean).join(""):"",originCaption:h.brand,unitLabel:"per tyre",vehicle:Z3(xp,{slug:h.slug,variants:h.variants,vehicle:t.vehicle,manualMode:t.manualMode,setManualMode:t.setManualMode}),vehicleMemory:t.manualMode?null:Z3(bp,{vehicle:t.vehicle}),vehicleAnswersSpecs:!1,preOrder:null}}let c=e.source,s=Wv(c,t.shown.finish),l=Oa(c,t.part),o=el(t),r=Cd(s,o),i=r?[...r]:NT(s),n=i.length>0?i:c.coverImage?[c.coverImage]:[];return{heading:e.name,photos:n,tint:s.color,stageImage:({photo:h,alt:m,label:p,onZoom:u,fit:d})=>Z3(El,{src:h,alt:m,fill:!0,sizes:Vl,className:d==="cover"?"object-cover":"object-contain",priority:!0,onImageClick:u,imageButtonClassName:"relative block h-[88%] w-[88%] cursor-zoom-in",imageButtonLabel:p,fallback:Z3(q6,{spokes:c.spokes,mesh:c.mesh,className:"block h-[70%] w-[70%]"})}),thumbImage:({photo:h,alt:m})=>Z3(El,{src:h,alt:m,fill:!0,sizes:"(max-width: 720px) 20vw, (max-width: 1100px) 10vw, 120px",className:"object-contain",imageWrapperClassName:"relative h-[80%] w-[80%]",fallback:Z3(q6,{spokes:c.spokes,mesh:c.mesh,className:"block h-[55%] w-[55%]"})}),captions:n.map(h=>s.captions?.[h]),thumbFallbackCells:4,galleryHint:dj(n,s,o,t.manualMode),metaValue:s.name,specCaption:l?K9(l):"",originCaption:c.process==="FusionForge\xAE"?"FusionForge\xAE \xB7 Hybrid":`${c.process} \xB7 1-piece`,unitLabel:"per wheel",vehicle:Z3(wp,{selection:t,spec:l?K9(l):"",vehicle:t.vehicle,wheel:c}),vehicleMemory:t.manualMode?null:Z3(bp,{vehicle:t.vehicle}),vehicleAnswersSpecs:!0,preOrder:Z3(yp,{wheel:c,editing:a})}}function dj(e,t,a,c){return e.length>=2||a!=null||!Object.values(t.lugRenderings??{}).some(l=>Array.isArray(l)&&l.filter(Boolean).length>=2)?"":c?"Pick a bolt pattern to see every angle":"Pick your vehicle to see every angle"}import{createContext as fj,useContext as bj,useEffect as zj,useState as RT}from"react";import{jsx as wj}from"react/jsx-runtime";var _T="storefront-wishlist";function xj(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>typeof a=="string"):[]}var DT=fj(null);function tB1({children:e}){let[t,a]=RT([]),[c,s]=RT(!1);zj(()=>{let r=Q2.getItem(_T);try{r&&a(xj(r))}catch{}s(!0)},[]);function l(r){let i=t.includes(r)?t.filter(n=>n!==r):[...t,r];a(i),Q2.setItem(_T,JSON.stringify(i))}let o={slugs:t,ready:c,has:r=>t.includes(r),toggle:l,count:t.length};return wj(DT.Provider,{value:o,children:e})}function OT(){let e=bj(DT);if(!e)throw new Error("useWishlist must be used within a WishlistProvider");return e}var GT="data-option-row";import{Fragment as c4,jsx as u1,jsxs as G1}from"react/jsx-runtime";var kj=4e3;function Mj(e){return e?[e.year,e.make,e.model,e.modification].join("-"):""}function A9({product:e,selection:t,onLightbox:a,editing:c=!1,pricePlacement:s="top",showVehicleFitment:l=!0,heroLayout:o=y6,imageRatio:r=k6,textAlign:i=A7,showSpecTable:n=!0,showPriceQuote:h=!0,galleryMode:m=M6,imageFit:p=C6}){let u=b9(o),d=gl(i),g=dl(r),z=vl(m),f=gF(fl(p),md(e)),b=u==="imageRight"?`${100-g}fr ${g}fr`:`${g}fr ${100-g}fr`,{picked:y,pick:C,qty:S,setQty:H,choice:_,setChoice:Z,angleIdx:q,setAngleIdx:j,showValidation:B,setShowValidation:N,manualMode:D,vehicle:T,rows:R,facts:i1,part:O,outOfStock:m1,offer:Q,preOrder:K,canAddToCart:a1,currency:B1,price:X,set:D1,msrpLabel:t0}=t,I=IT(e,t,c),{bullets:H1}=Jw(),f1=nd(e),J2=hd(e),G0=l?I.vehicle:null,q1=l?I.vehicleMemory:null,[p3,h0]=WT(!1);kp(()=>{let $=()=>{h0(document.documentElement.getAttribute("data-theme")==="light")};$();let N1=new MutationObserver($);return N1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>N1.disconnect()},[]);let{add:R3,open:g0,warmCatalog:k3}=Z6();kp(()=>{c||k3(e.kind)},[c,e.kind,k3]);let l4=R.filter($=>!K||$.values.length>0),E2=l4.filter($=>$.role==="resolves"),g1=l4.filter($=>$.role==="describes"&&!pd(J2,$.key)),W1=g1.findIndex($=>$.chosen===null),_0=(!G0||!I.vehicleAnswersSpecs||t.fitmentSet)&&Ys(R,K)?W1===-1?g1:g1.slice(0,W1+1):[],q0=[...E2,..._0],o0=G1("div",{className:"flex items-baseline gap-5 border-t border-line pt-[18px]",children:[t0&&u1("div",{className:"font-mono text-[length:var(--size-label,15px)] text-fg-dim line-through",children:t0}),u1("div",{className:"font-heading2 text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] font-bold leading-none tracking-[-0.01em] text-fg",children:f1?rd(X,B1):xa(X,B1)}),X.priced&&u1("div",{className:"font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:I.unitLabel}),X.setTotal!=null&&G1("div",{className:"ml-auto border border-accent px-3 py-2 font-mono text-[length:var(--size-label,13px)] font-bold uppercase tracking-[0.18em] text-accent",style:{background:"color-mix(in oklab, var(--accent) 14%, transparent)"},children:[Q.quantityLabel,": ",I2(D1,B1)]})]}),W0=yj(null);return kp(()=>{c||W0.current===e.slug||(W0.current=e.slug,uv({itemId:O?`${e.slug}|${O.id}`:e.slug,itemName:e.name,variant:I.metaValue,pricePerSet:X.setTotal??X.fromSetTotal??0,currency:B1}))},[c,e.slug,e.name,I.metaValue,O,X,B1]),G1(c4,{children:[u1("nav",{className:"border-b border-line px-[max(var(--sf-site-gutter,40px),calc((100%_-_var(--sf-page-cap,100%))/2_+_var(--sf-site-gutter,40px)))] pt-4 pb-4 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))]",style:p3?void 0:{background:"var(--section-bg)"},children:e.crumbs.map(($,N1)=>G1("span",{children:[N1>0&&G1(c4,{children:[u1("span",{className:"mx-3 text-accent",children:"/"}),u1("wbr",{})]}),$.href?u1(r0,{href:$.href,className:"hover:text-fg",children:u1(Nl,{text:$.label})}):u1("span",{className:"text-fg",children:u1(Nl,{text:$.label})})]},`${$.label}-${N1}`))}),G1("section",{"data-hero-layout":u,"data-hero-align":d,className:["grid gap-10 px-[max(var(--sf-site-gutter,40px),calc((100%_-_var(--sf-page-cap,100%))/2_+_var(--sf-site-gutter,40px)))] py-14 max-[720px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[720px]:py-8",u==="stacked"?"grid-cols-1":"[grid-template-columns:var(--hero-cols)] max-[1100px]:[grid-template-columns:1fr]"].join(" "),style:{...p3?{}:{background:"var(--section-bg)"},...u==="stacked"?{}:{"--hero-cols":b}},children:[G1("div",{"data-hero-gallery":z,"data-hero-fit":f,className:z==="tiled"?"flex items-start gap-3 max-[720px]:gap-2":void 0,style:u==="imageRight"?{order:2}:void 0,children:[G1("div",{className:z==="tiled"?"min-w-0 flex-1":void 0,children:[u1(Sj,{name:e.name,view:I,angleIdx:q,onSelect:j,isLight:p3,onLightbox:a,fit:f}),I.galleryHint&&u1("p",{"data-hero-gallery-hint":!0,className:"mt-2 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.18em] text-fg-dim",children:I.galleryHint})]}),z!=="main"&&u1(Aj,{name:e.name,view:I,angleIdx:q,onSelect:j,isLight:p3,tiled:z==="tiled"})]}),G1("div",{className:["flex flex-col gap-7",d==="center"?"items-center text-center":""].filter(Boolean).join(" "),style:u==="imageRight"?{order:1}:void 0,children:[G1("div",{children:[G1("div",{className:"mb-2.5 flex items-center gap-2.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.2em] text-accent",children:[u1("span",{children:u1(Nl,{text:e.eyebrow})}),e.badge&&G1(c4,{children:[u1("span",{children:"\xB7"}),u1("span",{children:e.badge})]})]}),u1("h1",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(48px,5.5vw,84px)),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] uppercase leading-[0.92] tracking-[-0.035em]",children:(()=>{let $=I.heading.lastIndexOf(" ");if($===-1)return I.heading;let N1=I.heading.slice(0,$),y0=I.heading.slice($+1);return G1(c4,{children:[N1," ",G1("em",{className:"font-normal italic text-accent",children:[y0,"."]})]})})()})]}),s!=="belowSpecs"&&h&&o0,q1,E2.map($=>u1(qT,{row:$,onPick:C},$.key)),K&&I.preOrder?G1(c4,{children:[s==="belowSpecs"&&h&&o0,I.preOrder]}):G1(c4,{children:[G0,_0.map($=>u1(qT,{row:$,onPick:C},$.key)),n&&u1(Cj,{facts:i1}),(Q.packs.length>0||Q.extra||Q.spareCounts.length>0)&&G1("div",{className:"border-b border-line pb-[26px]",children:[Q.packs.length>0&&G1(c4,{children:[u1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:"How many"}),u1("div",{className:"flex flex-wrap gap-1.5",children:Q.packs.map($=>G1("button",{type:"button",onClick:()=>Z(N1=>({...N1,unit:$.value})),"aria-pressed":_.unit===$.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",_.unit===$.value?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:_.unit===$.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[_.unit===$.value&&u1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),u1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:$.label})]},$.value))})]}),Q.extra&&G1("label",{className:`${Q.packs.length>0?"mt-3.5 ":""}flex cursor-pointer items-center gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.16em] text-fg`,children:[u1("input",{type:"checkbox",checked:_.spares>0,onChange:$=>Z(N1=>({...N1,spares:$.target.checked?cd:0})),className:"h-4 w-4 cursor-pointer accent-[var(--accent)]"}),Q.extra.label]}),Q.spareCounts.length>0&&G1(c4,{children:[u1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:Kv.howMany}),u1("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:flex-wrap",children:Q.spareCounts.map($=>{let N1=$.value-ad,y0=_.spares===N1;return G1("button",{type:"button",onClick:()=>Z(B2=>({...B2,spares:N1})),"aria-pressed":y0,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",y0?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:y0?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[y0&&u1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),G1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:[$.value," \xB7 ",$.label]})]},$.value)})})]}),Q.spareSide&&G1(c4,{children:[u1("div",{className:"mb-3.5 mt-[26px] font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:Q.spareSide.label}),u1("div",{className:"flex flex-wrap gap-1.5",children:Q.spareSide.options.map($=>{let N1=_.spareSide===$.value;return G1("button",{type:"button",onClick:()=>Z(y0=>({...y0,spareSide:$.value})),"aria-pressed":N1,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",N1?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:N1?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[N1&&u1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),u1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:$.label})]},$.value)})})]})]}),s==="belowSpecs"&&h&&o0,G1("div",{className:yT,children:[!(f1&&!X.priced)&&G1("div",{className:"flex items-center border-2 border-fg-dim/50",children:[u1("button",{type:"button",onClick:()=>S>1&&H(S-1),className:"h-12 w-12 cursor-pointer bg-transparent font-mono text-[length:var(--size-label,16px)] font-bold text-fg transition-colors hover:bg-surface hover:text-accent",children:"\u2212"}),u1("span",{className:"w-11 text-center font-mono text-[length:var(--size-label,15px)] font-bold tracking-[0.1em] text-fg",children:S}),u1("button",{type:"button",onClick:()=>S<fa&&H(S+1),className:"h-12 w-12 cursor-pointer bg-transparent font-mono text-[length:var(--size-label,16px)] font-bold text-fg transition-colors hover:bg-surface hover:text-accent",children:"+"})]}),f1&&!X.priced?u1(r0,{href:"/contact",className:"flex-1 cursor-pointer bg-btn px-6 py-4 text-center font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg",children:ld}):X.priced?m1?u1("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:"Out of stock"}):G1("button",{type:"button",[sd]:"",onClick:()=>{if(!a1){N(!0),window.setTimeout(()=>N(!1),kj);return}if(N(!1),c)return;let $=jv(e,O,y,{choice:_,qty:S},{fitmentLabel:D?I.specCaption:T.appliedName?`For ${T.appliedName}`:"",fitmentKey:D?`manual|${I.specCaption}`:`vehicle|${Mj(T.applied?.vehicle)}`});$&&(R3($),g0())},"aria-disabled":!a1,className:["flex-1 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] transition-colors",a1?"cursor-pointer bg-btn text-btn-ink hover:bg-fg hover:text-bg":"cursor-pointer border-2 border-dashed border-accent/50 text-accent/80 hover:border-accent hover:text-accent"].join(" "),style:a1?void 0:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:["Add to Cart",X.setTotal!=null?` \xB7 ${I2(D1,B1)}`:""]}):u1("button",{type:"button",disabled:!0,"aria-disabled":!0,className:"flex-1 cursor-not-allowed border-2 border-dashed border-fg-dim/20 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] text-fg-dim/40",children:t8}),u1(Hj,{slug:e.slug,name:e.name})]}),m1&&O&&u1(Fj,{partNumbers:O.components.map($=>$.partNumber),productSlug:e.slug},O.id),B&&(()=>{let $=q0.filter(y0=>y0.chosen===null).map(y0=>y0.prompt.replace(/^Select\s+/i,""));if(G0&&I.vehicleAnswersSpecs&&!t.fitmentSet&&$.push("vehicle fitment"),$.length===0)return null;let N1=$.length===1?$[0]:$.length===2?`${$[0]} and ${$[1]}`:`${$.slice(0,-1).join(", ")}, and ${$.at(-1)}`;return G1("p",{role:"alert",className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:["Please select ",N1," first."]})})()]}),H1.length>0&&u1("ul",{className:"flex flex-wrap items-center gap-x-6 gap-y-2 border-t border-line pt-5 font-mono text-[length:var(--size-label,13px)] tracking-[0.05em] text-fg",children:H1.map(($,N1)=>G1("li",{children:[u1("strong",{className:"font-bold text-accent",children:$.label}),$.detail?` ${de} ${$.detail}`:""]},`${$.label}-${N1}`))})]})]})]})}function Cj({facts:e}){return e.length===0?null:G1("div",{className:"border-b border-line pb-[26px]",children:[u1("dl",{className:"flex flex-col gap-2",children:e.map(t=>G1("div",{className:"flex flex-wrap items-baseline gap-x-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em]",children:[G1("dt",{className:"text-fg-dim",children:[t.label," \xB7"]}),u1("dd",{className:"font-semibold text-fg",children:t.value.label})]},t.key))}),u1("p",{className:"mt-3 font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:"Only one of each is left, so there is nothing to choose here."})]})}function qT({row:e,onPick:t}){if(e.values.length===0&&!e.empty)return null;let a=e.values.find(s=>s.value===e.chosen),c=a&&[a.label,a.note].filter(Boolean).join(" \xB7 ");return G1("div",{className:"border-b border-line pb-[26px]",[GT]:e.key,children:[G1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:[e.label," \xB7 ",u1("span",{className:"text-accent",children:c??e.prompt})]}),e.values.length===0?G1("p",{className:"font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:[e.empty.text," ",u1(r0,{href:e.empty.href,className:"text-accent hover:underline",children:e.empty.linkText})]}):e.display==="swatch"?u1("div",{className:"grid grid-cols-2 gap-2",children:e.values.map(s=>{let l=s.value===e.chosen;return G1("button",{type:"button",onClick:()=>t(e.key,s.value),className:["relative flex items-center gap-3 border-2 px-3 py-3 text-left transition-colors",l?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"].join(" "),style:l?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[l&&u1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),u1("span",{className:"block h-5 w-5 shrink-0 rounded-full border border-fg-dim",style:{background:s.swatch}}),u1("span",{className:"block min-w-0 flex-1 truncate font-mono text-[length:var(--size-label,12px)] font-bold uppercase tracking-[0.18em] text-fg",children:s.label})]},s.value)})}):u1("div",{className:"flex flex-wrap gap-1.5",children:e.values.map(s=>{let l=s.value===e.chosen;return G1("button",{type:"button",onClick:()=>t(e.key,s.value),className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",l?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:l?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[l&&u1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),u1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:s.label}),s.note&&u1("span",{className:"mt-1 block text-[length:var(--size-label,11px)] tracking-[0.12em] text-fg-dim",children:s.note})]},s.value)})})]})}function UT(e){return e.photos.length>0?e.photos.length:e.thumbFallbackCells}var Lj=6;function Sj({name:e,view:t,angleIdx:a,onSelect:c,isLight:s,onLightbox:l,fit:o}){let r=t.photos[Math.min(a,t.photos.length-1)],i=TT(t.photos,r),n=UT(t),h=n>=2,m=String(n).padStart(2,"0"),p=Math.min(a,Math.max(t.photos.length-1,0)),u=h||t.captions[p]?Bl(t,p):"",d=[e,t.metaValue,u].filter(Boolean).join(" \u2014 "),g="max-[720px]:static",z=["relative flex aspect-square items-center justify-center overflow-hidden max-[720px]:col-span-2",s?"bg-bg":""].join(" ");return G1("div",{className:"relative max-[720px]:grid max-[720px]:grid-cols-[minmax(0,1fr)_auto] max-[720px]:items-start max-[720px]:gap-x-3 max-[720px]:gap-y-2",style:{color:t.tint},children:[G1("div",{className:`absolute left-0 top-0 z-10 flex items-center gap-3 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.2em] text-fg ${g} max-[720px]:min-w-0 max-[720px]:flex-wrap max-[720px]:gap-x-2 max-[720px]:gap-y-1`,children:[h&&G1(c4,{children:[G1("span",{className:"text-accent",children:[String(a+1).padStart(2,"0")," / ",m]}),u1("span",{className:"text-fg-dim",children:"\xB7"})]}),u1("span",{children:e}),t.metaValue&&G1(c4,{children:[u1("span",{className:"text-fg-dim",children:"\xB7"}),u1("span",{className:"text-accent",children:t.metaValue})]})]}),h&&u1("div",{className:`absolute right-5 top-5 z-10 flex gap-1 ${g}`,children:FT(a,n,c).map(b=>u1("button",{type:"button","aria-label":b.label,title:b.label,onClick:b.onClick,className:"flex h-7 w-7 items-center justify-center border border-fg-dim/60 text-fg transition-colors hover:border-accent hover:text-accent",children:b.glyph},b.label))}),G1("div",{className:z,children:[["top-3 left-3","top-3 right-3","bottom-3 left-3","bottom-3 right-3"].map((b,y)=>u1("span",{className:`absolute ${b} h-3 w-3 border border-fg-dim/40`,style:{borderTop:b.includes("top")?"1px solid var(--line)":"none",borderBottom:b.includes("bottom")?"1px solid var(--line)":"none",borderLeft:b.includes("left")?"1px solid var(--line)":"none",borderRight:b.includes("right")?"1px solid var(--line)":"none"}},y)),t.stageImage({photo:i,alt:d,label:`Open ${[e,t.metaValue].filter(Boolean).join(" ")} at full resolution`,onZoom:()=>l(i,d),fit:o})]}),G1("div",{className:`absolute bottom-5 left-5 right-5 z-10 flex items-center justify-between gap-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim ${g} max-[720px]:col-span-2 max-[720px]:flex-wrap`,children:[u1("span",{children:t.specCaption}),u1("span",{children:t.originCaption})]})]})}function Aj({name:e,view:t,angleIdx:a,onSelect:c,isLight:s,tiled:l=!1}){let o=UT(t);return o<2?null:u1("div",{className:l?"order-[-1] flex w-16 flex-col gap-2 max-[720px]:w-12 max-[720px]:gap-1":"mt-2 grid grid-cols-4 gap-2 max-[720px]:gap-1",style:!l&&o>4?{gridTemplateColumns:`repeat(${Math.min(o,Lj)}, minmax(0, 1fr))`}:void 0,children:Array.from({length:o}).map((r,i)=>{let n=t.photos[i];return G1("button",{type:"button",onClick:()=>c(i),"aria-label":`View ${Bl(t,i)}`,className:["relative flex aspect-square items-center justify-center overflow-hidden transition-colors",s?"bg-bg":"",i===a?"border border-accent":"border border-transparent hover:border-fg-dim"].join(" "),style:{color:t.tint},children:[u1("span",{className:"absolute top-1.5 left-2 z-10 font-mono text-[length:var(--size-label,8px)] uppercase tracking-[0.18em] text-fg-dim",children:String(i+1).padStart(2,"0")}),t.thumbImage({photo:n,alt:`${e} \u2014 ${Bl(t,i)}`})]},i)})})}function Hj({slug:e,name:t}){let{has:a,toggle:c}=OT(),s=a(e);return u1("button",{type:"button",title:s?"Saved":"Save","aria-label":s?`Remove ${t} from wishlist`:`Save ${t} to wishlist`,"aria-pressed":s,onClick:()=>c(e),className:["h-12 w-12 cursor-pointer border-2 bg-transparent transition-colors",s?"border-accent text-accent":"border-fg-dim/50 text-fg hover:border-accent hover:text-accent"].join(" "),children:s?"\u2665":"\u2661"})}function Fj({partNumbers:e,productSlug:t}){let[a,c]=WT(""),{status:s,submit:l,reset:o}=bv();function r(){l({partNumbers:e,email:a,productSlug:t})}return s==="sent"?u1("p",{className:"-mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-accent",children:"We'll email you when it's back."}):u1(Vt,{className:"-mt-1",email:a,onEmailChange:c,status:s,onResetVerdict:o,onSubmit:r,inputAriaLabel:"Email for the back-in-stock alert",submitLabel:"Notify me when back",buttonClassName:"cursor-pointer whitespace-nowrap border-2 border-btn px-4 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.22em] text-btn transition-colors hover:bg-btn hover:text-btn-ink disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent disabled:hover:text-btn",errorMessage:"Couldn't save that \u2014 please try again."})}import{Fragment as Pj,jsx as T7,jsxs as Ej}from"react/jsx-runtime";function Mp({slug:e,kind:t="wheel",editing:a=!1,pricePlacement:c,showVehicleFitment:s=!0,...l}){let[o,r]=KT(null),[i,n]=KT(!1);return Tj(()=>{let h=!1;return r(null),n(!1),(t==="tyre"?D0.getTyre(e).then(p=>({kind:"tyre",tyre:p})):D0.getWheel(e).then(p=>({kind:"wheel",wheel:p}))).then(p=>{h||r(p)}).catch(()=>{h||n(!0)}),()=>{h=!0}},[e,t]),i?T7($T,{message:"Couldn\u2019t load this product."}):o?T7(Vj,{record:o,editing:a,pricePlacement:c,showVehicleFitment:s,...l}):T7($T,{message:"Loading product\u2026"})}function Vj({record:e,editing:t=!1,pricePlacement:a,showVehicleFitment:c=!0,...s}){let l=e.kind==="tyre"?tl(e.tyre):Y9(e.wheel),o=pt(l,{editing:t}),r=mt();return Ej(Pj,{children:[T7(A9,{product:l,selection:o,onLightbox:r.open,editing:t,pricePlacement:a,showVehicleFitment:c,...s}),T7(h9,{item:r.item,onClose:r.close})]})}function $T({message:e}){return T7("section",{className:"grid min-h-[70vh] place-items-center border-b border-line px-[var(--sf-site-gutter,40px)] pt-[104px] pb-14",style:{background:"var(--section-bg)"},children:T7("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:e})})}import{Fragment as Ij,jsx as U4,jsxs as Rj}from"react/jsx-runtime";var Bj=T5;function Zl({editing:e=!1,pricePlacement:t,showVehicleFitment:a=!0,...c}){let s=A0();return U4(e2,{kinds:Bj,type:"ProductHero",editing:e,children:s?U4(A9,{product:s.product,selection:s.selection,onLightbox:s.openLightbox,editing:e,pricePlacement:t,showVehicleFitment:a,...c}):e?U4(Nj,{pricePlacement:t,showVehicleFitment:a,...c}):U4(Il,{message:"Bound to the current product \u2014 preview on a product page."})})}function Nj({pricePlacement:e,showVehicleFitment:t,...a}){let c=O2(!0);return c?U4(Zj,{product:c,pricePlacement:e,showVehicleFitment:t,...a}):U4(Il,{message:"Loading sample product\u2026"})}function Zj({product:e,pricePlacement:t,showVehicleFitment:a,...c}){let s=pt(e,{editing:!0}),l=mt();return Rj(Ij,{children:[U4(A9,{product:e,selection:s,onLightbox:l.open,editing:!0,pricePlacement:t,showVehicleFitment:a,...c}),U4(h9,{item:l.item,onClose:l.close})]})}function Il({message:e}){return U4("section",{className:"grid min-h-[70vh] place-items-center border-b border-line px-[var(--sf-site-gutter,40px)] pt-[104px] pb-14",style:{background:"var(--section-bg)"},children:U4("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:e})})}import{jsx as Et}from"react/jsx-runtime";function _j({source:e,editing:t=!1,pricePlacement:a=f9,showVehicleFitment:c=!0,heroLayout:s=y6,imageRatio:l=k6,textAlign:o=A7,showSpecTable:r=!0,showPriceQuote:i=!0,galleryMode:n=M6,imageFit:h=C6}){let m={heroLayout:s,imageRatio:l,textAlign:o,showSpecTable:r,showPriceQuote:i,galleryMode:n,imageFit:h};return A0()||t&&g2()?Et(Zl,{editing:t,pricePlacement:a,showVehicleFitment:c,...m}):e?.slug?Et(Mp,{slug:e.slug,kind:e.kind??"wheel",editing:t,pricePlacement:a,showVehicleFitment:c,...m}):t?Et(Il,{message:"Pick a product in the panel to fill this hero."}):Et(Zl,{pricePlacement:a,showVehicleFitment:c,...m})}var jT={label:"Product Hero",defaultProps:{source:null,pricePlacement:f9,showVehicleFitment:!0,heroLayout:y6,imageRatio:k6,textAlign:A7,showSpecTable:!0,showPriceQuote:!0,galleryMode:M6,imageFit:C6},render:e=>Et(_j,{source:e.source,editing:e.puck?.isEditing,pricePlacement:pF(e.pricePlacement),showVehicleFitment:e.showVehicleFitment??!0,heroLayout:b9(e.heroLayout),imageRatio:dl(e.imageRatio),textAlign:gl(e.textAlign),showSpecTable:e.showSpecTable??!0,showPriceQuote:e.showPriceQuote??!0,galleryMode:vl(e.galleryMode),imageFit:fl(e.imageFit)})};import{jsx as Dj}from"react/jsx-runtime";var YT={label:"Product",defaultProps:{code:"",finish:""},render:e=>Dj(Ev,{code:e.code||void 0,finish:e.finish||void 0,wheel:e.wheel})};import{jsx as Oj}from"react/jsx-runtime";var XT={label:"Search",defaultProps:{style:"icon"},render:({style:e,puck:t})=>Oj(QF,{style:e,editing:t?.isEditing})};import{useEffect as qj,useRef as Wj}from"react";import{jsx as Bt,jsxs as JT}from"react/jsx-runtime";var Gj={fits:{className:"font-medium",style:{color:"var(--green)"}},doesNotFit:{className:"text-fg-dim"},unknown:{className:"text-fg-dim"}};function Cp({variants:e,answer:t,loading:a=!1}){return t?JT("div",{className:"mt-9",children:[Bt("p",{className:"max-w-[68ch] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:Fl(t)}),Bt("ul",{className:"mt-6 grid gap-[2px] border border-line bg-line",children:e.map(c=>{let s=_a(t,c.sku),l=Gj[s];return JT("li",{className:"flex items-baseline justify-between gap-6 bg-bg px-[18px] py-4",children:[Bt("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.14em] text-fg",children:c.size}),Bt("span",{className:`font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] ${l.className}`,style:l.style,children:Tl[s]})]},c.sku)})})]}):a?Bt("p",{className:"mt-9 border border-line bg-bg p-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.24em] text-fg-dim",children:"Checking your car\u2026"}):null}import{jsx as Lp,jsxs as QT}from"react/jsx-runtime";var Sp="Will it fit *your car?*",Ap="Pick your vehicle and we\u2019ll tell you which of these sizes matches what it came on.",Hp="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",Fp="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20";function Tp({num:e,title:t=Sp,description:a=Ap,escapeText:c,escapeHref:s,omitHead:l=!1,slug:o,variants:r,onAnswer:i}){let n=E3({autoApply:!0}),{answer:h,loading:m}=Hl(o,Ra(n.applied?.vehicle)),p=Wj(i);return p.current=i,qj(()=>{p.current?.(h)},[h]),QT("section",{className:l?Fp:Hp,children:[l?null:Lp(j1,{num:e,title:t,description:a,accent:!0}),Lp(i3,{cascade:n.cascade}),c&&s?QT("a",{href:s,className:"mt-6 inline-block font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent underline-offset-4 hover:underline",children:[c," \u2192"]}):null,Lp(Cp,{variants:r,answer:h,loading:m})]})}import{jsx as Nt,jsxs as $j}from"react/jsx-runtime";var Uj=["tyre"];function Vp(e){return Nt(e2,{kinds:Uj,type:"TyreFitment",editing:e.editing,children:Nt(Kj,{...e})})}function Kj({num:e,title:t,description:a,escapeText:c,escapeHref:s,omitHead:l=!1,editing:o=!1}){let r=A0(),i=O2(o&&!r),n=r?.product??i,h=n?.kind==="tyre"?n.source:null;return!h||h.variants.length===0?o?$j("section",{className:l?Fp:Hp,children:[l?null:Nt(j1,{num:e,title:t||Sp,description:a||Ap,accent:!0}),Nt("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:"The vehicle question appears here on a tyre product page, with one verdict per size."})]}):null:Nt(Tp,{num:e,title:t||void 0,description:a||void 0,escapeText:c,escapeHref:s,omitHead:l,slug:h.slug,variants:h.variants})}import{jsx as jj}from"react/jsx-runtime";var eV={label:"Tyre Fitment Form",defaultProps:{num:"",title:"",description:"",escapeText:"",escapeHref:""},render:e=>{let t=P1(e.headPlacement)==="own-box",a=l=>t?void 0:l,c=Y(e.escapeText),s=Y(e.escapeHref);return jj(Vp,{num:a(x(e.num,M0.num,e.puck)),title:a(x(e.title,L.sectionHeading,e.puck)),description:a(x(e.description,L.body,e.puck)),escapeText:c,escapeHref:s,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as S6,jsxs as cV}from"react/jsx-runtime";var tV="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",aV="mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:pt-0 max-[1100px]:pb-20",Yj=[],Xj=["tyre"];function Pp(e){return S6(e2,{kinds:Xj,type:"TyreSizes",editing:e.editing,children:S6(Jj,{...e})})}function Jj({num:e,title:t,description:a,editing:c=!1,omitHead:s=!1}){let l=A0(),o=O2(c&&!l),r=l?.product??o,i=r?.kind==="tyre"?r.source.variants:[],n=s?null:S6(j1,{num:e?k(e):void 0,title:U(t||"Available *sizes.*",!1),description:k(a||"Every size this tyre is made in, with its own price and stock."),accent:!0});if(i.length===0)return c?cV("section",{className:s?aV:tV,children:[n,S6("p",{className:"border-t border-line py-6 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:"This product\u2019s sizes appear here on a product page."})]}):null;let h=i.some(m=>!m.image);return cV("section",{className:s?aV:tV,children:[n,S6(Qj,{variants:i,fieldUsage:l?.fieldUsage??Yj}),S6(B5,{text:h?Ia:""})]})}function Qj({variants:e,fieldUsage:t}){let{currency:a,formatPrice:c}=F0();return S6("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(s=>S6(nt,{fieldUsage:t,size:s.size,specs:s.specs,prices:s.prices,image:s.image,inStock:s.inStock,currency:a,formatPrice:c},s.sku))})}import{jsx as eY}from"react/jsx-runtime";var sV={label:"Tyre Sizes",defaultProps:{num:"",title:"",description:""},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return eY(Pp,{num:a(x(e.num,M0.num,e.puck)),title:a(x(e.title,L.sectionHeading,e.puck)),description:a(x(e.description,L.body,e.puck)),omitHead:t,editing:e.puck?.isEditing})}};var lV={AlloyWheelsListing:qS,BrandStrip:qF,BundleOffer:jF,CartBlock:aT,CatalogFilterBar:dT,CheckoutCTA:rA,CollectionCard:vT,Collections:uA,CompatibleTyres:RA,CountrySwitchBlock:fT,DeliveryOptions:GA,DetailRows:cH,EuTyreLabel:bT,FitmentFinder:hH,FitmentTable:FH,Gallery:ZH,GalleryB:UH,GalleryItem:zT,Header:wT,ProductGrid:cF,ProductHero:jT,ProductRef:YT,RelatedProducts:wF,SearchBlock:XT,SpecTable:NF,TyreFitment:eV,TyreSizes:sV};var tY={AlloyWheelsListing:KS,BrandStrip:JS,BundleOffer:QS,CartBlock:eA,CatalogFilterBar:lA,CheckoutCTA:iA,CollectionCard:mA,Collections:dA,CompatibleTyres:_A,CountrySwitchBlock:DA,DeliveryOptions:WA,DetailRows:lH,EuTyreLabel:oH,FitmentFinder:mH,FitmentTable:TH,Gallery:_H,GalleryB:KH,GalleryItem:QH,Header:eF,ProductGrid:lF,ProductHero:dF,ProductRef:xF,RelatedProducts:yF,SearchBlock:kF,SpecTable:IF,TyreFitment:RF,TyreSizes:_F},w0=D8(lV,tY);import{jsx as y3,jsxs as Rl}from"react/jsx-runtime";function Bp(e={}){let t=Wz();return y3(rz,{editing:e.editing,previewConfirmation:!!e.nodeId&&t===e.nodeId,children:y3(aY,{...e})})}var oV="mx-auto max-w-[var(--sf-site-width,1600px)] px-[min(24px,var(--sf-site-gutter,40px))] py-16 min-[800px]:px-[var(--sf-site-gutter,40px)] min-[800px]:py-[88px]",Ep="grid gap-8 min-[960px]:grid-cols-[minmax(0,1fr)_minmax(360px,0.8fr)] min-[960px]:gap-12";function aY({eyebrow:e,heading:t,intro:a,buttonLabel:c,successMessage:s,boxes:l,inBoxes:o=!1}){let{fieldPrefix:r,editing:i,services:n,currency:h,serviceId:m,setServiceId:p,requiresPayment:u,date:d,earliestDate:g,setDate:z,setDateTouched:f,availability:b,loadingSlots:y,noSlotsMessage:C,selectedStart:S,setSelectedStart:H,customerTimezone:_,name:Z,setName:q,email:j,setEmail:B,phone:N,setPhone:D,notes:T,setNotes:R,confirmation:i1,submitting:O,error:m1,canSubmit:Q,handleSubmit:K,sample:a1}=oz(),B1=a1?y3("p",{className:"mb-6 font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",role:"status",children:"Example form \u2014 add an active service in Storefront \u2192 Booking Services."}):null,X=n===void 0?y3("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading appointments\u2026"}):n?.length===0?y3("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",role:"status",children:i?"Add an active service in Storefront \u2192 Booking Services.":"Appointments are not available right now."}):null;return o&&l?y3("section",{className:"relative z-[2] border-t border-line bg-surface",children:Rl("div",{className:oV,children:[B1,i1?y3(l,{className:`${Ep} items-start`}):Rl("form",{onSubmit:K,children:[y3(l,{className:`${Ep} items-start`}),X]})]})}):y3("section",{className:"relative z-[2] border-t border-line bg-surface",children:Rl("div",{className:oV,children:[B1,y3(iz,{eyebrow:e,heading:t,intro:a}),i1?y3(mz,{successMessage:s}):X||Rl("form",{onSubmit:K,className:Ep,children:[y3(nz,{}),y3(hz,{buttonLabel:c})]})]})})}import{jsx as cY}from"react/jsx-runtime";var Np={boxes:{type:"slot",allow:["BookingBox"]}},rV={label:"Booking Form",fields:Np,defaultProps:{eyebrow:"",heading:"",intro:"",buttonLabel:"",successMessage:""},render:e=>cY(Bp,{eyebrow:x(e.eyebrow,L.eyebrow,e.puck),heading:x(e.heading,L.heading,e.puck),intro:x(e.intro,L.body,e.puck),buttonLabel:x(e.buttonLabel,L.button,e.puck),successMessage:x(e.successMessage,L.bookingConfirmation,e.puck),boxes:e.boxes,inBoxes:e.layout==="boxes",nodeId:typeof e.id=="string"?e.id:void 0,editing:e.puck?.isEditing})};var iV={fields:{_gContent:v("Content"),eyebrow:P("Eyebrow"),heading:C1("Heading"),intro:C1("Introduction"),buttonLabel:P("Submit button"),successMessage:C1("Confirmation message"),boxes:Np.boxes},resolveFields:(e,{fields:t})=>{if(e.props.layout!=="boxes")return t;let{eyebrow:a,heading:c,intro:s,buttonLabel:l,successMessage:o,...r}=t;return r}};var nV={fields:{_gTextStyle:v("Text style"),...Object.fromEntries(er.map(e=>[ar[e],h1(tr[e],_8(tr[e]),[{label:"Section's own",value:""},...K7.map(t=>({label:$7[t],value:t}))],"")])),_gContent:v("Content"),eyebrow:P("Eyebrow"),heading:C1("Heading"),intro:C1("Introduction"),buttonLabel:P("Submit button"),successMessage:C1("Confirmation message")},resolveFields:(e,{fields:t})=>{let a=e.props.region,c=t,s=er.map(o=>ar[o]),l=o=>Object.fromEntries(Object.entries(c).filter(([r])=>r.startsWith("_")||s.includes(r)||o.includes(r)));return l(a==="head"?["eyebrow","heading","intro"]:a==="details"?["buttonLabel"]:a==="confirm"?["successMessage"]:[])}};import{EyeIcon as sY,LinkIcon as hV,EyeOffIcon as lY}from"efficient-easel/icons";import{jsx as Zt}from"react/jsx-runtime";var mV={fields:{_gTop:v("Routing groups"),routingNumber:A("Section number",J1.routingNumber),routingTagline:A("Eyebrow",J1.routingTagline),groups:{type:"array",label:"Groups",arrayFields:{eyebrow:P("Eyebrow"),title:C1("Title"),copy:C1("Body"),response:P("Response time")},getItemSummary:e=>e?.title||e?.eyebrow||"Group"},_gForm:v("Message form"),formSlug:x4(),formNumber:A("Section number",J1.formNumber),formHeading:V("Heading",J1.formHeading),metaItems:r2("Meta lines",Zt(g3,{noun:"meta"}),"Encrypted in transit","verbatim"),_gOther:v("\u201COther\u201D reason"),showOther:e1("Show \u201COther\u201D reason",J1.showOther,Zt(sY,{})),otherLabel:P("\u201COther\u201D chip label",J1.otherLabel),otherNoteTitle:A("\u201COther\u201D note title",J1.otherNoteTitle),otherNoteBody:V("\u201COther\u201D note body",J1.otherNoteBody),_gSubmit:v("Submit button"),buttonText:P("Submit button",J1.buttonText),consent:V("Consent line",J1.consent),_gChannels:v("Contact info"),channels:{type:"array",label:"Channels",arrayFields:{label:P("Label"),value:P("Value"),href:L2(P("Link")),sub:P("Sub line"),groupId:h1("Link to group",Zt(hV,{}),[{label:"\u2014 Not linked \u2014",value:""},...J1.groups.map(e=>({label:e.title,value:e.id}))],""),hidden:e1("Hidden",!1,Zt(lY,{}))},getItemSummary:e=>`${e?.label||e?.value||"Channel"}${e?.hidden?" \xB7 hidden":""}`}},resolveData:e=>{let t=e.props.groups??[];if(!t.some(s=>!s?.id))return e;let a=new Set,c=t.map((s,l)=>{if(s?.id)return a.add(s.id),s;let o=Wr(s?.title)||`group-${l+1}`;for(;a.has(o);)o=`${o}-${l+1}`;return a.add(o),{...s,id:o}});return{...e,props:{...e.props,groups:c}}},resolveFields:(e,{fields:t})=>{let a=e.props.groups??[],c=[{label:"\u2014 Not linked \u2014",value:""},...a.map((o,r)=>({label:o?.title||o?.eyebrow||`Group ${r+1}`,value:o?.id||Wr(o?.title)||`group-${r+1}`}))],s=t,l=s.channels;return l?.type==="array"&&l.arrayFields&&(s.channels={...l,arrayFields:{...l.arrayFields,groupId:h1("Link to group",Zt(hV,{}),c,"")}}),t}};import{useEffect as oY,useRef as rY,useState as iY}from"react";import{Fragment as uY,jsx as Zp,jsxs as gY}from"react/jsx-runtime";var nY=12,_l=null,pV=null;function hY(e=!1){let t=Z2();if((e||pV!==t)&&(_l=null),!_l){let a=p4();pV=t,_l=h4.listBlogPosts(a,{visibleOnly:!0,siteId:t}).catch(()=>null)}return _l}function mY(e){if(!e)return"";let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{year:"numeric",month:"short",day:"2-digit"})}function pY(e){return{slug:e.slug,title:e.title,excerpt:e.excerpt,cover:e.cover_image?ia(e.cover_image)??"":"",meta:e.category||void 0,dateLabel:mY(e.published_at)||void 0}}function V7({value:e,onChange:t,snapshotCount:a=nY}){let[c,s]=iY("idle"),l=Array.isArray(e),o=l?e.length:0,r=rY(!0),i=h=>{s("loading"),hY(h).then(m=>{if(!r.current)return;if(m===null){s("error");return}s("idle");let p=m.slice(0,a).map(pY);a5(p,e??null)&&t(p)})};oY(()=>(r.current=!0,i(!1),()=>{r.current=!1}),[]);let n=c==="loading"?"Syncing from Storefront \u2192 Blog\u2026":c==="error"?"Couldn\u2019t reach Storefront \u2192 Blog.":l?`Auto-synced from Storefront \u2192 Blog \xB7 ${o} post${o===1?"":"s"}`:"Linking to Storefront \u2192 Blog\u2026";return gY("div",{children:[Zp(d8,{label:"Blog posts"}),Zp(v3,{status:c,statusText:n,onRefresh:()=>i(!0),busy:c==="loading",spaced:!1,hint:Zp(uY,{children:"Auto-refreshes from the most-recent visible posts each time you open the editor. Set how many appear with \u201CPosts to display\u201D."})})]})}import{jsx as H9,jsxs as dV}from"react/jsx-runtime";var uV=3,vV="featured",fV=[{label:"Even grid",value:"even"},{label:"Featured first",value:vV}],bV="even",k5={min:2,max:11,step:1,fallback:7,unit:"of 12"},dY="bottom-left",vY=55,fY="bottom";function bY(e){let t=typeof e=="number"?e:Number.parseFloat(String(e??"")),a=Number.isFinite(t)?Math.min(k5.max,Math.max(k5.min,Math.round(t))):k5.fallback;return`${a}fr ${12-a}fr`}var gV={1:"grid-cols-1",2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[800px]:grid-cols-1",4:"grid-cols-4 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"},zY="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",xY="relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-0 pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-0 max-[800px]:pb-[70px]";function Ip({num:e,title:t,link:a,posts:c,columns:s,limit:l,showAll:o=!1,editing:r=!1,cardImage:i,gap:n,layout:h,featuredWidth:m,listCover:p=!0,featuredDarken:u,omitHead:d=!1}){let g=c??[],z=o?g.length:typeof l=="number"&&l>0?l:uV,f=g.slice(0,z),b=r&&f.length===0;if(f.length===0&&!r)return null;let y=b?Array.from({length:o?uV:z},(_,Z)=>({slug:`placeholder-${Z}`,title:"Blog post title",excerpt:"A short summary of the post appears here.",cover:"",meta:"Journal",dateLabel:"Date"})):f,C=L3("Events",n,"both"),S=h===vV&&y.length>1,H=bY(m);return dV("section",{className:d?xY:zY,style:U2(i),children:[d?null:H9(j1,{num:e!==void 0?k(e):void 0,title:t!==void 0?U(t,!1):void 0,link:a?{text:k(a.text),href:a.href}:void 0}),S?dV("div",{className:`sf-card-grid grid grid-cols-[var(--sf-events-split)] max-[800px]:grid-cols-1${C.className}`,style:{...C.style,"--sf-events-split":H},children:[H9(r7,{post:y[0],scaffold:b,layout:"cover",darken:u??vY,darkenStyle:fY,placement:dY},`${y[0].slug}-0`),H9("div",{className:`grid auto-rows-min${C.className}`,style:C.style,children:y.slice(1).map((_,Z)=>H9(r7,{post:_,scaffold:b,showCover:p},`${_.slug}-${Z+1}`))})]}):H9("div",{className:`sf-card-grid grid${C.className} ${gV[Math.min(4,Math.max(1,s??3))]??gV[3]}`,style:C.style,children:y.map((_,Z)=>H9(r7,{post:_,scaffold:b},`${_.slug}-${Z}`))})]})}import{LayoutIcon as yY,ColumnsIcon as kY,WidthIcon as MY,ImageIcon as CY,OpacityIcon as LY,ListIcon as SY,HashIcon as AY}from"efficient-easel/icons";import{jsx as wY}from"react/jsx-runtime";var P7={num:L.sectionNumber,title:"Section title",link:L.viewAll},zV={label:"Latest Posts",defaultProps:{num:"",title:"",linkText:"",linkHref:"/journal",columns:3,limit:3,showAll:!1},render:e=>{let t=P1(e.headPlacement)==="own-box",a=s=>t?void 0:s,c=x(e.linkText,P7.link,e.puck);return wY(Ip,{num:a(x(e.num,P7.num,e.puck)),title:a(x(e.title,P7.title,e.puck)),link:a(c?{text:c,href:Y(e.linkHref)||"/journal"}:void 0),omitHead:t,posts:e.posts,columns:e.columns,limit:e.limit,showAll:e.showAll,layout:e.layout,featuredWidth:e.featuredWidth,listCover:e.listCover,featuredDarken:e.featuredDarken,cardImage:e.cardImage,gap:e.gap,editing:e.puck?.isEditing})}};import{jsx as E7}from"react/jsx-runtime";var HY=50,xV={fields:{_gContent:v("Content"),num:A("Number",P7.num),title:V("Heading",P7.title),linkText:A("Button",P7.link),linkHref:w1("Link"),_gPosts:v("Blog posts"),posts:E0(V7,{snapshotCount:HY}),_gLayout:v("Layout"),layout:h1("Arrangement",E7(yY,{}),fV,bV),columns:J("Columns",E7(kY,{}),2,4,1,3),featuredWidth:J("Featured width",E7(MY,{}),k5.min,k5.max,k5.step,k5.fallback,k5.unit),listCover:e1("Show cover image on the smaller cards",!0,E7(CY,{})),featuredDarken:J("Darken",E7(LY,{}),i2.min,i2.max,i2.step,55,i2.unit),gap:t3("Events"),showAll:e1("Show all blog posts",!1,E7(SY,{})),limit:J("Posts to display",E7(AY,{}),1,20,1,3),cardImage:D5()},resolveFields:(e,{fields:t,parent:a})=>{let c=e.props,s={...t},l=o=>E1(Z1(o,a,R1),e.props.headPlacement,F1.Events.headRows);if(c.showAll&&delete s.limit,c.layout==="featured")delete s.columns;else for(let o of["featuredWidth","listCover","featuredDarken"])delete s[o];return l(s)}};import{SettingsField as FY,SettingsSwitch as TY}from"efficient-easel/panel";import{BlockColumnIcon as VY}from"efficient-easel/icons";import{Fragment as PY,jsx as Dl,jsxs as EY}from"react/jsx-runtime";function Rp({value:e,onChange:t}){let a=g4(),c={...X7,...e},s=c[a];return Dl(FY,{label:"Logo fills its column",icon:Dl(VY,{}),action:Dl(TY,{checked:s,onChange:l=>t({...c,[a]:l}),ariaLabel:`Logo fills its column on ${d4[a]}`}),hint:EY(PY,{children:["Sets the ",Dl("strong",{children:d4[a]})," view \u2014 switch views in the top bar to set each one."]})})}import{SettingsField as BY,SettingsSwitch as NY}from"efficient-easel/panel";import{FullWidthIcon as ZY}from"efficient-easel/icons";import{Fragment as IY,jsx as Ol,jsxs as RY}from"react/jsx-runtime";function _p({value:e,onChange:t}){let a=g4(),c={...J7,...e},s=c[a];return Ol(BY,{label:"Logo fills its row",icon:Ol(ZY,{}),action:Ol(NY,{checked:s,onChange:l=>t({...c,[a]:l}),ariaLabel:`Logo fills its row on ${d4[a]}`}),hint:RY(IY,{children:["Sets the ",Ol("strong",{children:d4[a]})," view \u2014 switch views in the top bar to set each one."]})})}import{jsx as _Y}from"react/jsx-runtime";function Dp({value:e,onChange:t}){return _Y(Ye,{label:"Columns per line",unit:"columns",steps:Ag,value:ha(e),onChange:t})}import{useContext as DY,useEffect as OY,useRef as GY,useState as yV}from"react";import{jsx as F9,jsxs as wV}from"react/jsx-runtime";function It(){let e=JF();return wV("div",{className:"flex flex-wrap justify-between gap-x-6 gap-y-3 border-t border-line pt-6 font-mono text-[13px] uppercase tracking-[0.15em] text-fg-dim max-[800px]:flex-col max-[800px]:gap-3",children:[F9("span",{children:e}),wV("span",{className:"flex flex-wrap items-center gap-3",children:[F9("span",{children:"Privacy"}),F9("span",{"aria-hidden":!0,children:"\xB7"}),F9("span",{children:"Terms"}),F9("span",{"aria-hidden":!0,children:"\xB7"}),F9("span",{children:"Cookies"})]})]})}import{jsx as Op,jsxs as UY}from"react/jsx-runtime";var kV={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6"},qY={1:"min-[720px]:grid-cols-1",2:"min-[720px]:grid-cols-2",3:"min-[720px]:grid-cols-3",4:"min-[720px]:grid-cols-4",5:"min-[720px]:grid-cols-5",6:"min-[720px]:grid-cols-6"},WY={1:"min-[1100px]:grid-cols-1",2:"min-[1100px]:grid-cols-2",3:"min-[1100px]:grid-cols-3",4:"min-[1100px]:grid-cols-4",5:"min-[1100px]:grid-cols-5",6:"min-[1100px]:grid-cols-6"};function Gp({blocks:e,editing:t=!1,width:a,columns:c,logoFill:s,logoRowFill:l}){let o=DY(J9),{desktop:r,tablet:i,mobile:n}=ha(c),{desktop:h,tablet:m,mobile:p}={...X7,...s},{desktop:u,tablet:d,mobile:g}={...J7,...l},z=g4(),b=t?kV[z==="desktop"?r:z==="tablet"?i:n]:`${kV[n]} ${qY[i]} ${WY[r]}`,y=GY(null),[C,S]=yV(1),[H,_]=yV(!1);if(OY(()=>{if(!t&&!o)return;let q=y.current;if(!q)return;let j=()=>{let i1=q.querySelector(".footer-block-grid");if(!i1)return;let O=t?z:cb(window.innerWidth),m1=O==="desktop"?u:O==="tablet"?d:g;_(m1);let Q=O==="desktop"?h:O==="tablet"?m:p,K=getComputedStyle(i1).gridTemplateColumns.split(" ").filter(Boolean).length-1,a1=Math.max(i1.childElementCount-1,0);S(!m1&&Q&&K>=1?Math.max(Math.ceil(a1/K),1):1)},B,N=()=>{clearTimeout(B),B=setTimeout(j,0)},D=[0,80,250,600].map(i1=>setTimeout(j,i1)),T=new MutationObserver(N);T.observe(q,{childList:!0,subtree:!0});let R=new ResizeObserver(N);return R.observe(q),()=>{clearTimeout(B),D.forEach(clearTimeout),T.disconnect(),R.disconnect()}},[r,i,n,t,o,z,h,m,p,u,d,g]),!t&&!o)return null;let Z=Jg(Qg(a))??void 0;return Op("footer",{ref:y,className:"border-t border-line bg-bg px-[var(--sf-site-gutter,40px)] pb-10 pt-20 max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-14",style:{"--footer-logo-rows":C,"--footer-logo-col":H?"1 / -1":"1"},children:UY("div",{style:Z,children:[Op(e,{className:`footer-block-grid mb-[60px] grid items-start gap-x-10 gap-y-12 ${b}`,minEmptyHeight:160}),Op(It,{})]})})}import{jsx as KY}from"react/jsx-runtime";var qp={blocks:{type:"slot",allow:["FooterLogo","FooterMenu","FooterDivider","FooterGroup","FooterText","FooterEmailSignup","FooterSocial"]}},MV={label:"Footer",fields:qp,defaultProps:{columns:Hg,logoFill:X7,logoRowFill:J7},render:({blocks:e,width:t,columns:a,logoFill:c,logoRowFill:s,puck:l})=>KY(Gp,{blocks:e,width:t,columns:a,logoFill:c,logoRowFill:s,editing:l?.isEditing})};import{jsx as Gl}from"react/jsx-runtime";var CV={fields:{_gLayout:v("Layout"),width:{type:"custom",render:({value:e,onChange:t})=>Gl(re,{value:e==="full"?"full":e==="page"||e==="content"?"content":void 0,resolved:"content",followsLabel:"Follows the page",hint:"Whether the footer's blocks sit on the page's column, or run edge to edge. The background always spans the screen.",onChange:a=>t(a)})},columns:{type:"custom",render:({value:e,onChange:t})=>Gl(Dp,{value:e,onChange:t})},logoFill:{type:"custom",render:({value:e,onChange:t})=>Gl(Rp,{value:e,onChange:t})},logoRowFill:{type:"custom",render:({value:e,onChange:t})=>Gl(_p,{value:e,onChange:t})},_gBlocks:v("Blocks"),blockList:N0("Footer"),blocks:qp.blocks}};import{WeightIcon as $Y,WidthIcon as jY,PhoneIcon as YY}from"efficient-easel/icons";import{jsx as Wp}from"react/jsx-runtime";var LV={fields:{_gStyle:v("Style"),thickness:J("Thickness",Wp($Y,{}),1,8,1,1,"px"),lengthPct:J("Length",Wp(jY,{}),10,100,1,100,"%"),hideOnMobile:e1("Hide on mobile",!1,Wp(YY,{}))}};var SV={fields:{_gContent:v("Content"),heading:C1("Heading","Join our email list"),placeholder:P("Field placeholder","Email address"),buttonLabel:P("Button","Subscribe")}};import{AlignLeftIcon as QY}from"efficient-easel/icons";import{jsx as AV}from"react/jsx-runtime";var XY={start:"items-start",center:"items-center",end:"items-end"};function Up({direction:e="vertical",gap:t,align:a="start",content:c}){let s=L3("FooterGroup",t,e==="horizontal"?"inline":"block");return AV("div",{className:"min-w-0",children:AV(c,{className:`flex ${e==="horizontal"?"flex-row flex-wrap":"flex-col"} ${XY[a]}${s.className}`,style:s.style,minEmptyHeight:80})})}import{jsx as JY}from"react/jsx-runtime";var Kp={blocks:{type:"slot",allow:["FooterText","FooterEmailSignup","FooterMenu","FooterDivider","FooterSocial"]}},HV={label:"Footer Box",fields:Kp,defaultProps:{direction:"vertical",align:"start"},render:({direction:e,gap:t,align:a,blocks:c})=>JY(Up,{direction:e,gap:t,align:a,content:c})};import{jsx as eX}from"react/jsx-runtime";var FV={fields:{_gLayout:v("Layout"),direction:p1("Direction",O6("`Direction` names how a container's children run \u2014 a MODIFIER, not a thing. doc/naming.md N10.1 gives the idea a dash in its Glyph column; editor-shell's own `direction` meaning says the bare row is CORRECT and not an omission (SS seat, 2026-09-11)."),[{label:"Vertical",value:"vertical"},{label:"Horizontal",value:"horizontal"}],"vertical"),gap:t3("FooterGroup"),align:p1("Alignment",eX(QY,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),_gBlocks:v("Blocks"),blockList:N0("FooterGroup"),blocks:Kp.blocks}};import{WidthIcon as tX,AlignLeftIcon as aX,LogoIcon as cX,PaddingTopIcon as sX,PaddingRightIcon as lX,PaddingBottomIcon as oX,PaddingLeftIcon as rX}from"efficient-easel/icons";import{jsx as B7}from"react/jsx-runtime";var TV={fields:{_gContent:v("Content"),tagline:C1("Body","Short brand tagline"),_gStyle:v("Style"),widthPct:J("Width",B7(tX,{}),40,400,1,100,"%"),align:p1("Alignment",B7(aX,{}),[{label:"Start",value:"left"},{label:"Center",value:"center"},{label:"End",value:"right"}],"left"),reverse:p1("Logo color",B7(cX,{}),[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}],"auto"),padTop:J("Padding top",B7(sX,{}),0,120,2,0,"px"),padRight:J("Padding right",B7(lX,{}),0,120,2,0,"px"),padBottom:J("Padding bottom",B7(oX,{}),0,120,2,0,"px"),padLeft:J("Padding left",B7(rX,{}),0,120,2,0,"px")}};import{SettingsField as iX}from"efficient-easel/panel";import{MenuIcon as nX}from"efficient-easel/icons";import{useCallback as hX,useEffect as VV,useState as $p}from"react";import{jsx as T9,jsxs as Rt}from"react/jsx-runtime";function jp({value:e,onChange:t}){let[a,c]=$p(null),[s,l]=$p(!1),o=hX(f=>{c(f),l(!0)},[]);VV(()=>{let f=!1;return Jo(p4()).then(b=>{f||o(b)}).catch(()=>{f||c([])}),()=>{f=!0}},[o]),VV(()=>{let f=!1,b=hf(()=>{Bb(p4()).then(y=>{f||o(y)}).catch(()=>{})});return()=>{f=!0,b()}},[o]);let r=a===null,i=!!(e?.id||e?.handle),n=s&&i&&!yc(a??[],e),h=!i&&(e?.items?.length??0)>0,m=n?"":yc(a??[],e)?.id??"",p=f=>t({id:f.id,handle:f.handle,name:f.name,items:f.items.map(b=>({label:b.label,url:b.url}))}),u=f=>{if(!f){t(null);return}let b=(a??[]).find(y=>y.id===f);b&&p(b)},[d,g]=$p(!1),z=()=>{i&&(g(!0),Jo(p4(),!0).then(f=>{o(f);let b=yc(f,e);b&&p(b)}).catch(()=>{}).finally(()=>g(!1)))};return Rt("div",{children:[T9(iX,{label:"Menu",icon:T9(nX,{}),hint:!r&&a&&a.length===0?"Create menus in Storefront \u2192 Menus, then pick one here.":void 0,children:Rt("select",{value:m,onChange:f=>u(f.target.value),disabled:r||(a?.length??0)===0,children:[T9("option",{value:"",children:r?"Loading menus\u2026":a&&a.length===0?"No menus found":"Select a menu\u2026"}),(a??[]).map(f=>Rt("option",{value:f.id,children:[f.name," (",f.item_count??f.items.length,")"]},f.id))]})}),h?T9("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:yf}):null,n?T9("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:kf(e?.name??"The linked menu")}):null,i&&!n?Rt("div",{className:"mt-1.5 flex items-center justify-between gap-2",children:[Rt("p",{className:"text-[12px] text-fg-dim",children:["Linked to \u201C",e?.name,"\u201D \u2014 ",e?.items?.length??0," link",(e?.items?.length??0)===1?"":"s",". Re-pull after editing the menu:"]}),T9("button",{type:"button",className:"shrink-0 text-[12px] font-medium text-[var(--sf-accent,#0f7c4f)] underline-offset-2 hover:underline disabled:opacity-50",onClick:z,disabled:d,children:d?"Updating\u2026":"Update links"})]}):null]})}import{PhoneIcon as mX,LineBetweenIcon as pX}from"efficient-easel/icons";import{jsx as Yp}from"react/jsx-runtime";var PV={fields:{_gContent:v("Content"),menu:{type:"custom",render:({value:e,onChange:t})=>Yp(jp,{value:e,onChange:t})},heading:P("Heading","Column heading"),_gStyle:v("Style"),accordionMobile:e1("Show as accordion on mobile",!1,Yp(mX,{})),showDividers:e1("Dividers between links",!1,Yp(pX,{}))}};import{jsx as _t}from"react/jsx-runtime";var EV={small:16,medium:20,large:24},Xp=0,Jp=32,NV=2,Dt=0,BV={start:"justify-start",center:"justify-center",end:"justify-end"};function Qp({iconStyle:e=T8,iconSize:t="medium",align:a="start",gap:c=Dt,editing:s=!1}){let l=YF(),o=Nf(Bf(l));if(o.length===0)return s?_t("div",{"data-social-placeholder":"",className:"rounded border border-dashed border-line px-3 py-2 text-[13px] text-fg-dim",children:"Add your social links"}):null;let r=EV[t]??EV.medium,n={gap:Math.min(Jp,Math.max(Xp,Number.isFinite(c)?c:0)),"--social-mark":`${r}px`};return _t("ul",{"data-social-block":"","aria-label":"Social media",className:`flex list-none flex-wrap p-0 [margin:calc((44px-var(--social-mark))/-2)] max-[800px]:[margin:calc((40px-var(--social-mark))/-2)] ${BV[a]??BV.start}`,style:n,children:o.map(({platform:h,href:m,label:p})=>_t("li",{children:_t("a",{href:m,target:"_blank",rel:"noopener noreferrer","aria-label":`${p} (opens in a new tab)`,className:"grid h-11 w-11 place-items-center rounded text-fg transition-colors hover:text-accent focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-4px] focus-visible:outline-current motion-reduce:transition-none max-[800px]:h-10 max-[800px]:w-10",children:_t(Uz,{platform:h,iconStyle:e,size:r})})},h))})}import{Fragment as uX,jsx as eu,jsxs as gX}from"react/jsx-runtime";function tu(){let{openPanel:e}=Bc();return gX(uX,{children:[eu(d8,{label:"Social links"}),eu("p",{className:"sf-field-hint",children:"The links are typed once for the whole website, in Site settings."}),eu("button",{type:"button",className:"sf-part-link",onClick:e,children:"Edit social links \u2192"})]})}import{StylesIcon as dX,TextSizeIcon as vX,AlignLeftIcon as fX,GapIcon as bX}from"efficient-easel/icons";import{jsx as Ot}from"react/jsx-runtime";var ZV={fields:{_gStyle:v("Style"),iconStyle:p1("Icon style",Ot(dX,{}),[{label:"Outline",value:"outline"},{label:"Solid",value:"solid"}],T8),iconSize:p1("Icon size",Ot(vX,{}),[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],"medium"),_socialLinks:{type:"custom",render:()=>Ot(tu,{})},_gLayout:v("Layout"),align:p1("Alignment",Ot(fX,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),gap:J("Gap",Ot(bX,{}),Xp,Jp,NV,Dt,"px")}};import{TextSizeIcon as zX}from"efficient-easel/icons";import{jsx as xX}from"react/jsx-runtime";var IV={fields:{_gContent:v("Content"),text:C1("Body","Footer text"),_gStyle:v("Style"),size:p1("Size",xX(zX,{}),[{label:"S",value:"sm"},{label:"M",value:"md"},{label:"L",value:"lg"}],"md"),tone:Jc()}};var RV={fields:{_gForm:v("Form"),formSlug:x4(),_gContent:v("Content"),heading:P("Heading override"),intro:C1("Intro"),submitText:P("Submit button"),finePrint:P("Fine print")}};var _V={fields:{}};var ql="e.g. D00123 \xB7 blank = the whole store";import{useState as A6}from"react";import{Fragment as kX,jsx as k2,jsxs as V9}from"react/jsx-runtime";var Wl="w-full border-2 border-line bg-bg px-4 py-3.5 font-display text-[17px] tracking-[-0.005em] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent",wX="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",yX="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function Ul({label:e,children:t}){return V9("label",{className:"flex flex-col gap-2",children:[k2("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-fg",children:e}),t]})}function au({eyebrow:e,title:t,designCode:a,omitHead:c=!1,editing:s=!1}={}){let[l,o]=A6(""),[r,i]=A6(""),[n,h]=A6(0),[m,p]=A6(""),[u,d]=A6(""),[g,z]=A6(!1),[f,b]=A6(!1),[y,C]=A6(null);async function S(H){if(H.preventDefault(),!(s||g)){if(n<1){C("Choose a star rating.");return}z(!0),C(null);try{await D0.submitReview({authorName:l.trim(),...r.trim()?{email:r.trim()}:{},rating:n,...m.trim()?{title:m.trim()}:{},body:u.trim(),...a?.trim()?{designCode:a.trim()}:{}}),b(!0)}catch{C("Something went wrong \u2014 your review wasn't sent. Please try again.")}finally{z(!1)}}}return k2("section",{className:"relative z-[2] border-t border-line bg-surface",children:V9("div",{className:c?yX:wX,children:[c?null:V9(kX,{children:[(e??"").trim()&&k2(I1,{text:e??"",scaled:!1,className:"mb-4 block"}),(t??"").trim()&&k2("h2",{className:"mb-11 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-8 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(t??"",!1)})]}),f?k2("p",{role:"status",className:"max-w-[560px] font-serif text-[19px] italic leading-[1.6] text-fg-dim",children:"Thanks \u2014 your review will appear once approved."}):V9("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:S,children:[V9("div",{className:"grid grid-cols-2 gap-3 max-[640px]:grid-cols-1",children:[k2(Ul,{label:"Name",children:k2("input",{type:"text",required:!0,value:l,onChange:H=>o(H.target.value),className:Wl})}),k2(Ul,{label:"Email \u2014 never shown publicly",children:k2("input",{type:"email",value:r,onChange:H=>i(H.target.value),className:Wl})})]}),V9("div",{className:"flex flex-col gap-2",children:[k2("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-fg",children:"Rating"}),k2("div",{role:"group","aria-label":"Rating",className:"flex gap-1",children:[1,2,3,4,5].map(H=>k2("button",{type:"button","aria-pressed":n>=H,"aria-label":`${H} star${H===1?"":"s"}`,onClick:()=>{h(H),C(null)},className:["cursor-pointer text-[30px] leading-none transition-colors",n>=H?"text-accent":"text-fg-dim/30 hover:text-fg-dim"].join(" "),children:"\u2605"},H))})]}),k2(Ul,{label:"Review title (optional)",children:k2("input",{type:"text",value:m,onChange:H=>p(H.target.value),className:Wl})}),k2(Ul,{label:"Your review",children:k2("textarea",{required:!0,rows:5,value:u,onChange:H=>d(H.target.value),className:Wl+" resize-y"})}),y&&k2("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:y}),k2("button",{type:s?"button":"submit",disabled:g,className:"cursor-pointer self-start bg-btn px-8 py-4 font-mono text-[14px] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg hover:text-bg disabled:cursor-wait disabled:opacity-60",children:g?"Sending\u2026":"Submit review \u2192"})]})]})})}import{jsx as MX}from"react/jsx-runtime";var Gt={eyebrow:"Your turn",title:"Leave a *review.*"},DV={label:"Review Form",defaultProps:{eyebrow:"",title:"",designCode:""},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return MX(au,{eyebrow:a(x(e.eyebrow,Gt.eyebrow,e.puck)),title:a(x(e.title,Gt.title,e.puck)),omitHead:t,designCode:Y(e.designCode)||void 0,editing:e.puck?.isEditing})}};var OV={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",Gt.eyebrow),title:V("Heading",Gt.title),_gSource:v("Reviews"),designCode:L2(P("Design code",ql))},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.ReviewForm.headRows)};import{StylesIcon as PX,HashIcon as EX,ColumnsIcon as BX}from"efficient-easel/icons";import{useEffect as CX,useState as LX}from"react";function GV(e,t){let[a,c]=LX(null);return CX(()=>{let s=!1;return c(null),D0.listReviews({...e?{limit:e}:{},...t?{designCode:t}:{}}).then(l=>{s||c(l)}),()=>{s=!0}},[e,t]),a}import{Fragment as TX,jsx as I3,jsxs as Kl}from"react/jsx-runtime";var qV=[{id:"sample-review-1",authorName:"Sample reviewer",rating:5,title:"Sample review title",body:"Approved customer reviews appear here automatically \u2014 this card is only a preview of the section's shape.",designCode:"",createdAt:""},{id:"sample-review-2",authorName:"Sample reviewer",rating:4,title:"",body:"Reviews are collected by the Review Form section and wait for your approval before they show.",designCode:"",createdAt:""},{id:"sample-review-3",authorName:"Sample reviewer",rating:5,title:"Another sample",body:"Set a product design code on this section to show one product's reviews; leave it blank for the whole store.",designCode:"",createdAt:""}];function SX(e){let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{month:"long",year:"numeric"})}function AX({rating:e}){let t=Math.min(5,Math.max(0,Math.round(e)));return I3("div",{role:"img","aria-label":`${t} out of 5 stars`,className:"flex gap-1 text-[length:var(--size-body,17px)] leading-none",children:Array.from({length:5}).map((a,c)=>I3("span",{"aria-hidden":!0,className:c<t?"text-accent":"text-fg-dim/30",children:"\u2605"},c))})}var HX="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] py-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",FX="mx-auto max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)] pt-0 pb-[84px] max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]";function cu({look:e,eyebrow:t,title:a,columns:c,limit:s,designCode:l,omitHead:o=!1,editing:r=!1}={}){let i=GV(s??6,l),n=Math.min(3,Math.max(1,c??3)),h=i&&i.length>0?i:r?qV:[],m=h===qV;return!r&&h.length===0?null:I3("section",{className:"relative z-[2] border-t border-line bg-surface",children:Kl("div",{className:o?FX:HX,children:[o?null:Kl(TX,{children:[(t??"").trim()&&I3(I1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&I3("h2",{className:"mb-11 font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.02em] text-fg max-[800px]:mb-8 max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:U(a??"",!1)})]}),I3("div",{className:"sf-card grid grid-cols-1 gap-px border border-line bg-line min-[700px]:[grid-template-columns:repeat(var(--rv-cols),minmax(0,1fr))]",style:{"--rv-cols":String(n)},children:h.map(p=>Kl("article",{className:["flex flex-col gap-4 bg-bg p-9 max-[800px]:p-7",m?"opacity-60":""].join(" "),children:[I3(AX,{rating:p.rating}),p.title.trim()&&I3("h3",{className:"font-display text-[length:var(--size-body,19px)] font-medium uppercase leading-[1.2] tracking-[-0.01em] text-fg",children:p.title}),I3("div",{className:"flex-1 font-serif text-[length:var(--size-body,15px)] leading-[1.65] text-fg-dim",children:m0(p.body).map((u,d)=>I3("p",{className:d?"mt-3":"",children:u},d))}),Kl("footer",{className:"flex items-baseline justify-between gap-4 border-t border-line pt-[18px]",children:[I3("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg",children:p.authorName}),I3("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:SX(p.createdAt)})]})]},p.id))})]})})}import{jsx as VX}from"react/jsx-runtime";var qt={eyebrow:"Reviews",title:"From our *customers.*"},WV={label:"Reviews",defaultProps:{eyebrow:"",title:"",columns:3,limit:6,designCode:""},render:e=>{let t=P1(e.headPlacement)==="own-box",a=c=>t?void 0:c;return VX(cu,{look:d3(e.eyebrowLook,"Reviews"),eyebrow:a(x(e.eyebrow,qt.eyebrow,e.puck)),title:a(x(e.title,qt.title,e.puck)),omitHead:t,columns:e.columns,limit:e.limit,designCode:Y(e.designCode)||void 0,editing:e.puck?.isEditing})}};import{jsx as su}from"react/jsx-runtime";var UV={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",qt.eyebrow),eyebrowLook:h1("Eyebrow style",su(PX,{}),[...F3],G5("Reviews")),title:V("Heading",qt.title),_gSource:v("Reviews"),limit:J("Reviews to display",su(EX,{}),3,12,1,6),designCode:L2(P("Design code",ql)),_gStyle:v("Style"),columns:J("Columns",su(BX,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>E1(Z1(t,a,R1),e.props.headPlacement,F1.Reviews.headRows)};import{jsx as lu,jsxs as NX}from"react/jsx-runtime";function Wt({place:e,sections:t,editing:a=!1}){let s=NX(e==="footer"?"footer":"div",{"data-section-group":e,children:[a?lu("p",{className:"px-5 pt-3 font-mono text-[11px] uppercase tracking-[0.15em] text-fg-dim",children:e==="header"?"Site header \u2014 above every page":"Site footer \u2014 below every page"}):null,lu(t,{minEmptyHeight:120})]});return e==="header"?lu(_x,{children:s}):s}import{jsx as ZX}from"react/jsx-runtime";var ou={sections:{type:"slot"}},KV={label:"Site Footer",fields:ou,render:({sections:e,puck:t})=>ZX(Wt,{place:"footer",sections:e,editing:t?.isEditing})};var $V={fields:{sections:ou.sections}};import{StickyIcon as RX,ContrastIcon as _X}from"efficient-easel/icons";import{jsx as IX}from"react/jsx-runtime";var ru={sections:{type:"slot"}},jV={label:"Site Header",fields:ru,defaultProps:{sticky:"always",topTextColor:"auto",sections:[]},render:({sections:e,puck:t})=>IX(Wt,{place:"header",sections:e,editing:t?.isEditing})};import{jsx as YV}from"react/jsx-runtime";var XV={fields:{sticky:p1("Sticky header",YV(RX,{}),[{label:"None",value:"none"},{label:"Always",value:"always"},{label:"On scroll up",value:"on_scroll_up"}],"always"),topTextColor:p1("Text color at the top",YV(_X,{}),[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],"auto"),sections:ru.sections}};import{jsx as $l,jsxs as DX}from"react/jsx-runtime";var e0={eyebrow:"Section number",title:"Show *us yours.*",body:"Tell people what they get for submitting, and what you do with what they send.",buttonText:"Submit \u2192",consent:"By submitting, you agree to our privacy policy. We never share contact details with third parties."};function Ut(e,t){return e===void 0?t:e}function iu({eyebrow:e,title:t,body:a,buttonText:c,consent:s,formSlug:l,form:o,editing:r=!1,boxes:i,inBoxes:n=!1,...h}){let m=Ut(e,e0.eyebrow),p=Ut(t,e0.title),u=Ut(a,e0.body),d=Ut(c,e0.buttonText),g=Ut(s,e0.consent),z=O5(l,o),f=A8({form:z,formSlug:l,editing:r}),b=z===void 0,y=!!z||r;return!y&&!m&&!p&&!u?null:n&&i?$l("section",{className:v0(h)?"border-y border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-y border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",children:$l(i,{className:"grid grid-cols-2 items-start gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9"})}):DX("section",{className:v0(h)?"grid grid-cols-2 items-end gap-[60px] border-y border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]":"mx-auto grid max-w-[var(--sf-site-width,1600px)] grid-cols-2 items-end gap-[60px] border-y border-line px-[var(--sf-site-gutter,40px)] py-[120px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9 max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",children:[$l(vz,{eyebrow:m,title:p}),$l(fz,{body:u,buttonLabel:d,consent:g,form:z,submission:f,showForm:y,resolving:b,editing:r})]})}var JV={fields:{_gTextStyle:v("Text style"),...Object.fromEntries(cr.map(e=>[lr[e],h1(sr[e],_8(sr[e]),[{label:"Section's own",value:""},...K7.map(t=>({label:$7[t],value:t}))],"")])),_gContent:v("Content"),eyebrow:A("Eyebrow",e0.eyebrow),title:V("Heading",e0.title),body:V("Body",e0.body),formSlug:x4(),buttonText:A("Button",e0.buttonText),consent:V("Consent line",e0.consent)},resolveFields:(e,{fields:t})=>{let a=e.props.region,c=t,s=["eyebrow","title"],l=["body","formSlug","buttonText","consent"],o=cr.map(n=>lr[n]),r=a==="head"?s:l,i={};for(let[n,h]of Object.entries(c)){if(n.startsWith("_")){i[n]=h;continue}if(o.includes(n)){a!=="head"&&(i[n]=h);continue}r.includes(n)&&(i[n]=h)}return i}};import{jsx as OX}from"react/jsx-runtime";var nu={boxes:{type:"slot",allow:["SubmitBox"]}},QV={label:"Photo Submission Form",fields:nu,defaultProps:{eyebrow:e0.eyebrow,title:e0.title,body:e0.body,formSlug:"",buttonText:e0.buttonText,consent:e0.consent},render:e=>OX(iu,{boxes:e.boxes,inBoxes:e.layout==="boxes",eyebrow:V0(e.eyebrow,e0.eyebrow,e.puck),title:V0(e.title,e0.title,e.puck),body:V0(e.body,e0.body,e.puck),buttonText:V0(e.buttonText,e0.buttonText,e.puck),consent:V0(e.consent,e0.consent,e.puck),formSlug:Y(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};var eP={fields:{_gContent:v("Content"),eyebrow:A("Eyebrow",e0.eyebrow),title:V("Heading",e0.title),body:V("Body",e0.body),_gForm:v("Form"),formSlug:x4(),_gButton:v("Button"),buttonText:A("Button",e0.buttonText),_gFootnote:v("Footnote"),consent:V("Consent line",e0.consent),boxes:nu.boxes},resolveFields:(e,{fields:t})=>{if(e.props.layout!=="boxes")return t;let{_gContent:a,eyebrow:c,title:s,body:l,_gForm:o,formSlug:r,_gButton:i,buttonText:n,_gFootnote:h,consent:m,...p}=t;return p}};var GX=["issues","posts"],tP=[{label:"Issues",value:"issues"},{label:"Blog posts",value:"posts"}],hu="issues";function mu(e){return GX.includes(e)?e:hu}var qX={issues:["issues"],_gPosts:["posts"],posts:["posts"],limit:["posts"]};function aP(e,t){let a=mu(t),c={...e};for(let[s,l]of Object.entries(qX))l.includes(a)||delete c[s];return c}import{CategoryIcon as UX,HashIcon as KX}from"efficient-easel/icons";var b0={headNum:L.sectionNumber,headTitle:L.headingAccent,headDesc:"A short description of your newsletter or publication.",kicker:"\u2192 Newsletter",leadTitle:"Get it in the *inbox.*",intro:"Tell readers what they get and how often. One email, straight to the inbox. We will never sell your address.",emailPlaceholder:"your@email.com",submitText:"Subscribe \u2192",subscribedText:"Subscribed \u2713",finePrint:"Approx. 1 email per week \xB7 Unsubscribe in one click",issuesHeading:"Recent issues",archiveText:"View the full archive \u2192",archiveHref:j0.href},cP=[{n:"N\xB0 04",title:"Issue title",small:"Short description",date:"Month YYYY"},{n:"N\xB0 03",title:"Issue title",small:"Short description",date:"Month YYYY"},{n:"N\xB0 02",title:"Issue title",small:"Short description",date:"Month YYYY"},{n:"N\xB0 01",title:"Issue title",small:"Short description",date:"Month YYYY"}];function WX(e){return e.map((t,a)=>({n:`N\xB0 ${String(e.length-a).padStart(2,"0")}`,title:t.title,small:t.meta,date:t.dateLabel}))}function jl(e,t){if(e==="issues")return d1(t.issues,cP,t.puck);let a=t.posts,c=typeof t.limit=="number"&&t.limit>0?t.limit:4,s=Array.isArray(a)?WX(a.slice(0,c)):[];return d1(s,cP,t.puck)}import{jsx as sP}from"react/jsx-runtime";var lP={fields:{_sHead:K1("Section header"),_gHeadCopy:v("Content"),headNum:A("Number",b0.headNum),headTitle:V("Heading",b0.headTitle),headDesc:V("Body",b0.headDesc),_sLeft:K1("Newsletter panel"),_gLeftCopy:v("Content"),kicker:A("Eyebrow",b0.kicker),leadTitle:V("Heading",b0.leadTitle),intro:V("Intro",b0.intro),_gForm:v("Signup form"),emailPlaceholder:P("Email placeholder",b0.emailPlaceholder),submitText:P("Submit button",b0.submitText),subscribedText:P("Subscribed button",b0.subscribedText),finePrint:V("Fine print",b0.finePrint),_sRight:K1("Recent issues"),_gRightCopy:v("Content"),contentType:p1("Type",sP(UX,{}),[...tP],hu),issuesHeading:A("Panel heading",b0.issuesHeading),issues:{type:"array",label:"Issues",arrayFields:{n:n1("Number"),title:n1("Title"),small:n1("Sub-line"),date:n1("Date")},getItemSummary:e=>[e?.n,e?.title].filter(Boolean).join(" \xB7 ")||"Issue"},_gPosts:v("Blog posts"),posts:E0(V7),limit:J("Posts to display",sP(KX,{}),1,6,1,4),_gArchive:v("Archive link"),archiveText:A("Archive button",b0.archiveText),archiveHref:w1("Archive link")},resolveFields:(e,{fields:t})=>aP(t,e.props.contentType)};import{HashIcon as XX}from"efficient-easel/icons";import{useState as $X}from"react";import{jsx as m3,jsxs as N7}from"react/jsx-runtime";var jX="That didn't go through \u2014 please try again.";function Kt({headNum:e,headTitle:t,headDesc:a,kicker:c,leadTitle:s,intro:l,emailPlaceholder:o,submitText:r,subscribedText:i,finePrint:n,issuesHeading:h,issues:m,archiveText:p,archiveHref:u,source:d=A3.subscribeSection,editing:g=!1,...z}){let[f,b]=$X(""),{status:y,submit:C}=Kc({source:d,dryRun:g}),S=y==="sent",H=y==="sending",_=y==="error"||y==="invalid",Z=(m??[]).filter(N=>(N?.n??"").trim()||(N?.title??"").trim()||(N?.date??"").trim()),q=Z.length>0,j=S?i||"Subscribed \u2713":H?"Sending\u2026":r||"Subscribe \u2192";function B(N){N.preventDefault(),!S&&C({email:f})}return N7("section",{className:v0(z)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-[140px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[140px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-20",children:[m3(n2,{num:e,title:t?U(t,!0):void 0,desc:a,accentTracking:"-0.025em"}),N7("div",{className:q?"grid min-h-[460px] grid-cols-[1.1fr_1fr] border border-line max-[1100px]:grid-cols-1":"grid min-h-[460px] grid-cols-1 border border-line",children:[N7("div",{className:q?"flex flex-col justify-center gap-6 border-r border-line px-14 py-16 max-[1100px]:border-r-0 max-[1100px]:border-b max-[1100px]:px-7 max-[1100px]:py-12":"flex flex-col justify-center gap-6 px-14 py-16 max-[1100px]:px-7 max-[1100px]:py-12",children:[c&&m3(I1,{text:c}),s&&m3("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,72px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.035em]",children:U(s,!0)}),l&&m3("p",{className:"max-w-[480px] font-serif text-[length:var(--size-body,19px)] italic leading-[1.5] text-fg-dim",children:k(l,!0)}),N7("form",{className:"mt-2 flex max-w-[520px]",onSubmit:B,children:[m3("input",{type:"email",placeholder:o||"your@email.com",required:!0,value:f,onChange:N=>b(N.target.value),disabled:S,className:"flex-1 border border-r-0 border-line bg-bg px-5 py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.18em] text-fg placeholder:text-fg-dim outline-none focus:border-accent"}),m3("button",{type:"submit",disabled:S||H,className:"border border-btn bg-btn px-7 py-[18px] font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:bg-fg hover:border-fg disabled:cursor-default disabled:opacity-90",children:z0(j)})]}),_&&m3("p",{role:"alert",className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-alert",children:jX}),n&&m3("p",{className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:k(n)})]}),q&&N7("div",{id:"sub-recent-issues",className:"grid grid-rows-[auto_1fr_auto] gap-6 bg-[var(--journal-panel-bg)] px-11 py-12 scroll-mt-[160px] max-[1100px]:px-7 max-[1100px]:py-9",children:[h&&m3(I1,{text:h,size:12}),m3("div",{className:"flex flex-col",children:Z.map((N,D)=>N7("div",{className:["grid grid-cols-[60px_1fr_auto] items-start gap-[18px] border-b border-line py-[18px]",D===0?"border-t border-line":""].join(" "),children:[m3("span",{className:"font-mono text-[length:var(--size-label,13px)] tracking-[0.22em] text-accent",children:N.n?k(N.n):""}),N7("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium leading-[1.3] tracking-[-0.01em]",children:[N.title?k(N.title):"",N.small?.trim()&&m3("small",{className:"mt-1 block font-serif text-[length:var(--size-body,13px)] font-normal italic text-fg-dim",children:k(N.small,!0)})]}),m3("span",{className:"whitespace-nowrap pt-[3px] text-right font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:N.date?k(N.date):""})]},D))}),p&&m3(i0,{href:u||"/journal",className:"flex items-center justify-end gap-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-accent hover:text-fg",children:k(p)})]})]})]})}import{jsx as YX}from"react/jsx-runtime";var H0={...b0,issuesHeading:"Recent posts",archiveText:"Read all posts \u2192"},oP={label:"Subscribe with Posts",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",limit:4,archiveText:"",archiveHref:""},render:e=>{let t=jl("posts",e);return YX(Kt,{headNum:x(e.headNum,H0.headNum,e.puck),headTitle:x(e.headTitle,H0.headTitle,e.puck),headDesc:x(e.headDesc,H0.headDesc,e.puck),kicker:x(e.kicker,H0.kicker,e.puck),leadTitle:x(e.leadTitle,H0.leadTitle,e.puck),intro:x(e.intro,H0.intro,e.puck),emailPlaceholder:Y(e.emailPlaceholder)||H0.emailPlaceholder,submitText:Y(e.submitText)||H0.submitText,subscribedText:Y(e.subscribedText)||H0.subscribedText,finePrint:x(e.finePrint,H0.finePrint,e.puck),issuesHeading:x(e.issuesHeading,H0.issuesHeading,e.puck),issues:t,source:A3.subscribeBlogsSection,editing:e.puck?.isEditing,archiveText:x(e.archiveText,H0.archiveText,e.puck),archiveHref:Y(e.archiveHref)||H0.archiveHref})}};import{jsx as JX}from"react/jsx-runtime";var rP={fields:{_sHead:K1("Section header"),_gHeadCopy:v("Content"),headNum:A("Number",H0.headNum),headTitle:V("Heading",H0.headTitle),headDesc:V("Body",H0.headDesc),_sLeft:K1("Newsletter panel"),_gLeftCopy:v("Content"),kicker:A("Eyebrow",H0.kicker),leadTitle:V("Heading",H0.leadTitle),intro:V("Intro",H0.intro),_gForm:v("Signup form"),emailPlaceholder:P("Email placeholder",H0.emailPlaceholder),submitText:P("Submit button",H0.submitText),subscribedText:P("Subscribed button",H0.subscribedText),finePrint:V("Fine print",H0.finePrint),_sRight:K1("Recent posts"),_gRightCopy:v("Content"),issuesHeading:A("Panel heading",H0.issuesHeading),_gPosts:v("Blog posts"),posts:E0(V7),limit:J("Posts to display",JX(XX,{}),1,6,1,4),_gArchive:v("Archive link"),archiveText:A("Archive button",H0.archiveText),archiveHref:w1("Archive link")}};import{jsx as QX}from"react/jsx-runtime";var iP={label:"Booking box",defaultProps:{},render:e=>QX(pz,{region:typeof e.region=="string"?e.region:void 0,eyebrow:x(e.eyebrow,L.eyebrow,e.puck),heading:x(e.heading,L.heading,e.puck),intro:x(e.intro,L.body,e.puck),buttonLabel:x(e.buttonLabel,L.button,e.puck),successMessage:x(e.successMessage,L.bookingConfirmation,e.puck),styleStep:e.styleStep,styleName:e.styleName,styleValue:e.styleValue,styleNote:e.styleNote})};import{useEffect as pu,useState as uu}from"react";import{Fragment as tJ,jsx as l0,jsxs as m2}from"react/jsx-runtime";var nP="border-b border-line bg-transparent py-3.5 font-display text-[length:var(--size-body,18px)] tracking-[0.01em] text-fg outline-none transition-colors focus:border-accent";function eJ({label:e,required:t,full:a,children:c}){return m2("div",{className:["flex flex-col gap-2",a?"col-span-2 max-[700px]:col-span-1":""].join(" "),children:[m2("label",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[e," ",t&&l0("span",{className:"text-accent",children:"*"})]}),c]})}function gu({routingNumber:e,routingTagline:t,groups:a,formNumber:c,formHeading:s,metaLines:l,showOther:o=!0,otherLabel:r="Other",otherNoteTitle:i,otherNoteBody:n,buttonText:h,consent:m,channels:p,formSlug:u,form:d,editing:g,initialActiveId:z,onActiveChange:f,reasonExtras:b,...y}){let C=[...a.map(K=>K.id),...o?[U6]:[]],S=z&&C.includes(z)?z:C[0]??U6,[H,_]=uu(S);pu(()=>{C.includes(H)||_(C[0]??U6)},[C.join("|")]),pu(()=>{z&&C.includes(z)&&_(z)},[z]);let Z=K=>{_(K),j(null),f?.(K)},[q,j]=uu(null),B=(p??[]).filter(K=>!K.hidden),N=B.find(K=>K.groupId===H)?.value??null,D=q??N,T=O5(u,d),R=A8({form:T,formSlug:u,editing:g}),i1=T===void 0,O=!!T||!!g,[m1,Q]=uu(!1);return pu(()=>{let K=()=>Q(document.documentElement.getAttribute("data-theme")==="light");K();let a1=new MutationObserver(K);return a1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>a1.disconnect()},[]),m2(tJ,{children:[m2("section",{className:v0(y)?"border-b border-line px-[var(--sf-site-gutter,40px)] py-[60px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]":"mx-auto max-w-[var(--sf-site-width,1600px)] border-b border-line px-[var(--sf-site-gutter,40px)] py-[60px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))]",style:m1?void 0:{background:"var(--section-bg)"},children:[(e||t)&&m2("div",{className:"mb-6 flex items-center gap-6 border-b border-line pb-6",children:[e&&l0(I1,{text:e}),t&&l0("span",{className:"font-display text-[length:var(--size-body,14px)] uppercase tracking-[0.04em] text-fg-dim",children:k(t)})]}),l0("div",{className:"sf-card grid grid-cols-4 gap-[2px] border border-line bg-line max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1",children:a.map(K=>{let a1=H===K.id;return m2("button",{type:"button",onClick:()=>{Z(K.id),typeof window<"u"&&window.matchMedia("(max-width: 1100px)").matches&&document.getElementById("contact-form")?.scrollIntoView({behavior:J4(),block:"start"})},className:["flex min-h-[240px] cursor-pointer flex-col gap-3.5 px-7 py-9 text-left transition-colors",a1?"bg-surface outline outline-2 -outline-offset-2 outline-accent":"bg-bg hover:bg-surface"].join(" "),children:[K.eyebrow&&l0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:K.eyebrow}),l0("h3",{className:"whitespace-pre-line font-heading3 text-[length:var(--size-headingSmall,26px)] font-medium uppercase leading-[1.05] tracking-[-0.02em]",children:K.title}),K.copy&&l0("p",{className:"mt-auto font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:K.copy}),K.response&&m2("div",{className:"mt-2 flex justify-between border-t border-line pt-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:[l0("span",{children:"Response"}),l0("strong",{className:"font-normal text-fg",children:K.response})]})]},K.id)})})]}),(O||B.length>0)&&m2("section",{id:"contact-form",className:["mx-auto grid max-w-[var(--sf-site-width,1600px)] scroll-mt-[80px] gap-20 border-b border-line px-[var(--sf-site-gutter,40px)] py-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-[60px] max-[1100px]:px-[min(24px,var(--sf-site-gutter,40px))] max-[1100px]:py-[60px]",O&&B.length>0?"grid-cols-[1.3fr_1fr]":"grid-cols-1"].join(" "),children:[O&&m2("div",{children:[m2("div",{className:"mb-7 flex items-end justify-between gap-6 border-b border-line pb-6",children:[m2("div",{children:[c&&l0("div",{className:"pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:k(c)}),s&&l0("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,4vw,56px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:U(s,!0)})]}),!!(l&&l.length)&&l0("div",{className:"text-right font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.8] tracking-[0.22em] text-fg-dim max-[700px]:text-left",children:l.map((K,a1)=>l0("div",{children:K},a1))})]}),T?R.done?l0("div",{className:"border border-accent bg-accent/[0.08] p-8 font-display text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:kc(T,"Thanks \u2014 we've received your message.")}):m2("form",{className:"grid grid-cols-2 gap-5 max-[700px]:grid-cols-1",onSubmit:R.handleSubmit,children:[T.fields.map(K=>l0(eJ,{label:K.label,required:K.required,full:K.type==="textarea"||K.type==="checkbox",children:l0(ae,{field:K,value:R.valueOf(K.key),onChange:a1=>R.set(K.key,a1),className:K.type==="textarea"?`${nP} min-h-[140px] resize-y leading-[1.5]`:K.type==="checkbox"?"size-4 self-start accent-accent":nP})},K.key)),m2("div",{className:"col-span-2 flex flex-col gap-2 max-[700px]:col-span-1",children:[m2("label",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:["Reason ",l0("span",{className:"text-accent",children:"*"})]}),m2("div",{className:"mt-1 flex flex-wrap gap-2",children:[a.map(K=>{let a1=H===K.id;return l0("button",{type:"button",onClick:()=>Z(K.id),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] transition-colors",a1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:K.title},K.id)}),o&&l0("button",{type:"button",onClick:()=>Z(U6),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] transition-colors",H===U6?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:z0(r)})]})]}),b?.(H),H===U6&&(i||n)&&m2("div",{className:"sf-card col-span-2 flex flex-col gap-2 border border-line bg-bg/40 p-5 max-[700px]:col-span-1",children:[i&&l0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:k(i)}),n&&m0(n).map((K,a1)=>l0("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:k(K)},a1))]}),l0(Mc,{value:R.honeypot,onChange:R.setHoneypot}),R.error&&l0("p",{role:"alert",className:"col-span-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-alert max-[700px]:col-span-1",children:R.error}),m2("div",{className:"col-span-2 mt-5 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-6 max-[700px]:col-span-1 max-[700px]:flex-col max-[700px]:items-stretch",children:[m&&l0("span",{className:"max-w-[380px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.6] tracking-[0.18em] text-fg-dim",children:k(m)}),l0("button",{type:g?"button":"submit",disabled:R.submitting,className:"cursor-pointer bg-btn px-8 py-[18px] font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.32em] text-btn-ink transition-colors hover:bg-fg disabled:cursor-wait disabled:opacity-60 max-[700px]:w-full",children:R.submitting?"Sending\u2026":h?z0(h):"Send Message \u2192"})]})]}):l0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:i1?"Loading form\u2026":"Choose a form in the inspector, under Message form \u2014 until then this column is hidden on the live page and no message can be sent."})]}),B.length>0&&l0("aside",{className:"flex flex-col gap-0 max-[1100px]:hidden",children:B.map((K,a1)=>{let B1=D===K.value,D1=!!!K.groupId;return m2("div",{onClick:D1?()=>j(K.value):void 0,className:["relative flex flex-col gap-2.5 border-b border-line border-l-2 px-5 py-7 transition-all",D1?"cursor-pointer border-t-2 border-t-accent":"",B1?"border-l-accent pl-6":D1?"border-l-transparent hover:bg-accent/[0.04]":"border-l-transparent"].join(" "),style:B1?{background:"color-mix(in oklab, var(--accent) 8%, transparent)"}:void 0,children:[B1&&m2("span",{className:"absolute right-[18px] top-6 flex flex-col items-end gap-0.5 text-right",children:[l0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:"\u2192 Message routes here"}),l0("span",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.18em] text-fg-dim",children:"Other inboxes filter as spam"})]}),l0("span",{className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] transition-colors",B1?"text-fg":"text-accent"].join(" "),children:K.label}),D1?l0("a",{href:K.href,onClick:t0=>t0.stopPropagation(),className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium leading-[1.2] tracking-[-0.02em] transition-colors hover:text-accent",B1?"text-accent":"text-fg"].join(" "),children:K.value}):l0("span",{className:["font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium leading-[1.2] tracking-[-0.02em]",B1?"text-accent":"text-fg"].join(" "),children:K.value}),K.sub&&l0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:K.sub})]},`${K.value}-${a1}`)})})]})]})}import{jsx as aJ}from"react/jsx-runtime";var hP={label:"Contact Form",defaultProps:{routingNumber:J1.routingNumber,routingTagline:J1.routingTagline,groups:J1.groups,formSlug:"",formNumber:J1.formNumber,formHeading:J1.formHeading,metaItems:J1.metaLines.map(e=>({text:e})),showOther:J1.showOther,otherLabel:J1.otherLabel,otherNoteTitle:J1.otherNoteTitle,otherNoteBody:J1.otherNoteBody,buttonText:J1.buttonText,consent:J1.consent,channels:J1.channels},render:e=>aJ(gu,{routingNumber:x(e.routingNumber,J1.routingNumber,e.puck),routingTagline:x(e.routingTagline,J1.routingTagline,e.puck),groups:e.groups??[],formNumber:x(e.formNumber,J1.formNumber,e.puck),formHeading:x(e.formHeading,J1.formHeading,e.puck),metaLines:(e.metaItems??[]).map(t=>t?.text??"").filter(Boolean),showOther:e.showOther,otherLabel:Y(e.otherLabel)||J1.otherLabel,otherNoteTitle:x(e.otherNoteTitle,J1.otherNoteTitle,e.puck),otherNoteBody:x(e.otherNoteBody,J1.otherNoteBody,e.puck),buttonText:Y(e.buttonText)||J1.buttonText,consent:x(e.consent,J1.consent,e.puck),channels:e.channels??[],formSlug:Y(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as mP}from"react/jsx-runtime";function du({thickness:e=1,lengthPct:t=100,hideOnMobile:a=!1}){return mP("div",{className:`col-span-full w-full basis-full ${a?"max-[800px]:hidden":""}`,"aria-hidden":"true",children:mP("div",{className:"bg-line",style:{height:`${e}px`,width:`${t}%`}})})}import{jsx as cJ}from"react/jsx-runtime";var pP={label:"Divider",defaultProps:{thickness:1,lengthPct:100,hideOnMobile:!1},render:({thickness:e,lengthPct:t,hideOnMobile:a})=>cJ(du,{thickness:e,lengthPct:t,hideOnMobile:a})};import{useState as sJ}from"react";import{jsx as vu,jsxs as uP}from"react/jsx-runtime";function fu({heading:e,placeholder:t="Email address",buttonLabel:a="Subscribe"}){let{open:c}=Cr(),[s,l]=sJ("");return uP("div",{className:"w-full min-w-0",children:[e?vu("h4",{className:"mb-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:U(e,!1)}):null,uP("form",{className:"flex max-w-[320px] flex-wrap items-stretch gap-2",onSubmit:o=>{o.preventDefault(),c({email:s.trim(),source:A3.footerSignup})},children:[vu("input",{type:"email",placeholder:t,value:s,onChange:o=>l(o.target.value),className:"w-0 min-w-[7rem] flex-1 border border-line bg-transparent px-3 py-2 text-[13px] text-fg placeholder:text-fg-dim/70 focus:border-accent focus:outline-none","aria-label":K0(e??"")||"Email address"}),vu("button",{type:"submit",className:"shrink-0 border border-btn bg-btn px-4 py-2 text-[13px] font-medium text-btn-ink transition-opacity hover:opacity-90",children:z0(a)})]})]})}import{jsx as lJ}from"react/jsx-runtime";var gP={label:"Email Form",defaultProps:{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"},render:({heading:e,placeholder:t,buttonLabel:a,puck:c})=>lJ(fu,{heading:G3(e,"Join our email list",c),placeholder:t||void 0,buttonLabel:a||void 0})};import{jsx as Yl,jsxs as rJ}from"react/jsx-runtime";var oJ={left:"items-start text-left",center:"items-center text-center",right:"items-end text-right"};function bu({tagline:e,widthPct:t=100,align:a="left",reverse:c=!0,padTop:s=0,padRight:l=0,padBottom:o=0,padLeft:r=0,editing:i=!1}){let{src:n,reversedSrc:h,inkIsDark:m,wordmark:p,siteName:u}=Ja(),d=Math.round(N5*(t/100)),g={...s?{paddingTop:s}:{},...l?{paddingRight:l}:{},...o?{paddingBottom:o}:{},...r?{paddingLeft:r}:{}};return rJ("div",{className:`flex min-w-0 flex-col ${oJ[a]}`,style:g,children:[Yl(r0,{href:"/","aria-label":u?`${u} home`:"Home",className:"inline-flex",children:Yl(Ya,{variant:"footer",sizePx:d,src:n,reverse:c,reversedSrc:h,inkIsDark:m,wordmark:p,siteName:u})}),e?Yl("p",{className:"mt-3.5 max-w-[280px] text-[13px] leading-[1.5] text-fg-dim",children:k(e)}):i?Yl("p",{className:"mt-3.5 max-w-[280px] text-[13px] italic leading-[1.5] text-fg-dim/60",children:"Add a short brand tagline \u2192"}):null]})}import{jsx as iJ}from"react/jsx-runtime";var dP={label:"Logo",defaultProps:{widthPct:100,align:"left",reverse:"auto",padTop:0,padRight:0,padBottom:0,padLeft:0},render:({tagline:e,widthPct:t,align:a,reverse:c,padTop:s,padRight:l,padBottom:o,padLeft:r,puck:i})=>iJ(bu,{tagline:e||void 0,widthPct:t,align:a,reverse:c!=="off",padTop:s,padRight:l,padBottom:o,padLeft:r,editing:i?.isEditing})};import{jsx as nJ}from"react/jsx-runtime";var vP={label:"Menu",defaultProps:{accordionMobile:!1,showDividers:!1},render:({menu:e,heading:t,accordionMobile:a,showDividers:c,puck:s})=>nJ(ie,{menu:e,heading:t||void 0,accordionMobile:a,showDividers:c,editing:s?.isEditing})};import{jsx as hJ}from"react/jsx-runtime";var fP={label:"Social Logos",defaultProps:{iconStyle:T8,iconSize:"medium",align:"start",gap:Dt},render:({iconStyle:e,iconSize:t,align:a,gap:c,puck:s})=>hJ(Qp,{iconStyle:e,iconSize:t,align:a,gap:c,editing:s?.isEditing})};import{jsx as pJ}from"react/jsx-runtime";var mJ={sm:"text-[12px]",md:"text-[13px]",lg:"text-[15px]"};function zu({text:e,size:t="md",tone:a="default",editing:c=!1}){let s=e||(c?"Add a line of footer text.":"");return s?pJ("p",{className:`${mJ[t]} leading-[1.5] ${a==="dim"?"text-fg-dim":"text-fg"}`,children:k(s)}):null}import{jsx as uJ}from"react/jsx-runtime";var bP={label:"Text",defaultProps:{size:"md",tone:"default"},render:({text:e,size:t,tone:a,puck:c})=>uJ(zu,{text:e||void 0,size:t,tone:a,editing:c?.isEditing})};import{jsx as gJ}from"react/jsx-runtime";var zP={label:"Form",defaultProps:{formSlug:"",heading:"",intro:"",submitText:"",finePrint:""},render:e=>gJ(zr,{formSlug:Y(e.formSlug)||void 0,heading:Y(e.heading)||void 0,intro:Y(e.intro)||void 0,submitText:Y(e.submitText)||void 0,finePrint:Y(e.finePrint)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as dJ}from"react/jsx-runtime";var xP={label:"Legal Line",render:()=>dJ(It,{})};import{jsx as vJ}from"react/jsx-runtime";var wP={label:"Submit box",defaultProps:{},render:e=>vJ(bz,{region:typeof e.region=="string"?e.region:void 0,eyebrow:V0(e.eyebrow,e0.eyebrow,e.puck),title:V0(e.title,e0.title,e.puck),body:V0(e.body,e0.body,e.puck),buttonText:V0(e.buttonText,e0.buttonText,e.puck),consent:V0(e.consent,e0.consent,e.puck),formSlug:Y(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing,styleField:e.styleField,styleTick:e.styleTick,styleThanks:e.styleThanks})};import{jsx as fJ}from"react/jsx-runtime";var yP={label:"Subscribe Form",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",issues:[],archiveText:"",archiveHref:""},render:({headNum:e,headTitle:t,headDesc:a,kicker:c,leadTitle:s,intro:l,emailPlaceholder:o,submitText:r,subscribedText:i,finePrint:n,issuesHeading:h,issues:m,contentType:p,posts:u,limit:d,archiveText:g,archiveHref:z,puck:f})=>fJ(Kt,{headNum:x(e,b0.headNum,f),headTitle:x(t,b0.headTitle,f),headDesc:x(a,b0.headDesc,f),kicker:x(c,b0.kicker,f),leadTitle:x(s,b0.leadTitle,f),intro:x(l,b0.intro,f),emailPlaceholder:Y(o)||b0.emailPlaceholder,submitText:Y(r)||b0.submitText,subscribedText:Y(i)||b0.subscribedText,finePrint:x(n,b0.finePrint,f),issuesHeading:x(h,b0.issuesHeading,f),issues:jl(mu(p),{issues:m,posts:u,limit:d,puck:f}),source:A3.subscribeSection,editing:f?.isEditing,archiveText:x(g,b0.archiveText,f),archiveHref:Y(z)||b0.archiveHref})};var kP={AppointmentBooking:rV,BookingBox:iP,ContactRouting:hP,Events:zV,Footer:MV,FooterDivider:pP,FooterEmailSignup:gP,FooterGroup:HV,FooterLogo:dP,FooterMenu:vP,FooterSocial:fP,FooterText:bP,Form:zP,LegalLineBlock:xP,ReviewForm:DV,Reviews:WV,[L8]:KV,[C8]:jV,SubmitBox:wP,SubmitBuild:QV,Subscribe:yP,SubscribeBlogs:oP};var bJ={AppointmentBooking:iV,BookingBox:nV,ContactRouting:mV,Events:xV,Footer:CV,FooterDivider:LV,FooterEmailSignup:SV,FooterGroup:FV,FooterLogo:TV,FooterMenu:PV,FooterSocial:ZV,FooterText:IV,Form:RV,LegalLineBlock:_V,ReviewForm:OV,Reviews:UV,[L8]:$V,[C8]:XV,SubmitBox:JV,SubmitBuild:eP,Subscribe:lP,SubscribeBlogs:rP},O0=D8(kP,bJ);import{Fragment as WJ,jsx as _1,jsxs as Z7}from"react/jsx-runtime";var VU1=[{value:"00",label:L.label},{value:"00",label:L.label},{value:"00",label:L.label}],FJ="color-mix(in oklab, var(--bg) 40%, #ffffff)",TJ="12vh",VJ=_o(()=>import("./PreviewFooter-TTWVSN7F.js")),PJ=_o(()=>import("./render-client-3H6QYWG7.js"));function EJ({style:e,frameClass:t,children:a}){let{appState:c}=HJ(u=>u),s=c.data.content,l=c.data.root;if(ef(s))return _1("div",{className:`sf-themed-content${t?` ${t}`:""}`,style:{...e,background:FJ,minHeight:"100vh",paddingBottom:TJ},children:_1("div",{style:{background:"var(--bg)"},children:a})});let o=qa(s)&&qo(l,s),r=qa(s)?cf(l,s):null,i=r?{[af]:r}:null,n=Xg(l?.widthChoice),h=n?{[Yg]:n}:null,m=o?null:Vf(s),p=m?{[Ff]:m}:null;return _1("div",{className:`sf-themed-content${o?` ${Go}`:""}${t?` ${t}`:""}`,style:e,...p,...i,...h,children:_1("div",{style:{background:"var(--bg)",minHeight:"100%"},children:a})})}function CP(e){return{frameClass:void 0,style:{"--sf-page-width":q9}}}function LP({w:e,children:t}){let{frameClass:a,style:c}=CP(e);return _1("div",{className:a,style:c,children:t})}function SP({propsTheme:e,propsFonts:t,propsCornerStyle:a,propsCornerRadiusPx:c,propsHeadingCompression:s,propsHeadingTypography:l,widthMode:o,fullWidth:r,pageWidth:i,pageBackground:n,chromeInheritsSiteBackground:h,suppressPreviewNav:m,footer:p,overlay:u,children:d}){let{theme:g,fonts:z,sizes:f,cornerRadiusPx:b,cardShadow:y,shadowColor:C,cardGap:S,hoverEffect:H,headingCompression:_,siteWidth:Z,siteGutter:q,blockGap:j,headingTypography:B,heroBackgroundFollowsWidth:N,photographyGrayscale:D,themeFromDocument:T}=D3(),R=T?e:g,i1=T?t:z,O=T?void 0:f,m1=T?c===void 0?Vu[Tu(a)]:Pu(c):b,Q=T?s:_,K=T?l:B,a1=CP({widthMode:o,fullWidth:r,pageWidth:i}),B1={...ta(R),...ro(O),...Ru(K),...a1.style,...h?{}:mo(n)};return _1("div",{className:"sf-theme-surfaces sf-theme-accent",style:{...uo(i1),...ao(R),...co(R),...so(R),...lo(R),...io(m1),...Ou(io(m1)),...Zu(T?void 0:y,T?void 0:C,T?void 0:H),...qg(T?void 0:Z),...Wg(T?void 0:q),...ed(T?void 0:j),...jg(T?void 0:N)},"data-sf-headings":Iu(Q),"data-sf-card-shadow":T?void 0:Eu(y),"data-sf-card-gap":T?void 0:Bu(S),"data-sf-card-hover":T?void 0:Nu(H),onClickCapture:m,children:Z7(cw,{grayscale:T?void 0:D,children:[_1(EJ,{style:B1,frameClass:a1.frameClass,children:d}),p,u]})})}var BJ={padding:"14px 18px",fontFamily:"var(--font-mono, monospace)",fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:"var(--fg-dim, #888)",borderBottom:"1px solid var(--line, #e5e5e5)"};function NJ({propsTheme:e,propsFonts:t,widthMode:a,fullWidth:c,pageWidth:s,pageBackground:l,chromeInheritsSiteBackground:o,suppressPreviewNav:r,children:i}){let{originData:n,exitFocus:h}=Zx(),{theme:m,fonts:p,sizes:u,themeFromDocument:d}=D3();if(!n)return Z7(SP,{propsTheme:e,propsFonts:t,widthMode:a,fullWidth:c,pageWidth:s,pageBackground:l,chromeInheritsSiteBackground:o,suppressPreviewNav:r,footer:null,children:[_1("div",{style:BJ,children:"This is your site footer \u2014 it shows at the bottom of every page."}),i]});let g=d?e:m,z=d?t:p,f=n.content??[],b=n.root,y=qa(f)&&qo(b,f);return Z7("div",{className:"sf-theme-accent",style:{...uo(z),...ao(g),...co(g),...so(g)},onClickCapture:r,children:[Z7("div",{style:{position:"relative"},children:[_1("div",{className:y?Go:void 0,style:{...ta(g),...ro(d?void 0:u),pointerEvents:"none",userSelect:"none"},"aria-hidden":"true",children:_1(PJ,{data:n})}),_1("button",{type:"button",onClick:()=>h(),title:"Click the page to go back","aria-label":"Go back to the page",style:{position:"absolute",inset:0,width:"100%",height:"100%",cursor:"pointer",background:"transparent",border:0,padding:0}})]}),_1("div",{className:"sf-theme-surfaces",style:{...ta(g),...lo(g)},children:_1(LP,{w:{widthMode:a,fullWidth:c,pageWidth:s},children:i})})]})}var n0=yo,ZJ={formSlug:x4(void 0,"Newsletter (built in)"),_gLeft:v("Left panel"),metaLabel:P("Meta label",n0.metaLabel),issueLabel:P("Issue label",n0.issueLabel),issueNumber:P("Issue number",n0.issueNumber),kicker:P("Eyebrow",n0.kicker),heading:C1("Heading",n0.heading),deck:C1("Deck",n0.deck),stats:{type:"array",label:"Stats",arrayFields:{label:P("Label"),value:P("Value")},getItemSummary:e=>e?.label||e?.value||"Stat"},_gForm:v("Right panel \xB7 form"),formLabel:P("Section label",n0.formLabel),formHeading:P("Heading",n0.formHeading),formIntro:C1("Intro",n0.formIntro),firstNameLabel:P("First-name label",n0.firstNameLabel),firstNamePlaceholder:P("First-name placeholder",n0.firstNamePlaceholder),emailLabel:P("Email label",n0.emailLabel),emailPlaceholder:P("Email placeholder",n0.emailPlaceholder),_gChoices:v("Right panel \xB7 choices"),interestsLabel:P("Interests label",n0.interestsLabel),interests:r2("Interest chips",_1(g3,{noun:"tag"}),"Chip label","verbatim"),frequencyLabel:P("Frequency label",n0.frequencyLabel),frequencies:r2("Frequency options",_1(kJ,{}),"Option label","verbatim"),_gActions:v("Right panel \xB7 actions"),submitText:P("Submit button",n0.submitText),finePrint:P("Fine print",n0.finePrint),dismissText:P("Dismiss link",n0.dismissText),emailInvalidText:P("Invalid-email error",n0.emailInvalidText),submitErrorText:P("Submit-failed error",n0.submitErrorText),_gSuccess:v("Success state"),successHeading:P("Heading",n0.successHeading),successBody:C1("Message",n0.successBody),keepBrowsingText:P("Dismiss button",n0.keepBrowsingText),...ic(n4,tc),...nc(),_gTextStyle:v("Text style"),...Object.fromEntries(pa.map(e=>[Pg[e],h1(vo[e],_8(vo[e]),[{label:"Popup's own",value:""},...K7.map(t=>({label:$7[t],value:t}))],"")])),_gBehaviour:v("Behavior"),autoOpen:e1("Show by itself",n0.autoOpen,_1(yJ,{})),trigger:p1("Trigger",_1(AJ,{}),[{label:"Delay",value:"delay"},{label:"Scroll",value:"scroll"},{label:"Exit",value:"exit"}],n0.trigger),autoOpenDelaySec:J("Delay",_1(xu,{}),zo.min,zo.max,1,n0.autoOpenDelaySec,"s"),scrollPercent:J("Scroll",_1(SJ,{}),xo.min,xo.max,5,n0.scrollPercent,"%"),showOn:p1("Pages",_1(CJ,{}),[{label:"All",value:"all"},{label:"Chosen",value:"chosen"}],n0.showOn),showOnPages:f8("Chosen pages",[],"None"),hideAfter:p1("After close",_1(xu,{}),[{label:"This visit",value:"visit"},{label:"Days",value:"days"},{label:"Never",value:"never"}],n0.hideAfter),hideDays:J("Days",_1(xu,{}),wo.min,wo.max,1,n0.hideDays),_gArrangement:v("Arrangement"),formSide:p1("Form side",_1(LJ,{}),[{label:"Right",value:"right"},{label:"Left",value:"left"}],n0.formSide),_gPhone:v("On a phone"),valuePanelOnPhone:e1("Left panel",n0.valuePanelOnPhone,_1(xJ,{}))},IJ=bc(ZJ,"SubscribePopup");async function RJ(){return(await jf(Z2()??"")).filter(t=>!Eg(t.slug)).map(t=>({label:Zg(t),value:Gf(t.slug)}))}async function _J(e){let t=ko(e),a=new Set;t.autoOpen||["trigger","autoOpenDelaySec","scrollPercent","showOn","showOnPages","hideAfter","hideDays"].forEach(s=>a.add(s)),t.trigger==="scroll"&&a.add("autoOpenDelaySec"),t.trigger!=="scroll"&&a.add("scrollPercent"),t.showOn!=="chosen"&&a.add("showOnPages"),t.hideAfter!=="days"&&a.add("hideDays");let c={};for(let[s,l]of Object.entries(IJ))a.has(s)||(c[s]=s==="showOnPages"?{...l,options:await RJ().catch(()=>[])}:l);return M8(c)}var s4=ma,DJ={_gHeader:v("Header"),kickerBadge:P("Eyebrow badge",s4.kickerBadge),kickerText:P("Eyebrow text",s4.kickerText),titleLead:P("Heading",s4.titleLead),titleAccent:P("Heading accent",s4.titleAccent),subtitleEmpty:C1("Sub-line \xB7 empty",s4.subtitleEmpty),subtitleOne:C1("Sub-line \xB7 one set",s4.subtitleOne),subtitleMany:C1("Sub-line \xB7 several sets",s4.subtitleMany,"{count} becomes the number of sets"),_gStatus:v("Status rail"),leadTimeValue:P("Lead time",s4.leadTimeValue),shipsToFallback:P("Ships to \xB7 fallback",s4.shipsToFallback,"Shown only while the site serves no countries \u2014 otherwise the site's default country is stated"),_gPromises:v("Promise row"),promises:r2("Trust markers",_1(MP,{}),"Marker","verbatim"),_gEmpty:v("Empty basket"),emptyKicker:P("Eyebrow",s4.emptyKicker),emptyBody:C1("Message",s4.emptyBody)};function OJ(){return{type:"custom",render:({value:e,onChange:t})=>_1(re,{value:e==="full"?"full":e==="content"?"content":void 0,resolved:"content",followsLabel:"Follows the site",hint:"Whether this page sits on the site's content column, or runs edge to edge.",onChange:a=>t(a)})}}var GJ=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],I7={root:{fields:{title:P("Page Title"),pageBackground:yb(),topSpace:h1("Top space",_1(MJ,{}),GJ,tf),widthChoice:OJ(),_gOpening:v("Opening filter"),openingProcess:h1("Process",O6("A facet's options grow out of the merchant's CATALOGUE, so the set of rows is not ours to count and an icon-per-facet queue never empties. Owner, 2026-08-29, on the `Opening filter` group: \u300Cfilter \u91CC\u4E0D\u52A0 icon\u2026\u4E0D\u7136\u6CA1\u5B8C\u6CA1\u4E86\u3002\u300D"),hw,Uc),openingSize:P("Size","Any"),openingLugs:P("Lugs","Any"),openingFinish:h1("Finish",O6("A facet's options grow out of the merchant's CATALOGUE, so the set of rows is not ours to count and an icon-per-facet queue never empties. Owner, 2026-08-29, on the `Opening filter` group: \u300Cfilter \u91CC\u4E0D\u52A0 icon\u2026\u4E0D\u7136\u6CA1\u5B8C\u6CA1\u4E86\u3002\u300D"),nw,Uc),openingPriceMin:P("Price from","Any"),openingPriceMax:P("Price to","Any")},resolveFields:async(e,{fields:t})=>{if(e?.props?.kind===bo)return _J(e.props);if(e?.props?.kind===go)return DJ;let a=t;return g2()?{[Ng]:h1("Product type",_1(zJ,{}),s8,"alloy-wheel"),...a,_gHeroBullets:v("Product hero"),_nHeroBullets:v4("The promises under Add to Cart. Text before the \xB7 is bold. Leave the list empty to show no promises at all."),[Nr]:r2("Trust bullets",_1(MP,{}),$w(ve.bullets[0]),"verbatim")}:a},render:e=>{let{children:t,puck:a,widthMode:c,fullWidth:s,pageWidth:l,pageBackground:o,theme:r,fonts:i,scales:n,kind:h,previewProduct:m}=e,p=ua(typeof h=="string"?h:"",e);if(h===bo){let b=ko(e);return Z7("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[a?.isEditing?_1("div",{style:{padding:"14px 18px",fontFamily:"var(--font-mono, monospace)",fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:"var(--fg-dim, #888)",borderBottom:"1px solid var(--line, #e5e5e5)"},children:"This is the site popup \u2014 edit it in the Settings panel \u2192"}):null,_1(Sw,{inline:!0,content:b})]})}if(h===go){let b=Vg(e);return Z7("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[a?.isEditing?_1("div",{style:{padding:"14px 18px",fontFamily:"var(--font-mono, monospace)",fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:"var(--fg-dim, #888)",borderBottom:"1px solid var(--line, #e5e5e5)"},children:"This is the cart drawer \u2014 edit its copy in the Settings panel \u2192"}):null,_1(La,{children:_1(Ea,{preview:!0,children:_1(ue,{content:b})})})]})}let u=!!a?.isEditing,d=_1(Uw,{kind:p,children:_1(Xw,{content:jw(e),children:_1(Gw,{slug:u?m:null,children:_1(Nv,{initial:rw(e),children:t})})})}),g=h===Sg&&!ng(o);if(!u)return _1("div",{style:{...g?{}:mo(o),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:_1(LP,{w:{widthMode:c,fullWidth:s,pageWidth:l},children:d})});let z=h===Lg,f=b=>{b.target?.closest?.("a")&&b.preventDefault()};return z?_1(NJ,{propsTheme:r,propsFonts:i,widthMode:c,fullWidth:s,pageWidth:l,pageBackground:typeof o=="string"?o:void 0,chromeInheritsSiteBackground:g,suppressPreviewNav:f,children:d}):_1(SP,{propsTheme:r,propsFonts:i,widthMode:c,fullWidth:s,pageWidth:l,pageBackground:typeof o=="string"?o:void 0,suppressPreviewNav:f,footer:_1(VJ,{}),overlay:Z7(WJ,{children:[_1(Tr,{}),_1(Br,{})]}),children:d})}},categories:Ig(),components:{Heading:A1.Heading,Text:A1.Text,Eyebrow:A1.Eyebrow,ImageBlock:A1.ImageBlock,LogoBlock:A1.LogoBlock,ButtonBlock:A1.ButtonBlock,Spacer:A1.Spacer,Divider:A1.Divider,Grid:A1.Grid,Flex:A1.Flex,Breadcrumb:A1.Breadcrumb,Masthead:A1.Masthead,CategoryBar:A1.CategoryBar,FeaturedCover:A1.FeaturedCover,LongRead:A1.LongRead,Series:A1.Series,Subscribe:O0.Subscribe,SubscribeBlogs:O0.SubscribeBlogs,Banner:A1.Banner,ParagraphsA:A1.ParagraphsA,StatsParagraph:A1.StatsParagraph,Timeline:A1.Timeline,Footprint:A1.Footprint,TimelineTrack:A1.TimelineTrack,TitleWithButtons:A1.TitleWithButtons,Stats:A1.Stats,Integrations:A1.Integrations,Mockup:A1.Mockup,Chart:A1.Chart,KeyFeatures:A1.KeyFeatures,Testimonials:A1.Testimonials,Reviews:O0.Reviews,Prose:A1.Prose,Cards:A1.Cards,Logos:A1.Logos,Ticker:A1.Ticker,ContactRouting:O0.ContactRouting,ContactLocations:A1.ContactLocations,HeroSingle:A1.HeroSingle,Hero:A1.Hero,HeroSlide:A1.HeroSlide,HeroGroup:A1.HeroGroup,Collections:w0.Collections,CollectionCard:w0.CollectionCard,Events:O0.Events,PostCard:A1.PostCard,DocMetaCards:A1.DocMetaCards,DocTabs:A1.DocTabs,DocMasthead:A1.DocMasthead,DocBody:A1.DocBody,FAQ:A1.FAQ,Gallery:w0.Gallery,GalleryB:w0.GalleryB,BrandStrip:w0.BrandStrip,SpecStrip:A1.SpecStrip,GalleryItem:w0.GalleryItem,Manifesto:A1.Manifesto,SectionHeader:A1.SectionHeader,IntroBleed:A1.IntroBleed,Split:A1.Split,SubmitBuild:O0.SubmitBuild,SubmitBox:O0.SubmitBox,ReviewForm:O0.ReviewForm,Form:O0.Form,AppointmentBooking:O0.AppointmentBooking,BookingBox:O0.BookingBox,CatalogFilterBar:w0.CatalogFilterBar,AlloyWheelsListing:w0.AlloyWheelsListing,ProductGrid:w0.ProductGrid,ProductHero:w0.ProductHero,SpecTable:w0.SpecTable,ProcessSteps:A1.ProcessSteps,DetailRows:w0.DetailRows,FitmentTable:w0.FitmentTable,RelatedProducts:w0.RelatedProducts,BundleOffer:w0.BundleOffer,CompatibleTyres:w0.CompatibleTyres,TyreSizes:w0.TyreSizes,TyreFitment:w0.TyreFitment,EuTyreLabel:w0.EuTyreLabel,FitmentFinder:w0.FitmentFinder,OrderSummary:A1.OrderSummary,DeliveryOptions:w0.DeliveryOptions,PaymentBadges:A1.PaymentBadges,CheckoutCTA:w0.CheckoutCTA,ProductRef:w0.ProductRef,CustomHTML:A1.CustomHTML,Header:w0.Header,Footer:O0.Footer,FooterLogo:O0.FooterLogo,FooterMenu:O0.FooterMenu,FooterDivider:O0.FooterDivider,FooterGroup:O0.FooterGroup,FooterText:O0.FooterText,FooterEmailSignup:O0.FooterEmailSignup,FooterSocial:O0.FooterSocial,LegalLineBlock:O0.LegalLineBlock,SearchBlock:w0.SearchBlock,CartBlock:w0.CartBlock,CountrySwitchBlock:w0.CountrySwitchBlock,[C8]:O0.SiteHeader,[L8]:O0.SiteFooter}},qJ={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial"};for(let[e,t]of Object.entries(qJ)){let a=I7.components;a[e]={...a[t]}}{let e=I7.components.MenuBlock;e.fields={...e.fields,direction:p1("Direction",_1(wJ,{}),[{label:$o.column,value:"column"},{label:$o.row,value:"row"}],"column")},e.defaultProps={...e.defaultProps,direction:"column"},e.render=({menu:t,heading:a,accordionMobile:c,showDividers:s,direction:l,puck:o})=>_1(ie,{menu:t,heading:a||void 0,accordionMobile:c,showDividers:s,layout:l==="row"?"row":"column",editing:o?.isEditing})}var AP={...dr(Object.keys(I7.components),I7.categories?.structure?.components??[]),inspector:Bx};for(let[e,t]of Object.entries(I7.components))Ex(e,t,AP);var PU1=AP.sectionGroupAllow;{let e=I7.root,t=e.resolveFields;e.resolveFields=t?(a,c)=>{let s=t(a,c);return s instanceof Promise?s.then(l=>V8(l??c.fields,"page")):V8(s??c.fields,"page")}:(a,c)=>V8(c.fields,"page")}var gp=I7;export{h91 as a,m91 as b,p91 as c,u91 as d,g91 as e,Vr as f,dr as g,Ex as h,Bx as i,Q11 as j,r01 as k,qx as l,t21 as m,oN as n,H31 as o,Vx1 as p,tB1 as q,gp as r};
|