efficient-web-builder 0.8.1 → 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 +80 -1
- 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-6VNEBJKI.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-SNJQZ6JZ.js +0 -1
- package/dist/chunks/SectionEditorShell-U5FUJW2M.js +0 -1
- package/dist/chunks/StorefrontEditorChrome-6OQOFCL6.js +0 -1
- package/dist/chunks/chunk-4MT74TMP.js +0 -1
- package/dist/chunks/chunk-764WH3TY.js +0 -11
- package/dist/chunks/chunk-CZ46NWN5.js +0 -230
- package/dist/chunks/chunk-DN65SLZM.js +0 -1
- package/dist/chunks/chunk-KZIT3J33.js +0 -1
- package/dist/chunks/chunk-RTCXXI5U.js +0 -143
- package/dist/chunks/chunk-TX7ND7AF.js +0 -1
- package/dist/chunks/chunk-WQ7W4AXL.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-ISZ5CGAI.js +0 -1
- /package/dist/chunks/{chunk-RTCXXI5U.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-WQ7W4AXL.js.LEGAL.txt → chunk-TUB4O4RZ.js.LEGAL.txt} +0 -0
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import{A as ww,C as Cw,D as F4,E as Mw,F as qo,G as la,H as Q5,J as Wo,K as Vh,a as R1,d as Z1,e as Ex,f as W1,g as D1,i as Ey,k as Ry,m as Iy,n as Fh,p as Vo,q as v4,r as No,s as q6,t as J3,u as Zy,w as Dy}from"./chunk-J5WPJJCW.js";import{a as Kw}from"./chunk-MEIUD5LJ.js";import{$ as Cx,$b as ao,$d as yh,$e as py,$f as Q7,$g as tw,A as fx,Ab as sz,Ac as Y7,Ad as bh,Ae as P9,Af as c1,Ah as vw,B as bx,Bb as cz,Bc as Fz,Be as iy,Bf as Cy,Bg as Gy,Bh as Go,C as xx,Cb as y9,Cc as Tz,Cd as Q2,Ce as ny,Cf as n5,Cg as qy,Ch as fw,D as sh,Da as _x,Db as B6,Dc as C9,Dd as L9,De as hy,Df as _9,Dg as e8,Dh as bw,E as zx,Ea as p2,Eb as oz,Ec as Pz,Ee as fo,Ef as j5,Eg as _o,F as yx,Fb as ea,Fc as M9,Fd as Y3,Fe as Z6,Ff as My,Fg as t8,Fh as xw,Gc as S9,Gd as X3,Ge as sa,Gf as Co,Gh as $9,Ha as A2,Hb as lz,Hc as Ez,Hd as K5,He as D6,Hf as d1,Hg as Wy,Hh as zw,I as Rc,Ia as t1,Ic as Vz,Id as X7,If as B9,Ig as Uy,Ja as Bx,Jc as lo,Jd as A9,Je as J7,Jf as t2,Jg as Ky,Jh as yw,Kb as rz,Kd as H9,Ke as my,Kg as $y,Kh as Eh,Lb as iz,Ld as R6,Le as E9,Lf as Mo,Lg as Bo,Lh as kw,Mb as nz,Md as ho,Me as e3,Mf as g1,Mg as Ro,Nb as hz,Ng as jy,Ob as mz,Od as $z,Oe as V9,Of as O1,Og as Yy,Pb as pz,Pd as mo,Pe as bo,Pf as So,Pg as Io,Ph as Hw,Qb as uz,Qd as F9,Qe as H,Qg as Xy,Qh as Fw,R as wx,Rb as Jc,Rd as V3,Re as B,Rf as Hh,Rg as a8,Rh as Tw,Sa as W5,Sb as Qc,Sd as jz,Se as I,Sf as H2,Sg as Y1,Sh as Pw,Ta as $7,Tb as uh,Tc as Nz,Td as Yz,Te as u1,Tg as Y5,Ua as Jt,Ub as Z2,Uc as _z,Ud as xh,Ue as A1,Uf as R9,Ug as C,Va as U5,Vb as E0,Vc as ro,Vd as po,Ve as V1,Vf as I9,Vg as B0,W as kx,Wb as dz,Wc as Bz,Wd as Xz,Wf as Lo,Wg as j,Xb as eo,Xc as Rz,Xd as Jz,Xf as G6,Xg as d0,Ya as Rx,Yb as j7,Yd as uo,Ye as Ah,Yf as Sy,Yg as Jy,Zb as to,Zd as zh,Ze as x,Zf as Ly,Zg as Qy,_d as Qz,_e as l5,_g as ew,a as Qb,aa as Mx,ab as lh,ac as dh,ae as ey,af as a0,ag as Z9,ah as aw,b as _c,ba as Sx,bb as rh,bc as gz,be as wh,bf as uy,bg as D9,bh as sw,c as ex,ca as Lx,cc as gh,ce as aa,cf as N9,cg as O9,ch as cw,d as Xt,da as ch,db as Ix,dc as a5,dd as Iz,de as kh,df as O6,dg as G9,dh as ow,ea as Ax,ec as vz,ed as io,ee as Ch,ef as xo,eg as Ay,eh as lw,f as tx,fa as Hx,fc as w9,fe as Mh,fg as Hy,fh as rw,g as u9,ga as Ic,gc as fz,ge as Sh,gg as Fy,gh as iw,ha as Zc,hc as bz,he as Lh,hf as a1,hg as Ao,hh as nw,ia as Fx,ib as x9,ic as xz,ie as ty,if as _3,ih as X5,j as ax,ja as Tx,jc as zz,je as $5,jf as dy,jg as Ho,jh as J5,k as sx,ka as Px,kc as yz,kd as no,ke as ay,kf as zo,kg as Ty,kh as W9,la as g9,lc as wz,ld as Zz,le as o5,lf as gy,lg as Py,lh as U9,ma as v9,mb as z9,mc as kz,me as sy,mf as vy,mg as q9,mh as hw,n as n0,na as Dc,nb as Zx,nc as Cz,nd as s5,ne as go,nf as yo,nh as Zo,o as Bc,ob as Dx,oc as Mz,od as Dz,oe as vo,of as wo,p as ah,pb as Ox,pc as Sz,pd as Oz,pe as cy,pf as ko,pg as Vy,ph as Th,q as rx,qb as Gx,qc as so,qd as J2,qe as oy,qf as fy,qh as mw,r as ix,rb as ih,rc as k9,rd as Gz,re as ly,rf as by,rh as Ph,s as nx,sb as mh,sc as Lz,sd as j3,sf as xy,sg as Eo,sh as Do,t as hx,ta as I2,tb as ph,tc as vh,td as qz,tf as zy,th as Oo,u as mx,ua as f9,uc as co,ud as fh,uf as ca,uh as K9,v as px,vb as Qx,vc as Az,vf as yy,vh as pw,w as ux,wa as Oc,wb as ez,wc as Hz,wd as c5,we as ry,wf as r5,wg as Oy,wh as uw,x as dx,xb as tz,xd as Wz,xe as N3,xf as i5,xh as oa,y as gx,ya as Gc,yb as Xc,yd as Uz,ye as T9,yf as wy,yh as dw,z as vx,za as oh,zb as az,zd as Kz,ze as I6,zf as ky,zh as gw}from"./chunk-TUB4O4RZ.js";import{b as g4}from"./chunk-HVOO2GNE.js";import{$ as Jw,A as te,B as Qo,C as Ww,D as ae,E as Uw,H as el,I as h0,K as _h,L as tl,M as Q3,N as al,R as Y6,S as $w,T as jw,U as Yw,V as se,W as ce,X as oe,Y as ia,Z as Xw,_ as le,a as Rw,aa as Qw,ba as ek,ca as c8,da as tk,e as K6,ea as Bh,f as Ko,g as Iw,h as Zw,i as Nh,j as Dw,k as Ow,l as $o,m as X9,n as jo,p as D2,q as $6,r as Yo,s as J9,t as Q9,u as Xo,v as j6,w as Jo,x as Gw,y as qw,z as ee}from"./chunk-EKKAVQJX.js";import{d as ra,e as W6,g as r2,h as Uo,i as T4,j as Ew,k as Vw,l as U6,m as Nw,n as _w,s as j9,t as p0,u as s8,v as Bw,w as Y9,x as X1}from"./chunk-7QXLVNFD.js";import{c as Sw}from"./chunk-RRHBLOH4.js";import{Ea as Jx,Ha as ta,Ia as oo,K as Qt,Ka as E3,L as Uc,La as Fo,N as Kc,Na as To,Pa as Ny,Q as $c,Qa as _y,Ra as By,S as jc,Sa as Po,T as nh,Z as Yc,_ as qx,a as P3,b as cx,ba as Wx,c as M1,ca as Ux,da as hh,l as t5,m as b9,n as qc,o as Vx,p as Nx,qa as Kx,ra as $x,sa as jx,t as Wc,ta as Yx,wa as Xx}from"./chunk-FU5UZ4UY.js";import{a as jb,c as Yb,d as Xb,i as Yt,l as Jb,m as L2,n as ox,o as d9,p as lx,q as $3,t as Lw,u as t3,v as Aw}from"./chunk-6CP4D6VJ.js";import{a as jZ,b as YZ}from"./chunk-Y6SLVHK3.js";var XF=jZ((pM1,YF)=>{"use strict";function EF(e,t){(t==null||t>e.length)&&(t=e.length);for(var a=0,s=Array(t);a<t;a++)s[a]=e[a];return s}function VY(e){if(Array.isArray(e))return e}function NY(e,t){var a=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(a!=null){var s,c,o,l,r=[],i=!0,n=!1;try{if(o=(a=a.call(e)).next,t!==0)for(;!(i=(s=o.call(a)).done)&&(r.push(s.value),r.length!==t);i=!0);}catch(h){n=!0,c=h}finally{try{if(!i&&a.return!=null&&(l=a.return(),Object(l)!==l))return}finally{if(n)throw c}}return r}}function _Y(){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 BY(e,t){return VY(e)||NY(e,t)||RY(e,t)||_Y()}function RY(e,t){if(e){if(typeof e=="string")return EF(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)?EF(e,t):void 0}}var KF=Object.entries,VF=Object.setPrototypeOf,IY=Object.isFrozen,ZY=Object.getPrototypeOf,DY=Object.getOwnPropertyDescriptor,i3=Object.freeze,n3=Object.seal,et=Object.create,$F=typeof Reflect<"u"&&Reflect,id=$F.apply,nd=$F.construct;i3||(i3=function(t){return t});n3||(n3=function(t){return t});id||(id=function(t,a){for(var s=arguments.length,c=new Array(s>2?s-2:0),o=2;o<s;o++)c[o-2]=arguments[o];return t.apply(a,c)});nd||(nd=function(t){for(var a=arguments.length,s=new Array(a>1?a-1:0),c=1;c<a;c++)s[c-1]=arguments[c];return new t(...s)});var ms=k2(Array.prototype.forEach),OY=k2(Array.prototype.lastIndexOf),NF=k2(Array.prototype.pop),Qe=k2(Array.prototype.push),GY=k2(Array.prototype.splice),C7=Array.isArray,ds=k2(String.prototype.toLowerCase),sd=k2(String.prototype.toString),_F=k2(String.prototype.match),ps=k2(String.prototype.replace),BF=k2(String.prototype.indexOf),qY=k2(String.prototype.trim),WY=k2(Number.prototype.toString),UY=k2(Boolean.prototype.toString),RF=typeof BigInt>"u"?null:k2(BigInt.prototype.toString),IF=typeof Symbol>"u"?null:k2(Symbol.prototype.toString),W2=k2(Object.prototype.hasOwnProperty),us=k2(Object.prototype.toString),r3=k2(RegExp.prototype.test),N8=KY(TypeError);function k2(e){return function(t){t instanceof RegExp&&(t.lastIndex=0);for(var a=arguments.length,s=new Array(a>1?a-1:0),c=1;c<a;c++)s[c-1]=arguments[c];return id(e,t,s)}}function KY(e){return function(){for(var t=arguments.length,a=new Array(t),s=0;s<t;s++)a[s]=arguments[s];return nd(e,a)}}function v0(e,t){let a=arguments.length>2&&arguments[2]!==void 0?arguments[2]:ds;if(VF&&VF(e,null),!C7(t))return e;let s=t.length;for(;s--;){let c=t[s];if(typeof c=="string"){let o=a(c);o!==c&&(IY(t)||(t[s]=o),c=o)}e[c]=!0}return e}function $Y(e){for(let t=0;t<e.length;t++)W2(e,t)||(e[t]=null);return e}function S3(e){let t=et(null);for(let s of KF(e)){var a=BY(s,2);let c=a[0],o=a[1];W2(e,c)&&(C7(o)?t[c]=$Y(o):o&&typeof o=="object"&&o.constructor===Object?t[c]=S3(o):t[c]=o)}return t}function jY(e){switch(typeof e){case"string":return e;case"number":return WY(e);case"boolean":return UY(e);case"bigint":return RF?RF(e):"0";case"symbol":return IF?IF(e):"Symbol()";case"undefined":return us(e);case"function":case"object":{if(e===null)return us(e);let t=e,a=z5(t,"toString");if(typeof a=="function"){let s=a(t);return typeof s=="string"?s:us(s)}return us(e)}default:return us(e)}}function z5(e,t){for(;e!==null;){let s=DY(e,t);if(s){if(s.get)return k2(s.get);if(typeof s.value=="function")return k2(s.value)}e=ZY(e)}function a(){return null}return a}function YY(e){try{return r3(e,""),!0}catch{return!1}}var ZF=i3(["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"]),cd=i3(["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"]),od=i3(["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"]),XY=i3(["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"]),ld=i3(["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"]),JY=i3(["maction","maligngroup","malignmark","mlongdiv","mscarries","mscarry","msgroup","mstack","msline","msrow","semantics","annotation","annotation-xml","mprescripts","none"]),DF=i3(["#text"]),OF=i3(["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"]),rd=i3(["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"]),GF=i3(["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"]),$r=i3(["xlink:href","xml:id","xlink:title","xml:space","xmlns:xlink"]),QY=n3(/{{[\w\W]*|^[\w\W]*}}/g),eX=n3(/<%[\w\W]*|^[\w\W]*%>/g),tX=n3(/\${[\w\W]*/g),aX=n3(/^data-[\-\w.\u00B7-\uFFFF]+$/),sX=n3(/^aria-[\-\w]+$/),qF=n3(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),cX=n3(/^(?:\w+script|data):/i),oX=n3(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),lX=n3(/^html$/i),rX=n3(/^[a-z][.\w]*(-[.\w]+)+$/i),WF=n3(/<[/\w!]/g),iX=n3(/<[/\w]/g),nX=n3(/<\/no(script|embed|frames)/i),hX=n3(/\/>/i),x5={element:1,attribute:2,text:3,cdataSection:4,entityReference:5,entityNode:6,processingInstruction:7,comment:8,document:9,documentType:10,documentFragment:11,notation:12},mX=function(){return typeof window>"u"?null:window},pX=function(t,a){if(typeof t!="object"||typeof t.createPolicy!="function")return null;let s=null,c="data-tt-policy-suffix";a&&a.hasAttribute(c)&&(s=a.getAttribute(c));let o="dompurify"+(s?"#"+s:"");try{return t.createPolicy(o,{createHTML(l){return l},createScriptURL(l){return l}})}catch{return console.warn("TrustedTypes policy "+o+" could not be created."),null}},UF=function(){return{afterSanitizeAttributes:[],afterSanitizeElements:[],afterSanitizeShadowDOM:[],beforeSanitizeAttributes:[],beforeSanitizeElements:[],beforeSanitizeShadowDOM:[],uponSanitizeAttribute:[],uponSanitizeElement:[],uponSanitizeShadowNode:[]}},k7=function(t,a,s,c){return W2(t,a)&&C7(t[a])?v0(c.base?S3(c.base):{},t[a],c.transform):s};function jF(){let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:mX(),t=h1=>jF(h1);if(t.version="3.4.11",t.removed=[],!e||!e.document||e.document.nodeType!==x5.document||!e.Element)return t.isSupported=!1,t;let a=e.document,s=a,c=s.currentScript;e.DocumentFragment;let o=e.HTMLTemplateElement,l=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=z5(p,"cloneNode"),g=z5(p,"remove"),d=z5(p,"nextSibling"),f=z5(p,"childNodes"),v=z5(p,"parentNode"),b=z5(p,"shadowRoot"),y=z5(p,"attributes"),z=l&&l.prototype?z5(l.prototype,"nodeType"):null,k=l&&l.prototype?z5(l.prototype,"nodeName"):null;if(typeof o=="function"){let h1=a.createElement("template");h1.content&&h1.content.ownerDocument&&(a=h1.content.ownerDocument)}let S,P="",D,q=!1,N=0,F=function(){if(N>0)throw N8('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.')},E=function(M){F(),N++;try{return S.createHTML(M)}finally{N--}},R=function(M){F(),N++;try{return S.createScriptURL(M)}finally{N--}},T=function(){return q||(D=pX(m,c),q=!0),D},G=a,s1=G.implementation,_=G.createNodeIterator,U=G.createDocumentFragment,Y=G.getElementsByTagName,W=s.importNode,Q=UF();t.isSupported=typeof KF=="function"&&typeof v=="function"&&s1&&s1.createHTMLDocument!==void 0;let b1=QY,X=eX,v1=tX,G1=aX,O=sX,e1=cX,p1=oX,S0=rX,A0=qF,y1=null,e0=v0({},[...ZF,...cd,...od,...ld,...DF]),k1=null,l2=v0({},[...OF,...rd,...GF,...$r]),j1=Object.seal(et(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}})),y2=null,B2=null,H0=Object.seal(et(null,{tagCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeCheck:{writable:!0,configurable:!1,enumerable:!0,value:null}})),m1=!0,q1=!0,L0=!1,F0=!0,o0=!1,q0=!0,$=!1,E1=!1,i0=null,e2=null,Z5=!1,S2=!1,P6=!1,D5=!1,O5=!0,E6=!1,V6="user-content-",m4=!0,G5=!1,k3={},h2=null,w1=v0({},["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"]),t0=null,p4=v0({},["audio","video","img","source","image","track"]),n9=null,Wt=v0({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),e5="http://www.w3.org/1998/Math/MathML",h9="http://www.w3.org/2000/svg",K3="http://www.w3.org/1999/xhtml",N6=K3,Ut=!1,I1=null,u4=v0({},[e5,h9,K3],sd),m3=i3(["mi","mo","mn","ms","mtext"]),Kt=v0({},m3),Pc=i3(["annotation-xml"]),Xn=v0({},Pc),VZ=v0({},["title","style","font","a","script"]),$t=null,NZ=["application/xhtml+xml","text/html"],_Z="text/html",m2=null,m9=null,BZ=a.createElement("form"),Ib=function(M){return M instanceof RegExp||M instanceof Function},Jn=function(){let M=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(m9&&m9===M)return;(!M||typeof M!="object")&&(M={}),M=S3(M),$t=NZ.indexOf(M.PARSER_MEDIA_TYPE)===-1?_Z:M.PARSER_MEDIA_TYPE,m2=$t==="application/xhtml+xml"?sd:ds,y1=k7(M,"ALLOWED_TAGS",e0,{transform:m2}),k1=k7(M,"ALLOWED_ATTR",l2,{transform:m2}),I1=k7(M,"ALLOWED_NAMESPACES",u4,{transform:sd}),n9=k7(M,"ADD_URI_SAFE_ATTR",Wt,{transform:m2,base:Wt}),t0=k7(M,"ADD_DATA_URI_TAGS",p4,{transform:m2,base:p4}),h2=k7(M,"FORBID_CONTENTS",w1,{transform:m2}),y2=k7(M,"FORBID_TAGS",S3({}),{transform:m2}),B2=k7(M,"FORBID_ATTR",S3({}),{transform:m2}),k3=W2(M,"USE_PROFILES")?M.USE_PROFILES&&typeof M.USE_PROFILES=="object"?S3(M.USE_PROFILES):M.USE_PROFILES:!1,m1=M.ALLOW_ARIA_ATTR!==!1,q1=M.ALLOW_DATA_ATTR!==!1,L0=M.ALLOW_UNKNOWN_PROTOCOLS||!1,F0=M.ALLOW_SELF_CLOSE_IN_ATTR!==!1,o0=M.SAFE_FOR_TEMPLATES||!1,q0=M.SAFE_FOR_XML!==!1,$=M.WHOLE_DOCUMENT||!1,S2=M.RETURN_DOM||!1,P6=M.RETURN_DOM_FRAGMENT||!1,D5=M.RETURN_TRUSTED_TYPE||!1,Z5=M.FORCE_BODY||!1,O5=M.SANITIZE_DOM!==!1,E6=M.SANITIZE_NAMED_PROPS||!1,m4=M.KEEP_CONTENT!==!1,G5=M.IN_PLACE||!1,A0=YY(M.ALLOWED_URI_REGEXP)?M.ALLOWED_URI_REGEXP:qF,N6=typeof M.NAMESPACE=="string"?M.NAMESPACE:K3,Kt=W2(M,"MATHML_TEXT_INTEGRATION_POINTS")&&M.MATHML_TEXT_INTEGRATION_POINTS&&typeof M.MATHML_TEXT_INTEGRATION_POINTS=="object"?S3(M.MATHML_TEXT_INTEGRATION_POINTS):v0({},m3),Xn=W2(M,"HTML_INTEGRATION_POINTS")&&M.HTML_INTEGRATION_POINTS&&typeof M.HTML_INTEGRATION_POINTS=="object"?S3(M.HTML_INTEGRATION_POINTS):v0({},Pc);let Z=W2(M,"CUSTOM_ELEMENT_HANDLING")&&M.CUSTOM_ELEMENT_HANDLING&&typeof M.CUSTOM_ELEMENT_HANDLING=="object"?S3(M.CUSTOM_ELEMENT_HANDLING):et(null);if(j1=et(null),W2(Z,"tagNameCheck")&&Ib(Z.tagNameCheck)&&(j1.tagNameCheck=Z.tagNameCheck),W2(Z,"attributeNameCheck")&&Ib(Z.attributeNameCheck)&&(j1.attributeNameCheck=Z.attributeNameCheck),W2(Z,"allowCustomizedBuiltInElements")&&typeof Z.allowCustomizedBuiltInElements=="boolean"&&(j1.allowCustomizedBuiltInElements=Z.allowCustomizedBuiltInElements),n3(j1),o0&&(q1=!1),P6&&(S2=!0),k3&&(y1=v0({},DF),k1=et(null),k3.html===!0&&(v0(y1,ZF),v0(k1,OF)),k3.svg===!0&&(v0(y1,cd),v0(k1,rd),v0(k1,$r)),k3.svgFilters===!0&&(v0(y1,od),v0(k1,rd),v0(k1,$r)),k3.mathMl===!0&&(v0(y1,ld),v0(k1,GF),v0(k1,$r))),H0.tagCheck=null,H0.attributeCheck=null,W2(M,"ADD_TAGS")&&(typeof M.ADD_TAGS=="function"?H0.tagCheck=M.ADD_TAGS:C7(M.ADD_TAGS)&&(y1===e0&&(y1=S3(y1)),v0(y1,M.ADD_TAGS,m2))),W2(M,"ADD_ATTR")&&(typeof M.ADD_ATTR=="function"?H0.attributeCheck=M.ADD_ATTR:C7(M.ADD_ATTR)&&(k1===l2&&(k1=S3(k1)),v0(k1,M.ADD_ATTR,m2))),W2(M,"ADD_URI_SAFE_ATTR")&&C7(M.ADD_URI_SAFE_ATTR)&&v0(n9,M.ADD_URI_SAFE_ATTR,m2),W2(M,"FORBID_CONTENTS")&&C7(M.FORBID_CONTENTS)&&(h2===w1&&(h2=S3(h2)),v0(h2,M.FORBID_CONTENTS,m2)),W2(M,"ADD_FORBID_CONTENTS")&&C7(M.ADD_FORBID_CONTENTS)&&(h2===w1&&(h2=S3(h2)),v0(h2,M.ADD_FORBID_CONTENTS,m2)),m4&&(y1["#text"]=!0),$&&v0(y1,["html","head","body"]),y1.table&&(v0(y1,["tbody"]),delete y2.tbody),M.TRUSTED_TYPES_POLICY){if(typeof M.TRUSTED_TYPES_POLICY.createHTML!="function")throw N8('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if(typeof M.TRUSTED_TYPES_POLICY.createScriptURL!="function")throw N8('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');let i1=S;S=M.TRUSTED_TYPES_POLICY;try{P=E("")}catch(C1){throw S=i1,C1}}else M.TRUSTED_TYPES_POLICY===null?(S=void 0,P=""):(S===void 0&&(S=T()),S&&typeof P=="string"&&(P=E("")));i3&&i3(M),m9=M},Zb=v0({},[...cd,...od,...XY]),Db=v0({},[...ld,...JY]),RZ=function(M,Z,i1){return Z.namespaceURI===K3?M==="svg":Z.namespaceURI===e5?M==="svg"&&(i1==="annotation-xml"||Kt[i1]):!!Zb[M]},IZ=function(M,Z,i1){return Z.namespaceURI===K3?M==="math":Z.namespaceURI===h9?M==="math"&&Xn[i1]:!!Db[M]},ZZ=function(M,Z,i1){return Z.namespaceURI===h9&&!Xn[i1]||Z.namespaceURI===e5&&!Kt[i1]?!1:!Db[M]&&(VZ[M]||!Zb[M])},DZ=function(M){let Z=v(M);(!Z||!Z.tagName)&&(Z={namespaceURI:N6,tagName:"template"});let i1=ds(M.tagName),C1=ds(Z.tagName);return I1[M.namespaceURI]?M.namespaceURI===h9?RZ(i1,Z,C1):M.namespaceURI===e5?IZ(i1,Z,C1):M.namespaceURI===K3?ZZ(i1,Z,C1):!!($t==="application/xhtml+xml"&&I1[M.namespaceURI]):!1},_6=function(M){Qe(t.removed,{element:M});try{v(M).removeChild(M)}catch{if(g(M),!v(M))throw N8("a node selected for removal could not be detached from its tree and cannot be safely returned; refusing to sanitize in place")}},Ob=function(M){let Z=f(M);if(Z){let C1=[];ms(Z,s0=>{Qe(C1,s0)}),ms(C1,s0=>{try{g(s0)}catch{}})}let i1=y(M);if(i1)for(let C1=i1.length-1;C1>=0;--C1){let s0=i1[C1],b0=s0&&s0.name;if(typeof b0=="string")try{M.removeAttribute(b0)}catch{}}},K7=function(M,Z){try{Qe(t.removed,{attribute:Z.getAttributeNode(M),from:Z})}catch{Qe(t.removed,{attribute:null,from:Z})}if(Z.removeAttribute(M),M==="is")if(S2||P6)try{_6(Z)}catch{}else try{Z.setAttribute(M,"")}catch{}},OZ=function(M){let Z=y(M);if(Z)for(let i1=Z.length-1;i1>=0;--i1){let C1=Z[i1],s0=C1&&C1.name;if(!(typeof s0!="string"||k1[m2(s0)]))try{M.removeAttribute(s0)}catch{}}},GZ=function(M){let Z=[M];for(;Z.length>0;){let i1=Z.pop();(z?z(i1):i1.nodeType)===x5.element&&OZ(i1);let s0=f(i1);if(s0)for(let b0=s0.length-1;b0>=0;--b0)Z.push(s0[b0])}},Gb=function(M){let Z=null,i1=null;if(Z5)M="<remove></remove>"+M;else{let b0=_F(M,/^[\r\n\t ]+/);i1=b0&&b0[0]}$t==="application/xhtml+xml"&&N6===K3&&(M='<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>'+M+"</body></html>");let C1=S?E(M):M;if(N6===K3)try{Z=new h().parseFromString(C1,$t)}catch{}if(!Z||!Z.documentElement){Z=s1.createDocument(N6,"template",null);try{Z.documentElement.innerHTML=Ut?P:C1}catch{}}let s0=Z.body||Z.documentElement;return M&&i1&&s0.insertBefore(a.createTextNode(i1),s0.childNodes[0]||null),N6===K3?Y.call(Z,$?"html":"body")[0]:$?Z.documentElement:s0},qb=function(M){return _.call(M.ownerDocument||M,M,i.SHOW_ELEMENT|i.SHOW_COMMENT|i.SHOW_TEXT|i.SHOW_PROCESSING_INSTRUCTION|i.SHOW_CDATA_SECTION,null)},Ec=function(M){return M=ps(M,b1," "),M=ps(M,X," "),M=ps(M,v1," "),M},Qn=function(M){var Z;M.normalize();let i1=_.call(M.ownerDocument||M,M,i.SHOW_TEXT|i.SHOW_COMMENT|i.SHOW_CDATA_SECTION|i.SHOW_PROCESSING_INSTRUCTION,null),C1=i1.nextNode();for(;C1;)C1.data=Ec(C1.data),C1=i1.nextNode();let s0=(Z=M.querySelectorAll)===null||Z===void 0?void 0:Z.call(M,"template");s0&&ms(s0,b0=>{p9(b0.content)&&Qn(b0.content)})},Vc=function(M){let Z=k?k(M):null;return typeof Z!="string"||m2(Z)!=="form"?!1:typeof M.nodeName!="string"||typeof M.textContent!="string"||typeof M.removeChild!="function"||M.attributes!==y(M)||typeof M.removeAttribute!="function"||typeof M.setAttribute!="function"||typeof M.namespaceURI!="string"||typeof M.insertBefore!="function"||typeof M.hasChildNodes!="function"||M.nodeType!==z(M)||M.childNodes!==f(M)},p9=function(M){if(!z||typeof M!="object"||M===null)return!1;try{return z(M)===x5.documentFragment}catch{return!1}},jt=function(M){if(!z||typeof M!="object"||M===null)return!1;try{return typeof z(M)=="number"}catch{return!1}};function q5(h1,M,Z){h1.length!==0&&ms(h1,i1=>{i1.call(t,M,Z,m9)})}let qZ=function(M,Z){return!!(q0&&M.hasChildNodes()&&!jt(M.firstElementChild)&&r3(WF,M.textContent)&&r3(WF,M.innerHTML)||q0&&M.namespaceURI===K3&&Z==="style"&&jt(M.firstElementChild)||M.nodeType===x5.processingInstruction||q0&&M.nodeType===x5.comment&&r3(iX,M.data))},WZ=function(M,Z){if(!y2[Z]&&Kb(Z)&&(j1.tagNameCheck instanceof RegExp&&r3(j1.tagNameCheck,Z)||j1.tagNameCheck instanceof Function&&j1.tagNameCheck(Z)))return!1;if(m4&&!h2[Z]){let i1=v(M),C1=f(M);if(C1&&i1){let s0=C1.length;for(let b0=s0-1;b0>=0;--b0){let R2=G5?C1[b0]:u(C1[b0],!0);i1.insertBefore(R2,d(M))}}}return _6(M),!0},Wb=function(M){if(q5(Q.beforeSanitizeElements,M,null),Vc(M))return _6(M),!0;let Z=m2(k?k(M):M.nodeName);if(q5(Q.uponSanitizeElement,M,{tagName:Z,allowedTags:y1}),qZ(M,Z))return _6(M),!0;if(y2[Z]||!(H0.tagCheck instanceof Function&&H0.tagCheck(Z))&&!y1[Z])return WZ(M,Z);if((z?z(M):M.nodeType)===x5.element&&!DZ(M)||(Z==="noscript"||Z==="noembed"||Z==="noframes")&&r3(nX,M.innerHTML))return _6(M),!0;if(o0&&M.nodeType===x5.text){let C1=Ec(M.textContent);M.textContent!==C1&&(Qe(t.removed,{element:M.cloneNode()}),M.textContent=C1)}return q5(Q.afterSanitizeElements,M,null),!1},Ub=function(M,Z,i1){if(B2[Z]||O5&&(Z==="id"||Z==="name")&&(i1 in a||i1 in BZ))return!1;let C1=k1[Z]||H0.attributeCheck instanceof Function&&H0.attributeCheck(Z,M);if(!(q1&&r3(G1,Z))){if(!(m1&&r3(O,Z))){if(C1){if(!n9[Z]){if(!r3(A0,ps(i1,p1,""))){if(!((Z==="src"||Z==="xlink:href"||Z==="href")&&M!=="script"&&BF(i1,"data:")===0&&t0[M])){if(!(L0&&!r3(e1,ps(i1,p1,"")))){if(i1)return!1}}}}}else if(!(Kb(M)&&(j1.tagNameCheck instanceof RegExp&&r3(j1.tagNameCheck,M)||j1.tagNameCheck instanceof Function&&j1.tagNameCheck(M))&&(j1.attributeNameCheck instanceof RegExp&&r3(j1.attributeNameCheck,Z)||j1.attributeNameCheck instanceof Function&&j1.attributeNameCheck(Z,M))||Z==="is"&&j1.allowCustomizedBuiltInElements&&(j1.tagNameCheck instanceof RegExp&&r3(j1.tagNameCheck,i1)||j1.tagNameCheck instanceof Function&&j1.tagNameCheck(i1))))return!1}}return!0},UZ=v0({},["annotation-xml","color-profile","font-face","font-face-format","font-face-name","font-face-src","font-face-uri","missing-glyph"]),Kb=function(M){return!UZ[ds(M)]&&r3(S0,M)},KZ=function(M,Z,i1,C1){if(S&&typeof m=="object"&&typeof m.getAttributeType=="function"&&!i1)switch(m.getAttributeType(M,Z)){case"TrustedHTML":return E(C1);case"TrustedScriptURL":return R(C1)}return C1},$Z=function(M,Z,i1,C1){try{i1?M.setAttributeNS(i1,Z,C1):M.setAttribute(Z,C1),Vc(M)?_6(M):NF(t.removed)}catch{K7(Z,M)}},$b=function(M){q5(Q.beforeSanitizeAttributes,M,null);let Z=M.attributes;if(!Z||Vc(M))return;let i1={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:k1,forceKeepAttr:void 0},C1=Z.length,s0=m2(M.nodeName);for(;C1--;){let b0=Z[C1],R2=b0.name,w2=b0.namespaceURI,d4=b0.value,H4=m2(R2),th=d4,C3=R2==="value"?th:qY(th);if(i1.attrName=H4,i1.attrValue=C3,i1.keepAttr=!0,i1.forceKeepAttr=void 0,q5(Q.uponSanitizeAttribute,M,i1),C3=i1.attrValue,E6&&(H4==="id"||H4==="name")&&BF(C3,V6)!==0&&(K7(R2,M),C3=V6+C3),q0&&r3(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i,C3)){K7(R2,M);continue}if(H4==="attributename"&&_F(C3,"href")){K7(R2,M);continue}if(!i1.forceKeepAttr){if(!i1.keepAttr){K7(R2,M);continue}if(!F0&&r3(hX,C3)){K7(R2,M);continue}if(o0&&(C3=Ec(C3)),!Ub(s0,H4,C3)){K7(R2,M);continue}C3=KZ(s0,H4,w2,C3),C3!==th&&$Z(M,R2,w2,C3)}}q5(Q.afterSanitizeAttributes,M,null)},Nc=function(M){let Z=null,i1=qb(M);for(q5(Q.beforeSanitizeShadowDOM,M,null);Z=i1.nextNode();)if(q5(Q.uponSanitizeShadowNode,Z,null),Wb(Z),$b(Z),p9(Z.content)&&Nc(Z.content),(z?z(Z):Z.nodeType)===x5.element){let s0=b(Z);p9(s0)&&(eh(s0),Nc(s0))}q5(Q.afterSanitizeShadowDOM,M,null)},eh=function(M){let Z=[{node:M,shadow:null}];for(;Z.length>0;){let i1=Z.pop();if(i1.shadow){Nc(i1.shadow);continue}let C1=i1.node,b0=(z?z(C1):C1.nodeType)===x5.element,R2=f(C1);if(R2)for(let w2=R2.length-1;w2>=0;--w2)Z.push({node:R2[w2],shadow:null});if(b0){let w2=k?k(C1):null;if(typeof w2=="string"&&m2(w2)==="template"){let d4=C1.content;p9(d4)&&Z.push({node:d4,shadow:null})}}if(b0){let w2=b(C1);p9(w2)&&Z.push({node:null,shadow:w2},{node:w2,shadow:null})}}};return t.sanitize=function(h1){let M=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},Z=null,i1=null,C1=null,s0=null;if(Ut=!h1,Ut&&(h1="<!-->"),typeof h1!="string"&&!jt(h1)&&(h1=jY(h1),typeof h1!="string"))throw N8("dirty is not a string, aborting");if(!t.isSupported)return h1;E1?(y1=i0,k1=e2):Jn(M),(Q.uponSanitizeElement.length>0||Q.uponSanitizeAttribute.length>0)&&(y1=S3(y1)),Q.uponSanitizeAttribute.length>0&&(k1=S3(k1)),t.removed=[];let b0=G5&&typeof h1!="string"&&jt(h1);if(b0){let d4=k?k(h1):h1.nodeName;if(typeof d4=="string"){let H4=m2(d4);if(!y1[H4]||y2[H4])throw N8("root node is forbidden and cannot be sanitized in-place")}if(Vc(h1))throw N8("root node is clobbered and cannot be sanitized in-place");try{eh(h1)}catch(H4){throw Ob(h1),H4}}else if(jt(h1))Z=Gb("<!---->"),i1=Z.ownerDocument.importNode(h1,!0),i1.nodeType===x5.element&&i1.nodeName==="BODY"||i1.nodeName==="HTML"?Z=i1:Z.appendChild(i1),eh(i1);else{if(!S2&&!o0&&!$&&h1.indexOf("<")===-1)return S&&D5?E(h1):h1;if(Z=Gb(h1),!Z)return S2?null:D5?P:""}Z&&Z5&&_6(Z.firstChild);let R2=qb(b0?h1:Z);try{for(;C1=R2.nextNode();)Wb(C1),$b(C1),p9(C1.content)&&Nc(C1.content)}catch(d4){throw b0&&Ob(h1),d4}if(b0)return ms(t.removed,d4=>{d4.element&&GZ(d4.element)}),o0&&Qn(h1),h1;if(S2){if(o0&&Qn(Z),P6)for(s0=U.call(Z.ownerDocument);Z.firstChild;)s0.appendChild(Z.firstChild);else s0=Z;return(k1.shadowroot||k1.shadowrootmode)&&(s0=W.call(s,s0,!0)),s0}let w2=$?Z.outerHTML:Z.innerHTML;return $&&y1["!doctype"]&&Z.ownerDocument&&Z.ownerDocument.doctype&&Z.ownerDocument.doctype.name&&r3(lX,Z.ownerDocument.doctype.name)&&(w2="<!DOCTYPE "+Z.ownerDocument.doctype.name+`>
|
|
3
|
+
`+w2),o0&&(w2=Ec(w2)),S&&D5?E(w2):w2},t.setConfig=function(){let h1=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};Jn(h1),E1=!0,i0=y1,e2=k1},t.clearConfig=function(){m9=null,E1=!1,i0=null,e2=null,S=D,P=""},t.isValidAttribute=function(h1,M,Z){m9||Jn({});let i1=m2(h1),C1=m2(M);return Ub(i1,C1,Z)},t.addHook=function(h1,M){typeof M=="function"&&W2(Q,h1)&&Qe(Q[h1],M)},t.removeHook=function(h1,M){if(W2(Q,h1)){if(M!==void 0){let Z=OY(Q[h1],M);return Z===-1?void 0:GY(Q[h1],Z,1)[0]}return NF(Q[h1])}},t.removeHooks=function(h1){W2(Q,h1)&&(Q[h1]=[])},t.removeAllHooks=function(){Q=UF()},t}var uX=jF();YF.exports=uX});import{readLockHolder as PD}from"efficient-easel/edit-lock";var Ih="/api/storefront/section-templates/",Rh=e=>`${Ih}${encodeURIComponent(e)}/`,Zh=e=>e.node!=null;function sl(e){if(!Zh(e))throw new Error(`Section template ${e.id} has no design`);return e}var Oh=(e,t)=>e instanceof T4&&e.status===t;function XZ(e){return{list:()=>Y9(`${Ih}?no_page=true`,{token:e()}).then(t=>Array.isArray(t)?t:t.results??[]),get:t=>Y9(Rh(t),{token:e()}).catch(a=>{if(Oh(a,404))return null;throw a}),create:t=>Y9(Ih,{method:"POST",token:e(),body:JSON.stringify(t)}),patch:(t,a)=>Y9(Rh(t),{method:"PATCH",token:e(),body:JSON.stringify(a)}),remove:t=>Y9(Rh(t),{method:"DELETE",token:e()})}}var Dh="sf:section-templates",ak=`${Dh}.imported`,JZ="Untitled section",QZ=160,cl=e=>(typeof e=="string"?e.trim().slice(0,QZ):"")||JZ;function eD(e){try{let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>{let s=a?.node;return typeof a?.id=="string"&&typeof s?.type=="string"}):[]}catch{return[]}}async function tD(e,t=t3){let a={created:0,seeded:0,left:0,skipped:0,kept:!1},s=t.getItem(Dh);if(s===null)return a;for(let c of eD(s))try{let o=await e.get(c.id);if(o)o.node==null?(await e.patch(c.id,{node:c.node}),a.seeded+=1):a.left+=1;else try{await e.create({id:c.id,name:cl(c.name),node:c.node}),a.created+=1}catch(l){if(!Oh(l,400))throw l;a.skipped+=1}}catch{return{...a,kept:!0}}return t.setItem(ak,s),t.getItem(ak)===s&&t.removeItem(Dh),a}var ol=class{constructor(t,a=t3){this.readToken=t;this.storage=a;this.imported=null;this.http=XZ(t)}ready(){return this.imported?this.imported:this.readToken()?(this.imported=tD(this.http,this.storage).catch(()=>{}),this.imported):Promise.resolve()}async list(){return await this.ready(),(await this.http.list()).filter(Zh)}async get(t){return await this.ready(),this.http.get(t)}async ensure(t,a,s){await this.ready();let c=async l=>l?Zh(l)?l:sl(await this.http.patch(t,{node:s})):null,o=await c(await this.http.get(t));if(o)return o;try{return sl(await this.http.create({id:t,name:cl(a),node:s}))}catch(l){if(Oh(l,400)){let r=await c(await this.http.get(t));if(r)return r}throw l}}async save(t,a){return await this.ready(),sl(await this.http.create({name:cl(t),node:a}))}async update(t,a){return await this.ready(),sl(await this.http.patch(t,{node:a}))}async rename(t,a){return await this.ready(),this.http.patch(t,{name:cl(a)})}async remove(t){await this.ready(),await this.http.remove(t)}};var sk={"PATCH /api/activity/note-media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PATCH /api/activity/notes/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/auth/entities/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_on_dark:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_square:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PATCH /api/auth/me/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"PATCH /api/auth/users/{id}/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"PATCH /api/bug-reports/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"PATCH /api/employee-documents/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issue-files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issues/{id}/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issues/{id}/carton-groups/{group_id}/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issues/{id}/pallets/{pallet_id}/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/goods-issues/{id}/update_status/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/platform/brand-catalog/brands/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PATCH /api/products/brands/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PATCH /api/products/design-images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/products/dfm-log-files/{id}/":{file:{accept:".stp,.step,.dxf,.pdf,application/pdf,application/step,model/step,application/dxf,image/vnd.dxf",hint:"STP \xB7 STEP \xB7 DXF \xB7 PDF",max_bytes:536870912,max_files:1,policy:"dfm_file"}},"PATCH /api/products/moulds/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/products/project-images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/products/proposals/{id}/":{file:{accept:".pdf,application/pdf",hint:"PDF",max_bytes:52428800,max_files:1,policy:"proposal_pdf"}},"PATCH /api/products/weight-logs/{id}/":{image:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"},photo:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PATCH /api/purchase-invoices/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/purchase-orders/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/qc-reports/media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PATCH /api/recruitment/candidates/{id}/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"PATCH /api/reimbursements/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PATCH /api/rnd/images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PATCH /api/sales-claims/media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PATCH /api/storefront/header-settings/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PATCH /api/storefront/sites/{id}/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"POST /api/activity/note-media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/activity/notes/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/auth/entities/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_on_dark:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_square:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/auth/users/{id}/reset-password/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"POST /api/bank-statements/{id}/import_csv/":{file:{accept:".csv,text/csv,text/plain,application/vnd.ms-excel",hint:"CSV",max_bytes:5242880,max_files:1,policy:"csv_import"}},"POST /api/bank-statements/{id}/preview_csv/":{file:{accept:".csv,text/csv,text/plain,application/vnd.ms-excel",hint:"CSV",max_bytes:5242880,max_files:1,policy:"csv_import"}},"POST /api/bug-reports/":{attachments:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},files:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"POST /api/bug-reports/{id}/bookmark/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"POST /api/bug-reports/{id}/thread/":{attachments:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},files:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"POST /api/careers/assessments/{token}/snapshots/":{image:{accept:"image/*",max_bytes:409600,max_files:1,policy:"proctoring_snapshot"}},"POST /api/careers/jobs/{slug}/apply/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/chat/conversations/{id}/thread/":{files:{accept:"*",max_bytes:26214400,max_files:10,policy:"chat_files"}},"POST /api/chat/public/conversations/{id}/thread/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"chat_image",reencoded_image:!0}},"POST /api/customer-portal/conversations/{id}/thread/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"chat_image",reencoded_image:!0}},"POST /api/customer-portal/warranty-claim-media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/dealer-portal/wheel-media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/employee-documents/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issue-files/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/bulk_update_status/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/actual_packing/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/carton-groups/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/generate-label/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/pallets/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/refresh-tracking/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/regenerate-label/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/regenerate_invoice/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/goods-issues/{id}/update_loaded/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/platform/brand-catalog/brands/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/brand-catalog/brands/{id}/assign-owner/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/brand-catalog/brands/{id}/publish/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/brand-catalog/brands/{id}/resync/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/brand-catalog/brands/{id}/unpublish/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/platform/feedback/reports/{id}/thread/":{attachments:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"},files:{accept:"*",max_bytes:26214400,max_files:10,policy:"feedback_attachment"}},"POST /api/products/brands/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/products/brands/{id}/generate-box-pns/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"POST /api/products/design-images/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/products/dfm-log-files/":{file:{accept:".stp,.step,.dxf,.pdf,application/pdf,application/step,model/step,application/dxf,image/vnd.dxf",hint:"STP \xB7 STEP \xB7 DXF \xB7 PDF",max_bytes:536870912,max_files:1,policy:"dfm_file"}},"POST /api/products/moulds/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/products/project-images/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/products/proposals/":{file:{accept:".pdf,application/pdf",hint:"PDF",max_bytes:52428800,max_files:1,policy:"proposal_pdf"}},"POST /api/products/proposals/{id}/approve-project/":{file:{accept:".pdf,application/pdf",hint:"PDF",max_bytes:52428800,max_files:1,policy:"proposal_pdf"}},"POST /api/products/weight-logs/":{image:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"},photo:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/purchase-invoices/capture/":{file:{accept:"application/pdf,image/jpeg,image/png",hint:"PDF \xB7 JPG \xB7 PNG",max_bytes:15728640,max_files:1,policy:"bill_capture"}},"POST /api/purchase-invoices/files/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/purchase-orders/files/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/qc-reports/media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/recruitment/candidates/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/analyze-cv/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/hire/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/move-stage/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/reinstate/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/reject/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/recruitment/candidates/{id}/withdraw/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"POST /api/reimbursements/files/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"POST /api/rnd/images/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/rnd/{id}/upload_image/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"POST /api/sales-claims/media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/sales/contacts/import-csv/":{file:{accept:".csv,text/csv,text/plain,application/vnd.ms-excel",hint:"CSV",max_bytes:5242880,max_files:1,policy:"csv_import"}},"POST /api/sales/contacts/{id}/avatar/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"POST /api/shop-portal/return-media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"POST /api/storefront/media/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 SVG \xB7 WEBP \xB7 MP4",max_bytes:268435456,max_files:1,policy:"storefront_media"}},"POST /api/storefront/media/ingest/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 SVG \xB7 WEBP \xB7 MP4",max_bytes:268435456,max_files:1,policy:"storefront_media"}},"POST /api/storefront/sites/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"POST /api/storefront/sites/{id}/address/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"POST /api/storefront/sites/{id}/duplicate/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"POST /api/supplier-portal/dfm-log-files/":{file:{accept:".stp,.step,.dxf,.pdf,application/pdf,application/step,model/step,application/dxf,image/vnd.dxf",hint:"STP \xB7 STEP \xB7 DXF \xB7 PDF",max_bytes:536870912,max_files:1,policy:"dfm_file"}},"POST /api/utility/mail/send/":{attachments:{accept:"*",max_bytes:26214400,max_files:10,policy:"mail_attachments"},files:{accept:"*",max_bytes:26214400,max_files:10,policy:"mail_attachments"}},"PUT /api/activity/note-media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PUT /api/activity/notes/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/auth/entities/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_on_dark:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0},logo_square:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PUT /api/auth/me/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"PUT /api/auth/users/{id}/":{avatar:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"avatar",reencoded_image:!0}},"PUT /api/bug-reports/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0},screenshot:{accept:"image/*",hint:"PNG \xB7 JPG",max_bytes:26214400,max_files:1,policy:"feedback_image",reencoded_image:!0}},"PUT /api/employee-documents/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/goods-issue-files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/goods-issues/{id}/":{label:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/products/brands/{id}/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PUT /api/products/design-images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/products/dfm-log-files/{id}/":{file:{accept:".stp,.step,.dxf,.pdf,application/pdf,application/step,model/step,application/dxf,image/vnd.dxf",hint:"STP \xB7 STEP \xB7 DXF \xB7 PDF",max_bytes:536870912,max_files:1,policy:"dfm_file"}},"PUT /api/products/moulds/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/products/project-images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/products/proposals/{id}/":{file:{accept:".pdf,application/pdf",hint:"PDF",max_bytes:52428800,max_files:1,policy:"proposal_pdf"}},"PUT /api/products/weight-logs/{id}/":{image:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"},photo:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PUT /api/purchase-invoices/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/purchase-orders/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/qc-reports/media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PUT /api/recruitment/candidates/{id}/":{cv:{accept:".pdf,.doc,.docx,.txt,.md,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,text/plain,text/markdown",hint:"PDF \xB7 DOC \xB7 DOCX \xB7 TXT",max_bytes:10485760,max_files:1,policy:"cv"}},"PUT /api/reimbursements/files/{id}/":{file:{accept:"*",max_bytes:52428800,max_files:1,policy:"record_document"}},"PUT /api/rnd/images/{id}/":{image:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:26214400,max_files:1,policy:"record_image",reencoded_image:!0}},"PUT /api/sales-claims/media/{id}/":{file:{accept:"image/*,video/*",hint:"PNG \xB7 JPG \xB7 MP4",max_bytes:104857600,max_files:1,policy:"record_media"}},"PUT /api/storefront/header-settings/":{logo:{accept:"image/*",hint:"PNG \xB7 JPG \xB7 WEBP",max_bytes:5242880,max_files:1,policy:"brand_logo",reencoded_image:!0}},"PUT /api/storefront/sites/{id}/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"PUT /api/storefront/sites/{id}/countries/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"PUT /api/storefront/sites/{id}/currencies/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}},"PUT /api/storefront/sites/{id}/part-prices/":{favicon:{accept:"image/png,image/x-icon,image/vnd.microsoft.icon,.ico,image/svg+xml,image/jpeg,image/webp",hint:"PNG \xB7 ICO \xB7 SVG",max_bytes:1048576,max_files:1,policy:"favicon"}}};function ck(e,t){let a=sk[e][t];return{maxSizeBytes:a.max_bytes,maxFiles:a.max_files,accept:a.accept==="*"||a.accept==="*/*"?void 0:a.accept,acceptHint:a.hint}}var e6=["width","profile","rim"],ok={width:"Width",profile:"Profile",rim:"Rim"},aD=/^\s*(\d{2,3})\s*\/\s*(\d{2,3})\s*[A-Za-z]*\s*(\d{2}(?:\.\d+)?)\s*$/,sD={width:[100,500],profile:[20,100],rim:[10,30]};function e4(e){let t=aD.exec(e??"");if(!t)return null;let a={width:Number(t[1]),profile:Number(t[2]),rim:Number(t[3])};return e6.every(c=>{let[o,l]=sD[c];return a[c]>=o&&a[c]<=l})?a:null}function P4(e){if(e.width==null)return"";if(e.profile==null)return String(e.width);let t=`${e.width}/${e.profile}`;return e.rim==null?t:`${t} R${e.rim}`}function lk(e){return[P4({width:e.width}),P4({width:e.width,profile:e.profile}),P4(e)]}var t4=["alloy-wheel","tyre"],ll=["alloy-wheel"],f4={"alloy-wheel":"Alloy wheels",tyre:"Tyres"},rk="All products",ik="All product types";function h5(e){return e.length===1&&e[0]==="alloy-wheel"?{one:"wheel",many:"wheels"}:e.length===1&&e[0]==="tyre"?{one:"tyre",many:"tyres"}:{one:"product",many:"products"}}var re=t4.map(e=>({value:e,label:f4[e]}));function t6(e){return e==null?[...ll]:Array.isArray(e)?t4.filter(t=>e.includes(t)):[...ll]}var M3=e=>e;function W0(e){return M3(e).kind==="tyre"?"tyre":"alloy-wheel"}function nk(e,t){return e.filter(a=>t.includes(W0(a)))}function X6(e){return M3(e).slug??""}function Gh(e){return M3(e).name??""}function ie(e){return M3(e).brand??""}function hk(e){let t=new Set;for(let a of e)if(t.add(ie(a)),t.size>1)return!0;return!1}function cD(e){return M3(e).process??""}function mk(e){let t=new Set;for(let a of e)if(t.add(cD(a)),t.size>1)return!0;return!1}function o8(e){return M3(e).prices??void 0}function qh(e){return M3(e).inStock!==!1}function pk(e){let t=M3(e),a=W0(e)==="tyre"?t.rimDiameters:t.sizes;return Array.isArray(a)?a.filter(s=>typeof s=="number"&&Number.isFinite(s)):[]}function Wh(e){return W0(e)!=="tyre"&&M3(e).badge==="new"}function Uh(e){return W0(e)==="tyre"?[]:(M3(e).finishes??[]).filter(t=>typeof t?.family=="string").map(t=>({family:t.family,color:t.color??null}))}function uk(e){return Uh(e).map(t=>t.family)}function dk(e){if(W0(e)==="tyre")return[];let t=M3(e),a=t.categories;return a&&a.length>0?a:t.process?[t.process]:[]}function gk(e){return W0(e)==="tyre"?[]:M3(e).spec?.pcds??[]}function vk(e){return W0(e)!=="tyre"?[]:M3(e).tyreTypes??[]}function fk(e){return W0(e)!=="tyre"?[]:M3(e).speedRatings??[]}function ne(e){if(W0(e)!=="tyre")return[];let t=M3(e).sizes;return Array.isArray(t)?t.map(a=>e4(typeof a=="string"?a:null)).filter(a=>a!==null):[]}function E4(e,t){return e.length===0?e:e.filter(a=>a.kind===void 0||a.kind===t)}function rl(e,t){if(t.length===0)return e;let a=he(t);return J6(e.filter(s=>a(s.fieldKey)),s=>s.fieldKey,t,"cardOrder")}function bk(e,t){let a=t==="filter"?"filterOrder":"cardOrder",s=new Map;for(let c of e){let o=c[a];if(typeof o!="number"||!Number.isFinite(o))continue;let l=s.get(c.fieldKey);(l===void 0||o<l)&&s.set(c.fieldKey,o)}return c=>c?s.get(c):void 0}function Kh(e){return nl(e,"spec")}function xk(e){return nl(e,"fitment")}function $h(e,t){if(t.length===0)return e;let a=Kh(t),s=e.filter(c=>a(c.fieldKey));return J6(s,c=>c.fieldKey,t,"specOrder")}function J6(e,t,a,s){let c=new Map;for(let i of a){let n=i[s];typeof n=="number"&&c.set(i.fieldKey,n)}if(c.size===0)return e;let o=[],l=[];e.forEach((i,n)=>{let h=t(i);h&&(o.push(n),l.push({item:i,index:n,order:c.get(h)}))}),l.sort((i,n)=>i.order!==void 0&&n.order!==void 0?i.order-n.order||i.index-n.index:i.order!==void 0?-1:n.order!==void 0?1:i.index-n.index);let r=[...e];return o.forEach((i,n)=>{r[i]=l[n].item}),r.every((i,n)=>i===e[n])?e:r}function he(e){return nl(e,"card")}function il(e){return nl(e,"filter")}var me="collection";function pe(e,t){return{tyreSizes:{},brands:{"alloy-wheel":"brand",tyre:"brand"},finishes:{"alloy-wheel":"wheel_finish_ref"},diameters:{"alloy-wheel":"diameter",tyre:"rim_diameter"},collections:{"alloy-wheel":me},pcds:{"alloy-wheel":"pcd"},tyreTypes:{tyre:"tire_type"},speedRatings:{tyre:"speed_rating"}}[e]?.[t]}function nl(e,t){let a=new Set(e.filter(s=>s[t]===!1).map(s=>s.fieldKey));return s=>!s||!a.has(s)}function F2(e){return Number.isInteger(e)?String(e):String(Number(e.toFixed(2)))}function hl(e,t){return e===t?`ET ${e}`:`ET ${e}\u2013${t}`}function zk(e,t){return e===t?`${F2(e)}"`:`${F2(e)}"\u2013${F2(t)}"`}function jh(e){return e==="\u2014"?e:`${e}"`}var na={recommended:"Recommended","price-asc":"Price \xB7 low to high","price-desc":"Price \xB7 high to low",new:"Newest",name:"Name A\u2013Z"},yk=Object.keys(na);function ue(e){return I2(yk,"recommended",e)}function Yh(e){return yk.filter(t=>t!=="recommended"||e.length<=1)}function wk(e,t){let a=ue(e);return Yh(t).includes(a)?a:"name"}var ha=["tyreSizes","brands","finishes","diameters","collections","pcds","tyreTypes","speedRatings"],oD={tyreSizes:["tyre"],brands:["alloy-wheel","tyre"],finishes:["alloy-wheel"],diameters:["alloy-wheel","tyre"],collections:["alloy-wheel"],pcds:["alloy-wheel"],tyreTypes:["tyre"],speedRatings:["tyre"]},lD={diameters:"tyreSizes"};function kk(e){if(e.length===0)return[];let t=ha.filter(a=>e.every(s=>oD[a].includes(s)));return t.filter(a=>{let s=lD[a];return!s||!t.includes(s)})}function Ck(e,t){return t&&e.includes(t)?[t]:[...e]}function Mk(e){let t=new Set;for(let a of e)t.add(W0(a));return[...t]}var a6={tyreSizes:[],brands:[],finishes:[],diameters:[],collections:[],pcds:[],tyreTypes:[],speedRatings:[],priceMax:null,inStockOnly:!1,kind:null,sort:"recommended",page:1};function l8(e){return`${rD(e.width)}\xD7${e.diameter}`}function Sk(e){return(e.sizePairs??[]).map(l8)}function rD(e){return F2(e)}function ma(e,t,a,s=null){if(s!=="kind"&&t.kind&&W0(e)!==t.kind)return!1;for(let c of ha){if(s===c)continue;let o=t[c];if(o.length===0)continue;let l=o.map(String);if(!Hk(e,c).some(r=>l.includes(r)))return!1}return!(s!=="price"&&!Xo(o8(e),a,null,t.priceMax)||s!=="inStock"&&t.inStockOnly&&!qh(e))}function Lk(e,t,a){return e.filter(s=>qh(s)&&ma(s,t,a,"inStock")).length}function iD(e,t,a){let s=[...e],c=(l,r)=>Gh(l).localeCompare(Gh(r)),o=Mk(e).length>1;switch(t){case"price-asc":return s.sort((l,r)=>Q9(o8(l),o8(r),a,"asc"));case"price-desc":return s.sort((l,r)=>Q9(o8(l),o8(r),a,"desc"));case"name":return s.sort(c);case"new":return s.sort((l,r)=>{let i=(Wh(r)?1:0)-(Wh(l)?1:0);return i!==0||!o?i:c(l,r)});default:return s}}function Ak(e,t,a){return iD(e.filter(s=>ma(s,t,a)),t.sort,a)}function ml(e){return ha.some(t=>e[t].length>0)||e.priceMax!=null||e.inStockOnly||e.kind!=null}var Xh={tyreSizes:"Size",brands:"Brand",finishes:"Colour",diameters:"Size \xB7 diameter",collections:"Collection",pcds:"PCD \xB7 fitment",tyreTypes:"Tyre type",speedRatings:"Speed rating"};function Hk(e,t){switch(t){case"tyreSizes":return[...new Set(ne(e).flatMap(lk))];case"brands":return ie(e)?[ie(e)]:[];case"finishes":return uk(e);case"diameters":return pk(e).map(String);case"collections":return dk(e);case"pcds":return gk(e);case"tyreTypes":return vk(e);case"speedRatings":return fk(e)}}function nD(e){let t=new Map;for(let a of e)for(let s of Uh(a))s.color&&!t.has(s.family)&&t.set(s.family,s.color);return t}function Jh(e,t,a,s=Mk(e),c=[]){let o=n=>hD(n,s,c),l=nD(e),r=kk(s).filter(n=>n!=="tyreSizes").filter(o).map(n=>{let h=t[n].map(String),m=new Set,p=new Map,u=new Map;for(let d of e){let f=Hk(d,n);for(let v of f)m.add(v);for(let v of new Set(f))u.set(v,(u.get(v)??0)+1);if(ma(d,t,a,n))for(let v of new Set(f))p.set(v,(p.get(v)??0)+1)}let g=[...m].map(d=>({value:d,label:n==="diameters"?`${d}\u2033`:d,count:p.get(d)??0,checked:h.includes(d),swatch:n==="finishes"?l.get(d)??null:null})).sort((d,f)=>{if(n==="diameters")return Number(d.value)-Number(f.value);let v=(u.get(f.value)??0)-(u.get(d.value)??0);return v!==0?v:d.value.localeCompare(f.value)});return{key:n,label:Xh[n],options:g}}).filter(n=>n.options.length>pa),i=[];for(let n of r){let h=mD(n.key,s,c);h!==void 0&&i.push({fieldKey:n.key,filterOrder:h})}return[...J6(r,n=>n.key,i,"filterOrder")]}var pa=1;function Qh(e){return e.showCollection===!1?["collections"]:[]}function hD(e,t,a){return t.length===0||a.length===0?!0:t.some(s=>il(E4(a,s))(pe(e,s)))}function mD(e,t,a){if(a.length===0)return;let s;for(let c of t){let o=bk(E4(a,c),"filter")(pe(e,c));o!==void 0&&(s===void 0||o<s)&&(s=o)}return s}function pD(e){let t=new Set;for(let a of e)for(let s of ne(a))t.add(P4(s));return t.size}function Fk(e,t){return kk(t).includes("tyreSizes")?pD(e)>pa:!1}function Tk(e){let t=e4(e);if(t)return t;let[a,s]=e.split("/");return{width:a?Number(a):void 0,profile:s?Number(s):void 0}}function uD(e,t,a){return e6.slice(0,e6.indexOf(a)).every(s=>{let c=t[s];return c==null||e[s]===c})}function Pk(e,t,a){let s=Tk(t.tyreSizes[0]??""),c=new Set(e.filter(o=>ma(o,t,a,"tyreSizes")));return e6.map(o=>{let l=new Map;for(let i of e){let n=ne(i).filter(h=>uD(h,s,o));for(let h of new Set(n.map(m=>m[o])))l.has(h)||l.set(h,0),c.has(i)&&l.set(h,(l.get(h)??0)+1)}let r=[...l.keys()].sort((i,n)=>i-n).map(i=>({value:i,label:o==="rim"?`R${i}`:String(i),count:l.get(i)??0}));return{part:o,label:ok[o],value:s[o]??null,options:r}})}function Ek(e,t,a,s){let c={...Tk(t)},o=e6.indexOf(a);c[a]=s??void 0;for(let l of e6.slice(o+1))c[l]!=null&&e.some(n=>e6.slice(0,e6.indexOf(l)+1).every(h=>c[h]==null||n[h]===c[h]))||(c[l]=void 0);return P4(c)}function Vk(e,t,a,s){if(t.length<2)return[];let c=e.filter(o=>ma(o,a,s,"kind"));return[{kind:null,label:rk,count:c.length,checked:a.kind===null},...t.map(o=>({kind:o,label:f4[o],count:c.filter(l=>W0(l)===o).length,checked:a.kind===o}))]}function Nk(e,t){if(e.length===0)return null;let a=e.map(o=>J9(o8(o),t)).filter(o=>o!==null);if(a.length===0)return null;let s=Math.floor(Math.min(...a)),c=Math.ceil(Math.max(...a));return c>s?{min:s,max:c}:null}function _k(e,t,a){let s=[];e.kind&&s.push({key:"kind",value:e.kind,label:f4[e.kind]}),e.inStockOnly&&s.push({key:"inStock",value:"",label:"In stock"});for(let c of ha)for(let o of e[c]){let l=String(o);s.push({key:c,value:l,label:c==="diameters"?`${l}\u2033`:c==="pcds"?`PCD ${l}`:l})}return e.priceMax!=null&&s.push({key:"price",value:"",label:`Up to ${a(e.priceMax,t)}`}),s}var V4={tyreSizes:"tyreSize",brands:"brand",finishes:"colour",diameters:"size",collections:"collection",pcds:"pcd",tyreTypes:"tyreType",speedRatings:"speed"},Q6="type",Bk="maxPrice",Rk="inStock",Ik="sort",Zk="page";function Dk(e){let t=o=>e.getAll(o).flatMap(l=>l.split(",")).filter(Boolean),a=Number(e.get(Bk)),s=Number(e.get(Zk)),c=e.get(Q6);return{tyreSizes:t(V4.tyreSizes),brands:t(V4.brands),finishes:t(V4.finishes),diameters:t(V4.diameters).map(Number).filter(Number.isFinite),collections:t(V4.collections),pcds:t(V4.pcds),tyreTypes:t(V4.tyreTypes),speedRatings:t(V4.speedRatings),priceMax:Number.isFinite(a)&&a>0?a:null,inStockOnly:e.get(Rk)==="1",kind:t4.find(o=>o===c)??null,sort:ue(e.get(Ik)),page:Number.isFinite(s)&&s>=1?Math.floor(s):1}}function r8(e){let t=new URLSearchParams;for(let a of ha){let s=e[a];s.length>0&&t.set(V4[a],s.join(","))}return e.priceMax!=null&&t.set(Bk,String(e.priceMax)),e.inStockOnly&&t.set(Rk,"1"),e.kind&&t.set(Q6,e.kind),e.sort!=="recommended"&&t.set(Ik,e.sort),e.page>1&&t.set(Zk,String(e.page)),t}function Ok(e,t){if(e<=7)return Array.from({length:e},(o,l)=>l+1);let a=[1],s=Math.max(2,t-1),c=Math.min(e-1,t+1);s>2&&a.push(null);for(let o=s;o<=c;o++)a.push(o);return c<e-1&&a.push(null),a.push(e),a}function Gk(e,t,a){let s=e.length,c=Math.max(1,Math.floor(a)),o=Math.max(1,Math.ceil(s/c)),l=Math.min(Math.max(1,Math.floor(t)),o),r=(l-1)*c;return{items:e.slice(r,r+c),page:l,pageCount:o,total:s,from:s===0?0:r+1,to:Math.min(r+c,s)}}var e7="__all__",qk="All products";function pl(e){return e?.slug===e7}var i8="AlloyWheelsListing",dD="ProductGrid",Wk="catalog",gD="CatalogFilterBar",ul="fieldUsage";function de(e){return e?.type===dD&&pl(e.props?.source)}function em(e){return e?.type===gD}function vD(e){return e?.type===i8||de(e)||em(e)}function fD(e){let t=e.content??[],a=e.zones??{};return[...t,...Object.values(a).flat()]}function Qe1(e){return e?fD(e).some(t=>t?.type===i8||de(t)):!1}function et1(e,t){return xD(e,a=>de(a)?{...a,props:{...tm(a).props,[Wk]:bD(t,t6(a.props?.kinds))}}:{...a,props:{...am(a).props,products:t}})}function tt1(e){return Kk(e,vD,t=>em(t)?Uk(t):de(t)?tm(t):am(t))}function Uk(e){if(!e.props||!(ul in e.props))return e;let{[ul]:t,...a}=e.props;return{...e,props:a}}function tm(e){let{[Wk]:t,[ul]:a,...s}=e.props??{};return{...e,props:s}}function bD(e,t){let a=new Set(t);return e.filter(s=>{let c=s.kind??"alloy-wheel";return a.has(c)})}function at1(e){return de(e)?tm(e):em(e)?Uk(e):e?.type===i8?am(e):e}function am(e){let{wheels:t,products:a,[ul]:s,...c}=e.props??{};return{...e,props:c}}function xD(e,t){return Kk(e,a=>a?.type===i8||de(a),t)}function Kk(e,t,a){let s=l=>t(l)?a(l):l,c=e,o={...e};return c.content&&(o.content=c.content.map(s)),c.zones&&(o.zones=Object.fromEntries(Object.entries(c.zones).map(([l,r])=>[l,r.map(s)]))),o}var $k="/wheels";var nt1=[Q6,...Object.entries(V4).filter(([e])=>e!=="tyreSizes").map(([,e])=>e)];var sm="product",MD="tyre";var cm="productType",SD={[sm]:"alloy-wheel",[MD]:"tyre"},LD=["alloy-wheel","tyre"];function dl(e,t){return AD(t)??SD[e]??null}function AD(e){let t=e?.[cm];return typeof t=="string"&&LD.includes(t)?t:null}var HD=["home","products","gallery","about","contact"],FD=e=>{let t=e.slug.trim().toLowerCase(),a=(e.title??"").trim().toLowerCase(),s=HD.findIndex(c=>c===t||c===a);return s===-1?Number.POSITIVE_INFINITY:s},jk=e=>e.map((t,a)=>({page:t,idx:a,rank:FD(t)})).sort((t,a)=>t.rank-a.rank||t.idx-a.idx).map(t=>t.page);var Jk="Popups",Yk="Site";var Qk={[ey]:{label:"Site popup",group:Jk},[C9]:{label:"Footer",group:Yk},[Yz]:{label:"Cart drawer",group:Yk}};function lm(e){return Qk[e.slug]?.label||e.title||e.slug}function om(e){let t=e.group?.trim();return t||null}function Xk(e,t){let a=new Map;for(let s of e){let c=t(s),o=a.get(c);o?o.push(s):a.set(c,[s])}return a}function eC(e){let t=jk(e),a=[],s=t.filter(r=>!aa(r.slug)),c=s.filter(r=>!om(r));c.length&&a.push({key:"top",group:null,pages:c});let o=s.filter(r=>om(r));for(let[r,i]of Xk(o,n=>om(n)))a.push({key:`folder:${r}`,group:r,pages:i});let l=t.filter(r=>aa(r.slug));for(let[r,i]of Xk(l,n=>Qk[n.slug]?.group??Jk))a.push({key:`system:${r}`,group:r,pages:i});return a}var gl=e=>e.layout_updated_at??e.updated_at??null;function ED(e){if(!e||typeof e!="object")return null;let t=e;return t.code!==Tz?null:{savedBy:typeof t.saved_by=="string"?t.saved_by:"",savedByYou:t.saved_by_you===!0,secondsAgo:typeof t.seconds_ago=="number"?t.seconds_ago:0}}function VD(e){return e===401||e===403?"unauthorized":e===404?"not-found":e===Vw||e>=500?"unavailable":"invalid"}function ND(e){if(!(e instanceof T4))return e;if(e.status===409){let t=ED(e.data);if(t)return new Y7("changed-elsewhere",e.message,{conflict:t,cause:e});let a=PD(e.data);if(a)return new Y7("lock-taken",e.message,{holder:a,cause:e})}return new Y7(VD(e.status),e.message,{cause:e})}var _D={group:"Template pages",groupKey:"template"},tC=e=>({id:e.id,slug:e.slug,label:e.title||e.slug,..._D,draft:!1});function aC(e){let t=async n=>{let h=e.token();if(!h)throw new Y7("unauthorized","The editor has no sign-in yet.");try{return await n(h)}catch(m){throw ND(m)}},a={list:n=>t(async h=>{let m=await X1.listPages(h,n?.siteId);return eC(m.filter(p=>p.slug!==C9)).flatMap(p=>p.pages.map(u=>({id:u.id,slug:u.slug,label:lm(u),group:p.group,groupKey:p.key,draft:!u.is_published,kind:u.kind??null})))}),load:n=>t(async h=>{let m="id"in n?n.id:(await X1.findPageBySlug(n.slug,h,n.siteId))?.id,p=m?await X1.getPageById(m,h):null;return p?{id:p.id,layout:p.layout,kind:p.kind,version:gl(p)}:null}),save:(n,h,m)=>{let{version:p}=m;return p?t(async u=>({version:gl(await X1.saveLayout(n,h.layout,u,p,m.clientId||void 0))})):Promise.reject(new Error("Refusing to save this page: the editor does not know which version it is replacing. Reload the page and try again."))},version:n=>t(h=>X1.getPageById(n,h).then(gl)),linkTargets:n=>t(async h=>(await X1.listPages(h,n?.siteId)).map(m=>({id:m.id,slug:m.slug,label:lm(m),layout:m.layout??null}))),publish:(n,h)=>t(async m=>({version:gl(await X1.publishPage(n,m,h?.version))}))},s=n=>({list:()=>t(async h=>(await X1.listTemplatePages(n,h)).map(tC)),load:h=>t(async m=>{let p=f=>"id"in h?f.id===h.id:f.slug===h.slug,u=f=>({id:f.id,layout:f.layout,version:null}),g=await X1.listTemplatePages(n,m);if(g.length)return u(g.find(p)??g[0]);let d=await X1.getTemplate(n,m).catch(()=>null);try{return u(await X1.createTemplatePage(n,{slug:dz,title:"Home",layout:d?.layout??{}},m))}catch{let f=await X1.listTemplatePages(n,m),v=f.find(p)??f[0];return v?u(v):null}}),save:(h,m)=>t(async p=>(await X1.saveTemplatePageLayout(h,m.layout,p),{version:null})),create:h=>t(async m=>tC(await X1.createTemplatePage(n,{slug:h.slug,title:h.title,layout:h.layout},m))),remove:h=>t(m=>X1.deleteTemplatePage(h,m))}),c=n=>{let h=n?.siteId??e.siteId();if(!h)throw new Y7("not-found","This editor is not connected to a website.");return h},o=n=>({name:n.name,slug:n.slug,mapsApiKey:n.maps_api_key,mapsMapId:n.maps_map_id}),l=n=>Object.fromEntries(To.map(h=>[h,n[Po(h)]??""])),r=n=>({enabled:n.enabled,title:n.title,subtitle:n.subtitle,greeting:n.greeting}),i={pages:a,lock:{claim:(n,h,m)=>t(async p=>({heartbeatSeconds:(await X1.claimPageEditLock(n,p,h,m)).heartbeat_seconds})),release:n=>t(h=>X1.releasePageEditLock(n,h))},site:{get:n=>t(async h=>o(await X1.getSite(c(n),h))),update:(n,h)=>t(async m=>o(await X1.updateSite(c(h),n.mapsApiKey===void 0?{}:{maps_api_key:n.mapsApiKey},m)))},media:{resolve:ox,maxUploadBytes:ck("POST /api/storefront/media/","file").maxSizeBytes},sectionTemplates:new ol(e.token),social:{get:n=>t(async h=>l(await X1.getSocialSettings(h,c(n)))),update:(n,h)=>t(async m=>{let p=Object.fromEntries(To.filter(u=>u in n).map(u=>[Po(u),n[u]]));try{return l(await X1.updateSocialSettings(p,m,c(h)))}catch(u){if(u instanceof T4&&u.status===400){let g=u.data??{},d={};for(let f of To){let v=g[Po(f)],b=Array.isArray(v)?v[0]:v;typeof b=="string"&&b.trim()&&(d[f]=b)}if(Object.keys(d).length>0)throw new Y7("invalid",u.message,{fields:d,cause:u})}throw u}})},theme:{get:n=>t(h=>X1.getThemeSettings(h,n?.siteId)),update:(n,h)=>t(m=>X1.updateThemeSettings(n,m,h?.siteId))},chat:{get:n=>t(async h=>r(await X1.getChatSettings(h,n?.siteId))),update:(n,h)=>t(async m=>r(await X1.updateChatSettings(n,m,h?.siteId)))},blog:{posts:n=>t(async h=>(await X1.listBlogPosts(h,{visibleOnly:!0,siteId:n?.siteId})).map(m=>({slug:m.slug,title:m.title,excerpt:m.excerpt,category:m.category,coverImage:m.cover_image?d9(m.cover_image)??"":"",publishedAt:m.published_at,href:to(m.slug)})))},templates:{get:n=>t(async h=>{let m=await X1.getTemplate(n,h);return{id:m.id,name:m.name}}),pages:s}};return i[jb]=!0,i}Fz({read:e=>e instanceof T4?{status:e.status,data:e.data,message:e.message}:null,unreachableMessage:Ew,loadRefusal:(e,{slug:t})=>e instanceof Bw?`\u201C${t}\u201D exists on more than one website. Open it from the site you want to edit.`:null});Yb(e=>aC({token:()=>e.auth.token,siteId:()=>e.siteId()}));function Dt1(e={}){return aC({token:()=>Yt().auth.token,siteId:()=>e.siteId??Yt().siteId()})}import{createContext as BD,useContext as RD,useMemo as ID}from"react";import{jsx as ZD}from"react/jsx-runtime";var sC=BD({originData:null,originSlug:null,exitFocus:()=>{}});function qt1({children:e,originData:t,originSlug:a,exitFocus:s}){let c=ID(()=>({originData:t,originSlug:a,exitFocus:s}),[t,a,s]);return ZD(sC.Provider,{value:c,children:e})}var cC=()=>RD(sC);import{useEffect as FC,useRef as hO,useState as TC}from"react";var DD=[{code:"US",name:"United States"},{code:"GB",name:"United Kingdom"},{code:"AU",name:"Australia"},{code:"CA",name:"Canada"},{code:"IE",name:"Ireland"},{code:"NZ",name:"New Zealand"},{code:"DE",name:"Germany"},{code:"FR",name:"France"},{code:"IT",name:"Italy"},{code:"ES",name:"Spain"},{code:"NL",name:"Netherlands"},{code:"BE",name:"Belgium"},{code:"AT",name:"Austria"},{code:"CH",name:"Switzerland"},{code:"SE",name:"Sweden"},{code:"NO",name:"Norway"},{code:"DK",name:"Denmark"},{code:"FI",name:"Finland"},{code:"PT",name:"Portugal"},{code:"PL",name:"Poland"},{code:"JP",name:"Japan"},{code:"SG",name:"Singapore"},{code:"AE",name:"United Arab Emirates"},{code:"HK",name:"Hong Kong"},{code:"ZA",name:"South Africa"}],OD=Object.fromEntries(DD.map(e=>[e.code,e.name]));function oC(e){return OD[e]??e}import{jsx as rm,jsxs as lC}from"react/jsx-runtime";function rC(e,t,a){let s=new Map(e.map(c=>[c.code,c]));return(t?.length?t:e.map(c=>c.code)).map(c=>{let o=s.get(c);return{code:c,name:o?.name||oC(c),currency:o?.currency,url:o?.url||a?.[c]||""}})}function vl(e){let{countries:t}=h0();return rC(t,e).length>0}function n8({urls:e,countries:t}={}){let{country:a,setCountry:s,countries:c}=h0(),o=rC(c,t,e),l=o.find(m=>m.code===a)??o[0];function r(m){let p=(e?o.find(u=>u.code===m)?.url:"")?.trim();if(p){window.location.href=p;return}c.some(u=>u.code===m)&&s(m)}let i=o.map(m=>({value:m.code,label:m.name,meta:m.currency})),n=ce({items:i,value:a,onPick:r});if(!l)return null;let h=n.open;return lC("div",{ref:n.wrapRef,className:"relative",children:[lC("button",{ref:m=>{n.triggerRef.current=m},type:"button","aria-haspopup":"listbox","aria-expanded":h,"aria-controls":h?n.listId:void 0,"aria-activedescendant":n.activeId,"aria-label":`Region: ${l.name}. Click to change.`,onClick:n.toggle,onKeyDown:n.onTriggerKeyDown,suppressHydrationWarning:!0,className:"inline-flex items-center gap-2 whitespace-nowrap border border-fg-dim px-2.5 py-1.5 font-mono text-[13px] uppercase tracking-[0.18em] transition-colors hover:border-fg",style:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:[rm("span",{children:l.name}),rm("span",{"aria-hidden":!0,className:`text-[11px] opacity-70 transition-transform ${h?"rotate-180":""}`,children:"\u25BE"})]}),h&&rm(oe,{id:n.listId,tone:"region",ariaLabel:"Choose region",items:i,value:a,focusIdx:n.focusIdx,onFocus:n.setFocusIdx,onPick:n.pick,listRef:n.listRef})]})}import{Fragment as GD,jsx as m5,jsxs as im}from"react/jsx-runtime";var ua={search:"Search",account:"Account",cart:"Bag"},nm="whitespace-nowrap";function fl({onClick:e,count:t,asText:a,className:s}){return m5("button",{type:"button",onClick:e,"aria-label":`Open cart, ${t} item${t===1?"":"s"}`,className:`mono-eyebrow-ctl inline-flex items-center gap-1.5 opacity-80 transition-opacity hover:opacity-100 ${s??""}`,children:a?im("span",{className:nm,children:[ua.cart,t>0?` ${t}`:""]}):im(GD,{children:[m5("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:Oy}),m5("span",{className:"rounded-lg border border-current px-1.5 font-mono text-[12px]",children:t})]})})}function iC({asText:e,className:t}){return m5(M1,{href:"/account","aria-label":"Account",className:`mono-eyebrow-ctl inline-flex items-center opacity-80 transition-opacity hover:opacity-100 ${t??""}`,children:e?m5("span",{className:nm,children:ua.account}):im("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[m5("circle",{cx:"12",cy:"8",r:"3.4"}),m5("path",{d:"M5 20a7 7 0 0 1 14 0"})]})})}function bl({onClick:e,asText:t,className:a}){return m5("button",{type:"button",onClick:e,"aria-label":"Search",title:"Search (\u2318K)",className:`mono-eyebrow-ctl inline-flex items-center opacity-80 transition-opacity hover:opacity-100 ${a??""}`,children:t?m5("span",{className:nm,children:ua.search}):m5($5,{name:"search",size:18,strokeWidth:1.6,rounded:!0})})}var nC="Menu Item";var hC="Menu",mC="Link a menu in the inspector \u2192",pC="This menu has no links yet \u2014 add them in Storefront \u2192 Menus.",uC="This column isn't linked to a menu, so the preview shows placeholder links. Pick a menu above.";function dC(e){return`\u201C${e}\u201D no longer exists in Storefront \u2192 Menus, so the preview shows placeholder links. Pick another menu.`}var ca1="The menu linked here no longer exists in Storefront \u2192 Menus, so the header shows placeholder links. Pick another menu.";import{jsx as qD}from"react/jsx-runtime";function ge(){return qD("span",{className:"opacity-50",children:nC})}import{createContext as WD,useContext as hm,useEffect as UD,useState as KD,useSyncExternalStore as $D}from"react";import{jsx as XD}from"react/jsx-runtime";var vC=[];function jD(){let e=vC,t=new Set,a=s=>{e=s;for(let c of t)c()};return{offer:s=>(a([...e,s]),()=>{let c=e.indexOf(s);c>=0&&a([...e.slice(0,c),...e.slice(c+1)])}),subscribe:s=>(t.add(s),()=>t.delete(s)),offered:()=>e}}var xl=WD(null);function fC({children:e}){let[t]=KD(jD);return XD(xl.Provider,{value:t,children:e})}var zl=()=>hm(xl)!==null;function mm(e){let t=hm(xl);UD(()=>{if(!(!t||!e))return t.offer(e)},[t,e])}var YD=()=>()=>{},gC=()=>vC;function bC(){let e=hm(xl),t=$D(e?.subscribe??YD,e?.offered??gC,gC);return e?{search:t.includes("search"),region:t.includes("region")}:null}import{createContext as JD,useCallback as pm,useContext as QD,useEffect as eO,useMemo as tO,useState as aO}from"react";import{jsx as cO}from"react/jsx-runtime";var sO={isOpen:!1,open:()=>{},close:()=>{},toggle:()=>{}},xC=JD(sO);function ua1({children:e,shortcut:t=!0}){let[a,s]=aO(!1),c=pm(()=>s(!0),[]),o=pm(()=>s(!1),[]),l=pm(()=>s(i=>!i),[]);eO(()=>{if(!t)return;let i=n=>{(n.metaKey||n.ctrlKey)&&(n.key==="k"||n.key==="K")&&(n.preventDefault(),s(h=>!h))};return window.addEventListener("keydown",i),()=>window.removeEventListener("keydown",i)},[t]);let r=tO(()=>({isOpen:a,open:c,close:o,toggle:l}),[a,c,o,l]);return cO(xC.Provider,{value:r,children:e})}function ve(){return QD(xC)}import{createContext as oO,useCallback as CC,useContext as lO,useMemo as rO,useState as iO}from"react";var da=new Map,zC=e=>e??"";function um(e,t,a){a&&da.clear();let s=zC(t),c=da.get(s);if(!c){let o=X1.listMenus(e,t);da.set(s,o),o.catch(()=>{da.get(s)===o&&da.delete(s)}),c=o}return c}var yl=new Map;function yC(e,t){let a=zC(t),s=yl.get(a);if(!s){let c=um(e,t,!0);yl.set(a,c);let o=()=>{yl.get(a)===c&&yl.delete(a)};c.then(o,o),s=c}return s}function dm(e,t=!1){return um(e,r2(),t)}function wC(e){return yC(e,r2())}function ba1(e,t=!1){return um(e,null,t)}function xa1(e){return yC(e,null)}var gm={ids:new Set,handles:new Set};function za1(e){return{ids:new Set(e.map(t=>t.id).filter(Boolean)),handles:new Set(e.map(t=>t.handle).filter(Boolean))}}function kC({id:e,handle:t,editing:a,ready:s,live:c}){if(!a)return!1;let o=e??"",l=t??"";return!o&&!l?!0:s?o?!c.ids.has(o):!c.handles.has(l):!1}function wl(e,t){if(t){if(t.id)return e.find(a=>a.id===t.id);if(t.handle)return e.find(a=>a.handle===t.handle)}}import{jsx as nO}from"react/jsx-runtime";var MC=oO({live:gm,ready:!1,primeLive:()=>{},setLive:()=>{}});function Ca1({children:e}){let[t,a]=iO({live:gm,ready:!1}),s=CC(l=>a(r=>r.ready?r:{live:l,ready:!0}),[]),c=CC(l=>a({live:l,ready:!0}),[]),o=rO(()=>({...t,primeLive:s,setLive:c}),[t,s,c]);return nO(MC.Provider,{value:o,children:e})}var SC=()=>lO(MC);function fe(e){let t=(e??"").trim();return t===""||t==="#"}import{jsx as x0,jsxs as p5}from"react/jsx-runtime";var mO=e=>/^https?:\/\//i.test(e),PC="flex list-none flex-col gap-2.5 text-[13px]",vm="mb-4 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",LC="text-[12px] italic text-fg-dim/70",EC=(e,t)=>e&&t>0?"border-t border-line pt-2.5":"";function pO({showDividers:e}){return x0("ul",{className:PC,children:Array.from({length:4},(t,a)=>x0("li",{className:`text-fg ${EC(e,a)}`,children:x0(ge,{})},a))})}function VC({item:e,label:t,link:a,onNavigate:s}){return fe(e.url)?x0("span",{className:t,children:C(e.label)}):mO(e.url)?x0("a",{href:e.url,target:"_blank",rel:"noopener noreferrer",className:a,onClick:s,children:C(e.label)}):x0(M1,{href:e.url,className:a,onClick:s,children:C(e.label)})}function AC({items:e,showDividers:t}){return x0("ul",{className:PC,children:e.map((a,s)=>x0("li",{className:EC(t,s),children:x0(VC,{item:a,label:"text-fg",link:"text-fg transition-colors hover:text-accent"})},`${a.label}-${s}`))})}var uO="opacity-80 transition-opacity hover:opacity-100";function dO({items:e,label:t,editing:a}){let[s,c]=TC(!1),o=hO(null),l=bC(),{open:r}=ve(),i=t||"Menu",n=()=>c(!1);FC(()=>{if(!s)return;let p=o.current?.ownerDocument.body;if(!p)return;let u=p.style.overflow;return p.style.overflow="hidden",()=>{p.style.overflow=u}},[s]);let h=(p,u,g)=>e===null?Array.from({length:4},(d,f)=>x0("li",{className:u,children:x0(ge,{})},f)):e.map((d,f)=>x0("li",{className:u,children:x0(VC,{item:d,label:p,link:`${p} ${uO}`,onNavigate:g})},`${d.label}-${f}`)),m=l&&(l.search||l.region)?l:null;return p5("nav",{ref:o,"aria-label":i,"data-menu-row":"",className:"min-w-0",children:[x0("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("","")}),x0("button",{type:"button",className:"flex h-11 w-11 items-center justify-center min-[801px]:hidden","aria-expanded":s,"aria-label":s?"Close the menu":"Open the menu",onClick:()=>c(p=>!p),children:x0("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round","aria-hidden":"true",children:s?x0("path",{d:"M6 6l12 12M18 6L6 18"}):x0("path",{d:"M4 7h16M4 12h16M4 17h16"})})}),s?p5("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:[x0("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?p5("div",{className:"mt-auto flex flex-col gap-3.5 border-t border-line bg-surface p-5",children:[m.search?p5("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:[x0($5,{name:"search",size:18,strokeWidth:1.6,rounded:!0}),ua.search]}):null,m.region?p5("div",{className:"flex items-center justify-between",children:[x0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),x0(n8,{})]}):null]}):null]}):null]})}function ga({menu:e,heading:t,accordionMobile:a=!1,showDividers:s=!1,editing:c=!1,layout:o="column"}){let{live:l,ready:r}=SC(),i=kC({id:e?.id,handle:e?.handle,editing:c,ready:r,live:l}),n=i?[]:e?.items??[],h=t||e?.name||"",[m,p]=TC(!1);return FC(()=>{if(!a)return;let u=window.matchMedia("(max-width: 800px)"),g=()=>p(u.matches);return g(),u.addEventListener("change",g),()=>u.removeEventListener("change",g)},[a]),o==="row"?x0(dO,{items:i?null:n,label:h,editing:c}):i?p5("div",{className:"min-w-0",children:[x0("h4",{className:vm,children:t?B0(t):hC}),x0(pO,{showDividers:s}),x0("p",{className:`mt-3 ${LC}`,children:mC})]}):n.length===0?p5("div",{className:"min-w-0",children:[h?x0("h4",{className:vm,children:B0(h)}):null,c?x0("p",{className:LC,children:pC}):null]}):a&&m?p5("details",{className:"min-w-0 border-b border-line",children:[p5("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:[B0(h),x0("span",{"aria-hidden":!0,children:"\uFF0B"})]}),x0("div",{className:"pb-3",children:x0(AC,{items:n,showDividers:s})})]}):p5("div",{className:"min-w-0",children:[h?x0("h4",{className:vm,children:B0(h)}):null,x0(AC,{items:n,showDividers:s})]})}import{createContext as kO,useCallback as B3,useContext as CO,useEffect as MO,useMemo as SO,useRef as eM,useState as ze}from"react";function va(e){return typeof e=="number"?String(e):""}function NC(e){let t=va(e);return t&&`${t} LUG`}function fm(e){let t=e.spec?.lugs;return typeof t=="number"?t:null}function _C(e){let t=new Set;for(let a of e){let s=fm(a);s!==null&&t.add(s)}return[...t].sort((a,s)=>a-s)}function gO(e){return e.length===0?null:{min:Math.min(...e),max:Math.max(...e)}}function kl(e){let t=gO(e);return t?zk(t.min,t.max):null}function BC(e){let t=new Set;for(let a of e)for(let s of a.sizes??[])typeof s=="number"&&t.add(s);return[...t].sort((a,s)=>a-s)}var RC=5,DC=.2;function be(e){if(!e)return{holes:null,circles:[]};let t=e.replace(/\([^)]*\)?/g," ").trim(),a=t.match(/^\s*(\d+)\s*[x×*]\s*(.+)$/i),s=a?Number(a[1]):null,o=(a?a[2]:t).split(/[-/,]/).map(l=>Number(l.trim().replace(/[^\d.]/g,""))).filter(l=>Number.isFinite(l)&&l>0);return{holes:s,circles:o}}function bm(e){if(!e||e.length<2)return null;let[t,a]=e;return!Number.isFinite(t)||!Number.isFinite(a)?null:[Math.min(t,a),Math.max(t,a)]}function OC(e){if(!e)return null;let t=be(e.pcd||e.boltPattern);if(t.holes===null||t.circles.length===0)return null;let a=t.circles[0],s=bm(e.etRange),c=s?[s[0]-RC,s[1]+RC]:null;return{holes:t.holes,circle:a,centreBore:typeof e.centreBore=="number"&&e.centreBore>0?e.centreBore:null,etRange:c}}function vO(e,t){return Math.abs(e-t)<=DC}function GC(e,t,a){let s=be(e);return(s.holes??t)!==a.holes?!1:s.circles.some(o=>vO(o,a.circle))}function qC(e,t){return t.centreBore===null?!0:e+DC>=t.centreBore}function fO(e,t){return e[0]<=t[1]&&e[1]>=t[0]}function h8(e,t){let a=`${t.holes}\xD7${t.circle}`;return e.pcds.length===0?{key:"unverifiable",wheel:"",vehicle:a}:e.pcds.some(s=>GC(s,e.lugs,t))?t.etRange!==null&&e.etRange!==null&&!fO(e.etRange,t.etRange)?{key:"et",wheel:Cl(e.etRange),vehicle:Cl(t.etRange)}:e.centreBores.length>0&&!e.centreBores.some(s=>qC(s,t))?{key:"bore",wheel:`${e.centreBores.join(" / ")} mm`,vehicle:`${t.centreBore} mm`}:null:{key:"pcd",wheel:e.pcds.join(" / "),vehicle:a}}function WC(e){return{pcds:e.spec?.pcds??[],lugs:e.spec?.lugs??null,etRange:bm(e.spec?.etRange),centreBores:e.spec?.centreBores??[]}}function Ml(e){let t=e.et,a=e.rearEt??e.et;return{pcds:e.boltPattern?[e.boltPattern]:[],lugs:null,etRange:t==null||a==null?null:[Math.min(t,a),Math.max(t,a)],centreBores:e.centreBore==null?[]:[e.centreBore]}}function Sl(e,t){let a=h8(e,t);return a===null||a.key!=="et"?a:h8(e,{...t,etRange:null})}function xm(e,t){return h8(WC(e),t)}function UC(e,t){return h8(Ml(e),t)}function bO(e,t){return Sl(Ml(e),t)===null}function KC(e,t){return t?e.filter(a=>bO(a,t)):[...e]}function xO(e,t){return Sl(WC(e),t)===null}function Ll(e,t){return t?e.filter(a=>xO(a,t)):e}var IC=1;function zO(e,t){let a=e.spec?.pcds??[],s=e.spec?.centreBores??[],c=bm(e.spec?.etRange);if(!t)return{pcds:a,etRange:c,centreBores:s};let o=e.spec?.lugs??null,l=a.filter(i=>GC(i,o,t)),r=s.filter(i=>qC(i,t));return{pcds:l.length>0?l:a,etRange:c,centreBores:r.length>0?r:s}}function Cl(e){return hl(e[0],e[1])}function ZC(e){let t=e.slice(0,IC).join(" / "),a=e.length-IC;return a>0?`${t} +${a}`:t}var $C="\xB7";function Al(e){return[{fieldKey:"diameter",text:kl(e.sizes)},{fieldKey:"holes",text:NC(e.spec?.lugs)}].filter(t=>!!t.text)}function jC(e,t){let{pcds:a,etRange:s,centreBores:c}=zO(e,t),o=[];return a.length>0&&o.push({fieldKey:"pcd",text:`PCD ${ZC(a)}`}),s!==null&&o.push({fieldKey:"et",text:Cl(s)}),c.length>0&&o.push({fieldKey:"center_bore",text:`C/B ${ZC(c)} mm`}),o}function xe(e){return e?[{key:"pcd",name:"Bolt pattern",value:`${e.holes}\xD7${e.circle}`},{key:"bore",name:"Hub bore",value:e.centreBore!==null?`${e.centreBore} mm bore`:null},{key:"et",name:"Offset",value:e.etRange!==null?Cl(e.etRange):null}]:[]}function YC(e){return xe(e).map(t=>t.value).filter(t=>t!==null).join(" \xB7 ")}var fa={default:"Sort \xB7 Featured",new:"Newest","price-asc":"Price \xB7 Low","price-desc":"Price \xB7 High",name:"Name A\u2013Z"},m8={process:null,size:null,lugs:null,finish:null,priceMin:null,priceMax:null,sort:"default"};function yO(e,t,a){return!(t.process&&e.process!==t.process||t.size&&!e.sizes.includes(t.size)||t.lugs!=null&&fm(e)!==t.lugs||t.finish&&!e.finishes.some(s=>s.family===t.finish)||!Xo(e.prices,a,t.priceMin,t.priceMax))}function wO(e,t,a){return[...e].sort((s,c)=>{switch(t){case"price-asc":return Q9(s.prices,c.prices,a,"asc");case"price-desc":return Q9(s.prices,c.prices,a,"desc");case"name":return s.name.localeCompare(c.name);case"new":return(c.badge==="new"?1:0)-(s.badge==="new"?1:0);default:return 0}})}function XC(e,t,a,s=null){let c=Ll(e,s);return wO(c.filter(o=>yO(o,t,a)),t.sort,a)}import{jsx as AO}from"react/jsx-runtime";var tM={fit:null,name:"",resolving:!1,unresolved:!1};function LO(e,t){return e.fit===t.fit&&e.name===t.name&&e.resolving===t.resolving&&e.unresolved===t.unresolved}var a4=()=>{},aM=kO({filters:m8,setProcess:a4,setSize:a4,setLugs:a4,setFinish:a4,setPriceMin:a4,setPriceMax:a4,setSort:a4,clearAll:a4,reportCount:a4,total:0,reportLugs:a4,lugOptions:[],reportSizes:a4,sizeOptions:[],reportFinishes:a4,finishOptions:[],optionsReported:!1,scrollProcess:null,vehicle:tM,publishVehicle:a4}),Hl="data-catalog-collection",JC=(e,t)=>e-t;function QC(e,t){return e.length===t.length&&e.every((a,s)=>a===t[s])}function zm(e){let t=eM(new Map),[a,s]=ze([]),c=B3((o,l)=>{let r=t.current.get(o);if(r&&QC(r,l))return;t.current.set(o,l);let i=new Set;for(let h of t.current.values())for(let m of h)i.add(m);let n=[...i].sort(e);s(h=>QC(h,n)?h:n)},[e]);return[a,c]}function sM({children:e,initial:t}){let[a,s]=ze(t??m8),c=B3(_=>s(U=>({...U,process:_})),[]),o=B3(_=>s(U=>({...U,size:_})),[]),l=B3(_=>s(U=>({...U,lugs:_})),[]),r=B3(_=>s(U=>({...U,finish:_})),[]),i=B3(_=>s(U=>({...U,priceMin:_})),[]),n=B3(_=>s(U=>({...U,priceMax:_})),[]),h=B3(_=>s(U=>({...U,sort:_})),[]),m=B3(()=>s(_=>({...m8,sort:_.sort})),[]),[p,u]=ze(tM),g=B3(_=>{u(U=>LO(U,_)?U:_)},[]),d=eM(new Map),[f,v]=ze(0),b=B3((_,U)=>{if(d.current.get(_)===U)return;d.current.set(_,U);let W=0;for(let Q of d.current.values())W+=Q;v(W)},[]),[y,z]=zm(JC),[k,S]=zm(JC),[P,D]=zm(Qw),[q,N]=ze(!1),F=B3((_,U)=>{N(!0),z(_,U)},[z]),E=B3((_,U)=>{N(!0),S(_,U)},[S]),R=B3((_,U)=>{N(!0),D(_,U)},[D]),[T,G]=ze(null);MO(()=>{let U=0,Y=()=>{U=0;let Q=null,b1=document.querySelectorAll(`[${Hl}]`);for(let X of b1){let v1=X.getBoundingClientRect();if(v1.top<=140&&v1.bottom>140){Q=X.getAttribute(Hl)??null;break}}G(Q)},W=()=>{U||(U=requestAnimationFrame(Y))};return Y(),window.addEventListener("scroll",W,{passive:!0}),window.addEventListener("resize",W),()=>{window.removeEventListener("scroll",W),window.removeEventListener("resize",W),U&&cancelAnimationFrame(U)}},[]);let s1=SO(()=>({filters:a,setProcess:c,setSize:o,setLugs:l,setFinish:r,setPriceMin:i,setPriceMax:n,setSort:h,clearAll:m,reportCount:b,total:f,reportLugs:F,lugOptions:y,reportSizes:E,sizeOptions:k,reportFinishes:R,finishOptions:P,optionsReported:q,scrollProcess:T,vehicle:p,publishVehicle:g}),[a,c,o,l,r,i,n,h,m,b,f,F,y,E,k,R,P,q,T,p,g]);return AO(aM.Provider,{value:s1,children:e})}function Fl(){return CO(aM)}import{Fragment as HO}from"react";import{jsx as TO,jsxs as PO}from"react/jsx-runtime";var Tl=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function Pl(e){return eo(e)}function cM(e){let t=e.split("\xAE");return t.length===1?e:t.map((a,s)=>PO(HO,{children:[a,s<t.length-1&&TO(Y5,{})]},s))}var ba=Tl.map((e,t)=>({key:e,num:String(t+1).padStart(2,"0"),title:cM(e)}));function FO(e){if(e.length===0)return[...Tl];let t=new Set(e.map(a=>a.process));return Tl.filter(a=>t.has(a))}function is1(e){return FO(e).map((t,a)=>({key:t,num:String(a+1).padStart(2,"0"),title:cM(t)}))}var ns1=Object.fromEntries(Tl.map(e=>[e,Pl(e)]));var El="";function rM(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 oM(e){let t=rM(e);if(t===null||typeof t=="string"&&t.trim()==="")return null;let a=Number(t);return Number.isSafeInteger(a)&&a>0?a:null}function lM(e){let t=rM(e);if(t===null||typeof t=="string"&&t.trim()==="")return null;let a=Number(t);return Number.isFinite(a)&&a>=0?a:null}function EO(e){return le.some(t=>t.f===e)?e:null}function VO(e){return typeof e=="string"&&e!==""?e:null}function iM(e){return e?{...m8,process:VO(e.openingProcess),size:oM(e.openingSize),lugs:oM(e.openingLugs),finish:EO(e.openingFinish),priceMin:lM(e.openingPriceMin),priceMax:lM(e.openingPriceMax)}:m8}var nM={value:El,label:"Any"},hM=[nM,...le.map(e=>({value:e.f,label:e.label}))],mM=[nM,...ba.map(e=>({value:e.key,label:e.key}))];import{useCallback as oG,useEffect as Bl,useRef as AM,useState as xa}from"react";function pM({email:e,firstName:t,interests:a,frequency:s},c){return{email:e.trim(),firstName:t?.trim()||void 0,interests:a&&a.length?a:void 0,frequency:s||void 0,source:c}}var R3={popup:"shop_popup",subscribeSection:"subscribe_section",subscribeBlogsSection:"subscribe_blogs_section",footerSignup:"footer_signup",stockAlertOptIn:"stock_alert_optin"};var NO={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function uM(e,t){let a={};for(let s of uo){let c=e[s];if(!c)continue;let o=z9({role:c},NO,t);o.fontFamily&&(a[yh[s].font]=o.fontFamily),o.fontSize&&(a[yh[s].size]=o.fontSize)}return a}import{useEffect as RO}from"react";import{useEffect as dM,useState as p8}from"react";import{jsx as ye,jsxs as BO}from"react/jsx-runtime";function u5(e,t){let[a,s]=p8(void 0),[c,o]=p8(0);return dM(()=>{if(t!==void 0)return;if(!e){s(null);return}let l=!1;return p0.getForm(e).then(r=>{l||s(r)}).catch(()=>{l||s(null)}),()=>{l=!0}},[t,e,c]),dM(()=>{if(t===void 0)return ro(()=>o(l=>l+1))},[t]),t!==void 0?t:a}var _O="Something went wrong \u2014 your submission wasn't sent. Please try again.";function we(e,t="Thanks \u2014 we've received your submission."){return e.successMessage?.trim()||t}function t7({form:e,formSlug:t,editing:a=!1}){let[s,c]=p8({}),[o,l]=p8(""),[r,i]=p8(!1),[n,h]=p8(!1),[m,p]=p8(null);async function u(g){if(g.preventDefault(),!(a||r||!e||!t)){i(!0),p(null);try{let d=e.fields.map(f=>({fieldKey:f.key,value:s[f.key]??""}));await p0.submitForm(t,{answers:d,...o?{company:o}:{}}),h(!0)}catch{p(_O)}finally{i(!1)}}}return{valueOf:g=>s[g]??"",set:(g,d)=>c(f=>({...f,[g]:d})),honeypot:o,setHoneypot:l,submitting:r,done:n,error:m,handleSubmit:u}}function ke({value:e,onChange:t}){return ye("input",{type:"text",name:"company",tabIndex:-1,autoComplete:"off","aria-hidden":"true",className:"hidden",value:e,onChange:a=>t(a.target.value)})}function a7({field:e,value:t,onChange:a,className:s,rows:c=5,placeholder:o}){let l=o??e.placeholder;return e.type==="textarea"?ye("textarea",{required:e.required,rows:c,value:t,placeholder:l,onChange:r=>a(r.target.value),className:s}):e.type==="select"?BO("select",{required:e.required,value:t,onChange:r=>a(r.target.value),className:s,children:[ye("option",{value:"",children:l||"Select\u2026"}),e.options.map(r=>ye("option",{value:r,children:r},r))]}):e.type==="checkbox"?ye("input",{type:"checkbox",required:e.required,checked:t==="true",onChange:r=>a(r.target.checked?"true":""),className:s}):ye("input",{type:e.type==="email"?"email":e.type==="tel"?"tel":"text",required:e.required,value:t,placeholder:l,onChange:r=>a(r.target.value),className:s})}import{jsx as g2,jsxs as Ce}from"react/jsx-runtime";var gM="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 IO({label:e,required:t,children:a}){return Ce("label",{className:"flex flex-col gap-2",children:[Ce("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-fg",children:[e,t?g2("span",{className:"text-accent",children:" *"}):null]}),a]})}function ZO({field:e,value:t,onChange:a}){let s={field:e,value:t,onChange:a};return e.type==="checkbox"?Ce("label",{className:"flex items-start gap-3",children:[g2(a7,{...s,className:"mt-1 size-4 accent-accent"}),Ce("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.16em] text-fg",children:[e.label,e.required?g2("span",{className:"text-accent",children:" *"}):null]})]}):g2(IO,{label:e.label,required:e.required,children:g2(a7,{...s,className:e.type==="textarea"?gM+" resize-y":gM})})}function vM({children:e}){return g2("section",{className:"relative z-[2] border-t border-line bg-surface",children:g2("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:g2("p",{className:"font-mono text-[12px] uppercase tracking-[0.22em] text-fg-dim",children:e})})})}function ym({formSlug:e,heading:t,intro:a,submitText:s,finePrint:c,form:o,editing:l=!1}={}){let r=u5(e,o);if(r===void 0)return g2(vM,{children:"Loading form\u2026"});if(r===null)return g2(vM,{children:l?"Choose a form in the inspector, under Form.":"This form is unavailable."});let i=(t??"").trim()||r.title;return g2("section",{className:"relative z-[2] border-t border-line bg-surface",children:Ce("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&&g2("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()&&g2("p",{className:"mb-11 max-w-[640px] font-display text-[16px] leading-[1.6] text-fg-dim",children:a}),g2(wm,{form:r,formSlug:e,submitText:s,finePrint:c,editing:l})]})})}function wm({form:e,formSlug:t,submitText:a,finePrint:s,editing:c=!1,onSent:o}){let{valueOf:l,set:r,honeypot:i,setHoneypot:n,submitting:h,done:m,error:p,handleSubmit:u}=t7({form:e,formSlug:t,editing:c});RO(()=>{m&&o?.()},[m]);let g=(a??"").trim()||e.submitButtonText?.trim()||"Submit";return m?g2("p",{role:"status",className:"max-w-[560px] font-serif text-[19px] italic leading-[1.6] text-fg-dim",children:we(e)}):Ce("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:u,children:[e.fields.map(d=>g2(ZO,{field:d,value:l(d.key),onChange:f=>r(d.key,f)},d.key)),g2(ke,{value:i,onChange:n}),p&&g2("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:p}),g2("button",{type:c?"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":g}),e.consentText?.trim()&&g2("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:e.consentText}),(s??"").trim()&&g2("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:s})]})}import{jsx as DO}from"react/jsx-runtime";function km(){return DO("span",{className:"block h-px w-[30px] bg-current"})}import{jsx as Cm,jsxs as WO}from"react/jsx-runtime";function OO(e,t){return`font-mono text-[length:var(--size-label,${e}px)] uppercase tracking-[0.3em] text-accent`}var GO="inline-block w-fit bg-accent px-3.5 py-1.5 font-mono text-[length:var(--size-label,12px)] font-semibold uppercase tracking-[0.16em] text-bg",qO="flex items-center gap-3.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] opacity-80 max-[800px]:text-[length:var(--size-label,12px)] max-[800px]:tracking-[0.25em]";function H1({text:e,look:t="plain",size:a=13,scaled:s=!0,className:c="",classNameAfter:o=""}){if(t==="line")return WO("div",{className:[c,qO,o].filter(Boolean).join(" "),children:[Cm(km,{}),Cm("span",{children:C(e)})]});let l=t==="filled"?GO:OO(a,s);return Cm("span",{className:[c,l,o].filter(Boolean).join(" "),children:C(e)})}import{useCallback as fM,useRef as UO,useState as bM}from"react";function Vl({source:e,dryRun:t=!1}){let[a,s]=bM("idle"),[c,o]=bM(null),l=UO(!1),r=fM(()=>{l.current=!1,o(null),s("idle")},[]),i=fM(async n=>{if(!l.current){if(!ae(n.email)){s("invalid");return}l.current=!0,o(null),s("sending");try{t||await p0.createNewsletterSubscription(pM(n,e))}catch(h){l.current=!1,o(h),s("error");return}l.current=!1,s("sent")}},[e,t]);return{status:a,error:c,submit:i,reset:r}}function Nl(){return"/edit"}import{createContext as YO,useCallback as _l,useContext as XO,useEffect as JO,useMemo as QO,useRef as eG,useState as Lm}from"react";var xM="/edit";function zM(e){return e===xM||e.startsWith(`${xM}/`)}var wM="storefront-subscribe-seen",kM="storefront-popup-closed-at",KO=1440*60*1e3,$O=["/checkout","/cart"];function yM(e){let t=e.split(/[?#]/)[0]||"/",a=t.startsWith("/")?t:`/${t}`;return a.length>1?a.replace(/\/+$/,"")||"/":a}function Mm(e,t,a){let s=yM(e);return $O.some(c=>s===c||s.startsWith(`${c}/`))?!1:t==="all"?!0:a.some(c=>yM(c)===s)}function jO(e,t,a,s){if(e==="never")return!1;if(a.session.getItem(wM)==="1")return!0;if(e==="visit")return!1;let c=Number(a.local.getItem(kM));return!Number.isFinite(c)||c<=0?!1:s-c<t*KO}function Sm(e,t){e.session.setItem(wM,"1"),e.local.setItem(kM,String(t))}function CM(e,t){return e==="exit"&&!t?"delay":e}function MM(e,t,a){let s=a-t;return s<=0?100:Math.min(100,Math.max(0,e/s*100))}function SM(e,t,a){return!e.autoOpen||e.inEditor||!Mm(e.path,e.showOn,e.showOnPages)||e.hideAfter!=="never"&&!Lw(t.session)?!1:!jO(e.hideAfter,e.hideDays,t,a)}import{jsx as cG}from"react/jsx-runtime";var LM=YO(null),Am={session:Aw,local:t3};function tG(){try{return window.matchMedia("(hover: hover) and (pointer: fine)").matches}catch{return!1}}var aG=15,sG=[];function Ys1({children:e,disableAutoTrigger:t,autoOpen:a=!1,autoOpenDelaySec:s=aG,trigger:c="delay",scrollPercent:o=50,showOn:l="all",showOnPages:r=sG,hideAfter:i="visit",hideDays:n=7}){let[h,m]=Lm(!1),[p,u]=Lm("chosen"),[g,d]=Lm({}),f=Nl()??"/",v=zM(f),b=Mm(f,l,r),y=eG(!1),z=_l(q=>{d(q??{}),u("newsletter"),m(!0)},[]),k=_l(()=>{y.current=!0,d({}),u("chosen"),m(!0)},[]),S=_l(()=>Sm(Am,Date.now()),[]),P=_l(()=>{m(!1),Sm(Am,Date.now())},[]);JO(()=>{if(t||y.current||!SM({autoOpen:a,inEditor:v,path:f,showOn:l,showOnPages:r,hideAfter:i,hideDays:n},Am,Date.now()))return;let N=CM(c,tG());if(N==="scroll"){let E=()=>{MM(window.scrollY,window.innerHeight,document.documentElement.scrollHeight)>=o&&(window.removeEventListener("scroll",E),k())};return window.addEventListener("scroll",E,{passive:!0}),()=>window.removeEventListener("scroll",E)}if(N==="exit"){let E=R=>{R.relatedTarget===null&&R.clientY<=0&&(document.removeEventListener("mouseout",E),k())};return document.addEventListener("mouseout",E),()=>document.removeEventListener("mouseout",E)}let F=window.setTimeout(k,Math.max(0,s)*1e3);return()=>window.clearTimeout(F)},[t,a,v,b,c,s,o,i,n,k]);let D=QO(()=>({isOpen:h,mode:p,open:z,close:P,markSent:S,prefillEmail:g.email??"",signupSource:g.source??R3.popup}),[h,p,z,P,S,g]);return cG(LM.Provider,{value:D,children:e})}function Hm(){let e=XO(LM);if(!e)throw new Error("useSubscribePopup() must be called inside <SubscribePopupProvider>. Mount the provider in app/layout.tsx.");return e}import{useEffect as Fm}from"react";function s7({active:e,onDismiss:t,focusRef:a,lockScroll:s=!0}){Fm(()=>{if(!e)return;let c=o=>{o.key==="Escape"&&t()};return document.addEventListener("keydown",c),()=>document.removeEventListener("keydown",c)},[e,t]),Fm(()=>{if(!e||!s)return;let c=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=c}},[e,s]),Fm(()=>{e&&a?.current?.focus()},[e,a])}import{Fragment as iG,jsx as J1,jsxs as u2}from"react/jsx-runtime";var lG=50;function rG(e){let t=w9({sectionAccent:a5(e.sectionAccent)}),a=Xc(e.sectionCorners,e.sectionCornerSides);return{className:t?.className??"",style:{...t?.style??{},...a??{},...uM(e.textStyles)}}}function FM({content:e,open:t=!0,onClose:a,onSent:s,inline:c=!1,prefillEmail:o="",source:l=R3.popup,mode:r="chosen",form:i}){let n=r==="chosen"?e.formSlug:"",h=u5(n||void 0,c?void 0:i??null),m=!!n&&!!h,[p,u]=xa(""),[g,d]=xa(""),[f,v]=xa(()=>new Set(e.interests.slice(0,1))),[b,y]=xa(e.frequencies[0]??""),{status:z,error:k,submit:S,reset:P}=Vl({source:l,dryRun:c}),D=z==="sending",q=z==="invalid"?e.emailInvalidText:z==="error"?k instanceof T4?k.message:e.submitErrorText:null,[N,F]=xa(""),E=AM(null),R=AM(null);Bl(()=>{t&&P()},[t,P]),Bl(()=>{z==="sent"&&!c&&s?.()},[z]);let T=oG(()=>a?.(),[a]);if(s7({active:!c&&t,onDismiss:T}),Bl(()=>{if(c||!t)return;let O=window.setTimeout(()=>R.current?.focus(),lG);return()=>window.clearTimeout(O)},[c,t]),Bl(()=>{!t||!o||d(o)},[t,o]),!c&&!t)return null;function G(O){v(e1=>{let p1=new Set(e1);return p1.has(O)?p1.delete(O):p1.add(O),p1})}function s1(O){O.target===E.current&&a?.()}function _(O){O.preventDefault();let e1=g.trim().toLowerCase();F(e1),S({email:e1,firstName:p,interests:[...f],frequency:b})}let U=e.successBody.replace(/\{email\}/g,N).replace(/\{issue\}/g,e.issueNumber),Y=rG(e),W=e.formSide==="left",Q=u2("div",{className:"flex flex-wrap items-center justify-between gap-5 uppercase tracking-[0.18em] text-fg-dim",children:[u2("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:[J1("span",{className:"block h-1.5 w-1.5 rounded-full bg-accent"}),C(e.finePrint)]}),!c&&J1("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:C(e.dismissText)})]}),b1=u2(iG,{children:[J1("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:J1(H1,{text:e.formLabel,scaled:!1,className:"mb-[18px]"})}),J1("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:j(e.formHeading)}),J1("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:C(e.formIntro,!0)})]}),X="px-11 py-12 max-[880px]:px-[26px] max-[880px]:py-8",v1;m&&h?v1=u2("div",{className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${X}`,children:[b1,J1("div",{className:"mt-8",children:J1(wm,{form:h,formSlug:n,editing:c,onSent:s})}),J1("div",{className:"mt-auto pt-7",children:Q})]}):z!=="sent"?v1=u2("form",{onSubmit:_,noValidate:!0,className:`relative flex min-h-[560px] flex-col max-[880px]:min-h-0 ${X}`,children:[b1,u2("div",{className:"mt-8 flex flex-col gap-[18px]",children:[J1(HM,{label:e.firstNameLabel,required:!0,children:J1("input",{type:"text",value:p,onChange:O=>u(O.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"})}),J1(HM,{label:e.emailLabel,required:!0,children:J1("input",{type:"email",value:g,onChange:O=>d(O.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"})}),u2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[J1("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:C(e.interestsLabel)}),J1("div",{className:"flex flex-wrap gap-2",children:e.interests.map((O,e1)=>{let p1=f.has(O);return J1("button",{type:"button",onClick:()=>G(O),"aria-pressed":p1,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",p1?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:O},`${O}-${e1}`)})})]}),e.frequencies.length>0&&u2("div",{className:"mt-1.5 flex flex-col gap-2.5",children:[J1("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:C(e.frequencyLabel)}),J1("div",{className:"flex border border-line",children:e.frequencies.map((O,e1)=>{let p1=b===O;return J1("button",{type:"button",onClick:()=>y(O),"aria-pressed":p1,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",e1<e.frequencies.length-1?"border-r border-line":"",p1?"bg-accent text-bg":"text-fg-dim hover:text-fg"].join(" "),children:O},`${O}-${e1}`)})})]})]}),u2("div",{className:"mt-auto flex flex-col gap-3.5 pt-7",children:[q&&J1("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}),u2("button",{type:"submit",disabled:D,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:[J1("span",{children:e.submitText}),J1("span",{className:"transition-transform group-hover:translate-x-[4px]",children:D?"\u2026":"\u2192"})]}),Q]})]}):v1=u2("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:[J1("div",{className:"flex h-16 w-16 items-center justify-center border border-accent font-display text-[32px] text-accent",children:"\u2713"}),J1("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:j(e.successHeading)}),J1("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:C(U,!0)}),!c&&J1("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:C(e.keepBrowsingText)})]});let G1=u2("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 ${Y.className}`.trim(),style:{...Y.style,background:"var(--bg)",color:"var(--fg)",boxShadow:c?"0 30px 80px -30px rgba(0,0,0,0.5)":"0 60px 120px -20px rgba(0,0,0,0.7)",animation:c?void 0:"subscribe-rise 0.35s cubic-bezier(.2,.7,.2,1)"},children:[!c&&J1("button",{ref:R,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"}),u2("div",{className:["grid max-h-[calc(100vh-48px)] overflow-hidden max-[880px]:max-h-[88dvh] max-[880px]:grid-cols-1 max-[880px]:overflow-auto",W?"grid-cols-[1fr_1.05fr]":"grid-cols-[1.05fr_1fr]"].join(" "),children:[u2("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",W?"order-2 border-l max-[880px]:order-none":"border-r",e.valuePanelOnPhone?"":"max-[880px]:hidden"].join(" "),style:{background:"var(--subscribe-panel-bg)"},children:[J1("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)"}}),u2("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:[J1("div",{className:"absolute inset-[60px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 18%, transparent)"}}),J1("div",{className:"absolute inset-[140px] rounded-full border",style:{borderColor:"color-mix(in oklab, var(--accent) 14%, transparent)"}})]}),u2("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",W&&!c?"pr-[52px]":""].join(" "),children:[J1("span",{children:C(e.metaLabel)}),(e.issueLabel||e.issueNumber)&&u2("span",{children:[C(e.issueLabel)," ",J1("strong",{className:"font-normal text-accent",children:e.issueNumber})]})]}),u2("div",{className:"relative z-[2] flex flex-col gap-[18px] py-8",children:[J1("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:J1(H1,{text:e.kicker,size:12,scaled:!1})}),J1("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:j(e.heading)}),J1("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:C(e.deck,!0)})]}),e.stats.length>0&&J1("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((O,e1)=>u2("div",{children:[J1("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:C(O.label)}),J1("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:C(O.value)})]},`${O.label}-${e1}`))})]}),v1]})]});return c?J1("div",{className:"flex w-full justify-center p-6","data-subscribe-preview":!0,children:G1}):u2("div",{ref:E,onClick:s1,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:[G1,J1("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 HM({label:e,required:t,children:a}){return u2("label",{className:"flex flex-col gap-2",children:[u2("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:[C(e),t&&J1("span",{className:"ml-1.5 text-accent",children:"\xB7"})]}),a]})}import{createContext as nG,useCallback as za,useContext as hG,useEffect as Pm,useMemo as mG,useRef as pG,useState as c7}from"react";var Tm="/api/chat/public";function TM(e){let t=ra.getAccess();return t?{token:t}:e?{headers:{"X-Chat-Token":e}}:{}}async function PM(e){let t=ra.getAccess();return U6(`${Tm}/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 EM(e,t){return U6(`${Tm}/conversations/${e}/thread/`,TM(t))}async function VM(e,t,a){return U6(`${Tm}/conversations/${e}/thread/`,{method:"POST",body:JSON.stringify({body:a}),...TM(t)})}import{jsx as vG}from"react/jsx-runtime";function uG(e,t){return`${(Uo||(typeof window<"u"?window.location.origin:"")).replace(/^http/,"ws")}/ws/chat/?conversation=${e}&token=${encodeURIComponent(t)}`}var dG="sf:aid",NM="sf:chat",_M=nG(null);function gG(){let e=t3.getItem(NM);if(!e)return null;try{return JSON.parse(e)}catch{return null}}function BM({children:e,preview:t=!1}){let[a,s]=c7(!1),[c,o]=c7(null),[l,r]=c7([]),[i,n]=c7(!1),[h,m]=c7(null),[p,u]=c7(0),[g,d]=c7(!1),[f,v]=c7(!1),b=pG(a);b.current=a,Pm(()=>{t||(o(gG()),Nw.restoreSession().then(()=>d(!0)).catch(()=>d(!1)))},[t]);let y=za(async q=>{try{let N=await EM(q.id,q.token);r(N.messages)}catch{}},[]);Pm(()=>{t||c&&y(c)},[t,c,y,g]),Pm(()=>{if(t||!c)return;let q=ra.getAccess()??c.token,N=!1,F=null,E,R=3e3,T=()=>{N||(F=new WebSocket(uG(c.id,q)),F.onmessage=G=>{try{let s1=JSON.parse(G.data);s1.type==="chat_event"&&s1.event==="message"&&(y(c),!b.current&&s1.payload?.sender_role==="employee"&&u(_=>_+1))}catch{}},F.onclose=()=>{N||(E=setTimeout(T,R),R=Math.min(R*2,3e4))},F.onerror=()=>F?.close())};return T(),()=>{N=!0,E&&clearTimeout(E),F?.close()}},[t,c,y]);let z=za(()=>{s(!0),u(0)},[]),k=za(()=>s(!1),[]),S=za(()=>s(q=>(q||u(0),!q)),[]),P=za(async(q,N)=>{let F=q.trim();if(F){if(t){r(E=>[...E,{id:`preview-${E.length}`,sender_role:"customer",sender_name:N?.name||"You",body:F,image_url:null,created_at:""}]),v(!0);return}n(!0),m(null);try{if(c){let E=await VM(c.id,c.token,F);r(R=>[...R,E])}else{let E=t3.getItem(dG)||"",R=await PM({body:F,guestName:N?.name,guestEmail:N?.email,guestKey:E}),T={id:R.id,token:R.guest_token};t3.setItem(NM,JSON.stringify(T)),o(T),r(R.messages)}}catch{m("Could not send your message. Please try again shortly.")}finally{n(!1)}}},[c,t]),D=mG(()=>({isOpen:a,open:z,close:k,toggle:S,messages:l,sending:i,error:h,unread:p,hasConversation:t?f:!!c,isSignedIn:g,send:P}),[a,z,k,S,l,i,h,p,c,g,P,t,f]);return vG(_M.Provider,{value:D,children:e})}function RM(){let e=hG(_M);if(!e)throw new Error("useChat must be used within <ChatProvider>");return e}import{useEffect as fG,useRef as bG,useState as Em}from"react";import{jsx as a2,jsxs as d5}from"react/jsx-runtime";var xG="Chat with us",zG="We usually reply within a few minutes",yG="Hi! Ask us anything \u2014 about a wheel, an order, or fitment. Leave your details and we\u2019ll reply.";function wG({m:e}){if(e.sender_role==="system")return a2("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 a2("div",{className:`flex ${a?"justify-start":"justify-end"}`,children:d5("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&&d5("div",{className:"mb-0.5 flex items-center gap-1 text-[10px] font-semibold uppercase tracking-wide text-fg/50",children:[t&&a2("span",{"aria-hidden":"true",children:"\u2726"}),a2("span",{children:t?e.sender_name||"Assistant":e.sender_name||"Support"}),t&&a2("span",{className:"font-normal normal-case tracking-normal",children:"\xB7 automated"})]}),e.body&&a2("p",{className:"whitespace-pre-wrap",children:e.body}),e.image_url&&a2("a",{href:e.image_url,target:"_blank",rel:"noopener noreferrer",children:a2("img",{src:e.image_url,alt:"Attachment",className:"mt-1.5 max-h-48 w-auto rounded-lg"})})]})})}function Vm({title:e,subtitle:t,greeting:a}={}){let{isOpen:s,toggle:c,close:o,messages:l,sending:r,error:i,unread:n,hasConversation:h,isSignedIn:m,send:p}=RM(),u=e?.trim()||xG,g=t?.trim()||zG,d=a?.trim()||yG,[f,v]=Em(""),[b,y]=Em(""),[z,k]=Em(""),S=bG(null),P=!m&&!h;fG(()=>{s&&S.current?.scrollIntoView({behavior:X5(),block:"nearest"})},[l.length,s]);let D=f.trim().length>0&&(!P||b.trim()&&/.+@.+/.test(z)),q=()=>{!D||r||(p(f,P?{name:b.trim(),email:z.trim()}:void 0),v(""))};return s?d5("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:[d5("div",{className:"flex items-center justify-between border-b border-line px-4 py-3",children:[d5("div",{children:[a2("div",{className:"text-sm font-semibold text-fg",children:u}),a2("div",{className:"text-[11px] text-fg/50",children:g})]}),a2("button",{type:"button",onClick:o,"aria-label":"Close chat",className:"rounded-md p-1 text-fg/60 hover:bg-fg/5",children:a2("svg",{className:"h-5 w-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:a2("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})})]}),d5("div",{className:"flex-1 space-y-2 overflow-y-auto px-3 py-3",children:[l.length===0&&a2("p",{className:"px-2 py-4 text-center text-sm text-fg/50",children:d}),l.map(N=>a2(wG,{m:N},N.id)),a2("div",{ref:S})]}),d5("div",{className:"border-t border-line p-3",children:[P&&d5("div",{className:"mb-2 grid grid-cols-2 gap-2",children:[a2("input",{value:b,onChange:N=>y(N.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"}),a2("input",{value:z,onChange:N=>k(N.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&&a2("p",{className:"mb-2 text-xs text-red-600",children:i}),d5("div",{className:"flex items-end gap-2",children:[a2("textarea",{value:f,onChange:N=>v(N.target.value),onKeyDown:N=>{N.key==="Enter"&&!N.shiftKey&&(N.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"}),a2("button",{type:"button",onClick:q,disabled:!D||r,className:"rounded-lg bg-btn px-3 py-2 text-sm font-semibold text-btn-ink disabled:opacity-40",children:r?"\u2026":"Send"})]})]})]}):d5("button",{type:"button",onClick:c,"aria-label":p2(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:[a2("svg",{className:"h-6 w-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:1.8,children:a2("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&&a2("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 Nm,jsxs as CG}from"react/jsx-runtime";var kG=`
|
|
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, ${J5.accent} 45%, transparent);
|
|
13
|
+
outline-offset: 3px;
|
|
14
|
+
}
|
|
15
|
+
.sf-preview-chat-pick[data-selected] [aria-label] {
|
|
16
|
+
outline: 2px solid ${J5.accent};
|
|
17
|
+
outline-offset: 3px;
|
|
18
|
+
}
|
|
19
|
+
`;function _m(){let{chromePlaceholder:e,themeFromDocument:t}=E3(),{chat:a,selected:s,select:c}=Vy();return e||t||!a.enabled?null:CG("div",{className:"sf-preview-chat-pick","data-selected":s||void 0,onClick:o=>{o.stopPropagation(),c()},children:[Nm("style",{children:kG}),Nm(BM,{preview:!0,children:Nm(Vm,{title:a.title,subtitle:a.subtitle,greeting:a.greeting})})]})}import{lazy as MG,Suspense as SG}from"react";import{jsx as IM}from"react/jsx-runtime";function Bm(e,t={}){let a=MG(async()=>{let o=await e();return{default:"default"in o?o.default:o}}),s=t.loading?t.loading():null;function c(o){return IM(SG,{fallback:s,children:IM(a,{...o})})}return c}import{useEffect as JG,useRef as QG}from"react";import{useEffect as LG,useState as AG}from"react";import{jsx as Rm,jsxs as HG}from"react/jsx-runtime";function k0({fallback:e,className:t,src:a,alt:s="",objectPosition:c,objectFit:o="cover",sizes:l="100vw",priority:r=!1,deferFetch:i=!1,showBackground:n=!0,treatment:h}){let[m,p]=AG(!1),u=a||"";LG(()=>{p(!1)},[u]);let g=lx(u),d=!u||m;return HG("div",{className:`relative h-full w-full overflow-hidden ${t??""}`,children:[Rm("div",{className:"absolute inset-0 flex items-center justify-center",style:n?{background:"var(--surface)"}:void 0,children:d?e:null}),u&&(g?Rm("img",{src:u,alt:s,decoding:"async",...i?{loading:"lazy"}:{},className:`absolute inset-0 h-full w-full${h?.className?` ${h.className}`:""}`,style:{display:m?"none":"block",objectFit:o,...c?{objectPosition:c}:{},...h?.style??{}},onError:()=>p(!0)}):Rm(Bc,{src:u,alt:s,fill:!0,sizes:l,priority:r,...h?.className?{className:h.className}:{},style:{display:m?"none":"block",objectFit:o,...c?{objectPosition:c}:{},...h?.style??{}},onError:()=>p(!0)}))]})}import{useId as BG}from"react";var FG=25.4,ya=400,Il=152,TG=58,ZM=Il*Math.cos(TG*Math.PI/180),PG=14,EG=ya/2,VG={sectionWidth:225,aspectRatio:60,rimDiameter:17};function OM(e){let t=e4(e);return t?{sectionWidth:t.width,aspectRatio:t.profile,rimDiameter:t.rim}:VG}function GM(e){let t=e.rimDiameter*FG/2,a=t+e.sectionWidth*e.aspectRatio/100,s=Il*(e.sectionWidth/a),c=t/a;return{cy:EG,rx:ZM,ry:Il,cxf:ya/2-s/2-PG,dx:s,rimRx:ZM*c,rimRy:Il*c}}var g0=e=>e.toFixed(1);function Zl(e,t,a,s=!1){let c=e.cxf+t*e.dx,[o,l]=s?[e.cy+e.ry,e.cy-e.ry]:[e.cy-e.ry,e.cy+e.ry];return`M${g0(c)} ${g0(o)} A${g0(e.rx)} ${g0(e.ry)} 0 0 ${a} ${g0(c)} ${g0(l)}`}function Im(e,t,a){let s=e.cxf+t*e.dx,c=e.cxf+a*e.dx,o=e.cy-e.ry,l=e.cy+e.ry;return`M${g0(s)} ${g0(o)} L${g0(c)} ${g0(o)} A${g0(e.rx)} ${g0(e.ry)} 0 0 1 ${g0(c)} ${g0(l)} L${g0(s)} ${g0(l)} A${g0(e.rx)} ${g0(e.ry)} 0 0 0 ${g0(s)} ${g0(o)} Z`}function Rl(e,t,a){let s=a*Math.PI;return[e.cxf+t*e.dx+e.rx*Math.sin(s),e.cy-e.ry*Math.cos(s)]}function qM(e,t,a,s,c){let[o,l]=Rl(e,t,s),[r,i]=Rl(e,t,c),[n,h]=Rl(e,a,c),[m,p]=Rl(e,a,s);return`M${g0(o)} ${g0(l)} A${g0(e.rx)} ${g0(e.ry)} 0 0 1 ${g0(r)} ${g0(i)} L${g0(n)} ${g0(h)} A${g0(e.rx)} ${g0(e.ry)} 0 0 0 ${g0(m)} ${g0(p)} L${g0(o)} ${g0(l)} Z`}var DM=[{f:[0,.215]},{f:[.245,.485]},{f:[.515,.755]},{f:[.785,1]}],NG={COM:[{f:[0,.115]},{f:[.145,.26]},{f:[.29,.405]},{f:[.435,.55]},{f:[.58,.695]},{f:[.725,.84]},{f:[.87,1]}],P:[{f:[0,.17],blocks:{count:9,gap:.34}},{f:[.2,.38]},{f:[.42,.58]},{f:[.62,.8]},{f:[.83,1],blocks:{count:9,gap:.34,phase:.5}}],HP:[{f:[0,.3]},{f:[.34,.52]},{f:[.56,.7]},{f:[.74,1],blocks:{count:16,gap:.18}}],UHP:[{f:[0,.34]},{f:[.4,.56]},{f:[.62,1]}],SUV:[{f:[0,.16],blocks:{count:7,gap:.4}},{f:[.2,.36],blocks:{count:11,gap:.26,phase:.5}},{f:[.4,.6]},{f:[.64,.8],blocks:{count:11,gap:.26,phase:.5}},{f:[.84,1],blocks:{count:7,gap:.4}}],LT:[{f:[0,.22],blocks:{count:11,gap:.26}},{f:[.26,.48],blocks:{count:11,gap:.26,phase:.5}},{f:[.52,.74],blocks:{count:11,gap:.26}},{f:[.78,1],blocks:{count:11,gap:.26,phase:.5}}],AT:[{f:[0,.23],blocks:{count:6,gap:.46}},{f:[.29,.5],blocks:{count:6,gap:.46,phase:.5}},{f:[.56,.77],blocks:{count:6,gap:.46}},{f:[.83,1],blocks:{count:6,gap:.46,phase:.5}}],MT:[{f:[0,.29],blocks:{count:4,gap:.58}},{f:[.36,.64],blocks:{count:4,gap:.58,phase:.5}},{f:[.71,1],blocks:{count:4,gap:.58}}]},_G=[["ultra high performance","UHP"],["uhp","UHP"],["high performance","HP"],["hp","HP"],["performance","HP"],["sport","HP"],["mud terrain","MT"],["mud","MT"],["mt","MT"],["all terrain","AT"],["at","AT"],["light truck","LT"],["lt","LT"],["commercial","COM"],["com","COM"],["van","COM"],["cargo","COM"],["suv","SUV"],["4x4","SUV"],["crossover","SUV"],["cuv","SUV"],["passenger","P"],["touring","P"],["highway","P"],["p","P"]];function WM(e){let t=` ${(e??"").toLowerCase().replace(/[^a-z0-9]+/g," ").trim()} `;if(t.trim()==="")return DM;for(let[a,s]of _G)if(t.includes(` ${a} `))return NG[s];return DM}var Dl="Illustrations are drawn to each tyre's listed size and represent its category; supplier photography replaces them where available.";import{Fragment as wa,jsx as m0,jsxs as g5}from"react/jsx-runtime";var s4={rib:.2,grooveWall:.16,shoulder:.22,silhouette:.26,relief:[.26,.15,.11],lettering:.1,dishFill:.06,dishEdge:.3,spoke:.3,hubFill:.16,hubEdge:.34},RG=[.8,.52,.24],UM=.4,KM=.88,$M=.3,jM=5,YM=.3,XM=.84,IG=7,C0=e=>Math.round(e*10)/10;function Zm({size:e,type:t,className:a}){let s=BG().replace(/[^a-zA-Z0-9]/g,""),c={tread:`${s}-tread`,wall:`${s}-wall`,rim:`${s}-rim`,shadow:`${s}-shadow`,crown:`${s}-crown`},o=GM(OM(e)),l=Im(o,0,1),r=e?`${e} tyre illustration`:"Tyre illustration";return g5("svg",{"data-tyre-placeholder":"",viewBox:`0 0 ${ya} ${ya}`,role:"img","aria-label":r,fill:"none",className:a??"block h-full w-full",children:[m0("title",{children:r}),g5("defs",{children:[m0(DG,{id:c}),m0("clipPath",{id:c.crown,children:m0("path",{d:l})})]}),m0("ellipse",{cx:C0(o.cxf+o.dx/2),cy:C0(o.cy+o.ry-4),rx:C0(o.dx*1.5),ry:16,fill:`url(#${c.shadow})`}),m0(OG,{g:o,id:c}),m0(GG,{g:o,id:c}),m0("path",{d:l,fill:`url(#${c.tread})`}),m0("g",{clipPath:`url(#${c.crown})`,children:WM(t).map(i=>m0(ZG,{g:o,column:i},i.f[0]))}),m0("path",{d:Zl(o,0,0,!0),stroke:"currentColor",strokeOpacity:s4.shoulder,strokeWidth:1.2}),m0("path",{d:Zl(o,1,1),stroke:"currentColor",strokeOpacity:s4.silhouette,strokeWidth:1.4})]})}function ZG({g:e,column:t}){let[a,s]=t.f;if(!t.blocks)return g5(wa,{children:[m0("path",{d:Im(e,a,s),fill:"currentColor",fillOpacity:s4.rib}),m0("path",{d:Zl(e,a,1),stroke:"currentColor",strokeOpacity:s4.grooveWall,strokeWidth:1})]});let{count:c,gap:o,phase:l=0}=t.blocks,r=1/c,i=[];for(let n=-1;n<=c;n+=1){let h=Math.max((n+l+o/2)*r,0),m=Math.min((n+l+1-o/2)*r,1);m-h>r*.15&&i.push([h,m])}return m0(wa,{children:i.map(([n,h])=>m0("path",{d:qM(e,a,s,n,h),fill:"currentColor",fillOpacity:s4.rib,stroke:"currentColor",strokeOpacity:s4.grooveWall,strokeWidth:1},n))})}function DG({id:e}){return g5(wa,{children:[g5("linearGradient",{id:e.tread,x1:"0",y1:"0",x2:"1",y2:"0",children:[m0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.07}),m0("stop",{offset:"0.14",stopColor:"currentColor",stopOpacity:.24}),m0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.18}),m0("stop",{offset:"0.84",stopColor:"currentColor",stopOpacity:.1}),m0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.05})]}),g5("linearGradient",{id:e.wall,x1:"0.15",y1:"0",x2:"0.9",y2:"1",children:[m0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.28}),m0("stop",{offset:"0.45",stopColor:"currentColor",stopOpacity:.17}),m0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.08})]}),g5("linearGradient",{id:e.rim,x1:"0.1",y1:"0",x2:"0.9",y2:"1",children:[m0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.46}),m0("stop",{offset:"0.5",stopColor:"currentColor",stopOpacity:.26}),m0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:.12})]}),g5("radialGradient",{id:e.shadow,children:[m0("stop",{offset:"0",stopColor:"currentColor",stopOpacity:.22}),m0("stop",{offset:"1",stopColor:"currentColor",stopOpacity:0})]})]})}function OG({g:e,id:t}){let a=e.rimRy/e.ry,s=o=>a+(1-a)*o,c=Math.max(6,(e.ry-e.rimRy)*.3);return g5(wa,{children:[m0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rx),ry:C0(e.ry),fill:`url(#${t.wall})`}),RG.map((o,l)=>{let r=s(o);return m0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rx*r),ry:C0(e.ry*r),stroke:"currentColor",strokeOpacity:s4.relief[l],strokeWidth:1},o)}),m0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rx*s(UM)),ry:C0(e.ry*s(UM)),stroke:"currentColor",strokeOpacity:s4.lettering,strokeWidth:C0(c)})]})}function GG({g:e,id:t}){let a=Array.from({length:jM},(s,c)=>{let o=(c*(360/jM)-90)*Math.PI/180;return{x1:e.cxf+e.rimRx*YM*Math.cos(o),y1:e.cy+e.rimRy*YM*Math.sin(o),x2:e.cxf+e.rimRx*XM*Math.cos(o),y2:e.cy+e.rimRy*XM*Math.sin(o)}});return g5(wa,{children:[m0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rimRx),ry:C0(e.rimRy),fill:`url(#${t.rim})`}),m0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rimRx*KM),ry:C0(e.rimRy*KM),fill:"currentColor",fillOpacity:s4.dishFill,stroke:"currentColor",strokeOpacity:s4.dishEdge,strokeWidth:1}),a.map((s,c)=>m0("line",{x1:C0(s.x1),y1:C0(s.y1),x2:C0(s.x2),y2:C0(s.y2),stroke:"currentColor",strokeOpacity:s4.spoke,strokeWidth:IG,strokeLinecap:"round"},c)),m0("ellipse",{cx:C0(e.cxf),cy:C0(e.cy),rx:C0(e.rimRx*$M),ry:C0(e.rimRy*$M),fill:"currentColor",fillOpacity:s4.hubFill,stroke:"currentColor",strokeOpacity:s4.hubEdge,strokeWidth:1})]})}import{jsx as Dm}from"react/jsx-runtime";function s6({image:e,size:t,type:a,sizes:s,priority:c=!1,className:o="aspect-square",showBackground:l=!0}){return Dm("div",{className:`text-fg ${o}`,style:{padding:"var(--sf-tyre-image-inset, 0)"},children:Dm(k0,{label:t||"Tyre",src:$3(e??void 0),alt:t?`${t} tyre`:"Tyre",objectFit:"contain",sizes:s,priority:c,showBackground:l,fallback:Dm(Zm,{size:t,type:a,className:"block h-full w-full p-3"})})})}function Gl(e){if(!e||e.year===null)return null;let{make:t,model:a,year:s,modification:c}=e;return!t||!a||!c?null:{make:t,model:a,year:s,modification:c}}function qG(e,t){let a=new URLSearchParams({make:t.make,model:t.model,year:String(t.year),modification:t.modification});return`/api/v1/tyres/${encodeURIComponent(e)}/fitment?${a.toString()}`}function Ol(e,t=""){return{vehicle:{...e,region:t},status:"unknown",oemSizes:[],variants:[]}}function WG(e,t){if(typeof t!="object"||t===null)return Ol(e);let a=t,s=typeof a.vehicle=="object"&&a.vehicle!==null?a.vehicle:{},c=typeof s.region=="string"?s.region:"",o=a.status;if(o!=="fits"&&o!=="doesNotFit")return Ol(e,c);let l=Array.isArray(a.variants)?a.variants.filter(r=>typeof r=="object"&&r!==null&&typeof r.sku=="string"&&typeof r.fits=="boolean"):[];return l.length===0?Ol(e,c):{vehicle:{make:typeof s.make=="string"?s.make:e.make,model:typeof s.model=="string"?s.model:e.model,year:typeof s.year=="number"?s.year:e.year,modification:typeof s.modification=="string"?s.modification:e.modification,region:c},status:o,oemSizes:Array.isArray(a.oemSizes)?a.oemSizes.filter(r=>typeof r=="string"):[],variants:l.map(r=>({sku:r.sku,size:typeof r.size=="string"?r.size:"",fits:r.fits}))}}async function JM(e,t){try{let a=await U6(qG(e,t),{baseUrl:_w});return WG(t,a)}catch{return Ol(t)}}function QM(e){if(!e)return[];let t=[];for(let a of[...e.frontTyres,...e.rearTyres]){let s=e4(a);if(!s)continue;let c=P4(s);t.includes(c)||t.push(c)}return t}function eS(e,t){if(t.length===0)return null;for(let a of e){let s=e4(a);if(!s)continue;let c=P4(s);if(t.includes(c))return c}return null}function ka(e,t){if(!e||e.status==="unknown")return"unknown";let a=e.variants.find(s=>s.sku===t);return a?a.fits?"fits":"doesNotFit":"unknown"}var UG="/tyres";function Me(e){return e?`${UG}/${e}`:null}function Se(e){let t=e.lastIndexOf(" ");return t===-1?{lead:"",accent:e}:{lead:e.slice(0,t+1),accent:e.slice(t+1)}}function Om(e,t){return Zw({partNumber:e.sku,prices:e.prices},t)}var KG="Tyre";function ql(e,t,a,s){return{id:`${e.slug}|${t.sku}|${a.unit}|${a.spares>0?"spare":"no-spare"}`,slug:e.slug,name:Se(e.name),process:e.brand||KG,positionNo:"01",config:[{label:t.size},{label:$o(a)}],finishName:"",size:t.size,components:Om(t,a),qty:s,href:Me(e.slug)??void 0,kind:"tyre",sku:t.sku,pack:a}}function Wl(e){return e.kind==="tyre"}function tS(e,t){let a=e.prices?.[t];return typeof a!="number"||!Number.isFinite(a)||a<=0?!1:e.inStock}import{jsx as Ca}from"react/jsx-runtime";function $G(e){let t=e?.tyreTypes??[];return t.length===1?t[0]:null}function Gm({line:e,catalog:t,tyre:a}){let s=t.find(h=>h.slug===e.slug),c=e.config.find(h=>h.gold)?.label,o=s?.finishes.find(h=>h.name===c&&h.src)??s?.finishes.find(h=>h.src),l=s?.spokes??5,r=s?.mesh??!1,n=(s?.finishes.find(h=>h.name===c)??s?.finishes[0])?.color??Xw;return Ca("div",{className:"relative flex aspect-square items-center justify-center overflow-hidden border border-line bg-surface",children:Wl(e)?Ca(s6,{image:a?.coverImage,size:e.size,type:$G(a),sizes:"96px",className:"h-full w-full"}):o?.src?Ca(P3,{src:o.src,alt:`${s?.name??e.slug} \u2014 ${o.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))"}}):s||t.length===0?Ca("div",{className:"relative z-[2] block w-[72%]",style:{color:n,filter:"drop-shadow(0 6px 12px rgba(0,0,0,0.25))"},children:Ca(c8,{spokes:l,mesh:r,className:"block w-full"})}):null})}import{useEffect as jG,useState as YG}from"react";var XG=new Map;function aS(e){let[t,a]=YG(null);return jG(()=>{if(!e||t)return;let s=!0;return p0.listCatalog(["tyre"]).then(c=>{s&&a(new Map(c.flatMap(o=>o.kind==="tyre"?[[o.slug,o]]:[])))}).catch(c=>{console.error("[useTyreCatalog] tyre catalog read failed",c)}),()=>{s=!1}},[e,t]),t??XG}import{Fragment as Ul,jsx as S1,jsxs as c0}from"react/jsx-runtime";function Ma({content:e=po}){let{isOpen:t,close:a,items:s,remove:c,setQty:o,totals:l,coupon:r,bundles:i}=Q3(),n=new Set(s.flatMap(b=>(b.components??[]).map(y=>y.partNumber))),h=new Set(l.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}=h0(),g=u?.name??e.shipsToFallback,d=1+(e.leadTimeValue?1:0)+(g?1:0),f=QG(null),v=aS(s.some(Wl));return s7({active:t,onDismiss:a,lockScroll:!1}),JG(()=>{t&&f.current?.focus({preventScroll:!0})},[t]),t?c0(Ul,{children:[S1("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"}),c0("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:[S1("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
|
+
`}),c0("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:[c0("div",{className:"flex items-center justify-between",children:[c0("span",{className:"flex items-center gap-2.5 font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[e.kickerBadge?S1("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]}),S1("button",{ref:f,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"})]}),c0("h1",{className:"font-display text-[38px] font-medium uppercase leading-[0.95] tracking-[-0.03em] max-[640px]:text-[30px]",children:[e.titleLead+" ",S1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.02em] normal-case",children:e.titleAccent})]}),S1("p",{className:"font-serif text-[13px] italic leading-[1.5] text-fg-dim",children:Xz(e,s.length)})]}),c0("div",{className:`grid flex-shrink-0 ${eq[d-1]} gap-px border-b border-line bg-line`,children:[S1(qm,{label:"Items",value:c0(Ul,{children:[S1("em",{className:"font-serif font-normal italic text-accent",children:l.sets})," set",l.sets===1?"":"s"," \xB7 ",l.units," item",l.units===1?"":"s"]})}),e.leadTimeValue?S1(qm,{label:"Lead time",value:e.leadTimeValue}):null,g?S1(qm,{label:"Ships to",value:g}):null]}),c0("div",{className:"flex-1 overflow-y-auto [scrollbar-color:var(--line)_transparent] [scrollbar-width:thin]",children:[s.length===0?S1(oq,{content:e}):s.map(b=>S1(tq,{line:b,tyre:v.get(b.slug),onRemove:()=>c(b.id),onQtyChange:y=>o(b.id,y)},b.id)),m.length>0&&c0("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:[c0("div",{className:"mb-3.5 flex items-center justify-between font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:[S1("span",{children:"You may also need"}),S1("span",{className:"font-display text-[11px] normal-case tracking-[0.08em] text-fg-dim",children:"Buy together, save"})]}),S1("div",{className:"grid grid-cols-2 gap-2 max-[640px]:grid-cols-1",children:m.map(b=>S1(aq,{href:`/bundles/${b.slug}`,title:b.name,sub:sq(b,l.currency,p)},b.slug))})]}),S1("section",{className:"border-b border-line px-8 py-[22px] max-[640px]:px-[22px]",children:S1(tk,{})}),e.promises.length>0&&S1("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=>S1(cq,{children:b},b))})]}),c0("div",{className:"flex flex-shrink-0 flex-col gap-2 border-t border-line px-8 pt-5 max-[640px]:px-[22px]",children:[S1(o7,{label:`Subtotal \xB7 ${l.sets} set${l.sets===1?"":"s"}`,value:p(l.subtotal,l.currency)}),l.appliedBundles.map(b=>S1(o7,{label:`Bundle \xB7 ${b.name}${b.multiples>1?` \xD7${b.multiples}`:""}`,value:c0("span",{style:{color:"var(--green)"},children:["\u2212 ",p(b.discount,l.currency)]})},b.slug)),l.discount>0&&r?.valid&&S1(o7,{label:`Coupon \xB7 ${r.code}`,value:c0("span",{style:{color:"var(--green)"},children:["\u2212 ",p(l.discount,l.currency)]})}),r?.deferred&&S1(o7,{label:`Coupon \xB7 ${r.code}`,value:Rw}),r?.valid&&r.effects?.gift&&S1(o7,{label:`Free gift \xB7 ${r.effects.gift.partNumber}${r.effects.gift.quantity>1?` \xD7${r.effects.gift.quantity}`:""}`,value:S1("span",{style:{color:"var(--green)"},children:"Free"})}),S1(o7,{label:"Shipping",value:l.freeShipping||l.shipping===0?S1("span",{style:{color:"var(--green)"},children:"Free"}):p(l.shipping,l.currency)}),l.tax&&(l.tax.charged?S1(o7,{label:l.tax.inclusive?`${l.tax.name} included \xB7 ${l.tax.rate}%`:l.tax.name,value:p(l.tax.amount,l.currency)}):l.tax.name?S1(o7,{label:l.tax.name,value:"Calculated at checkout"}):null),c0("div",{className:"mt-1.5 flex items-center justify-between border-t border-line pt-3.5 text-fg",children:[c0("span",{className:"font-display text-[22px] font-medium tracking-[-0.02em] normal-case",children:["Total ",S1("em",{className:"font-serif font-normal italic text-accent",children:"due"})]}),S1("span",{className:"text-right font-display text-[30px] font-medium tracking-[-0.025em] text-fg",children:l.repricing?"\u2026":p(l.grand,l.currency)})]})]}),c0("div",{className:"flex flex-shrink-0 flex-col gap-2.5 px-8 pb-[22px] pt-3.5 max-[640px]:px-[22px]",children:[c0(M1,{href:"/checkout",onClick:a,"aria-disabled":s.length===0,className:["group flex items-center justify-between border px-5 py-[18px] font-mono text-[12px] uppercase tracking-[0.3em] transition-colors",s.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",S1("span",{className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]}),c0("div",{className:"flex items-center justify-between px-1 py-1.5 font-mono text-[10px] uppercase tracking-[0.24em] text-fg-dim",children:[S1(M1,{href:"/wheels",onClick:a,className:"text-fg transition-colors hover:text-accent",children:"\u2190 Keep browsing"}),S1("button",{type:"button",className:"text-fg transition-colors hover:text-accent",children:"Save for later"})]})]})]})]}):null}var eq=["grid-cols-1","grid-cols-2","grid-cols-3"];function qm({label:e,value:t}){return c0("div",{className:"flex flex-col gap-[3px] bg-bg px-4 py-3.5",children:[S1("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-fg-dim",children:e}),S1("span",{className:"font-display text-[14px] font-medium tracking-[-0.005em] text-fg",children:t})]})}function tq({line:e,tyre:t,onRemove:a,onQtyChange:s}){let{catalog:c,totals:o}=Q3(),l=(e.components??[]).reduce((n,h)=>n+(o.freeUnitsByPartNumber[h.partNumber]??0),0),{currency:r,formatMoney:i}=h0();return c0(Ul,{children:[c0("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:[S1(Gm,{line:e,catalog:c,tyre:t}),c0("div",{className:"flex min-w-0 flex-col gap-2",children:[c0("div",{className:"flex items-start justify-between gap-3",children:[c0("span",{className:"font-mono text-[9px] uppercase tracking-[0.26em] text-accent",children:["N\xB0 ",e.positionNo," \xB7 ",e.process==="FusionForge\xAE"?c0(Ul,{children:["FusionForge",S1(Y5,{})]}):e.process]}),S1("span",{className:"whitespace-nowrap font-display text-[16px] font-medium tracking-[-0.015em] text-fg",children:_h(e,r)===null?$6:i(_h(e,r),r)})]}),c0("h3",{className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-none tracking-[-0.02em]",children:[e.name.lead,S1("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em] normal-case",children:e.name.accent})]}),e.config.length>0&&c0("div",{className:"mt-1 flex flex-wrap gap-1.5",children:[e.config.map(n=>S1("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)),l>0&&c0("span",{className:"border border-accent bg-accent px-2 py-1 font-mono text-[9px] uppercase tracking-[0.18em] text-bg",children:[l,"\xD7 free"]})]}),c0("div",{className:"mt-2.5 flex items-center justify-between gap-3",children:[c0("div",{className:"flex items-center border border-line",children:[S1("button",{type:"button",onClick:()=>s(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"}),S1("span",{className:"min-w-[36px] px-3 text-center font-mono text-[12px] tracking-[0.18em] text-fg",children:e.qty}),S1("button",{type:"button",onClick:()=>s(e.qty+1),disabled:e.qty>=jo,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:"+"})]}),c0("div",{className:"flex gap-3.5 font-mono text-[10px] uppercase tracking-[0.22em]",children:[S1(M1,{href:e.href??`/wheels/${e.slug}`,className:"text-fg-dim transition-colors hover:text-accent",children:e.href?"View product":"Edit finish"}),S1("button",{type:"button",onClick:a,className:"text-fg-dim transition-colors hover:text-alert",children:"Remove"})]})]})]})]}),e.verifiedFor&&c0("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:[S1("span",{className:"flex-shrink-0 pt-px font-mono text-[10px] uppercase tracking-[0.24em] text-accent",children:"Fits"}),c0("span",{children:["Verified for your ",S1("strong",{className:"font-medium text-accent",children:e.verifiedFor}),". Final torque values shipped with the wheels."]})]})]})}function aq({title:e,sub:t,href:a}){return c0(M1,{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:[c0("span",{className:"flex min-w-0 flex-col gap-[3px]",children:[S1("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap font-display text-[13px] font-medium tracking-[-0.005em] text-fg",children:e}),S1("span",{className:"font-mono text-[9px] uppercase tracking-[0.22em] text-fg-dim",children:t})]}),S1("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 sq(e,t,a){let s=e.savings[t];if(s===void 0)return"Buy together";let c=a(s,t);return e.savingIsFrom?`Save from ${c}`:`Save ${c}`}function cq({children:e}){return S1("span",{className:"inline-flex items-center gap-1.5 before:text-[6px] before:text-accent before:content-['\u25CF']",children:e})}function o7({label:e,value:t}){return c0("div",{className:"flex items-center justify-between font-mono text-[11px] uppercase tracking-[0.18em] text-fg-dim",children:[S1("span",{children:e}),S1("strong",{className:"font-display text-[14px] font-normal tracking-[-0.005em] normal-case text-fg",children:t})]})}function oq({content:e}){return c0("div",{className:"flex flex-col items-center justify-center gap-3 px-8 py-20 text-center",children:[S1("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:e.emptyKicker}),S1("p",{className:"font-serif text-[16px] italic leading-[1.5] text-fg-dim",children:e.emptyBody}),c0(M1,{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 ",S1("span",{className:"text-accent",children:"\u2192"})]})]})}var lq=[{key:"cart",label:"Cart",href:"/?cart=open"},{key:"checkout",label:"Checkout",href:"/checkout"}],rq=Object.fromEntries(lq.map(e=>[e.key,e]));function sS(e){return rq[e]}import{Fragment as nq,jsx as Le,jsxs as Sa}from"react/jsx-runtime";var iq=Bm(()=>import("./EditorPreviewCheckout-YVSO4HE3.js"),{ssr:!1});function Wm(){let{chromePlaceholder:e,themeFromDocument:t}=E3(),{surface:a}=Ry();return e||t||!a||a!=="cart"&&a!=="checkout"?null:a==="checkout"?Sa(nq,{children:[Le(iq,{}),Le(cS,{surface:a})]}):Le(el,{children:Sa(tl,{preview:!0,children:[Le(Ma,{}),Le(cS,{surface:a})]})})}function cS({surface:e}){let{label:t,href:a}=sS(e);return Sa("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:[Sa("span",{style:{whiteSpace:"nowrap"},children:[t," \xB7 preview only"]}),Sa("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",Le($5,{name:"external-link",size:13,rounded:!0})]})]})}function oS(){return $k}function hq(e){return(e.layout?.content??[]).some(a=>a?.type===i8)}function sl1(e){return e.filter(hq).map(t=>j7(t.slug))}function lS(e){let t=e.indexOf("#"),a=t===-1?"":e.slice(t),s=t===-1?e:e.slice(0,t),c=s.indexOf("?");return{path:c===-1?s:s.slice(0,c),params:new URLSearchParams(c===-1?"":s.slice(c+1)),hash:a}}function rS(e){return lS(e).params.get(Q6)||null}function iS(e,t){let{path:a,params:s,hash:c}=lS(e);t?s.set(Q6,t):s.delete(Q6);let o=s.toString();return`${a}${o?`?${o}`:""}${c}`}import{CategoryIcon as me1,CheckIcon as EZ,ClockIcon as Rb,ColumnsIcon as pe1,DirectionIcon as ue1,EyeIcon as de1,ListIcon as ge1,PageIcon as ve1,PlacementIcon as fe1,ScrollPointIcon as be1,TriggerIcon as xe1}from"efficient-easel/icons";import{useContext as pq,useEffect as hS,useRef as $l,useState as jl}from"react";var La=class extends Error{constructor(a){super("The storefront forms list could not be loaded.");this.cause=a;this.name="FormsUnavailableError"}},Kl=null,Um=null,Km=null;function mq(){Kl=null,Um=null,Km=null}function nS(e=!1){let t=V3(),a=r2();return(e||!Kl||Um===null&&t!==null||Km!==a)&&(Um=t,Km=a,Kl=(t?X1.listForms(t,{siteId:a}):Promise.reject(new La)).catch(s=>{throw mq(),s instanceof La?s:new La(s)})),Kl}import{jsx as T2,jsxs as N4}from"react/jsx-runtime";var mS="__create-a-new-form__";function uq({value:e,forms:t,loadFailed:a,emptyLabel:s="No form yet"}){let c=t??[],o=e?c.some(m=>m.slug===e):!0,l=t===null&&!a,r={value:"",label:l?"Loading\u2026":a?"Forms couldn\u2019t be loaded":s},i=e&&!o?[{value:e,label:l||a?e:`${e} \u2014 no form with this name`}]:[],n=c.map(m=>({value:m.slug,label:m.is_active?m.title:`${m.title} (switched off)`})),h=l?[]:[{value:mS,label:"Create a new form\u2026"}];return[r,...i,...n,...h]}function dq(e){return e===mS?{action:"create"}:{action:"store",slug:e}}function gq({value:e,pickedId:t,forms:a}){if(!e||!t||a.some(c=>c.slug===e))return null;let s=a.find(c=>c.id===t);return s&&s.slug&&s.slug!==e?s.slug:null}function vq(e){let t=["Goes to Storefront \u2192 Forms"],a=(e.notify_email??"").trim();return a&&t.push(`Emails a copy to ${a}`),e.mailing_list_name&&t.push(e.subscribe_mode==="checkbox"?`Joins the \u201C${e.mailing_list_name}\u201D audience, but only when the consent box is ticked`:`Joins the \u201C${e.mailing_list_name}\u201D audience`),e.kind==="account_signup"&&t.push(e.signup_customer_type==="importer"?"Creates a wholesale account":"Creates a retail account"),t}function $m({value:e,onChange:t,label:a="Form",emptyLabel:s}){let c=g4(),o=pq(io),l=o?o.capabilities.hasForms:!0,[r,i]=jl(null),[n,h]=jl(!1),[m,p]=jl(!1),[u,g]=jl(!1),d=$l(!0),f=$l(e);f.current=e;let v=$l(t);v.current=t;let b=$l(null),y=(N=!1)=>nS(N).then(F=>{if(d.current){i(F),h(!1);let E=gq({value:f.current,pickedId:b.current,forms:F});E&&v.current(E)}return F},()=>(d.current&&h(!0),[]));hS(()=>(d.current=!0,l&&y(),()=>{d.current=!1}),[l]),hS(()=>l?ro(()=>{y(!0)}):void 0,[l]);let k=e?(r??[]).find(N=>N.slug===e)??null:null;k?b.current=k.id:e||(b.current=null);let S=!!e&&!k&&r!==null&&!n,P=uq({value:e,forms:r,loadFailed:n,emptyLabel:s}),D=async()=>{p(!0),g(!1);try{let N=await Rz(c,{mode:"create"}),F=await y(!0);if(!d.current)return;if(N.status==="timeout"){g(!0);return}if(N.status!=="saved")return;let{form:E}=N;E.slug!==f.current&&v.current(E.slug),F.some(R=>R.id===E.id)||y(!0)}finally{d.current&&p(!1)}},q=N=>{let F=dq(N);F.action==="create"?D():(g(!1),t(F.slug))};return l?N4("div",{className:"sf-formpicker",children:[T2(F9,{label:a,options:P,fallback:"",value:e??"",onChange:q,placeholder:"Search forms\u2026"}),u&&T2("p",{className:"sf-formsummary-warn",children:"That didn\u2019t come back \u2014 pick the form from the list, or try again."}),k?N4("div",{className:"sf-blogsource sf-formsummary",children:[N4("div",{children:[T2("div",{className:"sf-formsummary-caption",children:k.fields.length===1?"1 field":`${k.fields.length} fields`}),k.fields.length?T2("ol",{className:"sf-formsummary-fields",children:k.fields.map((N,F)=>T2("li",{children:N.label},N.key||`${N.label}-${F}`))}):T2("p",{className:"sf-blogsource-hint",children:"This form has no fields yet, so there is nothing for a visitor to fill in."})]}),N4("div",{children:[T2("div",{className:"sf-formsummary-caption",children:"Where the answers go"}),T2("ul",{className:"sf-formsummary-fields",children:vq(k).map(N=>T2("li",{children:N},N))})]}),!k.is_active&&T2("p",{className:"sf-formsummary-warn",children:"This form is switched off, so it won\u2019t appear on the published page. Turn it back on in Storefront \u2192 Forms."}),N4("div",{className:"sf-formsummary-actions",children:[T2("button",{type:"button",className:"sf-blogsource-btn",onClick:()=>Bz(c,k.id),children:"Edit form \u270E"}),T2("button",{type:"button",className:"sf-blogsource-btn",disabled:m,onClick:()=>{D()},children:"New form +"})]}),T2("p",{className:"sf-blogsource-hint",children:"The questions, the button text and the thank-you message all come from Storefront \u2192 Forms. Edit them there \u2014 this section updates to match."})]}):N4("div",{className:"sf-blogsource sf-formsummary",children:[n?N4("p",{className:"sf-blogsource-hint",children:["This website\u2019s forms couldn\u2019t be loaded, so there is nothing to choose from yet.",e?` This section still points at \u201C${e}\u201D, and that is unchanged.`:""]}):S&&N4("p",{className:"sf-formsummary-warn",children:["This section points at \u201C",e,"\u201D, and this website has no form with that name. Pick one from the list above, or leave it \u2014 nothing has been changed."]}),N4("div",{className:"sf-formsummary-actions",children:[n&&T2("button",{type:"button",className:"sf-blogsource-btn",disabled:m,onClick:()=>{y(!0)},children:"Try again"}),T2("button",{type:"button",className:"sf-blogsource-btn",disabled:m,onClick:()=>{D()},children:"New form +"})]}),!n&&T2("p",{className:"sf-blogsource-hint",children:"Pick a form to show here, or build a new one. Forms are made once in Storefront \u2192 Forms and can be shown on any number of pages."})]})]}):T2("div",{className:"sf-formpicker",children:T2("div",{className:"sf-blogsource sf-formsummary",children:N4("div",{children:[T2("div",{className:"sf-formsummary-caption",children:a}),N4("p",{className:"sf-blogsource-hint",children:["Forms aren\u2019t available in this editor, so there is nothing to choose here.",e?` This section still points at \u201C${e}\u201D, and that is unchanged.`:""]})]})})})}import{jsx as fq}from"react/jsx-runtime";function v5(e,t){return{type:"custom",render:({value:a,onChange:s})=>fq($m,{value:a,onChange:s,...e?{label:e}:{},...t?{emptyLabel:t}:{}})}}var Yl=null,pS=null;function bq(e,t){Yl=e,pS=t}function kl1(e){bq(e,null)}function uS(){return Yl}function O2(){return pS==="dynamic"||Yl===sm}function dS(e){return dl(Yl??"",e)??"alloy-wheel"}import{createContext as xq,useContext as zq}from"react";import{jsx as yq}from"react/jsx-runtime";var gS=xq(null);function vS({slug:e,children:t}){let a=typeof e=="string"&&e.trim()?e:null;return yq(gS.Provider,{value:a,children:t})}function fS(){return zq(gS)}import{createContext as wq,useContext as kq}from"react";import{jsx as Cq}from"react/jsx-runtime";var bS=wq("alloy-wheel");function xS({kind:e,children:t}){return Cq(bS.Provider,{value:e??"alloy-wheel",children:t})}function zS(){return kq(bS)}import{createContext as Sq,useContext as Lq}from"react";var jm="heroBullets",Aa="\xB7",Ha={bullets:[{label:"Free shipping",detail:"USA, UK, AUS"},{label:"Lifetime warranty",detail:"structural"}]};function yS(e){return e.detail?`${e.label} ${Aa} ${e.detail}`:e.label}function Mq(e){let t=e.trim();if(!t)return null;let a=t.indexOf(Aa);return a<0?{label:t,detail:""}:{label:t.slice(0,a).trim(),detail:t.slice(a+Aa.length).trim()}}function wS(e){let t=(e??{})[jm];return Array.isArray(t)?{bullets:t.map(s=>Mq(typeof s=="string"?s:jz(s?.text,""))).filter(s=>s!==null)}:Ha}import{jsx as Aq}from"react/jsx-runtime";var kS=Sq(Ha);function CS({content:e,children:t}){return Aq(kS.Provider,{value:e,children:t})}function MS(){return Lq(kS)}var d2={text:"Button label",href:"#"},A={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 a3={Series:"transparent",StatsParagraph:"transparent",TimelineTrack:hy,Stats:void 0};var Xl="sf-card",P2={min:0,max:90,step:5,fallback:0,unit:"%"},l7=[{label:"Even",value:"even"},{label:"From the bottom",value:"bottom"}],Hq="68%",I3={desktop:20,phone:20,side:40,sidePhone:24},SS="sf-box-sides",LS={min:0,max:200,step:10};function Ae(e){return typeof e=="string"&&e.trim()!==""}function Jl(e,t){let a=typeof e=="number"?e:Number.parseFloat(String(e??""));if(!Number.isFinite(a)||a<=0)return null;let c=(Math.min(P2.max,Math.max(P2.min,a))/100).toFixed(2);return t!=="bottom"?{background:`rgba(0,0,0,${c})`}:{background:`linear-gradient(0deg, rgba(0,0,0,${c}) 0%, rgba(0,0,0,0) ${Hq})`}}function Ql(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"]},[s,c]=a[e]??a.center,[o,l]=t==="column"?[c,s]:[s,c],r={start:"justify-start",center:"justify-center",end:"justify-end"},i={start:"items-start",center:"items-center",end:"items-end"};return`${r[o]} ${i[l]}`}import{jsx as Pq}from"react/jsx-runtime";var er={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}},AS=new Set(Object.keys(er)),Fq=new Set(["Hero","HeroSingle","IntroBleed","CategoryBar","DocTabs"]),HS=new Set(["ProductGrid"]);function Ym(e,t){let a=e.render;e.render=s=>{if(t?.(s))return a(s);let c=k9(s.sectionPaddingTop,s.sectionPaddingBottom,s.sectionPaddingTopPhone,s.sectionPaddingBottomPhone),o=a(s);return c?Pq("div",{className:c.className,style:c.style,children:o}):o}}var FS={name:"sectionPadding",applies:(e,t,a)=>t.isSection(e)&&!Fq.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){AS.has(t)||HS.has(t)||(e.fields={...e.fields,...a.spacingFields({phone:!0})})},draw(e,t){if(AS.has(t)){let a=e.render,s=er[t];e.render=c=>{let o=Lz(c,s);return a({...c,padTop:o.top,padBottom:o.bottom})};return}if(HS.has(t)){Ym(e);return}Ym(e,t==="Flex"?a=>Ae(a.bgImage):void 0)}},Tq=["Heading","Text"],TS={name:"blockPadding",applies:(e,t,a)=>Tq.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){e.fields={...e.fields,...a.spacingFields({phone:!0})}},draw(e){Ym(e)}};import{useEasel as Eq}from"efficient-easel/easel";import{SettingsDrill as Vq}from"efficient-easel/panel";import{jsx as He,jsxs as Bq}from"react/jsx-runtime";function Nq({parent:e,parentType:t,label:a,rowName:s,onSelectChild:c,onAddChild:o,nestDepth:l=0}){let r=Eh(t,l);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]:[],g=h?.addBlocked?.(u)??null,d=h?.notice?.(u)??null;return Bq("div",{className:"sf-slot-rows",children:[a?He(N9,{label:`${a} \xB7 ${u.length}`}):null,d?He("p",{className:"sf-note",children:d}):null,u.map((f,v)=>He(Vq,{name:s(f),onOpen:()=>c(p,v,String(f.props.id),t)},String(f.props.id??`${p}-${v}`))),n?He(Kw,{choices:n,onPick:f=>o(m,i,f,u.length,t)}):h.fixed?null:He(Cw,{label:h.addLabel,blocked:g,onAdd:()=>o(m,i,h.childType,u.length,t)})]})}function _q(e,t){return Eh(t)?.source==="footer"?e.blockRowName:e.childRowName}function Xm({parentType:e,label:t}){let{appState:a,selectedItem:s}=Eq(l=>l),c=yw();if(!c||!s||s.type!==e)return null;let o=e===yx?Rc(a?.data,String(s.props.id)):0;return He(Nq,{parent:s,parentType:e,label:t,rowName:_q(c,e),onSelectChild:c.selectChild,onAddChild:c.addChild,nestDepth:o})}var PS="grayscale(1) contrast(1.03)",ES="Black and white";function Rq(e){return e===!0?{filter:PS}:{}}function Iq(e){let{filter:t}=Rq(e);return t?{style:{filter:t}}:{}}var Fa="sf-photo-grayscale",Zq=`@media (hover:hover){.${Fa}{filter:${PS};transition:filter 160ms ease}.${Fa}:hover{filter:none}}@media (hover:hover) and (prefers-reduced-motion:reduce){.${Fa}{transition:none}}`;function Fe(e,t){return typeof e=="boolean"?e?Iq(!0):{}:t===!0?{className:Fa}:{}}function VS(e){return e===!0?{[Fa]:Zq}:{}}import{AlignLeftIcon as Gq,BlackAndWhiteIcon as qq,ContrastIcon as Wq,HeightIcon as Uq,TypeIcon as Kq}from"efficient-easel/icons";var Dq=["eyebrow","heading","title","body","intro","button","link","label","number","value","name","price","date","caption","note","quote","tag","meta"],Oq=new Set(Dq);function NS(e){let t=e.toLowerCase().split(/[^a-z]+/).filter(Boolean);for(let a=t.length-1;a>=0;a-=1)if(Oq.has(t[a]))return t[a];return null}import{jsx as r7}from"react/jsx-runtime";var c6=e=>Q2(e,a1("Height",r7(Uq,{}),W9.min,W9.max,W9.step,W9.fallback,W9.unit)),b4={ctaText:H("Button",d2.text),ctaHref:A1("Button link")},f5=()=>g1("Alignment",r7(Gq,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),tr=()=>g1("Tone",r7(Wq,{}),[{label:"Default",value:"default"},{label:"Muted",value:"dim"}],"default"),p3=e=>r5({...er[e],keys:{top:"padTop",bottom:"padBottom"},group:!1}),s2=(e,t)=>({type:"custom",render:()=>r7(Xm,{parentType:e,label:t})});function $q(e){let{photographyGrayscale:t}=E3();return c1(ES,t===!0,r7(qq,{})).render(e)}function Te(){return{type:"custom",render:e=>r7($q,{...e})}}var U1=Object.keys(i5("full"));function Pe(e){let t=NS(e);return t?r7(j3,{noun:t}):r7(Kq,{})}import{createContext as jq,useContext as Yq}from"react";import{jsx as i7,jsxs as Jm}from"react/jsx-runtime";function Qm(e){return d9(e)??void 0}var ep=jq({}),_S=3;function tp({tag:e,name:t,desc:a,href:s,imageSrc:c,imageLabel:o,price:l}){let{showPrice:r,cardStyle:i,partStyles:n,editing:h}=Yq(ep),m=i==="bordered"?" border border-line":i==="shadow"?" shadow-[0_8px_30px_rgba(0,0,0,0.12)]":"",p=Qm(c),u=d=>h?{[e8]:d}:{},g=d=>_o(n?.[t8(d)]?.role,Gy[d],qc);return Jm(M1,{href:s||"#",className:`sf-card group relative block w-full min-w-0 overflow-hidden bg-surface-2${m}`,children:[i7("div",{className:"relative z-0 aspect-[4/5] transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:scale-[1.04]",children:i7(k0,{label:o||"collection.jpg",src:p})}),i7("div",{className:"pointer-events-none absolute inset-0 z-[1] [background:rgba(0,0,0,0.4)] group-hover:[background:rgba(0,0,0,0.3)] max-[800px]:hidden",style:{transition:"none"}}),Jm("div",{className:"absolute inset-x-8 bottom-8 z-[2] flex flex-col gap-2.5 text-overlay-fg max-[800px]:relative max-[800px]:inset-auto max-[800px]:p-6 max-[800px]:gap-3 max-[800px]:text-fg",children:[e&&i7("span",{...u("tag"),style:g("tag"),className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.25em] opacity-70",children:C(e)}),t&&i7("h3",{...u("name"),style:g("name"),className:"font-heading2 text-[length:min(var(--size-headingMedium,48px),var(--sf-heading-max,9999px))] font-medium leading-none tracking-[-0.03em] max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))]",children:typeof t=="string"?j(t,!1):t}),a&&d0(a).map((d,f)=>i7("p",{...u("body"),style:g("body"),className:"max-w-[420px] text-[length:var(--size-body,14px)] leading-[1.5] opacity-80",children:C(d)},f)),r&&l&&i7("span",{...u("price"),style:g("price"),className:"font-mono text-[length:var(--size-label,15px)] tracking-[0.05em] text-accent",children:C(l)}),Jm("span",{...u("link"),style:g("link"),className:"mt-2 inline-flex items-center gap-2.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em]",children:["Explore",i7("span",{className:"transition-transform group-hover:translate-x-[3px]","aria-hidden":!0,children:"\u2192"})]})]})]})}import{createContext as Jq,useCallback as Qq,useContext as eW,useEffect as RS,useRef as tW,useState as sp}from"react";import{useState as Xq}from"react";function ar(e){switch(e){case"tall":return"aspect-[3/4]";case"wide":return"aspect-[2/1]";case"landscape":return"aspect-[4/3]";case"portrait":return"aspect-[4/5]";case"auto":return"";default:return"aspect-square"}}function BS(e){return e==="below"}import{jsx as _4,jsxs as Ee}from"react/jsx-runtime";function ap({build:e,hiddenMobile:t,alwaysShowOverlay:a,forceHover:s,index:c,total:o,ratio:l,captionPlace:r}){let[i,n]=Xq(!1),h=BS(r),m=Ee("div",{className:["sf-card group relative overflow-hidden bg-surface-2",ar(l),t?"max-[800px]:hidden":""].join(" "),children:[Ee("div",{className:["absolute inset-0 z-[1] flex items-center justify-center transition-[transform,filter,opacity] duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)]",s?"scale-[1.06] opacity-0 [filter:brightness(0.5)]":"group-hover:scale-[1.06] group-hover:opacity-0 group-hover:[filter:brightness(0.5)]"].join(" "),children:[_4(k0,{label:e.imageLabel,src:e.imageSrc}),_4("div",{className:"absolute inset-0",style:{background:"rgba(0,0,0,0.35)"}})]}),_4("div",{className:["absolute inset-0 z-[1] flex items-center justify-center transition-[transform,filter,opacity] duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)]",s?"opacity-100 scale-[1.06] [filter:brightness(0.5)]":"opacity-0 group-hover:scale-[1.06] group-hover:opacity-100 group-hover:[filter:brightness(0.5)]"].join(" "),style:{background:"var(--surface)"},children:e.detailSrc&&_4(P3,{src:e.detailSrc,alt:"",fill:!0,sizes:"(max-width: 800px) 100vw, (max-width: 1500px) 33vw, 25vw",loading:"lazy",className:"absolute inset-0 z-[3] object-cover",style:{display:i?"none":"block"},onError:()=>n(!0)})}),c!=null&&o!=null&&Ee("span",{className:"pointer-events-none absolute top-3 right-3 z-[3] font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] max-[800px]:top-2.5 max-[800px]:right-2.5",style:{color:"rgba(245,241,232,0.7)"},children:[String(c).padStart(2,"0")," / ",String(o).padStart(2,"0")]}),e.process&&_4("span",{className:["pointer-events-none absolute top-3 left-3 z-[3] inline-block max-w-[60%] truncate font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-accent max-[800px]:top-2.5 max-[800px]:left-2.5","transition-opacity duration-300 ease-out",a||s?"opacity-100":"opacity-0 group-hover:opacity-100 max-[800px]:opacity-100"].join(" "),children:Y1(e.process)}),Ee("div",{className:["absolute inset-0 z-[2] flex flex-col justify-end gap-1 p-6","transition-[opacity,transform] duration-300 ease-out",a||s?"opacity-100 translate-y-0":"opacity-0 translate-y-2 group-hover:opacity-100 group-hover:translate-y-0 max-[800px]:opacity-100 max-[800px]:translate-y-0","max-[800px]:p-3.5"].join(" "),style:{color:"var(--overlay-fg)",background:"linear-gradient(180deg, transparent 40%, rgba(10,10,10,.85) 100%)"},children:[e.car&&_4("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-accent max-[800px]:text-[length:var(--size-label,11px)] max-[800px]:tracking-[0.15em]",children:e.car}),e.wheel&&_4("div",{className:"font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.05] tracking-[-0.02em] max-[800px]:text-[length:var(--size-body,16px)]",children:e.wheel}),e.finish&&_4("div",{className:"mt-1.5 flex gap-3.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.12em]",style:{color:"rgba(245,241,232,0.7)"},children:_4("span",{children:Y1(e.finish)})})]})]});return h?Ee("div",{className:t?"max-[800px]:hidden":"",children:[m,Ee("div",{className:"bg-surface px-3.5 pt-3 pb-3.5",children:[e.wheel&&_4("div",{className:"font-display text-[length:var(--size-body,15px)] font-medium leading-[1.25] tracking-[-0.01em] text-fg",children:e.wheel}),(e.finish||e.car)&&_4("div",{className:"mt-0.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg-dim",children:Y1(e.finish||e.car)})]})]}):m}import{Fragment as Ve,jsx as X0,jsxs as u3}from"react/jsx-runtime";var Ta=Jq({}),Pa="data-gallery-grid",cp="data-gallery-tile";function aW(e,t){let[a,s]=sp(null);return RS(()=>{let c=e.current,o=c?.closest(`[${Pa}]`);if(!c||!o)return;let l=()=>{let i=Array.from(o.querySelectorAll(`[${cp}]`)),n=i.indexOf(c),h=n>=0?{index:n+1,total:i.length}:null;s(m=>m?.index===h?.index&&m?.total===h?.total?m:h)};if(l(),!t)return;let r=new MutationObserver(l);return r.observe(o,{childList:!0,subtree:!0}),()=>r.disconnect()},[e,t]),a}var IS=[{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:"Category",eyebrow:"Subtitle",name:"Item name",meta:"Detail"}];function sW(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function cW(e){let t=(e.photos??[]).map(o=>o?.src).filter(o=>!!o),a=e.image||t[0]||"",s=[a,...t].filter(o=>!!o),c=sW(e.name,"gallery-item");return{car:e.eyebrow??"",wheel:e.name??"",process:e.process??"",finish:e.meta??"",imageLabel:`${c}.jpg`,detailLabel:`${c}-detail.jpg`,imageSrc:a||void 0,detailSrc:t[0]||a||void 0,photos:s,href:e.href}}function Ea({editing:e=!1,previewHover:t,ratio:a,captionPlace:s,...c}){let{galleryHref:o="/gallery",submitHref:l="/contact",previewHover:r}=eW(Ta),i=cW(c),n=i.photos??(i.imageSrc?[i.imageSrc]:[]),h=tW(null),m=Qq(y=>{h.current=y},[]),p=aW(h,e),u=e&&(!!t||!!r),[g,d]=sp(!1),[f,v]=sp(0);RS(()=>{if(!g)return;let y=k=>{k.key==="Escape"?d(!1):k.key==="ArrowLeft"&&n.length>1?v(S=>(S-1+n.length)%n.length):k.key==="ArrowRight"&&n.length>1&&v(S=>(S+1)%n.length)};window.addEventListener("keydown",y);let z=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",y),document.body.style.overflow=z}},[g,n.length]);let b=X0(ap,{build:i,forceHover:u,index:p?.index,total:p?.total,ratio:a,captionPlace:s});return u3(Ve,{children:[e?X0("div",{ref:m,[cp]:"",className:"block w-full text-left",children:b}):X0("button",{ref:m,[cp]:"",type:"button","aria-label":`Open ${i.car||"build"} on ${i.wheel||"wheel"}`,onClick:()=>{v(0),d(!0)},className:"block w-full cursor-pointer text-left focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-accent focus-visible:outline-offset-2",children:b}),g&&(()=>{let y=n[f]??i.imageSrc??"",z=()=>v(S=>(S-1+n.length)%n.length),k=()=>v(S=>(S+1)%n.length);return X0("div",{role:"dialog","aria-modal":"true","aria-label":`${i.car} on ${i.wheel}`,onClick:()=>d(!1),className:"fixed inset-0 z-[100] flex items-center justify-center p-6 backdrop-blur-[8px] max-[700px]:p-3",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)"},children:u3("div",{onClick:S=>S.stopPropagation(),className:"relative grid w-[min(1800px,100%)] max-h-[calc(100vh-48px)] grid-cols-[1.4fr_1fr] overflow-hidden border border-line bg-bg max-[1100px]:grid-cols-1 max-[1100px]:overflow-auto",style:{boxShadow:"0 60px 120px -20px rgba(0,0,0,0.7)"},children:[X0("button",{type:"button",onClick:()=>d(!1),"aria-label":"Close popup",className:"absolute right-[24px] top-[24px] z-[5] flex h-[56px] w-[56px] items-center justify-center border border-line font-mono text-[length:var(--size-label,21px)] text-fg-dim transition-colors hover:border-accent hover:text-fg",style:{background:"color-mix(in oklab, var(--bg) 70%, transparent)"},children:"\u2715"}),u3("div",{className:"relative flex min-h-[690px] items-center justify-center overflow-hidden bg-surface-2 max-[1100px]:min-h-[450px]",children:[y&&X0("img",{src:y,alt:`${i.car} \u2014 ${f+1} of ${n.length}`,className:"block h-full max-h-[88vh] w-full object-cover"},y),n.length>1&&u3(Ve,{children:[X0("button",{type:"button","aria-label":"Previous photo",onClick:z,className:"absolute left-4 top-1/2 flex h-16 w-16 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 font-mono text-[length:var(--size-label,24px)] text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u25C1"}),X0("button",{type:"button","aria-label":"Next photo",onClick:k,className:"absolute right-4 top-1/2 flex h-16 w-16 -translate-y-1/2 cursor-pointer items-center justify-center border border-fg-dim/40 bg-overlay-scrim/40 font-mono text-[length:var(--size-label,24px)] text-fg-dim transition-colors hover:border-accent hover:text-accent",children:"\u25B7"}),u3("span",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 border border-fg-dim/30 bg-overlay-scrim/50 px-4 py-1.5 font-mono text-[length:var(--size-label,15px)] uppercase tracking-[0.22em] text-fg-dim backdrop-blur-[4px]",children:[f+1," / ",n.length]})]})]}),u3("div",{className:"flex flex-col gap-[30px] px-[60px] py-[72px] max-[1100px]:px-9 max-[1100px]:py-[54px]",children:[i.process&&X0("span",{className:"font-mono text-[length:var(--size-label,15px)] uppercase tracking-[0.3em] text-accent",children:C(i.process)}),i.wheel&&X0("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(42px,4.5vw,60px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.95] tracking-[-0.025em]",children:j(i.wheel,!1)}),i.car&&u3("div",{className:"font-heading3 text-[length:var(--size-headingSmall,27px)] leading-[1.4] text-fg",children:["on ",X0("em",{className:"font-serif font-normal italic text-accent tracking-[-0.01em]",children:C(i.car,!0)})]}),u3("dl",{className:"mt-3 grid grid-cols-[auto_1fr] gap-x-7 gap-y-[18px] border-y border-line py-[30px] font-mono text-[length:var(--size-label,15px)] uppercase tracking-[0.22em]",children:[i.wheel&&u3(Ve,{children:[X0("dt",{className:"text-fg-dim",children:"Wheel"}),X0("dd",{className:"text-fg",children:C(i.wheel)})]}),i.process&&u3(Ve,{children:[X0("dt",{className:"text-fg-dim",children:"Process"}),X0("dd",{className:"text-fg",children:C(i.process)})]}),i.finish&&u3(Ve,{children:[X0("dt",{className:"text-fg-dim",children:"Finish"}),X0("dd",{className:"text-fg",children:C(i.finish)})]}),i.car&&u3(Ve,{children:[X0("dt",{className:"text-fg-dim",children:"Vehicle"}),X0("dd",{className:"text-fg",children:C(i.car)})]})]}),u3("div",{className:"mt-auto flex flex-col gap-3.5 pt-6",children:[u3(M1,{href:i.href||"/wheels",onClick:()=>d(!1),className:"group flex items-center justify-between gap-6 border border-btn bg-btn px-9 py-6 font-mono text-[length:var(--size-label,16px)] uppercase tracking-[0.3em] text-btn-ink transition-colors hover:border-fg hover:bg-fg",children:[X0("span",{children:"View product"}),X0("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]}),u3(M1,{href:o,onClick:()=>d(!1),className:"flex items-center justify-between gap-6 border border-line px-9 py-6 font-mono text-[length:var(--size-label,16px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[X0("span",{children:"See more builds"}),X0("span",{children:"\u2192"})]}),u3(M1,{href:l,onClick:()=>d(!1),className:"flex items-center justify-between gap-6 border border-line px-9 py-6 font-mono text-[length:var(--size-label,16px)] uppercase tracking-[0.3em] text-fg transition-colors hover:border-accent hover:text-accent",children:[X0("span",{children:"Submit your build"}),X0("span",{children:"\u2192"})]})]})]})]})})})()]})}import{createContext as iW,useContext as nW,useEffect as sr,useId as hW,useMemo as mW,useState as E2}from"react";var oW=14,lW=3;function op(e){return`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`}function rW(e,t){let a=new Date(`${e}T00:00:00`);return a.setDate(a.getDate()+t),op(a)}async function ZS(e,t,a={}){let s=a.days??oW,c=a.read??s8.getAvailability,o=0,l=0;for(let r=0;r<s;r++){if(a.signal?.aborted)return{outcome:"unreadable"};let i=rW(t,r);try{let n=await c(e,i);if(o=0,l++,n.slots.length>0)return{outcome:"found",date:i,availability:n}}catch{if(o++,o>=lW)return{outcome:"unreadable"}}}return l===s?{outcome:"noneInWindow",days:s}:{outcome:"unreadable"}}import{jsx as dW}from"react/jsx-runtime";var DS=iW(null);function n7(){let e=nW(DS);if(!e)throw new Error("useBookingForm must be used inside <BookingFormProvider>");return e}var lp=[{id:"example-1",name:"Example service",durationMinutes:45,price:"80.00",description:"What this appointment includes, in a sentence."},{id:"example-2",name:"Second example",durationMinutes:30,price:"0",description:""}];function pW(e){return{timezone:"UTC",slots:[`${e}T09:00:00.000Z`,`${e}T10:30:00.000Z`,`${e}T13:00:00.000Z`].map(t=>({start:t}))}}var rp={bookingNumber:"EXAMPLE-0000",service:"Example service",startAt:"2026-01-01T00:00:00.000Z",timezone:"UTC",customerTimezone:"",manageToken:"example"};function uW(e,t){return e&&t?.length===0}function OS({editing:e=!1,previewConfirmation:t=!1,children:a}){let s=hW(),c=mW(()=>op(new Date),[]),[o,l]=E2(),[r,i]=E2(""),[n,h]=E2(""),[m,p]=E2(c),[u,g]=E2(c),[d,f]=E2(!1),[v,b]=E2(null),[y,z]=E2(),[k,S]=E2(""),[P,D]=E2(""),[q,N]=E2(""),[F,E]=E2(""),[R,T]=E2(""),[G,s1]=E2(()=>Bh()),[_,U]=E2(null),[Y,W]=E2(!1),[Q,b1]=E2(!1),[X,v1]=E2(null),[G1,O]=E2("");sr(()=>{O(Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC")},[]),sr(()=>{let e0=!1;return s8.listServices().then(k1=>{e0||(l(k1.results),i(k1.currency),h(l2=>l2||k1.results[0]?.id||""))}).catch(()=>{e0||l([])}),()=>{e0=!0}},[]),sr(()=>{if(d||!n)return;let e0={aborted:!1};return S(""),z(void 0),v1(null),b(null),W(!0),ZS(n,c,{signal:e0}).then(k1=>{if(!e0.aborted){if(k1.outcome==="found"){p(k1.date),g(k1.date),z(k1.availability);return}b(k1.outcome==="noneInWindow"?`No times are available in the next ${k1.days} days.`:"We couldn't load available times. Please try again.")}}).finally(()=>{e0.aborted||W(!1)}),()=>{e0.aborted=!0}},[d,n,c]),sr(()=>{if(!d||!n||!m)return;let e0=!1;return S(""),z(void 0),v1(null),b(null),W(!0),s8.getAvailability(n,m).then(k1=>{e0||(z(k1),k1.slots.length===0&&b("No times are available on this date."))}).catch(()=>{e0||b("We couldn't load available times. Please try again.")}).finally(()=>{e0||W(!1)}),()=>{e0=!0}},[m,d,n]);let e1=o?.find(e0=>e0.id===n),p1=e1?.depositAmountDue!=null,S0=!!(!e&&!Q&&e1&&k&&P.trim()&&q.trim()&&!p1);async function A0(e0){if(e0.preventDefault(),!(!S0||!e1)){b1(!0),v1(null);try{let k1=await s8.create({serviceId:e1.id,start:k,customer:{name:P.trim(),email:q.trim(),phone:F.trim()},notes:R.trim(),idempotencyKey:G,customerTimezone:G1});U(k1),s1(Bh())}catch(k1){v1(k1 instanceof T4&&k1.status===409?"That time was just booked. Choose another available time.":"Your appointment wasn't submitted. Please check your details and try again."),k1 instanceof T4&&k1.status===409&&(S(""),s8.getAvailability(e1.id,m).then(z).catch(()=>{}))}finally{b1(!1)}}}let y1=uW(e,o);return dW(DS.Provider,{value:{fieldPrefix:s,editing:e,services:y1?lp:o,currency:y1?"AUD":r,serviceId:y1?lp[0].id:n,setServiceId:h,service:y1?lp[0]:e1,requiresPayment:y1?!1:p1,date:m,earliestDate:u,setDate:p,setDateTouched:f,availability:y1?pW(m):y,loadingSlots:y1?!1:Y,noSlotsMessage:v,selectedStart:y1?`${m}T09:00:00.000Z`:k,setSelectedStart:S,customerTimezone:G1,name:P,setName:D,email:q,setEmail:N,phone:F,setPhone:E,notes:R,setNotes:T,confirmation:_??(t?rp:null),submitting:Q,error:X,canSubmit:y1?!1:S0,handleSubmit:A0,sample:!!y1},children:a})}import{Fragment as vW,jsx as ip,jsxs as fW}from"react/jsx-runtime";var gW="sf-button group inline-flex items-center justify-center gap-2.5 border px-[22px] py-4 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] transition-colors",GS={primary:"border-btn bg-btn text-btn-ink hover:border-btn-2 hover:bg-btn-2",ghost:"border-current bg-transparent hover:bg-white/10"};function G2(e){let{variant:t="primary",arrow:a,className:s,style:c,children:o,href:l,newTab:r,...i}=e,n=`${gW} ${GS[t]??GS.primary} ${s??""}`,h=fW(vW,{children:[o,a!==null&&ip("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-[3px]",children:a??"\u2192"})]});return l?ip(n0,{href:l,className:n,style:c,...r?{target:"_blank",rel:"noopener noreferrer"}:{},children:h}):ip("button",{type:"button",className:n,style:c,...i,children:h})}import{jsx as z0,jsxs as s3}from"react/jsx-runtime";var Va="w-full border-2 border-line bg-bg px-4 py-3.5 font-[family-name:var(--bk-value-font,var(--font-display))] text-[length:var(--bk-value-size,17px)] text-fg outline-none transition-colors placeholder:text-fg-dim hover:border-fg-dim focus:border-accent";function bW(e,t){let a=Number(e);if(a===0)return"Free";try{return new Intl.NumberFormat(void 0,{style:"currency",currency:t}).format(a)}catch{return`${t} ${e}`}}function qS(e,t){try{return new Intl.DateTimeFormat(void 0,{hour:"numeric",minute:"2-digit",timeZone:t}).format(new Date(e))}catch{return new Date(e).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"})}}function WS(e,t){try{return new Intl.DateTimeFormat(void 0,{weekday:"long",day:"numeric",month:"long",year:"numeric",hour:"numeric",minute:"2-digit",timeZone:t,timeZoneName:"short"}).format(new Date(e))}catch{return new Date(e).toLocaleString()}}function Na({id:e,label:t,required:a,children:s}){return s3("div",{className:"flex flex-col gap-2",children:[s3("label",{htmlFor:e,className:"font-[family-name:var(--bk-name-font,var(--font-mono))] text-[length:var(--bk-name-size,12px)] font-semibold uppercase tracking-[0.2em] text-fg",children:[t,a?z0("span",{className:"text-accent",children:" *"}):null]}),s]})}function np({number:e,children:t}){return s3("div",{className:"mb-4 flex items-center gap-3",children:[z0("span",{className:"flex size-8 shrink-0 items-center justify-center rounded-full border border-line font-[family-name:var(--bk-step-font,var(--font-mono))] text-[length:var(--bk-step-size,11px)] font-semibold text-fg-dim",children:e}),z0("h3",{className:"font-[family-name:var(--bk-step-font,var(--font-mono))] text-[length:var(--bk-step-size,12px)] font-semibold uppercase tracking-[0.2em] text-fg",children:t})]})}function cr({eyebrow:e,heading:t,intro:a}){return s3("div",{className:"mb-10 max-w-[760px]",children:[(e??"").trim()&&z0("p",{className:"mb-4 font-mono text-[12px] font-semibold uppercase tracking-[0.24em] text-accent",children:e}),(t??"").trim()&&z0("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,44px),var(--sf-heading-max,9999px))] font-medium uppercase leading-[0.98] tracking-[-0.025em] text-fg max-[800px]:text-[length:min(var(--size-headingMedium,32px),var(--sf-heading-max,9999px))]",children:t}),(a??"").trim()&&z0("p",{className:"mt-5 max-w-[660px] font-display text-[17px] leading-[1.65] text-fg-dim",children:a})]})}function or({style:e}={}){let{fieldPrefix:t,services:a,currency:s,serviceId:c,setServiceId:o,requiresPayment:l,date:r,earliestDate:i,setDate:n,setDateTouched:h,availability:m,loadingSlots:p,noSlotsMessage:u,selectedStart:g,setSelectedStart:d,customerTimezone:f}=n7();return a?s3("div",{className:"flex flex-col gap-9",style:e,children:[s3("div",{children:[z0(np,{number:"01",children:"Choose a service"}),z0("div",{className:"grid gap-3 sm:grid-cols-2",children:a.map(v=>{let b=v.id===c;return s3("button",{type:"button","aria-pressed":b,onClick:()=>o(v.id),className:`min-h-11 border p-4 text-left transition-colors ${b?"border-accent bg-accent/10":"border-line bg-bg hover:border-fg-dim"}`,children:[z0("span",{className:"block font-[family-name:var(--bk-name-font,var(--font-display))] text-[length:var(--bk-name-size,18px)] font-medium text-fg",children:v.name}),s3("span",{className:"mt-1 block font-[family-name:var(--bk-value-font,var(--font-mono))] text-[length:var(--bk-value-size,11px)] uppercase tracking-[0.14em] text-fg-dim",children:[v.durationMinutes," min \xB7 ",bW(v.price,s)]}),v.description&&z0("span",{className:"mt-3 block font-[family-name:var(--bk-note-font,var(--font-display))] text-[length:var(--bk-note-size,14px)] leading-[1.5] text-fg-dim",children:v.description})]},v.id)})}),l&&z0("p",{className:"mt-3 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,11px)] uppercase tracking-[0.14em] text-alert",role:"alert",children:"This service requires an upfront payment and cannot be booked through this form yet."})]}),s3("div",{children:[z0(np,{number:"02",children:"Choose a date and time"}),z0(Na,{id:`${t}-date`,label:"Date",required:!0,children:z0("input",{id:`${t}-date`,type:"date",min:i,value:r,onChange:v=>{h(!0),n(v.target.value)},className:Va,required:!0})}),z0("div",{className:"mt-4 grid grid-cols-2 gap-2 sm:grid-cols-3 min-[1200px]:grid-cols-4",role:"group","aria-label":"Available appointment times",children:p?z0("p",{className:"col-span-full py-3 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,11px)] uppercase tracking-[0.18em] text-fg-dim",children:"Loading times\u2026"}):m?.slots.length?m.slots.map(v=>s3("button",{type:"button","aria-pressed":g===v.start,onClick:()=>d(v.start),className:`min-h-11 border px-3 py-2 font-[family-name:var(--bk-value-font,var(--font-mono))] text-[length:var(--bk-value-size,12px)] font-semibold uppercase tracking-[0.12em] transition-colors ${g===v.start?"border-accent bg-accent text-bg":"border-line bg-bg text-fg hover:border-accent"}`,children:[z0("span",{className:"block",children:qS(v.start,f||m.timezone)}),f&&f!==m.timezone&&s3("span",{className:"mt-0.5 block text-[9px] font-normal tracking-[0.08em] opacity-70",children:[qS(v.start,m.timezone)," business"]})]},v.start)):u?z0("p",{className:"col-span-full py-3 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,11px)] uppercase tracking-[0.18em] text-fg-dim",role:"status",children:u}):null}),m?.timezone&&s3("p",{className:"mt-3 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,10px)] uppercase tracking-[0.16em] text-fg-dim",children:["Times shown in ",f||m.timezone,f&&f!==m.timezone?` \xB7 business timezone ${m.timezone}`:""]})]})]}):null}function lr({buttonLabel:e,style:t}){let{fieldPrefix:a,editing:s,name:c,setName:o,email:l,setEmail:r,phone:i,setPhone:n,notes:h,setNotes:m,submitting:p,error:u,canSubmit:g}=n7();return s3("div",{className:"sf-card border border-line bg-bg p-5 min-[640px]:p-7",style:t,children:[z0(np,{number:"03",children:"Your details"}),s3("div",{className:"flex flex-col gap-4",children:[z0(Na,{id:`${a}-name`,label:"Name",required:!0,children:z0("input",{id:`${a}-name`,type:"text",autoComplete:"name",value:c,onChange:d=>o(d.target.value),className:Va,required:!0})}),z0(Na,{id:`${a}-email`,label:"Email",required:!0,children:z0("input",{id:`${a}-email`,type:"email",inputMode:"email",autoComplete:"email",value:l,onChange:d=>r(d.target.value),className:Va,required:!0})}),z0(Na,{id:`${a}-phone`,label:"Phone",children:z0("input",{id:`${a}-phone`,type:"tel",inputMode:"tel",autoComplete:"tel",value:i,onChange:d=>n(d.target.value),className:Va})}),z0(Na,{id:`${a}-notes`,label:"What would you like to cover?",children:z0("textarea",{id:`${a}-notes`,rows:4,value:h,onChange:d=>m(d.target.value),className:`${Va} resize-y`})})]}),u&&z0("p",{className:"mt-4 font-[family-name:var(--bk-note-font,var(--font-mono))] text-[length:var(--bk-note-size,11px)] uppercase tracking-[0.16em] text-alert",role:"alert",children:u}),z0(G2,{type:s?"button":"submit",disabled:!g,arrow:null,className:"mt-6 w-full disabled:cursor-not-allowed disabled:opacity-50",children:p?"Submitting\u2026":(e??"").trim()||"Book appointment"})]})}function rr({successMessage:e}){let{confirmation:t,customerTimezone:a}=n7();return t?s3("div",{className:"sf-card max-w-[760px] border border-line bg-bg p-6 min-[640px]:p-9",role:"status",children:[s3("p",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-accent",children:["Request received \xB7 ",t.bookingNumber]}),z0("h3",{className:"mt-4 font-display text-[28px] font-medium uppercase text-fg",children:t.service}),z0("p",{className:"mt-2 font-display text-[17px] text-fg-dim",children:WS(t.startAt,t.customerTimezone||a||t.timezone)}),t.customerTimezone&&t.timezone!==t.customerTimezone&&s3("p",{className:"mt-1 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:["Business time: ",WS(t.startAt,t.timezone)]}),(e??"").trim()&&z0("p",{className:"mt-5 max-w-[620px] font-serif text-[18px] italic leading-[1.6] text-fg-dim",children:e}),z0(G2,{href:`/book/${encodeURIComponent(t.manageToken)}`,newTab:t!==rp,variant:"ghost",className:"mt-7",children:"Manage booking"})]}):null}var ir=["step","name","value","note"],hp={step:"Step",name:"Name",value:"Value",note:"Note"},nr={step:"styleStep",name:"styleName",value:"styleValue",note:"styleNote"},US={step:{font:"--bk-step-font",size:"--bk-step-size"},name:{font:"--bk-name-font",size:"--bk-name-size"},value:{font:"--bk-value-font",size:"--bk-value-size"},note:{font:"--bk-note-font",size:"--bk-note-size"}};function xW(e){return typeof e=="string"&&t5.includes(e)?e:null}var zW={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function KS(e,t){let a={};for(let s of ir){let c=xW(e[nr[s]]);if(!c)continue;let o=z9({role:c},zW,t);o.fontFamily&&(a[US[s].font]=o.fontFamily),o.fontSize&&(a[US[s].size]=o.fontSize)}return a}import{jsx as Ne}from"react/jsx-runtime";var $S=["head","booking","details","confirm"],jS={head:"Head",booking:"Booking",details:"Your details",confirm:"Confirmation"};function mp({region:e,eyebrow:t,heading:a,intro:s,buttonLabel:c,successMessage:o,...l}){let{confirmation:r,services:i}=n7(),n=KS(l);return e==="head"?Ne("div",{className:"min-[960px]:col-span-2",style:n,children:Ne(cr,{eyebrow:t,heading:a,intro:s})}):e==="confirm"?r?Ne("div",{className:"min-[960px]:col-span-2",style:n,children:Ne(rr,{successMessage:o})}):null:r||!i||i.length===0?null:e==="booking"?Ne(or,{style:n}):e==="details"?Ne(lr,{buttonLabel:c,style:n}):null}var u8="solid",pp=[{label:"Solid",value:"solid"},{label:"Outlined",value:"outlined"}];function YS(e){return I2(pp,u8,e)}var up="sf-secnum-outline",XS="font-display text-[length:var(--size-headingMedium,clamp(48px,6vw,96px))] font-medium leading-[0.8] tracking-[-0.02em]",JS=`@supports (-webkit-text-stroke: 1px currentColor){.${up}{color:var(--surface-2);-webkit-text-stroke:1px var(--line)}}`;import{Fragment as yW,jsx as U0,jsxs as x4}from"react/jsx-runtime";var _a=(e,t=!1)=>typeof e=="string"?j(e,t):e,_e=(e,t=!1)=>typeof e=="string"?C(e,t):e;function Q1({num:e,title:t,link:a,logo:s,description:c,accent:o,accentNum:l,numStyle:r=u8,look:i="standard",titleAccent:n,accentTracking:h="-0.02em",spaceBelow:m,rowGap:p,descriptionSize:u,className:g="",eyebrowLook:d=Vo}){let f=m??(i==="editorial"?"mb-[60px]":"");if(i==="editorial"){let S=!!t||!!n;return x4("header",{className:`${f} grid grid-cols-[auto_1fr_auto] items-end gap-10 border-b border-line pb-8 max-[1100px]:grid-cols-1 max-[1100px]:gap-3.5 ${g}`.trim(),children:[e&&(typeof e=="string"?U0(H1,{text:e,className:"pb-2"}):U0("span",{className:"pb-2",children:e})),S&&x4("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5.5vw,80px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:[t,n&&x4(yW,{children:[" ",U0("em",{className:"font-serif font-normal italic text-accent",style:{letterSpacing:h},children:n})]})]}),c&&U0("p",{className:"max-w-[360px] pb-1 text-right font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim max-[1100px]:max-w-full max-[1100px]:text-left",children:c})]})}if(i==="simple"){let S=`${f} ${g}`.trim();return x4("div",{className:S||void 0,children:[e&&(typeof e=="string"?U0(H1,{text:e,look:d,className:"mb-4 block"}):U0("span",{className:"mb-4 block",children:e})),t&&U0("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:_a(t)})]})}if(i==="statement"){let S=`${f} ${g}`.trim();return x4("div",{className:S||void 0,children:[e&&(typeof e=="string"?U0(H1,{text:e,look:d,className:"mb-4 block"}):U0("span",{className:"mb-4 block",children:e})),t&&U0("h2",{className:"font-heading2 text-[length:min(var(--size-headingMedium,clamp(40px,5vw,72px)),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em] text-fg",children:_a(t,!0)})]})}if(i==="natural"){let S=`flex max-w-[680px] flex-col ${p??"gap-5"} ${f} ${g}`.replace(/\s+/g," ").trim();return x4("div",{className:S,children:[e&&(typeof e=="string"?U0(H1,{text:e,look:d}):U0("span",{children:e})),t&&U0("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:_a(t)}),c&&U0("p",{className:`${u??"text-[length:var(--size-body,16px)]"} leading-[1.6] opacity-85`,children:c})]})}if(i==="essay"){let S=`${f} ${g}`.trim();return x4("div",{className:S||void 0,children:[e&&(typeof e=="string"?U0(H1,{text:e,look:d,className:"mb-4 block"}):U0("span",{className:"mb-4 block",children:e})),t&&U0("h2",{className:"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:_a(t)})]})}let v=!!c||!!a,b=!!t,y=YS(r)==="outlined",z="font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em]",k=null;if(e)if(y)k=U0("span",{className:`${XS} text-fg-dim ${up}`,children:_e(e)});else if(l&&!o&&typeof e=="string"){let S=e.indexOf("/"),P=S===-1?e:e.slice(0,S),D=S===-1?"":e.slice(S);k=x4("span",{className:z,children:[U0("span",{className:"text-accent",children:_e(P)}),D&&U0("span",{className:"text-fg-dim",children:_e(D)})]})}else k=U0("span",{className:`${z} ${o?"text-accent":"text-fg-dim"}`,children:_e(e)});return x4("div",{className:"mb-16 grid grid-cols-[auto_1fr_auto] items-end gap-10 border-b border-line pb-6 max-[800px]:mb-9 max-[800px]:grid-cols-1 max-[800px]:gap-3 max-[800px]:pb-5",children:[y&&e&&U0("style",{children:JS}),x4("div",{className:"flex flex-col items-start gap-3",children:[s?.src&&U0("img",{src:L2(s.src),alt:s.alt,className:"h-8 w-auto object-contain"}),k]}),b&&U0("h2",{className:o?"font-heading2 text-[length:min(var(--size-headingMedium,clamp(36px,5vw,64px)),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.95] tracking-[-0.025em]":"font-heading2 text-[length:min(var(--size-headingMedium,56px),var(--sf-heading-max,9999px))] [font-weight:var(--sf-heading-weight,500)] [&_em]:[font-weight:var(--sf-heading-weight-strong,inherit)] leading-none tracking-[-0.03em] whitespace-pre-line max-[800px]:text-[length:min(var(--size-headingMedium,36px),var(--sf-heading-max,9999px))] max-[800px]:leading-[1]",children:_a(t)}),v&&x4("div",{className:"flex flex-col items-end gap-3 max-[800px]:items-start",children:[c&&U0("p",{className:"max-w-[340px] font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim text-right max-[800px]:max-w-full max-[800px]:text-left",children:_e(c)}),a&&x4(n0,{href:a.href,className:"inline-flex items-center gap-2 whitespace-nowrap font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:[_e(a.text),U0("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{jsx as z4,jsxs as Ba}from"react/jsx-runtime";function wW(e){return e.type==="textarea"||e.type==="select"||e.type==="checkbox"}function QS({eyebrow:e,title:t}){return Ba("div",{className:"flex flex-col gap-4",children:[e&&z4(H1,{text:e,scaled:!1}),t&&z4("h2",{className:"font-display text-[min(clamp(40px,5vw,72px),var(--sf-heading-max,9999px))] font-medium uppercase leading-none tracking-[-0.03em]",children:j(t,!0)})]})}function hr({body:e,buttonLabel:t,consent:a,form:s,submission:c,showForm:o,resolving:l,editing:r}){return Ba("div",{className:"flex flex-col gap-7",children:[e&&d0(e).map((i,n)=>z4("p",{className:"max-w-[480px] font-display text-[16px] leading-[1.6] text-fg-dim",children:C(i)},n)),o&&(s?c.done?z4("p",{role:"status",className:"max-w-[480px] font-[family-name:var(--sb-thanks-font,var(--font-serif))] text-[length:var(--sb-thanks-size,17px)] italic leading-[1.6] text-fg-dim",children:we(s)}):Ba("form",{className:"grid grid-cols-2 gap-2",onSubmit:c.handleSubmit,children:[s.fields.map(i=>{let n=["border border-line bg-transparent px-4 py-3.5 font-[family-name:var(--sb-field-font,var(--font-mono))] text-[length:var(--sb-field-size,14px)] tracking-[0.1em] text-fg outline-none focus:border-accent",wW(i)?"col-span-2":""].join(" ");return i.type==="checkbox"?Ba("label",{className:"col-span-2 flex items-start gap-3 font-[family-name:var(--sb-tick-font,var(--font-mono))] text-[length:var(--sb-tick-size,12px)] uppercase tracking-[0.18em] text-fg-dim",children:[z4(a7,{field:i,value:c.valueOf(i.key),onChange:h=>c.set(i.key,h),className:"mt-0.5 size-4 accent-accent"}),Ba("span",{children:[i.label,i.required?z4("span",{className:"text-accent",children:" *"}):null]})]},i.key):z4(a7,{field:i,value:c.valueOf(i.key),onChange:h=>c.set(i.key,h),rows:4,placeholder:i.placeholder||i.label,className:i.type==="textarea"?`${n} resize-y`:n},i.key)}),z4(ke,{value:c.honeypot,onChange:c.setHoneypot}),c.error&&z4("p",{role:"alert",className:"col-span-2 font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:c.error}),t&&z4("button",{type:r?"button":"submit",disabled:c.submitting,className:"col-span-2 cursor-pointer bg-btn px-6 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:c.submitting?"Sending\u2026":C(t)})]}):z4("p",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim",children:l?"Loading form\u2026":"Choose a form in the inspector, under Form \u2014 until then this form is hidden on the live page and nothing can be submitted."})),o&&a&&z4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] text-fg-dim/70",children:C(a)})]})}var mr=["field","tick","thanks"],dp={field:"Form rows",tick:"Tick label",thanks:"Thank-you message"},pr={field:"styleField",tick:"styleTick",thanks:"styleThanks"},eL={field:{font:"--sb-field-font",size:"--sb-field-size"},tick:{font:"--sb-tick-font",size:"--sb-tick-size"},thanks:{font:"--sb-thanks-font",size:"--sb-thanks-size"}};function kW(e){return typeof e=="string"&&t5.includes(e)?e:null}var CW={fontKey:"",sizePx:16,weight:400,lineRatio:1.4,letterEm:0,align:"left",case:"none",paddingPx:0,widthPx:900};function tL(e,t){let a={};for(let s of mr){let c=kW(e[pr[s]]);if(!c)continue;let o=z9({role:c},CW,t);o.fontFamily&&(a[eL[s].font]=o.fontFamily),o.fontSize&&(a[eL[s].size]=o.fontSize)}return a}import{jsx as ur}from"react/jsx-runtime";var aL=["head","form"],sL={head:"Head",form:"Form"};function gp({region:e,eyebrow:t,title:a,body:s,buttonText:c,consent:o,formSlug:l,form:r,editing:i=!1,...n}){let h=u5(l,r),m=t7({form:h,formSlug:l,editing:i}),p=tL(n);return e==="head"?ur("div",{style:p,children:ur(Q1,{look:"statement",num:t,title:a})}):ur("div",{style:p,children:ur(hr,{body:s??"",buttonLabel:c??"",consent:o??"",form:h,submission:m,showForm:!!h||i,resolving:h===void 0,editing:i})})}var MW={AppointmentBooking:{slot:"boxes",childType:"BookingBox",addLabel:"Add box",fixed:!0,seeds:()=>$S.map(e=>({region:e,name:jS[e]})),addBlocked:()=>"A Booking Form is these three boxes. They cannot be added to or removed.",skipSeed:e=>e.layout!=="boxes"},SubmitBuild:{slot:"boxes",childType:"SubmitBox",addLabel:"Add box",fixed:!0,seeds:()=>aL.map(e=>({region:e,name:sL[e]})),addBlocked:()=>"A Submit-a-build section is these two boxes. They cannot be added to or removed.",skipSeed:e=>e.layout!=="boxes"},Collections:{slot:"cards",childType:"CollectionCard",addLabel:"Add card",seeds:()=>Array.from({length:_S},()=>({collection:null}))},ProductGrid:{slot:"products",childType:"ProductRef",addLabel:"Add product",seeds:()=>[{code:""},{code:""},{code:""}],legacy:e=>Array.isArray(e.design_codes)?e.design_codes.map(t=>t?.code).filter(t=>!!t).map(t=>({code:t})):[]},GalleryB:{slot:"items",childType:"GalleryItem",addLabel:"Add image",seeds:()=>IS.map(e=>({...e})),legacy:e=>Array.isArray(e.cards)?e.cards.map(t=>({...t})):[]}};kx(MW);function Be(e,t){let a={};for(let s of Object.keys(e))a[s]={...e[s],...t[s]};return a}import{OpacityIcon as SW}from"efficient-easel/icons";import{jsx as LW}from"react/jsx-runtime";var cL={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow","Limited release"),title:B("Heading","Banner headline"),body:B("Body","A line or two of supporting copy."),_gBackground:x("Background image"),imageSrc:O1("Image","image/*"),overlay:a1("Overlay",LW(SW,{}),0,100,5,60,"%"),_gButton:x("Button"),...b4,_gLayout:x("Layout")}};import{Fragment as AW}from"react";import{Fragment as HW,jsx as Ra,jsxs as vp}from"react/jsx-runtime";function fp({items:e,meta:t,editing:a=!1}){let s=(e??[]).filter(o=>o?.label?.trim()),c=s.length>0?s:a?[{label:"Breadcrumb"}]:[];return c.length===0&&!t?null:vp("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:[c.map((o,l)=>{let r=l===c.length-1;return vp(AW,{children:[l>0&&Ra("span",{className:"opacity-40",children:"/"}),o.href&&!r?Ra(n0,{href:o.href,className:"hover:text-fg",children:B0(o.label)}):Ra("span",{className:r?"text-fg":void 0,children:B0(o.label)})]},l)}),t&&vp(HW,{children:[Ra("span",{className:"opacity-40",children:"\xB7"}),Ra("span",{children:C(t)})]})]})}function B4(e,t,a){return e||(a?.isEditing?t:void 0)}function x1(e,t,a){let s=Array.isArray(e)?e:[];return s.length?s:a?.isEditing?t:[]}function w(e,t,a){let s=A2(e);if(!s.hidden)return B4(s.text,t,a)}function J0(e,t,a){return A2(e).hidden?"":w(e,t,a)}function Z3(e,t,a){return{text:w(e,d2.text,a),href:t||d2.href}}import{jsx as TW}from"react/jsx-runtime";var bp={meta:"Trailing note"},FW=[{label:"Home",href:"/"},{label:"Section",href:""}],oL={label:"Breadcrumb",defaultProps:{items:[],meta:""},render:({items:e,meta:t,puck:a})=>TW(fp,{items:x1(e,FW,a),meta:w(t,bp.meta,a),editing:a?.isEditing})};var lL={fields:{_gContent:x("Content"),items:{type:"array",label:"Crumbs",arrayFields:{label:I("Label"),href:e3(I("Link"))},getItemSummary:e=>e?.label||"Crumb"},meta:H("Trailing note",bp.meta)}};function rL(e){return typeof e=="boolean"?e:!0}import{ButtonArrowIcon as EW}from"efficient-easel/icons";import{jsx as VW}from"react/jsx-runtime";var iL={fields:{label:I("Button"),href:A1("Button link"),_gStyle:x("Style"),variant:{type:"radio",options:[{label:"Primary",value:"primary"},{label:"Ghost",value:"ghost"}]},arrow:c1("Arrow",!0,VW(EW,{})),align:f5()}};import{ColumnsIcon as ZW,StylesIcon as DW}from"efficient-easel/icons";import{Fragment as BW,jsx as Re,jsxs as xp}from"react/jsx-runtime";var NW="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))]",_W="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 zp({look:e,eyebrow:t,title:a,items:s,columns:c,omitHead:o=!1,editing:l=!1}={}){let r=Math.min(4,Math.max(2,c??3)),i=(s??[]).filter(h=>l||(h.title??"").trim()||(h.body??"").trim()),n=!!(t??"").trim()||!!(a??"").trim();return!l&&!n&&i.length===0?null:Re("section",{className:"relative z-[2] bg-surface",children:xp("div",{className:o?_W:NW,children:[o?null:xp(BW,{children:[(t??"").trim()&&Re(H1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&Re("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:j(a??"",!1)})]}),i.length>0&&Re("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)=>xp("div",{className:"bg-bg p-8 max-[800px]:p-7",children:[Re("div",{className:"mb-3 font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium uppercase tracking-[0.02em] text-fg",children:C((h.title??"").trim()||"Card title")}),Re("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:C((h.body??"").trim()||"A short line about this card.")})]},m))})]})})}import{jsx as IW}from"react/jsx-runtime";var Ia={eyebrow:"Label",title:"Section *heading.*"},RW=[{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."}],nL={label:"Cards",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return IW(zp,{look:J3(e.eyebrowLook,"Cards"),eyebrow:a(w(e.eyebrow,Ia.eyebrow,e.puck)),title:a(w(e.title,Ia.title,e.puck)),omitHead:t,items:x1(e.items,RW,e.puck),columns:e.columns,editing:e.puck?.isEditing})}};import{jsx as hL}from"react/jsx-runtime";var mL={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",Ia.eyebrow),eyebrowLook:d1("Eyebrow style",hL(DW,{}),[...v4],q6("Cards")),title:B("Heading",Ia.title),items:{type:"array",label:"Cards",arrayFields:{title:u1("Card title"),body:V1("Card body")},defaultItemProps:{title:"",body:""},getItemSummary:e=>e?.title||e?.body||"Card"},_gStyle:x("Style"),columns:a1("Columns",hL(ZW,{}),2,4,1,3)},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.Cards.headRows)};import{StickyIcon as OW}from"efficient-easel/icons";import{jsx as GW}from"react/jsx-runtime";var pL={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:I("Label"),count:I("Count")},getItemSummary:e=>e?.label?`${e.label}${e.count?` \xB7 ${e.count}`:""}`:"Tab"},activeTab:e3(I("Active tab","All")),_gLinks:x("Links"),links:{type:"array",label:"Right links",arrayFields:{label:I("Label"),href:e3(I("Link"))},getItemSummary:e=>e?.label||"Link"},_gStyle:x("Style"),sticky:c1("Stick under header",!0,GW(OW,{}))}};import{StylesIcon as jW}from"efficient-easel/icons";import{jsx as c2,jsxs as R4}from"react/jsx-runtime";function yp(e){return Number.isInteger(e)?String(e):String(Math.round(e*10)/10)}var uL=[100,70,46,30,19,12];function dL(e){return`color-mix(in srgb, var(--accent) ${uL[e%uL.length]}%, var(--bg))`}function qW({data:e,suffix:t}){let a=Math.max(...e.map(s=>s.value),0)||1;return c2("div",{className:"flex w-full flex-col gap-6",children:e.map((s,c)=>R4("div",{children:[R4("div",{className:"mb-2 flex items-baseline justify-between gap-4",children:[c2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.14em] text-fg/60",children:C(s.label)}),R4("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium text-fg",children:[yp(s.value),t]})]}),c2("div",{className:"h-[10px] border border-line bg-bg",children:c2("div",{className:"h-full bg-accent",style:{width:`${Math.max(s.value/a*100,s.value===0?0:2)}%`}})})]},c))})}function WW({data:e,suffix:t}){let c={l:42,r:42,t:36,b:38},o=640-c.l-c.r,l=300-c.t-c.b,r=Math.max(...e.map(p=>p.value),0)||1,i=e.length>1?o/(e.length-1):0,n=e.map((p,u)=>({x:c.l+(e.length>1?u*i:o/2),y:c.t+l-p.value/r*l})),h=n.map((p,u)=>`${u===0?"M":"L"}${p.x},${p.y}`).join(" "),m=`${h} L${n[n.length-1].x},${c.t+l} L${n[0].x},${c.t+l} Z`;return R4("svg",{viewBox:"0 0 640 300",className:"w-full",role:"img","aria-hidden":!0,children:[[.25,.5,.75,1].map(p=>c2("line",{x1:c.l,x2:640-c.r,y1:c.t+l*(1-p),y2:c.t+l*(1-p),stroke:"var(--line)",strokeWidth:"1"},p)),c2("line",{x1:c.l,x2:640-c.r,y1:c.t+l,y2:c.t+l,stroke:"var(--line)",strokeWidth:"1.5"}),c2("path",{d:m,fill:"var(--accent)",opacity:"0.13"}),c2("path",{d:h,fill:"none",stroke:"var(--accent)",strokeWidth:"2.5"}),n.map((p,u)=>R4("g",{children:[c2("circle",{cx:p.x,cy:p.y,r:"4",fill:"var(--accent)"}),R4("text",{x:p.x,y:p.y-12,textAnchor:"middle",className:"font-display",fontSize:"14",fill:"var(--fg)",children:[yp(e[u].value),t]}),c2("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 UW({data:e,suffix:t}){let a=e.reduce((r,i)=>r+i.value,0)||1,s=80,c=2*Math.PI*s,o=0,l=e.map((r,i)=>{let n=r.value/a,h={frac:n,dash:Math.max(n*c-3,0),off:o,ink:dL(i)};return o+=n*c,h});return R4("div",{className:"flex w-full flex-wrap items-center justify-center gap-10",children:[c2("svg",{viewBox:"0 0 200 200",className:"w-[220px] max-w-full -rotate-90",role:"img","aria-hidden":!0,children:l.map((r,i)=>c2("circle",{cx:"100",cy:"100",r:s,fill:"none",stroke:r.ink,strokeWidth:"34",strokeDasharray:`${r.dash} ${c-r.dash}`,strokeDashoffset:-r.off},i))}),c2("ul",{className:"flex min-w-[200px] flex-1 flex-col gap-3",children:e.map((r,i)=>R4("li",{className:"flex items-baseline gap-3",children:[c2("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] flex-shrink-0 rotate-45",style:{background:dL(i)}}),c2("span",{className:"flex-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.12em] text-fg/60",children:C(r.label)}),c2("span",{className:"font-display text-[length:var(--size-body,15px)] font-medium text-fg",children:t?`${yp(r.value)}${t}`:`${Math.round(r.value/a*100)}%`})]},i))})]})}function wp({eyebrow:e,title:t,body:a,chartStyle:s,items:c,valueSuffix:o,caption:l,editing:r=!1}={}){let i=(o??"").trim()===""?"":o??"",n=(c??[]).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=s??"bars",p=n.length===0?null:m==="line"&&n.length>1?c2(WW,{data:n,suffix:i}):m==="donut"?c2(UW,{data:n,suffix:i}):c2(qW,{data:n,suffix:i});return c2("section",{className:"relative z-[2] border-y border-line bg-surface",children:R4("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:[R4("div",{children:[(e??"").trim()&&c2("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:C(e??"")}),(t??"").trim()&&c2("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:j(t??"",!1)}),(a??"").trim()&&c2("p",{className:"mt-5 max-w-[46ch] text-[length:var(--size-body,15px)] leading-relaxed text-fg/65",children:a})]}),R4("div",{children:[p,(l??"").trim()&&c2("p",{className:"mt-4 font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.14em] text-fg/40",children:l})]})]})})}import{jsx as $W}from"react/jsx-runtime";var Za={eyebrow:"By the numbers",title:`A picture worth
|
|
23
|
+
*a thousand rows.*`},KW=[{label:"Before",value:"9"},{label:"After",value:"3"},{label:"With us",value:"1"}],gL={label:"Chart",defaultProps:{eyebrow:"",title:"",body:"",items:[],caption:"",chartStyle:"bars",valueSuffix:""},render:({eyebrow:e,title:t,body:a,items:s,caption:c,chartStyle:o,valueSuffix:l,puck:r})=>$W(wp,{eyebrow:w(e,Za.eyebrow,r),title:w(t,Za.title,r),body:a,items:x1(s,KW,r),chartStyle:o,valueSuffix:l,caption:c,editing:r?.isEditing})};import{jsx as YW}from"react/jsx-runtime";var vL={fields:{_gContent:x("Content"),eyebrow:H("Chip label",Za.eyebrow),title:B("Heading",Za.title),body:B("Body",""),items:{type:"array",label:"Data points",arrayFields:{label:u1("Label"),value:I("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Point"},caption:H("Caption","Illustrative example"),_gStyle:x("Style"),chartStyle:d1("Chart style",YW(jW,{}),[{label:"Bars (comparison / funnel)",value:"bars"},{label:"Line (trend)",value:"line"},{label:"Donut (split of a whole)",value:"donut"}],"bars"),valueSuffix:H("Value suffix","%")}};import{useState as QW}from"react";import{useEasel as eU}from"efficient-easel/easel";var XW=["tall","square","wide"],JW="tall";function dr(e){return XW.includes(String(e??""))?String(e):JW}var o2={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"},Da=[{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 gr(e){let t=String(e??"").split(" \xB7 ");return{state:(t[0]??"").trim(),country:(t[1]??"").trim()}}var d8="other",u0={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 kp(e){return eo(e)}import{Fragment as Cp,jsx as N1,jsxs as K0}from"react/jsx-runtime";function tU(e){let t=[];return e.forEach((a,s)=>{let c=Q5(a),o=t.find(l=>l.key===c);o||(o={key:c,name:String(a?.groupName??""),indices:[]},t.push(o)),o.indices.push(s)}),t}function Ze({children:e}){return N1("div",{className:"sf-field-label",children:e})}function vr({children:e}){return N1("div",{style:{fontSize:11,fontWeight:600,letterSpacing:"0.06em",textTransform:"uppercase",color:"var(--fg-dim, #999)",margin:"14px 0 6px"},children:e})}var xL={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"},zL={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"},Ie={padding:0,border:"none",background:"none",font:"inherit",fontSize:12,color:"var(--sf-accent, #2563eb)",cursor:"pointer"},fr={padding:"2px 7px",border:"1px solid var(--border-strong, #d0d0d0)",borderRadius:6,background:"transparent",color:"inherit",cursor:"pointer",fontSize:12,lineHeight:1.4},yL={...Ie,color:"#d85a30"};function Oa({label:e,value:t,placeholder:a,textarea:s,onChange:c}){return K0("div",{className:"sf-field",children:[N1(Ze,{children:e}),s?N1("textarea",{value:t,placeholder:a,onChange:o=>c(o.target.value)}):N1("input",{type:"text",value:t,placeholder:a,onChange:o=>c(o.target.value)})]})}var aU=[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],sU=[{label:"Tall (3:4)",value:"tall"},{label:"Square",value:"square"},{label:"Wide (2:1)",value:"wide"}];function fL({label:e,options:t,value:a,onChange:s}){return K0("div",{className:"sf-field",children:[N1(Ze,{children:e}),N1("div",{style:{display:"flex",gap:4},children:t.map(c=>{let o=a===c.value;return N1("button",{type:"button","aria-pressed":o,onClick:()=>s(c.value),style:{flex:1,padding:"6px 8px",fontSize:12,borderRadius:6,cursor:"pointer",border:`1px solid ${o?"var(--sf-accent, #2563eb)":"var(--border-strong, #d0d0d0)"}`,background:o?"var(--sf-accent, #2563eb)":"transparent",color:o?"#fff":"inherit",fontWeight:o?500:400},children:c.label},c.value)})})]})}function bL({props:e,setSection:t,headOnly:a}){let s=l=>String(e[l]??""),c=e.mapTheme||o2.mapTheme,o=o2;return K0(Cp,{children:[!a&&N1(vr,{children:"Section"}),N1(Oa,{label:"Section number",value:s("sectionNumber"),placeholder:o.sectionNumber,onChange:l=>t({sectionNumber:l})}),N1(Oa,{label:"Heading",textarea:!0,value:s("heading"),placeholder:o.heading,onChange:l=>t({heading:l})}),N1(Oa,{label:"Body",textarea:!0,value:s("tagline"),placeholder:o.tagline,onChange:l=>t({tagline:l})}),a?null:K0(Cp,{children:[N1(vr,{children:"City strip"}),N1(Oa,{label:"Eyebrow",value:s("galleryKicker"),placeholder:o.galleryKicker,onChange:l=>t({galleryKicker:l})}),N1(Oa,{label:"Hint",value:s("galleryHint"),placeholder:o.galleryHint,onChange:l=>t({galleryHint:l})}),N1(fL,{label:"Shape",options:sU,value:dr(e.imageShape),onChange:l=>t({imageShape:l})}),N1(vr,{children:"Map & Theme"}),N1(fL,{label:"Map theme",options:aU,value:c,onChange:l=>t({mapTheme:l})})]})]})}function cU({cards:e,groupKey:t,onChange:a,onBack:s,onOpenCity:c,onNavigate:o}){let l=e.map((g,d)=>Q5(g)===t?d:-1).filter(g=>g>=0),r=String(e[l[0]]?.groupName??""),i=new Set(e.map(Q5).filter(g=>g!==t)),[n,h]=QW(t),m=g=>a(e.map(d=>Q5(d)===t?{...d,...g}:d)),p=()=>{let g=n;if(g!==t){if(i.has(g)){h(t);return}a(e.map(d=>Q5(d)===t?{...d,group:g}:d)),o(g)}},u=(g,d)=>{if(g<0||d<0||g>=e.length||d>=e.length)return;let f=e.slice();[f[g],f[d]]=[f[d],f[g]],a(f)};return K0("div",{className:"sf-field",children:[N1("button",{type:"button",style:Ie,onClick:s,children:"\u2190 Section"}),N1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:Wo(t,r)}),K0("div",{className:"sf-field",children:[N1(Ze,{children:"Group heading (optional)"}),N1("input",{type:"text",value:n,placeholder:"e.g. Americas",onChange:g=>h(g.target.value),onBlur:p,onKeyDown:g=>{g.key==="Enter"&&g.target.blur()}}),i.has(n)&&n!==t&&N1("div",{style:{marginTop:4,fontSize:11,color:"#d85a30"},children:"Another group already uses this heading \u2014 pick a different one."})]}),K0("div",{className:"sf-field",children:[N1(Ze,{children:"Group name (optional)"}),N1("input",{type:"text",value:r,placeholder:"Shown beside the heading",onChange:g=>m({groupName:g.target.value})})]}),N1("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",margin:"10px 0 6px"},children:"Cities in this group"}),N1("div",{style:{display:"grid",gap:6},children:l.map((g,d)=>K0("div",{style:{display:"flex",gap:6,alignItems:"stretch"},children:[K0("button",{type:"button",style:{...xL,flex:1},onClick:()=>c(g),children:[N1("span",{children:e[g]?.name||"City"}),N1("span",{"aria-hidden":"true",children:"\u203A"})]}),N1("button",{type:"button",style:fr,"aria-label":"Move up",title:"Move up",onClick:()=>u(g,l[d-1]),disabled:d===0,children:"\u2191"}),N1("button",{type:"button",style:fr,"aria-label":"Move down",title:"Move down",onClick:()=>u(g,l[d+1]),disabled:d===l.length-1,children:"\u2193"})]},g))}),N1("button",{type:"button",style:zL,onClick:()=>a([...e,{...Vh,group:t,groupName:r}]),children:"+ Add city"}),N1("div",{style:{marginTop:12},children:K0("button",{type:"button",style:yL,onClick:()=>{a(e.filter(g=>Q5(g)!==t)),s()},children:["Delete group (",l.length," ",l.length===1?"city":"cities",")"]})})]})}function Mp({value:e,onChange:t}){let a=Array.isArray(e)?e:[],s=Mw(),c=Dy(),o=tU(a),{appState:l,selectedItem:r}=eU(f=>f),i=Dz(),n=r?.props??{},h=f=>{if(!r)return;let b=(l.data.content??[]).findIndex(y=>y.props.id===r.props.id);b<0||i.replaceComponent(wx,b,{type:r.type,props:{...r.props,...f}})},m=(f,v)=>t(a.map((b,y)=>y===f?{...b,...v}:b)),p=()=>{let f=new Set(o.map(y=>y.key)),v=o.length+1,b=`Group ${v}`;for(;f.has(b);)b=`Group ${++v}`;t([...a,{...Vh,group:b,groupName:""}]),F4({level:"group",key:b})},u=(f,v)=>{let b=o.map(z=>z.key),y=f+v;y<0||y>=b.length||([b[f],b[y]]=[b[y],b[f]],t(b.flatMap(z=>a.filter(k=>Q5(k)===z))))};if(s.level==="texts")return K0("div",{className:"sf-field",children:[N1("button",{type:"button",style:Ie,onClick:()=>F4({level:"groups"}),children:"\u2190 Locations"}),N1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Texts"}),N1(bL,{props:n,setSection:h,headOnly:!0})]});if(s.level==="image"){let f=a[s.index];return f?K0("div",{className:"sf-field",children:[K0("button",{type:"button",style:Ie,onClick:()=>F4({level:"city",index:s.index}),children:["\u2190 ",String(f.name??"")||"City"]}),N1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Image"}),N1($z,{value:f.photo||"",onChange:v=>m(s.index,{photo:v}),label:"Image",accept:"image/*"})]}):g()}if(s.level==="map"){let f=a[s.index];return f?K0("div",{className:"sf-field",children:[K0("button",{type:"button",style:Ie,onClick:()=>F4({level:"city",index:s.index}),children:["\u2190 ",String(f.name??"")||"City"]}),N1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:"Map"}),N1(So,{value:f.geocode,onChange:v=>m(s.index,{geocode:v}),label:"Coordinates"}),K0("div",{className:"sf-field",children:[N1(Ze,{children:"Directions link"}),N1("input",{type:"text",value:String(f.mapsUrl??""),onChange:v=>m(s.index,{mapsUrl:v.target.value})})]})]}):g()}if(s.level==="city"){let f=s.index,v=a[f];if(!v)return g();let b=Q5(v),y=(k,S)=>m(f,{[k]:S}),z=(k,S,P=!1)=>K0("div",{className:"sf-field",children:[N1(Ze,{children:S}),P?N1("textarea",{value:String(v[k]??""),onChange:D=>y(k,D.target.value)}):N1("input",{type:"text",value:String(v[k]??""),onChange:D=>y(k,D.target.value)})]});return K0("div",{className:"sf-field",children:[K0("button",{type:"button",style:Ie,onClick:()=>F4({level:"group",key:b}),children:["\u2190 ",Wo(b,String(v.groupName??""))]}),N1("div",{style:{fontSize:14,fontWeight:500,margin:"6px 0 10px"},children:v.name||"City"}),z("name","Location name"),z("state","State / Province"),z("country","Country"),z("address","Address",!0),z("phone","Phone"),z("hours","Opening hours"),z("timezone","Timezone chip"),N1("div",{style:{marginTop:12},children:N1("button",{type:"button",style:yL,onClick:()=>{t(a.filter((k,S)=>S!==f)),F4({level:"group",key:b})},children:"Delete city"})})]})}if(s.level==="group")return o.some(f=>f.key===s.key)?N1(cU,{cards:a,groupKey:s.key,onChange:t,onBack:()=>F4({level:"groups"}),onOpenCity:f=>F4({level:"city",index:f}),onNavigate:f=>F4({level:"group",key:f})},s.key):g();function g(){return K0("div",{className:"sf-field",children:[N1(bL,{props:n,setSection:h}),!c&&K0(Cp,{children:[N1(vr,{children:"Locations"}),d()]})]})}function d(){return K0("div",{style:{marginTop:2},children:[K0("div",{style:{display:"grid",gap:6},children:[o.map((f,v)=>K0("div",{style:{display:"flex",gap:6,alignItems:"stretch"},children:[K0("button",{type:"button",style:{...xL,flex:1},onClick:()=>F4({level:"group",key:f.key}),children:[N1("span",{style:{fontWeight:500},children:Wo(f.key,f.name)}),K0("span",{style:{color:"var(--fg-dim, #999)"},children:[f.indices.length," ",f.indices.length===1?"city":"cities"," \u203A"]})]}),N1("button",{type:"button",style:fr,"aria-label":"Move up",title:"Move up",onClick:()=>u(v,-1),disabled:v===0,children:"\u2191"}),N1("button",{type:"button",style:fr,"aria-label":"Move down",title:"Move down",onClick:()=>u(v,1),disabled:v===o.length-1,children:"\u2193"})]},f.key||`__ungrouped_${v}`)),o.length===0&&N1("div",{style:{fontSize:12,color:"var(--fg-dim, #999)",padding:"4px 0"},children:"No locations yet."})]}),N1("button",{type:"button",style:zL,onClick:p,children:"+ Add group"})]})}return g()}var oU="/geocode.json";async function wL(e){let t=e.trim();if(!t)return null;if(!Jb())throw new Error("geocode_unavailable");let a=await fetch(`${Sw()}${oU}?q=${encodeURIComponent(t)}`,{headers:{Accept:"application/json"}});if(!a.ok)throw new Error(`geocode_http_${a.status}`);let s=await a.json();if(!s||typeof s!="object")return null;let{lat:c,lng:o,label:l}=s,r=Number(c),i=Number(o);return!Number.isFinite(r)||!Number.isFinite(i)?null:{lat:r,lng:i,label:String(l??"")}}var br=e=>typeof e=="number"&&Number.isFinite(e);function xr(e){return e.some(t=>{let a=t?.geocode;return a?a.pending||a.manual&&a.lat===void 0&&a.lng===void 0?!0:br(a.lat)&&a.lat!==t.lat||br(a.lng)&&a.lng!==t.lng:!1})}async function zr(e,t,{geocode:a=wL,courtesyGapMs:s=1100}={}){let c=l=>new Promise(r=>setTimeout(r,l)),o=e.slice();if(e.some(l=>l?.geocode?.pending)){let l=[],r=!1;for(let i of e){if(!i?.geocode?.pending){l.push(i);continue}r&&s>0&&await c(s),r=!0;try{let n=await a(t(i));l.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{l.push({...i,geocode:{...i.geocode,pending:!1,ok:!1,status:"Lookup busy \u2014 try again in a moment."}})}}o=l}return o.map(l=>{let r=l?.geocode;if(!r)return l;if(r.manual&&r.lat===void 0&&r.lng===void 0)return{...l,geocode:{...r,lat:l.lat,lng:l.lng}};let i=br(r.lat)&&r.lat!==l.lat?r.lat:l.lat,n=br(r.lng)&&r.lng!==l.lng?r.lng:l.lng;return i!==l.lat||n!==l.lng?{...l,lat:i,lng:n}:l})}import{jsx as lU}from"react/jsx-runtime";var kL={fields:{locations:{type:"custom",render:({value:e,onChange:t})=>lU(Mp,{value:e,onChange:t})}},resolveData:async e=>{let t=e.props,a=t.locations??[];if(!xr(a))return e;let s=await zr(a,c=>{let o=gr(c.region);return[String(c.address??"").replace(/\s*\n+\s*/g,", "),c.name,String(c.state??"").trim()||o.state,String(c.country??"").trim()||o.country].map(l=>String(l??"").trim()).filter(Boolean).join(", ")});return{...e,props:{...t,locations:s}}}};var CL={fields:{html:{type:"textarea",label:"HTML"}}};import{StylesIcon as mU}from"efficient-easel/icons";var g8="line",Sp=[{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"}],rU={"stripes-fine":{ink:4,period:12},"stripes-medium":{ink:8,period:18},"stripes-bold":{ink:14,period:28}},ML=28,iU="-45deg",nU="color-mix(in oklab, var(--accent) 50%, var(--bg))";function hU(e){return e!=="line"}function SL(e){return I2(Sp,g8,e)}function LL(e){if(!hU(e))return null;let{ink:t,period:a}=rU[e];return`repeating-linear-gradient(${iU}, ${nU} 0 ${t}px, transparent ${t}px ${a}px)`}import{jsx as pU}from"react/jsx-runtime";var AL={fields:{style:d1("Style",pU(mU,{}),Sp,g8),spacing:{type:"select",options:[{label:"Small",value:"sm"},{label:"Medium",value:"md"},{label:"Large",value:"lg"}]}}};import{jsx as o6,jsxs as Ga}from"react/jsx-runtime";function uU(e,t){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||`section-${t+1}`}function dU(e){let t=[];for(let a of e.replace(/\r\n?/g,`
|
|
26
|
+
`).split(/\n[ \t]*\n/))a.split(`
|
|
27
|
+
`).map(c=>c.replace(/\s+$/,"")).filter(c=>c.trim()!=="").forEach((c,o)=>{let l=_x(c)[0].bullet,r=t.at(-1),i=o===0||!r||r.type==="ul"!==l;if(l){let n=c.slice(2);!i&&r?.type==="ul"?r.items.push(n):t.push({type:"ul",items:[n]})}else!i&&r?.type==="p"?r.text+=`
|
|
28
|
+
${c}`:t.push({type:"p",text:c})});return t}var gU=[{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."}],vU=120;function Lp({tocTitle:e,sections:t,editing:a=!1,stickyTop:s=vU}){let c=(t??[]).filter(i=>(i.heading??"").trim()!==""||(i.label??"").trim()!==""||(i.body??"").trim()!=="");if(c.length===0&&!a)return null;let o=c.length===0&&a?gU:c,l=new Set,r=o.map((i,n)=>{let h=uU(i.label||i.heading||"",n),m=h,p=2;for(;l.has(m);)m=`${h}-${p++}`;return l.add(m),m});return o6("section",{className:"relative z-[2] bg-bg",children:Ga("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:[Ga("aside",{className:"sticky flex flex-col self-start max-[900px]:static",style:{top:s},children:[e&&o6("h4",{className:"mb-[18px] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:C(e)}),o.map((i,n)=>Ga("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:[o6("span",{children:C(i.label||"Section")}),o6("span",{className:"text-accent",children:String(n+1).padStart(2,"0")})]},r[n]))]}),o6("div",{className:"flex flex-col gap-16",children:o.map((i,n)=>Ga("article",{id:r[n],className:"flex flex-col gap-[18px]",style:{scrollMarginTop:s},children:[Ga("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:[String(n+1).padStart(2,"0")," \xB7 ",C(i.label||"Section")]}),i.heading&&o6("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:C(i.heading)}),dU(i.body??"").map((h,m)=>h.type==="ul"?o6("ul",{className:"flex max-w-[680px] list-none flex-col gap-2.5 pl-0",children:h.items.map((p,u)=>o6("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:C(p)},u))},m):o6("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,17px)] leading-[1.7] text-fg-dim",children:C(h.text)},m))]},r[n]))})]})})}import{jsx as bU}from"react/jsx-runtime";var Ap={toc:"On this page"},fU=[{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."}],HL={label:"Document body",defaultProps:{tocTitle:"",sections:[]},render:e=>bU(Lp,{tocTitle:w(e.tocTitle,Ap.toc,e.puck),sections:x1(e.sections,fU,e.puck),editing:e.puck?.isEditing})};var FL={fields:{_gContent:x("Contents"),tocTitle:H("Contents heading",Ap.toc),_gSections:x("Sections"),sections:{type:"array",label:"Sections",arrayFields:{label:u1("Contents label"),heading:u1("Title"),body:V1("Body")},defaultItemProps:{label:"",heading:"",body:""},getItemSummary:e=>e?.label||e?.heading||"Section"}}};import{jsx as v8,jsxs as Hp}from"react/jsx-runtime";function xU({level:e,className:t,children:a}){return v8(e===2?"h2":"h1",{className:t,children:a})}function Fp({eyebrow:e,title:t,deck:a,meta:s,editing:c=!1,titleLevel:o}){let l=(s??[]).filter(i=>(i.label??"").trim()!==""||(i.value??"").trim()!=="");return!!!(e||t||a||l.length>0)&&!c?null:v8("section",{className:"relative z-[2] bg-bg",children:Hp("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:[Hp("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&&v8(H1,{text:e,className:"pb-3",classNameAfter:"max-[900px]:pb-0"}),t&&v8(xU,{level:o,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:j(t,!0)}),l.length>0&&v8("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:l.map((i,n)=>Hp("div",{children:[i.label&&v8("strong",{className:"font-normal text-fg",children:C(i.label)}),i.label&&i.value?" ":null,i.value?C(i.value):null]},n))})]}),a&&v8("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:C(a,!0)})]})})}import{jsx as yU}from"react/jsx-runtime";var zU=[{label:"Label",value:"Value"},{label:"Label",value:"Value"}],f8={eyebrow:A.eyebrow,title:A.headingAccent,deck:"Add a sentence or two introducing this document."},TL={label:"Document masthead",defaultProps:{eyebrow:"",title:"",deck:"",meta:[]},render:e=>yU(Fp,{titleLevel:e.titleLevel,eyebrow:w(e.eyebrow,f8.eyebrow,e.puck),title:w(e.title,f8.title,e.puck),deck:w(e.deck,f8.deck,e.puck),meta:x1(e.meta,zU,e.puck),editing:e.puck?.isEditing})};var PL={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",f8.eyebrow),title:B("Heading",f8.title),deck:B("Deck / standfirst",f8.deck),_gMeta:x("Metadata"),meta:{type:"array",label:"Metadata rows",arrayFields:{label:u1("Label"),value:u1("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||"Row"}}};import{jsx as qa,jsxs as wU}from"react/jsx-runtime";function Tp({cards:e,editing:t=!1}){let a=(e??[]).filter(s=>(s.label??"").trim()!==""||(s.value??"").trim()!==""||(s.desc??"").trim()!=="");return a.length===0&&!t?null:qa("section",{className:"relative z-[2] bg-bg",children:qa("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((s,c)=>wU("div",{className:"flex flex-col gap-2 border border-line bg-surface p-6",children:[s.label&&qa(H1,{text:s.label,size:12}),s.value&&qa("span",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] font-medium tracking-[-0.015em] text-fg",children:C(s.value)}),s.desc&&qa("span",{className:"mt-1.5 font-serif text-[length:var(--size-body,14px)] italic leading-[1.5] text-fg-dim",children:C(s.desc)})]},c))})})}import{jsx as kU}from"react/jsx-runtime";var Pp=[{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."}],EL={label:"Document Detail Cards",defaultProps:{cards:[]},render:e=>kU(Tp,{cards:x1(e.cards,Pp,e.puck),editing:e.puck?.isEditing})};var VL={fields:{cards:E9({type:"array",label:"Cards",arrayFields:{label:u1("Label"),value:u1("Value"),desc:V1("Body")},defaultItemProps:{label:"Label",value:"",desc:""},getItemSummary:e=>e?.label||e?.value||"Card"},Pp)}};import{PageIcon as SU}from"efficient-easel/icons";import{jsx as Ep,jsxs as Vp}from"react/jsx-runtime";function Np({tabs:e,metaLabel:t,metaValue:a,editing:s=!1}){let c=(e??[]).filter(l=>(l.label??"").trim()!=="");if(c.length===0&&!s)return null;let o=c.findIndex(l=>l.current);return Ep("nav",{className:`${K9} 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:Vp("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:[c.map((l,r)=>{let i=r===o;return Vp(n0,{href:l.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:[B0(l.label),i&&Ep("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},r)}),(t||a)&&Vp("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&&C(t),a&&Ep("strong",{className:"ml-2 font-normal text-accent",children:C(a)})]})]})})}import{jsx as MU}from"react/jsx-runtime";var CU=[{label:"Tab",href:"#",current:!0},{label:"Tab",href:"#",current:!1},{label:"Tab",href:"#",current:!1}],Wa={metaLabel:A.label,metaValue:A.value},NL={label:"Document tabs",defaultProps:{tabs:[],metaLabel:"",metaValue:""},render:e=>MU(Np,{tabs:x1(e.tabs,CU,e.puck),metaLabel:w(e.metaLabel,Wa.metaLabel,e.puck),metaValue:w(e.metaValue,Wa.metaValue,e.puck),editing:e.puck?.isEditing})};import{jsx as LU}from"react/jsx-runtime";var _L={fields:{tabs:{type:"array",label:"Tabs",arrayFields:{label:I("Tab label"),href:A1("Links to"),current:c1("Current page",!1,LU(SU,{}))},defaultItemProps:{label:"Tab",href:"",current:!1},getItemSummary:e=>e?.label||"Tab"},_gNote:x("Trailing note"),metaLabel:H("Note label",Wa.metaLabel),metaValue:H("Note value",Wa.metaValue)}};import{StylesIcon as AU}from"efficient-easel/icons";import{jsx as HU}from"react/jsx-runtime";var BL={fields:{eyebrow:H("Eyebrow",A.eyebrow),align:f5(),eyebrowLook:d1("Look",HU(AU,{}),v4,No)}};import{ChevronIcon as GU}from"efficient-easel/icons";import{useEffect as VU,useRef as NU}from"react";import{useEffect as TU,useRef as PU}from"react";var Ua="data-puck-component";function Bp(e,t){return e.closest(`[${Ua}]`)?.getAttribute(Ua)===t}function RL(e,t,a){let s=e.querySelectorAll("*"),c=[],o=new Set;for(let u=0;u<s.length;u+=1){let g=s[u];if(!Bp(g,t))continue;let d=g.getAttribute(Jt);d&&(c.push({element:g,partId:U5(t,d)}),o.add(g))}let l=[];for(let u=0;u<s.length;u+=1){let g=s[u];if(!Bp(g,t)||o.has(g))continue;let d=Rx(g.textContent??"");d&&l.push({element:g,text:d})}let r=new Map,i=[],n=u=>u.row?`${u.key}.${u.row.rowKey}`:null,h=new Map;for(let u of a){let g=n(u);if(!g)continue;let d=h.get(g);d?d.push(u):h.set(g,[u])}let m=new Set;for(let[u,g]of h){if(g.length<2)continue;let d=g.flatMap(b=>b.texts);if(new Set(d).size===d.length)continue;let f=l.filter(b=>d.includes(b.text));if(f.length!==g.length)continue;let v=[...g].sort((b,y)=>(b.row?.index??0)-(y.row?.index??0));for(let b=0;b<v.length;b+=1){let y=v[b],z=f[b].element,k={key:y.key,partKey:oh(y.key,y.row),exact:!0},S=r.get(z);S?S.push(k):(r.set(z,[k]),i.push(z))}m.add(u)}for(let u of a){if(m.has(n(u)??""))continue;let g=oh(u.key,u.row);for(let d of u.texts){let f=[],v=null;for(let z of l)z.text===d?f.push(z.element):!f.length&&z.text.includes(d)&&(!v||z.text.length<=v.length)&&(v={element:z.element,length:z.text.length});let b=f.length?f:v?[v.element]:[],y=b.filter(z=>!b.some(k=>k!==z&&z.contains(k)));for(let z of y){let k={key:u.key,partKey:g,exact:f.length>0},S=r.get(z);S?S.push(k):(r.set(z,[k]),i.push(z))}}}let p=[...c];for(let u of i){let g=r.get(u)??[],d=g.some(f=>f.exact)?g.filter(f=>f.exact):g;if(new Set(d.map(f=>f.partKey)).size===1){p.push({element:u,partId:U5(t,d[0].partKey)});continue}new Set(d.map(f=>f.key)).size===1&&p.push({element:u,partId:U5(t,d[0].key)})}return p}function _p(e,t,a){let s=e.querySelectorAll(`[${W5}]`);for(let o=0;o<s.length;o+=1){let l=s[o];Bp(l,t)&&l.removeAttribute(W5)}let c=[];for(let{element:o,partId:l}of a)o.setAttribute(W5,l),c.push(o);return c}function IL(e,t,a,s,c,o=()=>null){let l=null,r=null,i=null,n=()=>{let h=a(),m=h?.getAttribute(Ua)??null;if(!h||!m)return!1;l=m;let p=RL(e,m,t);return c(h,m,_p(e,m,p)),i=o(()=>{let u=RL(e,m,t);FU(p,u)||(p=u,c(h,m,_p(e,m,u)))}),!0};return n()||(r=s(()=>{(l||n())&&(r?.(),r=null)})),()=>{r?.(),r=null,i?.(),i=null,l&&_p(e,l,[])}}function FU(e,t){return e.length===t.length&&e.every((a,s)=>a.element===t[s].element&&a.partId===t[s].partId)}function ZL(e,t){return e?.closest(`[${W5}]`)?.getAttribute(W5)??U5(t,null)}function DL(e,t){return e!==U5(t,null)}import{jsx as EU}from"react/jsx-runtime";function Rp(e){let t=null,a=null;for(let s=e;s&&(t===null||a===null);s=s.parentElement){let c=s.getAttribute("class");t??=Vx(c),a??=nh(c)}return{faceRole:t??"body",sizeGroup:a}}function yr(e){let t=e.style,a={};for(let l of ih)a[l]=t[l]??"",t[l]="";let s=getComputedStyle(e),c=getComputedStyle(e.ownerDocument.documentElement),o=Zx({fontSize:s.fontSize,fontWeight:s.fontWeight,lineHeight:s.lineHeight,letterSpacing:s.letterSpacing,textAlign:s.textAlign,textTransform:s.textTransform,paddingTop:s.paddingTop,maxWidth:s.maxWidth},Dx(s.fontFamily,l=>c.getPropertyValue(l)));for(let l of ih)t[l]=a[l];return o}function Ip({needles:e,styles:t,type:a,children:s}){let c=PU(null),{selectedPartId:o,select:l}=Oc(),{setPartStyle:r}=Gc(),i=JSON.stringify(e),n=JSON.stringify(t);return TU(()=>{let h=c.current;if(!h)return;let m=[],p=()=>h.parentElement,u=y=>{let z=p();if(!z)return null;let k=new MutationObserver(y);return k.observe(z,{attributes:!0,attributeFilter:[Ua]}),()=>k.disconnect()},g=y=>{let z=new MutationObserver(y);return z.observe(h,{childList:!0,subtree:!0,characterData:!0}),()=>z.disconnect()},d=[];m.push(()=>{for(let y of d)y();d=[]});let f=JSON.parse(i),v=JSON.parse(n),b=IL(h,f,p,u,(y,z,k)=>{for(let N of d)N();d=[];let S=[];for(let N of k){let F=N,E=f9(F);E&&d.push(E),F.getAttribute(W5)===o?(F.setAttribute($7,""),S.push(F)):F.removeAttribute($7)}let P=Ox(z,o,S,N=>Nx(N)!==null||nh(N)!==null);if(P&&o){let N=P;r({partId:o,...Rp(N),base:yr(N)})}Gx(k.map(N=>({element:N,partId:N.getAttribute(W5)??""})),v,N=>yr(N),N=>Qx(a,N));let D=N=>{let F=ZL(N.target,z);DL(F,z)&&(N.stopPropagation(),N.preventDefault()),l(F)},q=y;q.addEventListener("click",D,{capture:!0}),d.push(()=>q.removeEventListener("click",D,{capture:!0}))},g);return()=>{b();for(let y of m)y()}},[i,n,o,l,r]),EU("div",{ref:c,style:{display:"contents"},children:s})}import{jsx as _U}from"react/jsx-runtime";function b8({nodeId:e,sectionType:t,children:a}){let s=NU(null),{selectedPartId:c,select:o}=Oc(),{setPartStyle:l}=Gc();return VU(()=>{let r=s.current,i=$y(t);if(!r||!e||!i)return;let n=[],h=Array.from(r.querySelectorAll(`[${e8}]`));for(let p of h){let u=Wy(i,p.getAttribute(e8));if(!u)continue;let g=f9(p);g&&n.push(g);let d=U5(e,t8(u));d===c?(p.setAttribute($7,""),l({partId:d,...Rp(p),base:yr(p)})):p.removeAttribute($7)}let m=p=>{let u=Uy(i,p.target);u&&(p.stopPropagation(),p.preventDefault(),o(U5(e,t8(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($7)}},[e,t,c,o,l]),_U("div",{ref:s,style:{display:"contents"},children:a})}import{Fragment as ZU,jsx as y4,jsxs as Op}from"react/jsx-runtime";function OL(e){return p2(e).trim()}function Zp(e,t){return e?{[e8]:t}:{}}function Dp(e,t){let a=e?.[t8(t)]?.role;return _o(a,qy[t],qc)}function BU({editing:e,nodeId:t,children:a}){return!e||!t?y4(ZU,{children:a}):y4(b8,{nodeId:t,sectionType:"FAQ",children:a})}var RU="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]",IU="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 Gp({num:e,title:t,link:a,items:s,defaultOpen:c=!0,editing:o=!1,omitHead:l=!1,nodeId:r,partStyles:i}){let n=(s??[]).filter(d=>(d.question??"").trim()!==""),h=o&&n.length===0;if(n.length===0&&!o)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(d=>(d.answer??"").trim()!=="").map(d=>({"@type":"Question",name:OL(d.question??""),acceptedAnswer:{"@type":"Answer",text:OL(d.answer??"")}})),u=!o&&p.length>0?JSON.stringify({"@context":"https://schema.org","@type":"FAQPage",mainEntity:p}).replace(/</g,"\\u003c"):null,g=t?j(t,!0):void 0;return Op("section",{className:l?IU:RU,children:[y4("style",{children:".faq-acc__ico{transition:transform .2s ease}details[open]>summary .faq-acc__ico{transform:rotate(45deg)}"}),u&&y4("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:u}}),l?null:y4(Q1,{num:e!==void 0?C(e):void 0,title:g,link:a?{text:C(a.text),href:a.href}:void 0,accent:!0}),y4(BU,{editing:o,nodeId:r,children:y4("div",{children:m.map((d,f)=>Op("details",{open:f===0&&c,className:"border-b border-line",children:[Op("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:[y4("span",{className:"font-mono text-[length:var(--size-label,14px)] tracking-[0.2em] text-accent",...Zp(o,"number"),style:Dp(i,"number"),children:String(f+1).padStart(2,"0")}),y4("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)]",...Zp(o,"question"),style:Dp(i,"question"),children:C(d.question??"")}),y4("span",{"aria-hidden":!0,className:"faq-acc__ico shrink-0 text-[length:var(--size-body,22px)] leading-none text-fg-dim",children:"+"})]}),d.answer&&y4("div",{className:"pb-8 pl-11 pr-8 max-[800px]:pl-0 max-[800px]:pr-0",children:y4("p",{className:"max-w-[760px] text-[length:var(--size-body,15px)] leading-[1.7] text-fg-dim",...Zp(o,"answer"),style:Dp(i,"answer"),children:C(d.answer)})})]},f))})})]})}import{jsx as OU}from"react/jsx-runtime";var x8={num:A.sectionNumber,title:"Frequently *asked.*",link:"View all questions"},DU=[{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."}],GL={label:"Q&A",defaultProps:{num:"",title:"",linkText:"",linkHref:"/faq",defaultOpen:!0,items:[]},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=w(e.linkText,x8.link,e.puck);return OU(Gp,{num:a(w(e.num,x8.num,e.puck)),title:a(w(e.title,x8.title,e.puck)),link:a(s?{text:s,href:t1(e.linkHref)||"/faq"}:void 0),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:x9(e),items:x1(e.items,DU,e.puck),defaultOpen:e.defaultOpen,editing:e.puck?.isEditing})}};import{jsx as qU}from"react/jsx-runtime";var qL={fields:{_gContent:x("Content"),num:H("Number",x8.num),title:B("Heading",x8.title),linkText:H("Button",x8.link),linkHref:A1("Link"),_gQuestions:x("Questions"),items:{type:"array",label:"Questions",arrayFields:{question:u1("Question"),answer:V1("Answer")},getItemSummary:e=>e.question||"Question"},_gLayout:x("Layout"),defaultOpen:c1("Open first answer",!0,qU(GU,{}))},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.FAQ.headRows)};import{useContext as KU}from"react";import{SettingsField as $L}from"efficient-easel/panel";import{FieldSelect as jL}from"efficient-easel/fields";import{BlogPostIcon as YL}from"efficient-easel/icons";function De({fetch:e,keyBy:t}){let a=null,s=null,c=null;return(o=!1)=>{let l=V3(),r=t?t():null;return(o||!a||s===null&&l!==null||c!==r)&&(s=l,c=r,a=l||!Yt().usesBridgedToken?e(l??"",r).catch(()=>[]):Promise.resolve([])),a}}var WL=De({fetch:async(e,t)=>await Xb().blog?.posts(t?{siteId:t}:void 0)??[],keyBy:r2});import{useEffect as UL,useRef as WU,useState as qp}from"react";function l6(e,t){return JSON.stringify(e)!==JSON.stringify(t)}function Oe({load:e,resolve:t,snapshot:a,value:s,onChange:c}){let[o,l]=qp(null),[r,i]=qp(!1),[n,h]=qp(!1),m=WU(!0);return UL(()=>(m.current=!0,e().then(u=>{m.current&&l(u)}),()=>{m.current=!1}),[]),UL(()=>{if(!s?.slug||o===null)return;let u=t(o,s);if(!u)return;let g=a(u);l6(g,s)&&c(g)},[o]),{rows:o,loading:o===null,refreshing:r,errored:n,refresh:()=>{s?.slug&&(i(!0),h(!1),e(!0).then(u=>{if(!m.current)return;l(u);let g=t(u,s);g&&c(a(g))}).catch(()=>{m.current&&h(!0)}).finally(()=>{m.current&&i(!1)}))}}}import{jsx as wr,jsxs as UU}from"react/jsx-runtime";function c4({status:e,statusText:t,onRefresh:a,busy:s=!1,edit:c,hint:o,spaced:l=!0}){return UU("div",{className:"sf-blogsource",style:l?{marginTop:9}:void 0,children:[wr("p",{className:"sf-blogsource-status","data-state":e,children:t}),wr("button",{type:"button",className:"sf-blogsource-btn",onClick:a,disabled:s,children:"Refresh now"}),c?wr("button",{type:"button",className:"sf-blogsource-btn",onClick:c.onClick,children:c.label}):null,wr("p",{className:"sf-blogsource-hint",children:o})]})}import{Fragment as XL,jsx as o4,jsxs as JL}from"react/jsx-runtime";function $U(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 KL(e){return{slug:e.slug,image:e.coverImage,title:e.title,dek:e.excerpt,date:$U(e.publishedAt),href:e.href}}function z8({value:e,onChange:t}){let a=KU(io);return a&&!a.capabilities.hasBlog?e?.slug?o4(jU,{value:e,onChange:t}):o4(XL,{}):o4(YU,{value:e,onChange:t})}function jU({value:e,onChange:t}){return JL("div",{children:[o4($L,{label:"Blog post source",icon:o4(YL,{}),children:o4(jL,{value:e.slug,ariaLabel:"Blog post source",onChange:a=>a?void 0:t(null),options:[{label:"None (manual)",value:""},{label:e.title||e.slug,value:e.slug}]})}),o4("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 YU({value:e,onChange:t}){let{rows:a,loading:s,refreshing:c,errored:o,refresh:l}=Oe({load:WL,resolve:(m,p)=>m.find(u=>u.slug===p.slug),snapshot:KL,value:e,onChange:t}),r=m=>{if(!m){t(null);return}let p=(a??[]).find(u=>u.slug===m);p&&t(KL(p))},i=e?.slug&&!(a??[]).some(m=>m.slug===e.slug),n=o?"error":c?"loading":"idle",h=o?"Couldn\u2019t reach Storefront \u2192 Blog.":c?"Syncing from Storefront \u2192 Blog\u2026":`Linked to \u201C${e?.title||e?.slug||""}\u201D`;return JL("div",{children:[o4($L,{label:"Blog post source",icon:o4(YL,{}),children:o4(jL,{value:e?.slug??"",ariaLabel:"Blog post source",onChange:r,readOnly:s,options:[{label:"None (manual)",value:""},...i?[{label:`${e.title||e.slug} (unavailable)`,value:e.slug}]:[],...(a??[]).map(m=>({label:m.title,value:m.slug}))]})}),e?.slug?o4(c4,{status:n,statusText:h,onRefresh:l,busy:c,hint:o4(XL,{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."})}):o4("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 XU}from"react";import{jsx as D3,jsxs as Ka}from"react/jsx-runtime";function Wp({image:e,badge:t,imageDate:a,category:s,readLabel:c,date:o,title:l,dek:r,ctaText:i,ctaHref:n,...h}){let m=[s?D3("span",{className:"text-accent",children:C(s)}):null,c?D3("span",{children:C(c)}):null,o?D3("span",{children:C(o)}):null].filter(Boolean);return D3("section",{className:E0(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:Ka("article",{className:"sf-card relative grid grid-cols-[1.3fr_1fr] border border-line bg-[var(--card-bg)] max-[1100px]:grid-cols-1",children:[Ka("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:[D3(k0,{label:"featured-cover",src:e||void 0,alt:p2(l||"Cover"),sizes:"(max-width: 1100px) 100vw, 56vw"}),D3("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&&D3("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:C(t)}),a&&D3("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:C(a)})]}),Ka("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&&D3("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)=>Ka(XU,{children:[u>0&&D3("span",{className:"opacity-40",children:"\xB7"}),p]},u))}),l&&D3("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:j(l,!0)}),r&&d0(r).map((p,u)=>D3("p",{className:"max-w-[520px] font-serif text-[length:var(--size-body,20px)] italic leading-[1.5] text-fg-dim",children:C(p,!0)},u)),i&&D3("div",{children:Ka(n0,{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:[C(i)," ",D3("span",{className:"transition-transform group-hover:translate-x-[6px]",children:"\u2192"})]})})]})]})})}import{jsx as JU}from"react/jsx-runtime";var c3={badge:"Featured",imageDate:A.date,category:A.category,readLabel:"0 min read",date:A.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:d2.href},QL={label:"Featured cover",defaultProps:{source:null,image:"",badge:"",imageDate:"",category:"",readLabel:"",date:"",title:"",dek:"",ctaText:"",ctaHref:""},render:({source:e,image:t,badge:a,imageDate:s,category:c,readLabel:o,date:l,title:r,dek:i,ctaText:n,ctaHref:h,puck:m})=>{let p=e,u=!!p?.slug;return JU(Wp,{image:u?p.image:t,badge:w(a,c3.badge,m),imageDate:u?p.date:w(s,c3.imageDate,m),category:w(c,c3.category,m),readLabel:w(o,c3.readLabel,m),date:u?p.date:w(l,c3.date,m),title:u?p.title:w(r,c3.title,m),dek:u?p.dek:w(i,c3.dek,m),ctaText:w(n,c3.ctaText,m),ctaHref:u?p.href:t1(h)})}};var eA={fields:{source:t2(z8),image:O1("Cover image","image/*"),badge:H("Badge",c3.badge),imageDate:H("Image date",c3.imageDate),_gContent:x("Content"),category:H("Category",c3.category),readLabel:H("Read time",c3.readLabel),date:H("Date",c3.date),title:B("Heading",c3.title),dek:B("Dek",c3.dek),ctaText:H("Button",c3.ctaText),ctaHref:A1("Link")},resolveFields:(e,{fields:t})=>{let s=!!e.props.source?.slug,c=new Set(s?["image","imageDate","date","title","dek","ctaHref"]:[]),o={};for(let[l,r]of Object.entries(t))c.has(l)||(o[l]=r,s&&l==="source"&&(o._nBound=l5(bo)));return o}};import{OpacityIcon as gK,StylesIcon as vK}from"efficient-easel/icons";import{useEffect as tA,useRef as QU,useState as aA}from"react";import{Fragment as eK,jsx as sA,jsxs as tK}from"react/jsx-runtime";function Up({children:e,className:t,style:a}){let s=QU(null),[c,o]=aA([]),[l,r]=aA(0);tA(()=>{let n=s.current;if(!n)return;let h=()=>{let p=Array.from(n.querySelectorAll(":scope > *"));o(p.map((u,g)=>u.dataset.tabLabel?.trim()||`Tab ${g+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=c.length?Math.min(l,c.length-1):0;return tA(()=>{let n=s.current;n&&Array.from(n.children).forEach((h,m)=>{h.hidden=c.length>1&&m!==i})},[c,i]),tK(eK,{children:[c.length>1&&sA(nw,{slides:c.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))})}}),sA("div",{ref:s,"data-box-tabs":!0,className:t,style:a,children:e})]})}import{createContext as cK,useContext as oK}from"react";var aK=new Set(["Flex","Grid"]);function Kp(e,t){return e&&!t}var sK=e=>Array.isArray(e)&&e.length>0&&typeof e[0]=="object"&&e[0]!==null&&"type"in e[0];function cA(e,t){if(!Array.isArray(e)||typeof t!="string")return;let a=(s,c)=>{for(let o of s){let l=o?.props??{};if(l.id===t)return c;let r=String(o?.type??""),i=aK.has(r)&&Kp(Z2(l,"page").mode!=="full",c);for(let n of Object.values(l)){if(!sK(n))continue;let h=a(n,c||i);if(h!==void 0)return h}}};return a(e,!1)}import{jsx as lA}from"react/jsx-runtime";var oA=cK(!1);function y8({contained:e,framedClass:t,fillClass:a,style:s,tabLabel:c,children:o}){let l=oK(oA),r=Kp(e,l);return lA("div",{className:r?t:a,style:s,"data-tab-label":c,children:r?lA(oA.Provider,{value:!0,children:o}):o})}import{createContext as lK}from"react";import{jsx as iK}from"react/jsx-runtime";var $p=lK(null),rK={dark:!0};function rA({children:e}){return iK($p.Provider,{value:rK,children:e})}import{jsx as mK}from"react/jsx-runtime";var $a="mx-auto w-full max-w-[var(--sf-site-width,1600px)] px-[var(--sf-site-gutter,40px)]",ja="max-[960px]:px-[min(24px,var(--sf-site-gutter,40px))]",Ya=`${$a} ${ja}`,nK="mx-auto w-full max-w-[1280px] px-[60px]",hK="max-[960px]:px-6",Cu1=`${nK} ${hK}`;function $0({contained:e,className:t="",style:a,children:s}){return mK(y8,{contained:e,framedClass:`${Ya} ${t}`,fillClass:`w-full ${t}`,style:a,children:s})}import{Fragment as uK,jsx as w8,jsxs as pK}from"react/jsx-runtime";function jp({direction:e,label:t,gap:a,justify:s,align:c,wrap:o,share:l,phoneRow:r,blockSpacing:i,bgImage:n,darken:h,darkenStyle:m,placement:p,padTop:u,padBottom:g,padTopPhone:d,padBottomPhone:f,padLeft:v,padRight:b,padLeftPhone:y,padRightPhone:z,contained:k=!0,fillHeight:S=!1,content:P}){let D=Ae(n),q=zl(),N=[cy(l),ly(i)].filter(Boolean).join(" "),F=N?` ${N}`:"",E=["flex",e==="row"?`flex-row ${oy(r)}`:"flex-col",vo(o),D?Ql(p??"center",e):go(s,c)].join(" ")+F,R=S||D?" h-full":"",T=D||q?"":" py-6",G=`${$a}${T} ${ja}${R}`,s1=q?R.trim():`w-full${T}${R}`,_=N3("Flex",a,e==="row"?"inline":"block"),U=w8(P,{className:`${E}${_.className}${R}`,style:_.style,minEmptyHeight:120}),Y=e==="tabs"?w8(Up,{className:`${E}${_.className}${R}`,style:_.style,children:U}):U,W=t?.trim()||void 0,Q=G1=>w8(y8,{contained:k,framedClass:G,fillClass:s1,tabLabel:W,children:G1});if(!D)return Q(Y);let b1=Jl(h,m),X=k9(typeof u=="number"?u:I3.desktop,typeof g=="number"?g:I3.desktop,typeof d=="number"?d:I3.phone,typeof f=="number"?f:I3.phone,typeof v=="number"?v:I3.side,typeof b=="number"?b:I3.side,typeof y=="number"?y:I3.sidePhone,typeof z=="number"?z:I3.sidePhone),v1=w8("div",{className:`relative z-[1] ${SS} ${X?.className??""}`.trimEnd(),style:X?.style,children:Y});return Q(w8(uK,{children:pK("div",{className:`relative isolate overflow-hidden ${Xl}${R}`,style:{backgroundImage:`url(${n})`,backgroundSize:"cover",backgroundPosition:"center"},children:[b1&&w8("div",{className:"absolute inset-0 z-0",style:b1,"aria-hidden":!0}),b1?w8(rA,{children:v1}):v1]})}))}import{jsx as dK}from"react/jsx-runtime";var Yp={content:{type:"slot"}},iA={label:"Box",fields:Yp,defaultProps:{direction:"row",justify:"start",align:"stretch",wrap:!0,content:[],share:"equal",blockSpacing:"gap"},render:e=>dK(jp,{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:so(e),content:e.content})};import{jsx as nA}from"react/jsx-runtime";var hA={fields:{_gContent:x("Content"),contentList:s2("Flex","Blocks"),content:Yp.content,_gLayout:x("Layout"),direction:{type:"radio",options:Hz("Flex")},label:I("Tab name"),gap:_3("Flex"),justify:yo(),align:wo(),wrap:ko(),share:fy(),phoneRow:xy(),blockSpacing:by(),_gBackground:x("Background image"),bgImage:O1("Image","image/*"),darken:a1("Darken",nA(gK,{}),P2.min,P2.max,P2.step,P2.fallback,P2.unit),darkenStyle:d1("Darken style",nA(vK,{}),l7,l7[0].value),placement:j5("Content position",{stacking:!1})},resolveFields:(e,{fields:t})=>{let a=e.props;if(Ae(a.bgImage))return{...t,...r5({phone:!0,top:I3.desktop,bottom:I3.desktop,sides:!0,side:I3.side,sidePhone:I3.sidePhone,sideBounds:LS})};let s={...t};return delete s.darken,delete s.darkenStyle,delete s.placement,s}};var k8={sectionNumber:"",heading:"",tagline:"",apiKey:"",mapId:"",mapTheme:"auto"};import{HeadquartersIcon as PK,ThemeIcon as EK}from"efficient-easel/icons";import{useEffect as Ja,useRef as Z4,useState as Tr}from"react";var fK=[{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"}]}],bK=[{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"}]}],h7={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)"}}},Xu1=h7.dark.marker;function xK(){return typeof document>"u"?!1:document.documentElement.getAttribute("data-theme")==="light"}function mA(e="auto"){return e==="light"?!0:e==="dark"?!1:xK()}function Ge(e="auto"){return mA(e)?bK:fK}function m7(e="auto"){return mA(e)?h7.light:h7.dark}function I4(e="auto"){return m7(e).background}function qe(e="auto"){return m7(e).marker}function kr(e){if(typeof document>"u")return()=>{};let t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>t.disconnect()}var zK="https://maps.googleapis.com/maps/api/js",yK="__storefrontMapsReady__",Cr=null;function Mr(e){if(typeof window>"u")return Promise.reject(new Error("ssr"));if(window.google?.maps)return Promise.resolve(window.google.maps);if(Cr)return Cr;let t=e&&e.trim()||"";return t?(Cr=new Promise((a,s)=>{let c=yK;window[c]=()=>a(window.google.maps);let o=document.createElement("script");o.src=`${zK}?key=${encodeURIComponent(t)}&libraries=marker&callback=${c}&v=weekly&loading=async`,o.async=!0,o.defer=!0,o.onerror=()=>s(new Error("Failed to load Google Maps JS SDK")),document.head.appendChild(o)}),Cr):Promise.reject(new Error("No Google Maps API key configured"))}function Xa(e,t){return Number.isFinite(e)&&Number.isFinite(t)&&!(e===0&&t===0)}import{createContext as kK,useContext as pA}from"react";var uA="sf:maps-api-key",dA="sf:maps-map-id";function ad1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(uA)??""}catch{return""}}function sd1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(uA,e)}catch{}}function cd1(){if(typeof window>"u")return"";try{return window.localStorage.getItem(dA)??""}catch{return""}}function od1(e){if(!(typeof window>"u"))try{window.localStorage.setItem(dA,e)}catch{}}var Xp=kK({apiKey:"",setApiKey:()=>{},mapId:""}),ld1=Xp.Provider,Sr=()=>pA(Xp).apiKey,Lr=()=>pA(Xp).mapId;function Ar(e,t){return e&&e.trim()||t&&t.trim()||""}function Hr(e,t){return e&&e.trim()||t&&t.trim()||""}import{jsx as CK}from"react/jsx-runtime";function V2({num:e,title:t,titleAccent:a,desc:s,accentTracking:c="-0.02em",spaceBelow:o="mb-[60px]",className:l=""}){return CK(Q1,{look:"editorial",num:e,title:t,titleAccent:a,description:s,accentTracking:c,spaceBelow:o,className:l})}import{jsx as gA,jsxs as vA}from"react/jsx-runtime";function Fr({groupKey:e,name:t,count:a}){return vA("div",{className:"mb-5 flex items-end justify-between gap-4 border-b border-line pb-4",children:[gA("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:e}),t?gA("span",{className:"font-heading3 text-[length:var(--size-headingSmall,24px)] font-medium uppercase tracking-[-0.01em]",children:t}):null,vA("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 HK,jsx as v2,jsxs as C8}from"react/jsx-runtime";var MK=11,SK=6,Jp=60;function Qp(e){return e.replace(/[&<>"']/g,t=>t==="&"?"&":t==="<"?"<":t===">"?">":t==='"'?""":"'")}function xA(e,t,a){return{path:t.SymbolPath.CIRCLE,scale:e.hq?MK:SK,fillColor:qe(a),fillOpacity:1,strokeColor:qe(a),strokeOpacity:e.hq?.3:.25,strokeWeight:e.hq?14:9}}function fA(e,t,a,s,c,o){c.forEach(r=>r.setMap(null)),c.clear();let l=new t.LatLngBounds;return s.forEach((r,i)=>{if(!Xa(r.lat,r.lng))return;l.extend({lat:r.lat,lng:r.lng});let n=new t.Marker({map:e,position:{lat:r.lat,lng:r.lng},icon:xA(r,t,a),title:r.city,zIndex:r.hq?100:10,cursor:"pointer"});n.addListener("click",()=>o(i)),c.set(i,n)}),l}function LK(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 bA({pal:e}){let t=e?e.marker:"var(--accent)",a=e?e.info.bg:"var(--surface)",s=e?e.background:"var(--bg)",c=e?`color-mix(in oklab, ${e.info.fgDim} 12%, transparent)`:"color-mix(in oklab, var(--fg) 3%, transparent)";return C8(HK,{children:[v2("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%, ${s} 100%)`}}),v2("div",{className:"pointer-events-none absolute inset-0",style:{backgroundImage:`repeating-linear-gradient(0deg, transparent 0 22px, ${c} 22px 23px), repeating-linear-gradient(90deg, transparent 0 22px, ${c} 22px 23px)`}})]})}function eu({sectionNumber:e="",heading:t="",tagline:a="",offices:s=[],apiKey:c="",mapId:o="",mapTheme:l="auto",padTop:r,padBottom:i,editing:n,omitHead:h=!1}){let m=typeof r=="number"?r:120,p=typeof i=="number"?i:120,[u,g]=Tr(null),d=s.length===0&&!e&&!t&&!a;if(Ja(()=>{g(v=>v!==null&&v>=s.length?null:v)},[s]),d&&!n)return null;let f=qo(s,v=>String(v.group??""),()=>"");return v2("section",{className:"relative z-[2] bg-bg",children:C8("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)&&v2(V2,{num:e,title:t?j(t):void 0,desc:a||void 0,spaceBelow:"mb-12"}),v2(AK,{offices:s,apiKey:c,mapId:o,mapTheme:l,activeIndex:u,onSelect:g}),s.length>0&&v2("div",{className:"mt-12 flex flex-col gap-8",children:f.map((v,b)=>C8("div",{children:[v.key&&v2(Fr,{groupKey:v.key,count:v.items.length}),v2("div",{className:["grid gap-[2px] bg-bg",la(v.items.length),v.items.length>2?"max-[1100px]:grid-cols-2 max-[700px]:grid-cols-1":v.items.length===2?"max-[700px]:grid-cols-1":""].join(" "),children:v.items.map(({item:y,index:z})=>{let k=u===z;return C8("button",{type:"button",onClick:()=>g(z),"aria-pressed":k,className:["flex flex-col gap-1.5 bg-bg px-6 py-5 text-left transition-colors outline outline-1 -outline-offset-1",k?"outline-accent":"outline-transparent hover:outline-line"].join(" "),children:[C8("span",{className:"flex items-center gap-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.28em]",children:[y.hq&&v2("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&&v2("span",{className:"text-accent",children:y.role})]}),y.city&&v2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium leading-[1.2] tracking-[-0.01em] text-fg",children:v2(a8,{value:y.city,children:y.city})}),y.country&&v2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:y.country}),y.address&&v2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim",children:C(y.address)})]},z)})})]},v.key?`g:${v.key}`:`ungrouped:${b}`))}),s.length===0&&n&&v2("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 AK({offices:e,apiKey:t,mapId:a,mapTheme:s,activeIndex:c,onSelect:o}){let l=Ar(t,Sr()),r=Hr(a,Lr()),i=!!l&&e.some(E=>Xa(E.lat,E.lng)),n=s!=="auto",h=m7(s),m=Z4(null),p=Z4(null),u=Z4(null),g=Z4(null),d=Z4(new Map),f=Z4(null),v=Z4(null),b=Z4(null),y=Z4(o);y.current=o;let z=Z4(e);z.current=e;let k=Z4(c);k.current=c;let[S,P]=Tr(!1),[D,q]=Tr(h7.dark),[N,F]=Tr(h7.dark.background);return Ja(()=>{q(m7(s)),F(I4(s))},[s]),Ja(()=>{if(!i)return;let E=m.current;if(!E)return;let R=!1,T=null,G=async()=>{try{let _=await Mr(l);if(R||!p.current)return;let U=new _.Map(p.current,{center:{lat:25,lng:0},zoom:2,minZoom:1,maxZoom:5,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:I4(s),...r?{mapId:r}:{styles:Ge(s)}});u.current=U,g.current=_;let Y=fA(U,_,s,z.current,d.current,Q=>y.current(Q));v.current=Y,Y.isEmpty()||U.fitBounds(Y,Jp);let W=new _.InfoWindow({disableAutoPan:!0});W.addListener("closeclick",()=>y.current(null)),f.current=W,U.addListener("click",()=>y.current(null)),U.addListener("tilesloaded",()=>{R||P(!0)}),s==="auto"&&!r&&(T=kr(()=>{R||!u.current||(u.current.setOptions({styles:Ge(s),backgroundColor:I4(s)}),d.current.forEach((Q,b1)=>{let X=z.current[b1];X&&Q.setIcon(xA(X,_,s))}),q(m7(s)),F(I4(s)))}))}catch(_){console.error("[FootprintMap] Maps SDK failed:",_)}},s1=new IntersectionObserver(_=>{for(let U of _)if(U.isIntersecting){s1.disconnect(),G();break}},{rootMargin:"200px"});return s1.observe(E),()=>{R=!0,s1.disconnect(),T?.(),f.current?.close(),f.current=null,u.current=null,g.current=null,d.current.forEach(_=>_.setMap(null)),d.current.clear(),v.current=null,P(!1)}},[i,l,r,s]),Ja(()=>{let E=u.current,R=g.current;if(!E||!R)return;let T=fA(E,R,s,e,d.current,G=>y.current(G));v.current=T,k.current===null&&!T.isEmpty()&&E.fitBounds(T,Jp)},[e,s]),Ja(()=>{let E=u.current,R=f.current;if(!E||!R)return;if(c===null){R.close(),b.current!==null&&v.current&&!v.current.isEmpty()&&E.fitBounds(v.current,Jp),b.current=null;return}let T=e[c],G=d.current.get(c);if(!T||!G){R.close(),b.current=c;return}E.panTo({lat:T.lat,lng:T.lng});let s1=E.getZoom();s1!=null&&s1<4&&E.setZoom(4);let _=D.info,U=T.hq?`<span style="background:${_.accent};color:${_.bg};padding:1px 6px;font-size:10px;letter-spacing:0.18em;">HQ</span>`:"",Y=T.role?`<span style="color:${_.accent};">${Qp(T.role)}</span>`:"";R.setContent(`
|
|
50
|
+
<div style="padding:10px 14px 12px;min-width:180px;color:${_.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
|
+
${U}${Y}
|
|
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:${_.fg};">${Qp(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:${_.fgDim};margin-top:4px;">${Qp(T.country)}</div>
|
|
56
|
+
</div>
|
|
57
|
+
`),R.open({map:E,anchor:G}),b.current=c},[c,S,D,e]),i?C8("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:N},children:[v2("style",{dangerouslySetInnerHTML:{__html:LK(D.info)}}),v2(bA,{pal:n?h:void 0}),v2("div",{ref:p,className:"gmap-canvas absolute inset-0 transition-opacity duration-500",style:{opacity:S?1:0}}),v2("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",S?"opacity-0":"opacity-100"].join(" "),children:"Loading map\u2026"})]}):C8("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:[v2(bA,{pal:n?h:void 0}),v2("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:l?"Add office coordinates to plot the map":"Add a Google Maps API key to show the map"})]})}import{jsx as TK}from"react/jsx-runtime";var M8={sectionNumber:A.sectionNumber,heading:`${A.heading}
|
|
58
|
+
*${A.accent}*`,tagline:A.body},FK=[{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}],zA={label:"Locations Map",defaultProps:{sectionNumber:"",heading:"",tagline:"",offices:[],apiKey:k8.apiKey,mapId:k8.mapId,mapTheme:k8.mapTheme,padTop:120,padBottom:120},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return TK(eu,{sectionNumber:a(w(e.sectionNumber,M8.sectionNumber,e.puck)),heading:a(w(e.heading,M8.heading,e.puck)),tagline:a(w(e.tagline,M8.tagline,e.puck)),omitHead:t,offices:x1(e.offices,FK,e.puck),apiKey:t1(e.apiKey),mapId:t1(e.mapId),mapTheme:e.mapTheme??k8.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 yA}from"react/jsx-runtime";var wA={fields:{_gContent:x("Section"),sectionNumber:H("Section number",M8.sectionNumber),heading:B("Heading",M8.heading),tagline:B("Body",M8.tagline),_gOffices:x("Offices"),offices:{type:"array",label:"Offices",arrayFields:{role:I("Role"),city:I("City"),country:I("Region \xB7 country"),address:u1("Address"),group:I("Group"),hq:c1("HQ",!1,yA(PK,{})),geocode:t2(So,{label:"Coordinates"})},defaultItemProps:{role:"Sales & Distribution",city:"City",country:"Country",address:"",group:"",hq:!1,lat:0,lng:0},getItemSummary:e=>e?.city||"Office"},mapTheme:g1("Map theme",yA(EK,{}),[{label:"Auto",value:"auto"},{label:"Dark",value:"dark"},{label:"Light",value:"light"}],k8.mapTheme),_sStyle:a0("Style"),...p3("Footprint")},resolveData:async e=>{let t=e.props,a=t.offices??[];if(!xr(a))return e;let s=await zr(a,c=>[c.address,c.city,c.country].map(o=>String(o??"").replace(/\*/g,"").trim()).filter(Boolean).join(", "));return{...e,props:{...t,offices:s}}},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.Footprint.headRows)};import{ColumnsIcon as NK,PhoneIcon as _K}from"efficient-easel/icons";import{jsx as kA}from"react/jsx-runtime";function tu({columns:e,mobileColumns:t,gap:a,contained:s=!0,fillHeight:c=!1,content:o}){let l=c?" h-full":"",r=`${$a} py-6 ${ja}${l}`,i=`w-full py-6${l}`,n=Ic(e),h=Zc(t,e),m=N3("Grid",a,"both");return kA(y8,{contained:s,framedClass:r,fillClass:i,children:kA(o,{className:`sf-grid-zone grid${m.className}${l}`,style:{...m.style,"--sf-grid-cols":String(n),"--sf-grid-cols-phone":String(h)},minEmptyHeight:120})})}import{jsx as VK}from"react/jsx-runtime";var au={content:{type:"slot"}},CA={label:"Grid",fields:au,defaultProps:{columns:"3",content:[]},render:e=>VK(tu,{columns:e.columns,mobileColumns:e.mobileColumns,gap:e.gap,contained:e.contained,fillHeight:so(e),content:e.content})};import{jsx as MA}from"react/jsx-runtime";var SA={fields:{contentList:s2("Grid","Blocks"),columns:a1("Columns",MA(NK,{}),1,Lx,1,Hx),mobileColumns:a1("Columns on phone",MA(_K,{}),ch,Ax,1,ch),gap:_3("Grid"),content:au.content}};import{jsx as BK}from"react/jsx-runtime";var LA={fields:{text:B("Heading",A.heading),level:d1("Level",BK(j3,{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:f5()}};import{ClockIcon as ZK,EyeIcon as cu,OpacityIcon as DK,PhoneIcon as HA,PlayIcon as OK,SquareIcon as FA}from"efficient-easel/icons";import{jsx as RK}from"react/jsx-runtime";var su={slides:{type:"slot"}},AA={label:"Hero Slideshow",fields:su,defaultProps:{alignment:"left",textureOpacity:40,autoplay:!1,autoplayInterval:6,showTicker:!0,tickerItems:bw.map(e=>({text:e}))},render:({slides:e,alignment:t,textureOpacity:a,showTexture:s,textureColor:c,phoneUpDown:o,phoneSideways:l,autoplay:r,autoplayInterval:i,showTicker:n,tickerItems:h,heightDesktop:m,heightMobile:p,showPicker:u,pickerShape:g,pickerPlacement:d,showArrows:f,arrowsShape:v,arrowsPlacement:b,puck:y})=>RK(xw,{slides:e,alignment:t,textureOpacity:a,showTexture:s,textureColor:c,phoneUpDown:o,phoneSideways:l,autoplay:r,autoplayInterval:i,showTicker:n,tickerItems:h,heightDesktop:m,heightMobile:p,showPicker:u,pickerShape:g,pickerPlacement:d,showArrows:f,arrowsShape:v,arrowsPlacement:b,editing:y?.isEditing})};import{jsx as b5}from"react/jsx-runtime";var TA={fields:{_dDevice:L9(),_gContent:x("Content"),slideList:s2("Hero","Slides"),slides:su.slides,_gStyle:x("Style"),alignment:f5(),_gTexture:x("Texture"),showTexture:c1("Show",!0,b5(cu,{})),textureColor:n5("Color",dx),textureOpacity:a1("Texture opacity",b5(DK,{}),0,100,1,40,"%"),_gLayout:x("Layout"),heightDesktop:c6("desktop"),heightMobile:c6("mobile"),_gAutoplay:x("Auto-slide"),autoplay:c1("Auto-advance slides",!1,b5(OK,{})),autoplayInterval:a1("Still time per slide",b5(ZK,{}),2,15,1,6,"s"),_gPicker:x("Slide picker"),showPicker:c1("Show",iw,b5(cu,{})),pickerShape:g1("Shape",b5(FA,{}),ow.map(e=>({label:rw[e],value:e})),lw),pickerPlacement:j5("Placement",{stacking:!1,fallback:cw}),_gArrows:x("Arrows"),showArrows:c1("Show",sw,b5(cu,{})),arrowsShape:g1("Shape",b5(FA,{}),ew.map(e=>({label:aw[e],value:e})),tw),arrowsPlacement:j5("Placement",{stacking:!1,fallback:Qy}),_gPhone:Q2("mobile",x("On a phone")),phoneUpDown:Q2("mobile",g1(hx,b5(HA,{}),px(),ix)),phoneSideways:Q2("mobile",g1(mx,b5(HA,{}),ux(),nx))}};import{NudgeIcon as _A,WidthIcon as BA}from"efficient-easel/icons";import{jsx as PA}from"react/jsx-runtime";function ou({placement:e,nudgeX:t,nudgeY:a,width:s,gap:c,direction:o,justify:l,align:r,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,dragRef:g}){let d=xx(e),f=sh(t),v=sh(a),b=N3("HeroGroup",c,co("HeroGroup",o)==="column"?"block":"inline"),y={"--sf-hg-row":bx(d),justifySelf:fx(d).column};typeof s=="number"&&Number.isFinite(s)&&(y["--sf-hg-w"]=`${zx(s)}%`),(f!==0||v!==0)&&(y["--sf-hg-nudge"]=`${f}px ${v}px`);let z=k9(n,h,m,p);return PA("div",{className:z?`sf-hero-group ${z.className}`:"sf-hero-group","data-hg":d,style:z?{...y,...z.style}:y,ref:g??void 0,children:u?PA(u,{className:["sf-hero-group-blocks flex",Az("HeroGroup",o),go(l,r),vo(i)].filter(Boolean).join(" ")+b.className,style:b.style,minEmptyHeight:40}):null})}import{jsx as GK}from"react/jsx-runtime";var lu={content:{type:"slot",allow:sx}},EA={label:tx,inline:!0,fields:lu,defaultProps:{placement:vx,nudgeX:0,nudgeY:0,content:[]},render:({placement:e,nudgeX:t,nudgeY:a,width:s,gap:c,direction:o,justify:l,align:r,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,puck:g})=>GK(ou,{placement:e,nudgeX:t,nudgeY:a,width:s,gap:c,direction:o,justify:l,align:r,wrap:i,sectionPaddingTop:n,sectionPaddingBottom:h,sectionPaddingTopPhone:m,sectionPaddingBottomPhone:p,content:u,dragRef:g?.dragRef})};import{jsx as Er}from"react/jsx-runtime";var RA={fields:{_gContent:x("Content"),name:V9(e3(I("Box name",A.boxName))),contentList:s2("HeroGroup"),content:lu.content,_gLayout:x("Layout"),placement:j5("Placement",{stacking:!0}),width:a1("Width",Er(BA,{}),30,100,5,60,"%"),direction:zy("HeroGroup"),gap:_3("HeroGroup"),justify:yo(),align:wo(),wrap:ko(),_gNudge:x("Nudge"),nudgeX:a1("Sideways",Er(_A,{}),-40,40,1,0,"px"),nudgeY:a1("Up and down",Er(_A,{}),-40,40,1,0,"px"),...r5({phone:!0})},resolveFields:(e,{fields:t,appState:a})=>{let s=typeof e.props.id=="string"?e.props.id:"";if(Rc(a?.data,s)===0)return t;let c={...t};return delete c.placement,c.width=a1("Width",Er(BA,{}),30,100,5,100,"%"),c}};import{MediaIcon as e$,OpacityIcon as DA,PlacementIcon as t$}from"efficient-easel/icons";var p7="bottom",u7="#0A0A0A",ru=[{label:"Bottom",value:"bottom",cell:"bottom"},{label:"Top",value:"top",cell:"top"},{label:"Left",value:"left",cell:"left"},{label:"Right",value:"right",cell:"right"}],UK={bottom:180,top:0,left:270,right:90},KK=[[.55,0],[.15,18],[null,35],[null,55],[.85,100]],$K=[[null,33],[.6,67],[.94,100]];function jK(e,t){let a=/^#[0-9a-f]{6}$/i.test(e)?e:u7,s=parseInt(a.slice(1),16);return`rgba(${s>>16&255},${s>>8&255},${s&255},${t})`}function YK(e){return I2(ru,p7,e)}function IA(e=u7,t=p7){let a=YK(t),o=(a==="top"||a==="bottom"?KK:$K).map(([l,r])=>`${l===null?"transparent":jK(e,l)} ${r}%`);return`linear-gradient(${UK[a]}deg, ${o.join(", ")})`}import{useRef as XK}from"react";import{jsx as We,jsxs as JK}from"react/jsx-runtime";function iu({overlay:e=100,overlayColor:t=u7,overlayPosition:a=p7,mediaType:s="image",mediaSrc:c,poster:o,objectPosition:l,tintColor:r="#000000",tintOpacity:i=0,heightDesktop:n,heightMobile:h,boxes:m,editing:p=!1}){let u=hw(n,h),g=u?"h-[var(--sf-hero-h-m)] min-[720px]:h-[var(--sf-hero-h-d)]":"h-screen min-h-[680px]",d=u?{"--sf-hero-h-d":U9(n),"--sf-hero-h-m":U9(h)}:void 0,f=s==="video",v=f?$3(c):void 0,b=f?$3(o):$3(c)??$3(o),y=XK(null);return JK("section",{ref:y,className:`relative mx-[var(--sf-hero-bleed-m,calc(50%_-_50vw))] w-[var(--sf-hero-bleed-w,100vw)] ${g} max-w-[var(--sf-hero-cap,none)] overflow-hidden`,style:d,children:[We("div",{className:"absolute inset-0 z-[1]",children:We(rx,{videoSrc:v,posterSrc:b,showVideo:f,objectPosition:l})}),i>0&&We("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:r,opacity:Math.min(Math.max(i,0),100)/100}}),We("div",{className:"pointer-events-none absolute inset-0 z-[2]",style:{background:IA(t,a),opacity:Math.min(Math.max(e,0),100)/100}}),m&&We("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:We(m,{className:"sf-hero-group-zone",minEmptyHeight:160})})]})}import{jsx as QK}from"react/jsx-runtime";var nu={boxes:{type:"slot",allow:["HeroGroup"]}},ZA={label:"Hero",fields:nu,defaultProps:{mediaType:"image",imageFocal:s5,tintColor:"#000000",tintOpacity:0,overlay:100,overlayColor:u7,overlayPosition:p7},render:({mediaType:e,mediaImage:t,mediaVideo:a,poster:s,imageFocal:c,tintColor:o,tintOpacity:l,overlay:r,overlayColor:i,overlayPosition:n,heightDesktop:h,heightMobile:m,boxes:p,puck:u})=>QK(iu,{mediaType:e,mediaSrc:(e==="image"?t:a)||void 0,poster:s||void 0,objectPosition:e==="image"&&c||void 0,tintColor:o,tintOpacity:e==="image"?l:0,overlay:r,overlayColor:i,overlayPosition:n,heightDesktop:h,heightMobile:m,boxes:p,editing:u?.isEditing})};import{jsx as Vr}from"react/jsx-runtime";var OA={fields:{_dDevice:L9(),_gBoxes:x(u9),boxList:s2("HeroSingle"),boxes:nu.boxes,_gStyle:x("Style"),overlay:a1("Overlay",Vr(DA,{}),0,100,5,100,"%"),overlayColor:n5("Overlay color",u7),overlayPosition:Co("Overlay position",ru,p7,"A corner would need a diagonal ramp, which this overlay does not draw.",Vr(t$,{})),_gLayout:x("Layout"),heightDesktop:c6("desktop"),heightMobile:c6("mobile"),_gMedia:x("Media"),mediaType:g1("Type",Vr(e$,{}),Mo,"image"),mediaImage:O1("Background image","image/*","Upload a background image"),imageFocal:_9("Image focus",s5),tintColor:n5("Tint color","#000000"),tintOpacity:a1("Tint opacity",Vr(DA,{}),0,100,5,0,"%"),mediaVideo:O1("Background video","video/*","Upload a background video"),poster:O1("Video poster","image/*","Upload a poster still")},resolveFields:(e,{fields:t})=>{let a=e.props.mediaType??"image",s={...t};return a==="image"?(delete s.mediaVideo,delete s.poster):(delete s.mediaImage,delete s.imageFocal,delete s.tintColor,delete s.tintOpacity),s}};import{MediaIcon as s$,OpacityIcon as c$,PlayIcon as o$}from"efficient-easel/icons";import{jsx as a$}from"react/jsx-runtime";var hu={groups:{type:"slot",allow:["HeroGroup"]}},GA={label:"Hero Slide",fields:hu,defaultProps:{mediaType:"video",videoSpeed:100,imageFocal:s5,tintColor:"#000000",overlay:0},render:({name:e,process:t,mediaType:a,mediaVideo:s,mediaImage:c,poster:o,mediaSrc:l,videoSpeed:r,imageFocal:i,tintColor:n,overlay:h,groups:m,puck:p,...u})=>{let g=w9({...u,sectionAccent:a5(u.sectionAccent)});return a$(gx,{themeClassName:g?.className,themeStyle:g?.style,name:e||void 0,process:w(t,"Label",p),mediaType:a,mediaSrc:(a==="image"?c:s||l)||void 0,videoSpeed:typeof r=="number"?r:void 0,poster:o||void 0,objectPosition:a==="image"&&i||void 0,tintColor:n,tintOpacity:a==="image"?h:0,groups:m,editing:p?.isEditing})}};import{jsx as mu}from"react/jsx-runtime";var qA={fields:{_gContent:x("Content"),name:V9(I("Slide name",A.slideName)),process:H("Reel label","Label"),_gGroups:x(u9),groupList:s2("HeroSlide"),groups:hu.groups,_gMedia:x("Media"),mediaType:g1("Type",mu(s$,{}),Mo,"video"),mediaVideo:O1("Background video","video/*","Upload a background video"),videoSpeed:a1("Playback speed",mu(o$,{}),25,100,5,100,"%"),mediaImage:O1("Background image","image/*","Upload a background image"),imageFocal:_9("Image focus",s5),poster:O1("Video poster","image/*","Upload a poster still"),_gTint:x("Image tint"),tintColor:n5("Tint color","#000000"),overlay:a1("Overlay",mu(c$,{}),0,100,5,0,"%")},resolveFields:(e,{fields:t})=>{let a=e.props.mediaType??"video",s={...t};return a==="image"?(delete s.mediaVideo,delete s.videoSpeed,delete s.poster):(delete s.mediaImage,delete s.imageFocal,delete s._gTint,delete s.tintColor,delete s.overlay),s}};var WA=["cover","contain"],pu={cover:"Cover",contain:"Contain"},Nr="Image fit";function Ue(e,t){return WA.includes(e)?e:t}function UA(){return WA.map(e=>({label:pu[e],value:e}))}function KA(e){return e==="contain"?"object-contain":"object-cover"}function _r(e,t){return e!=="auto"&&t==="cover"}import{ImageIcon as l$}from"efficient-easel/icons";import{jsx as r$}from"react/jsx-runtime";var $A={fields:{_gImage:x("Image"),src:O1("Image","image/*"),alt:I("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:d1(Nr,r$(l$,{}),UA(),"cover"),focal:_9("Image focus",s5,"src"),href:A1("Link"),_gStyle:x("Style"),grayscale:Te(),_gShape:x("Shape"),corners:Sy(),cornerSides:dy()},resolveFields:(e,{fields:t})=>{let a=e.props??{};if(_r(a.aspect,Ue(a.fit,"cover")))return t;let s={...t};return delete s.focal,s}};import{jsx as i$}from"react/jsx-runtime";var jA={fields:{_gContent:x("Content"),eyebrow:H("Chip label","Integrations"),title:B("Heading",`Plays well with
|
|
59
|
+
*your favourite apps.*`),body:B("Body",""),apps:H2("App chips",i$(j3,{noun:"tag"}),"App name","verbatim"),_gStat:x("Stat & note"),statValue:H("Big stat","100s"),statLabel:H("Stat label",""),note:H("Footnote","")}};import{CaseIcon as p$,FullWidthIcon as u$,LayoutIcon as d$,OpacityIcon as g$,StickyIcon as v$,TextLinesIcon as XA}from"efficient-easel/icons";var uu="overlay",du=[{label:"Copy over image",value:"overlay"},{label:"Copy above image",value:"stacked"}];function Ke(e){return I2(du,uu,e)}var w4={desktop:40,mobile:45,min:20,max:80,step:5};function gu(e,t){return`${typeof e=="number"?e:t}%`}import{Fragment as n$,jsx as O3,jsxs as Qa}from"react/jsx-runtime";function vu({eyebrow:e,title:t,body:a,cta:s,imageLabel:c,imageSrc:o,imageSrcMobile:l,layout:r,copyShareDesktop:i,copyShareMobile:n,sticky:h=!0,heightDesktop:m,heightMobile:p,overlay:u,titleSizeDesktop:g,titleSizeMobile:d,bodySizeDesktop:f,bodySizeMobile:v,buttonColor:b,buttonTextColor:y,uppercase:z=!1,capStyle:k}){let S=Ke(r)==="stacked",P=Q=>S?`calc(${U9(Q)} - ${Th})`:U9(Q),D=P(m),q=P(p),N=D6(g,"clamp(48px,7vw,96px)","heading","headingLarge"),F=D6(d,"clamp(36px,7vw,96px)","heading","headingLarge"),E=D6(f,"17px","body","body"),R=D6(v,"16px","body","body"),T=u!=null?u/100:S?0:.6,G=b||"var(--btn)",s1=y||"var(--btn-ink)",_={"--intro-h-d":D,"--intro-h-m":q,"--intro-title-d":N,"--intro-title-m":F,"--intro-body-d":E,"--intro-body-m":R,...S?{"--intro-copy-d":gu(i,w4.desktop),"--intro-copy-m":gu(n,w4.mobile),marginTop:Th}:{}},U=k?"px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]":"px-[60px] max-[960px]:px-6",Y=Qa(n$,{children:[Qa("div",{className:"absolute inset-0",children:[O3("div",{className:"absolute inset-0 hidden min-[960px]:block",children:O3(k0,{label:c,src:o})}),O3("div",{className:"absolute inset-0 min-[960px]:hidden",children:O3(k0,{label:c,src:l||o})}),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})`}})]}),W=Qa("div",{style:k,className:"flex flex-col gap-6",children:[e&&O3(H1,{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)]",z?"uppercase":""].join(" "),children:j(t,!1)}),a&&d0(a).map((Q,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:C(Q)},b1)),s.text&&O3("div",{className:"mt-2 self-start",children:O3(G2,{href:s.href,variant:"ghost",style:{background:G,color:s1,borderColor:G},children:C(s.text)})})]});return S?Qa("section",{style:_,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)]",U].join(" "),style:{color:"var(--fg)"},children:W}),O3("div",{className:"relative min-h-0 flex-1 overflow-hidden",children:Y})]}):Qa("section",{style:_,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:[Y,O3("div",{className:["relative z-[2] flex h-full flex-col justify-center",U].join(" "),style:{color:"var(--overlay-fg)"},children:W})]})}import{jsx as m$}from"react/jsx-runtime";var d7={eyebrow:"\u2014 Label",title:`Section headline
|
|
60
|
+
*Highlight line*`,body:"A sentence or two of supporting copy."};function h$(e){if(e===!1)return B6(`var(--sf-page-width, ${y9.default}px)`)}var YA={label:"Scroll-Over Text",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",imageSrcMobile:"",heightDesktop:100,heightMobile:100,overlay:60,titleSizeDesktop:sa,bodySizeDesktop:sa,titleSizeMobile:sa,bodySizeMobile:sa,ctaText:"",ctaHref:"",buttonColor:"",buttonTextColor:"",sticky:!0,uppercase:!1,fullWidth:!0},render:e=>m$(vu,{eyebrow:w(e.eyebrow,d7.eyebrow,e.puck),title:w(e.title,d7.title,e.puck),body:w(e.body,d7.body,e.puck),imageLabel:t1(e.title)||d7.title,imageSrc:e.imageSrc||void 0,imageSrcMobile:e.imageSrcMobile||void 0,cta:Z3(e.ctaText,e.ctaHref,e.puck),sticky:e.sticky,layout:Ke(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:h$(e.fullWidth)})};import{jsx as S8}from"react/jsx-runtime";var JA={fields:{_dDevice:L9(),_gContent:x("Content"),eyebrow:H("Eyebrow",d7.eyebrow),title:B("Heading",d7.title),body:B("Subtitle",d7.body),uppercase:c1("Uppercase heading",!1,S8(p$,{})),_gBackground:x("Background images"),imageSrc:Q2("desktop",O1("Background image","image/*")),imageSrcMobile:Q2("mobile",O1("Background image","image/*")),_gLayout:x("Layout"),layout:d1("Layout",S8(d$,{}),du,uu),heightDesktop:c6("desktop"),heightMobile:c6("mobile"),copyShareDesktop:Q2("desktop",a1("Text height",S8(XA,{}),w4.min,w4.max,w4.step,w4.desktop,"%")),copyShareMobile:Q2("mobile",a1("Text height",S8(XA,{}),w4.min,w4.max,w4.step,w4.mobile,"%")),sticky:c1("Scroll-over",!0,S8(v$,{})),_gWidth:x("Width"),fullWidth:c1("Full width",!0,S8(u$,{})),overlay:a1("Overlay",S8(g$,{}),0,100,5,60,"%"),_gTextDesktop:Q2("desktop",x("Text style")),titleSizeDesktop:Q2("desktop",ca("Heading font size",32,120,1,96,"heading")),bodySizeDesktop:Q2("desktop",ca("Subtitle font size",12,28,1,17,"body")),_gTextMobile:Q2("mobile",x("Text style")),titleSizeMobile:Q2("mobile",ca("Heading font size",24,72,1,44,"heading")),bodySizeMobile:Q2("mobile",ca("Subtitle font size",12,22,1,16,"body")),_gButton:x("Button"),...b4,buttonColor:n5("Button color","#C9A461"),buttonTextColor:n5("Button text color","#000000")}};import{ColumnsIcon as z$,StylesIcon as y$}from"efficient-easel/icons";import{Fragment as f$,jsx as r6,jsxs as fu}from"react/jsx-runtime";function bu({look:e,eyebrow:t,title:a,items:s,columns:c,editing:o=!1}={}){let l=Math.min(4,Math.max(2,c??3)),r=(s??[]).filter(n=>o||(n.label??"").trim()),i=!!(t??"").trim()||!!(a??"").trim();return!o&&!i&&r.length===0?null:r6("section",{className:"relative z-[2] border-y border-line bg-surface",children:fu("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&&fu("div",{className:"mb-11 flex flex-wrap items-baseline gap-5 max-[800px]:mb-8",children:[(t??"").trim()&&r6(H1,{text:t??"",look:e}),(a??"").trim()&&r6("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:j(a??"",!1)})]}),r.length>0&&r6("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(l)},children:r.map((n,h)=>{let m=fu(f$,{children:[r6("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] flex-shrink-0 rotate-45 bg-accent"}),r6("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:C((n.label??"").trim()||"Feature")})]}),p=(n.href??"").trim();if(p&&!o){let u="group/kf flex items-center gap-4 bg-bg px-7 py-[30px] transition-colors hover:bg-surface";return p.startsWith("/")?r6(n0,{href:p,className:u,children:m},h):r6("a",{href:p,className:u,children:m},h)}return r6("div",{className:"flex items-center gap-4 bg-bg px-7 py-[30px]",children:m},h)})})]})})}import{jsx as x$}from"react/jsx-runtime";var es={eyebrow:"Highlight",title:"Key *features.*"},b$=[{label:"Feature label one"},{label:"Feature label two"},{label:"Feature label three"},{label:"Feature label four"},{label:"Feature label five"},{label:"Feature label six"}],QA={label:"Key Features",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:({eyebrow:e,title:t,items:a,columns:s,eyebrowLook:c,puck:o})=>x$(bu,{look:J3(c,"KeyFeatures"),eyebrow:w(e,es.eyebrow,o),title:w(t,es.title,o),items:x1(a,b$,o),columns:s,editing:o?.isEditing})};import{jsx as eH}from"react/jsx-runtime";var tH={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",es.eyebrow),eyebrowLook:d1("Eyebrow style",eH(y$,{}),[...v4],q6("KeyFeatures")),title:B("Heading",es.title),items:{type:"array",label:"Features",arrayFields:{label:u1("Feature label"),href:e3(I("Link"))},defaultItemProps:{label:"",href:""},getItemSummary:e=>e?.label||"Feature"},_gStyle:x("Style"),columns:a1("Columns",eH(z$,{}),2,4,1,3)}};import{HeightIcon as w$}from"efficient-easel/icons";import{jsx as k$}from"react/jsx-runtime";var aH={fields:{src:O1("Logo image","image/*"),alt:I("Alt text","Brand name","Read out in place of the picture, and shown if it can\u2019t load."),href:A1("Link"),heightPx:a1("Height",k$(w$,{}),$w,jw,1,Y6,"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 s={...t};return delete s.alt,s}};import{BlackAndWhiteIcon as C$,ColumnsIcon as M$,HeightIcon as S$,PaddingYIcon as L$}from"efficient-easel/icons";import{jsx as Br}from"react/jsx-runtime";var sH={fields:{_gContent:x("Content"),heading:B("Heading","Trusted by *teams worldwide*"),items:{type:"array",label:"Logos",arrayFields:{src:O1("Image","image/*"),alt:I("Name / alt")},getItemSummary:e=>e.alt||e.src||"logo"},_gStyle:x("Style"),columns:a1("Columns",Br(M$,{}),3,6,1,5),logoHeight:a1("Logo height",Br(S$,{}),20,72,2,28,"px"),bandPadding:a1("Space above and below",Br(L$,{}),16,120,4,40,"px"),grayscale:c1("Black and white logos",!0,Br(C$,{}))}};import{Fragment as cH}from"react";import{Fragment as xu,jsx as o3,jsxs as D4}from"react/jsx-runtime";function zu({headNum:e,headTitle:t,headDesc:a,category:s,metaMiddle:c,readLabel:o,title:l,dek:r,quote:i,quoteAttribution:n,ctaText:h,ctaHref:m,image:p,imageLabel:u,metaPublished:g,metaReads:d,omitHead:f=!1,...v}){let b=[s?o3("span",{className:"text-accent",children:C(s)}):null,c?o3("span",{children:C(c)}):null,o?o3("span",{children:C(o)}):null].filter(Boolean),y=!!g||!!d;return D4("section",{className:E0(v)?f?"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":f?"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:[f?null:o3(V2,{num:e,title:t?j(t,!0):void 0,desc:a?C(a):void 0}),D4("article",{className:"sf-card grid min-h-[640px] grid-cols-[1fr_1.2fr] border border-line max-[1100px]:grid-cols-1",children:[D4("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&&o3("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((z,k)=>D4(cH,{children:[k>0&&o3("span",{className:"opacity-40",children:"\xB7"}),z]},k))}),l&&o3("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:j(l,!0)}),r&&o3("p",{className:"font-serif text-[length:var(--size-body,22px)] italic leading-[1.45] text-fg",children:C(r)}),(i||n)&&D4("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&&D4(xu,{children:["\u201C",C(i),"\u201D"]}),n&&o3("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:C(n)})]}),h&&D4(n0,{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:[C(h)," ",o3("span",{children:"\u2192"})]})]}),D4("div",{className:"relative overflow-hidden bg-surface-2 max-[1100px]:aspect-[4/3]",children:[o3(k0,{label:"long-read",src:p||void 0,alt:p2(l||"Long read"),sizes:"(max-width: 1100px) 100vw, 56vw"}),o3("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&&o3(H1,{text:u,size:12,className:"absolute right-6 top-6 z-[2]"}),y&&o3("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:[g?D4(xu,{children:[o3("strong",{className:"font-normal text-accent",children:"Published"})," ",C(g)]}):null,d?D4(xu,{children:[o3("strong",{className:"font-normal text-accent",children:"Reads in"})," ",C(d)]}):null].filter(Boolean).map((z,k)=>D4(cH,{children:[k>0&&o3("br",{}),z]},k))})]})]})]})}import{jsx as A$}from"react/jsx-runtime";var V0={headNum:A.sectionNumber,headTitle:A.headingAccent,headDesc:A.body,category:A.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 "+A.date,ctaText:"Begin reading",ctaHref:d2.href,imageLabel:"Featured *image*",metaPublished:A.date,metaReads:"0 min"},oH={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:s,category:c,metaMiddle:o,readLabel:l,title:r,dek:i,quote:n,quoteAttribution:h,ctaText:m,ctaHref:p,image:u,imageLabel:g,metaPublished:d,metaReads:f,headPlacement:v,puck:b})=>{let y=Z1(v)==="own-box",z=P=>y?void 0:P,k=e,S=!!k?.slug;return A$(zu,{headNum:z(w(t,V0.headNum,b)),headTitle:z(w(a,V0.headTitle,b)),headDesc:z(w(s,V0.headDesc,b)),omitHead:y,category:w(c,V0.category,b),metaMiddle:w(o,V0.metaMiddle,b),readLabel:w(l,V0.readLabel,b),title:S?k.title:w(r,V0.title,b),dek:S?k.dek:w(i,V0.dek,b),quote:w(n,V0.quote,b),quoteAttribution:w(h,V0.quoteAttribution,b),ctaText:w(m,V0.ctaText,b),ctaHref:S?k.href:t1(p),image:S?k.image:u,imageLabel:w(g,V0.imageLabel,b),metaPublished:S?k.date:w(d,V0.metaPublished,b),metaReads:w(f,V0.metaReads,b)})}};var lH={fields:{source:t2(z8),_gHead:x("Section header"),headNum:H("Number",V0.headNum),headTitle:B("Heading",V0.headTitle),headDesc:B("Body",V0.headDesc),_gMeta:x("Article"),category:H("Category",V0.category),metaMiddle:H("Middle meta",V0.metaMiddle),readLabel:H("Read time",V0.readLabel),title:B("Heading",V0.title),dek:B("Dek",V0.dek),_gQuote:x("Pull quote"),quote:B("Quote",V0.quote),quoteAttribution:H("Attribution",V0.quoteAttribution),_gLink:x("Link"),ctaText:H("Button",V0.ctaText),ctaHref:A1("Link"),image:O1("Image","image/*"),imageLabel:H("Image label",V0.imageLabel),_gOverlay:x("Image caption"),metaPublished:H("Published",V0.metaPublished),metaReads:H("Reads in",V0.metaReads)},resolveFields:(e,{fields:t,parent:a})=>{let c=!!e.props.source?.slug,o=new Set(c?["image","title","dek","ctaHref","metaPublished"]:[]),l={};for(let[r,i]of Object.entries(t))o.has(r)||(l[r]=i,c&&r==="source"&&(l._nBound=l5(bo)));return D1(W1(l,a,U1),e.props.headPlacement,R1.LongRead.headRows)}};var rH={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",A.eyebrow),heading:B("Heading",`Main heading
|
|
61
|
+
*Highlight line*`),body:B("Body",A.body),stats:{type:"array",label:"Stats",arrayFields:{value:I("Number"),label:I("Label")},getItemSummary:e=>e.label||e.value||"Stat"},_gMedia:x("Media"),imageSrc:O1("Image","image/*"),_gStyle:x("Style"),grayscale:Te()}};import{TextLinesIcon as E$}from"efficient-easel/icons";import{Fragment as H$,jsx as g7,jsxs as L8}from"react/jsx-runtime";function yu({eyebrow:e,issueMeta:t,lead:a,issueHeading:s,issueList:c,issueTotal:o,...l}){let r=(t??[]).filter(u=>(u?.lead??"").trim()||(u?.rest??"").trim()),i=(c??[]).map(u=>u?.text??"").filter(u=>u.trim()),n=d0(a??""),h=!!e||r.length>0,m=!!s||i.length>0||!!o,p=n.length>0||m;return L8("section",{className:E0(l)?"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&&L8("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&&g7(H1,{text:e,size:14,className:"pb-3.5"}),r.length>0&&g7("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,g)=>L8("div",{children:[g7("strong",{className:"font-normal text-fg",children:C(u.lead??"")}),u.rest?.trim()?L8(H$,{children:[" ",C(u.rest)]}):null]},g))})]}),p&&L8("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&&g7("div",{className:"max-w-[720px]",children:n.map((u,g)=>g7("p",{className:"font-heading3 text-[length:var(--size-headingSmall,20px)] leading-[1.5] tracking-[-0.005em] text-fg [&:not(:first-child)]:mt-4",children:C(u,!0)},g))}),m&&L8("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:[s&&g7("strong",{className:"mb-1.5 block font-display text-[length:var(--size-body,18px)] font-normal tracking-[-0.01em] normal-case text-fg",children:j(s,!1)}),i.map((u,g)=>L8("span",{children:[C(u),g7("br",{})]},g)),o&&g7("span",{className:"text-accent",children:C(o)})]})]})]})}import{jsx as P$}from"react/jsx-runtime";var i6={eyebrow:A.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"},F$=[{lead:"Volume",rest:"No. 1"},{lead:"Season",rest:"Year"},{lead:"Frequency",rest:""}],T$=[{text:"Article headline"},{text:"Feature story"},{text:"Interview"},{text:"Field notes"}],iH={label:"Issue Header",defaultProps:{eyebrow:"",issueMeta:[],lead:"",issueHeading:"",issueList:[],issueTotal:""},render:({eyebrow:e,issueMeta:t,lead:a,issueHeading:s,issueList:c,issueTotal:o,puck:l})=>P$(yu,{eyebrow:w(e,i6.eyebrow,l),issueMeta:x1(t,F$,l),lead:w(a,i6.lead,l),issueHeading:w(s,i6.issueHeading,l),issueList:x1(c,T$,l),issueTotal:w(o,i6.issueTotal,l),editing:l?.isEditing})};import{jsx as V$}from"react/jsx-runtime";var nH={fields:{_gTop:x("Top row"),eyebrow:H("Eyebrow",i6.eyebrow),issueMeta:{type:"array",label:"Issue meta lines",arrayFields:{lead:u1("Bold word"),rest:u1("Rest")},getItemSummary:e=>[e?.lead,e?.rest].filter(Boolean).join(" ")||"Line"},_gLead:x("Lead"),lead:B("Lead",i6.lead),_gIssue:x("In this issue"),issueHeading:B("Panel heading",i6.issueHeading),issueList:H2("Issue lines",V$(E$,{}),"Line","markup"),issueTotal:H("Total line",i6.issueTotal)}};import{BlockColumnIcon as Rr,PlacementIcon as R$,StateIcon as I$,TemplateIcon as Z$,TextLinesIcon as D$}from"efficient-easel/icons";var wu=[{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"}],N$=wu.map(e=>e.value),ku="spec-card",_$={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 B$(e){return N$.includes(e)?e:ku}function hH(e,t){let a=B$(t),s={...e};for(let[c,o]of Object.entries(_$))o.includes(a)||delete s[c];return s}import{jsx as v7}from"react/jsx-runtime";var mH={fields:{_gContent:x("Content"),eyebrow:H("Chip label","In the product"),title:B("Heading",`Seen from
|
|
62
|
+
*the counter.*`),body:B("Body",""),_gCard:x("Mockup card"),variant:d1("Card type",v7(Z$,{}),wu,ku),cardHeader:H("Card header strip","Product record"),badge:H("Header badge","LIVE"),cardTitle:H("Card title",""),cardSubtitle:H("Card subtitle",""),pills:{type:"array",label:"Selector pills",arrayFields:{label:I("Label"),value:I("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Pill"},tiles:{type:"array",label:"Spec tiles",arrayFields:{label:I("Label"),value:I("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" ")||"Tile"},rows:{type:"array",label:"Result / order rows",arrayFields:{lead:I("Lead"),detail:I("Detail"),state:d1("State",v7(I$,{}),[{label:"Match / done (green)",value:"ok"},{label:"In progress (accent)",value:"warn"},{label:"No match (gray \u2715)",value:"no"}],"ok"),status:I("Status chip")},defaultItemProps:{lead:"",detail:"",state:"ok",status:""},getItemSummary:e=>[e?.lead,e?.detail].filter(Boolean).join(" \xB7 ")||"Row"},button:H("Accent button",""),footnote:H("Accent footnote",""),_gKanban:x("Kanban columns"),col1Title:H("Column 1 title",""),col1Cards:H2("Column 1 cards",v7(Rr,{}),"Job card label","verbatim"),col2Title:H("Column 2 title",""),col2Cards:H2("Column 2 cards",v7(Rr,{}),"Job card label","verbatim"),col3Title:H("Column 3 title",""),col3Cards:H2("Column 3 cards",v7(Rr,{}),"Job card label","verbatim"),col4Title:H("Column 4 title",""),col4Cards:H2("Column 4 cards",v7(Rr,{}),"Job card label","verbatim"),_gClaims:x("Claims bars"),barsHeading:H("Bars heading","Defect rate by product"),bars:{type:"array",label:"Bars",arrayFields:{label:I("Label"),value:I("Value")},defaultItemProps:{label:"",value:""},getItemSummary:e=>[e?.label,e?.value].filter(Boolean).join(" \xB7 ")||"Bar"},_gTerminal:x("Terminal"),termLines:H2("Terminal lines",v7(D$,{}),"$ efficient \u2026","verbatim"),_gBrowser:x("Browser mock"),urlText:H("URL pill",""),heroTitle:H("Hero line",""),heroButton:H("Hero button",""),products:{type:"array",label:"Product tiles",arrayFields:{name:I("Name"),price:I("Price")},defaultItemProps:{name:"",price:""},getItemSummary:e=>[e?.name,e?.price].filter(Boolean).join(" \xB7 ")||"Tile"},_gStyle:x("Style"),align:d1("Mockup position",v7(R$,{}),[{label:"Right of the copy",value:"right"},{label:"Left of the copy",value:"left"}],"right")},resolveFields:(e,{fields:t})=>hH(t,e.props.variant)};import{jsx as l4,jsxs as ts}from"react/jsx-runtime";function Cu({eyebrow:e,title:t,rows:a,subRows:s,totalLabel:c,totalAmount:o,note:l,contained:r}){return l4($0,{contained:r,className:"py-6",children:ts("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&&l4(H1,{text:e,scaled:!1}),t&&l4("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:j(t,!1)}),a.length>0&&l4("ul",{className:"mt-6 flex flex-col",children:a.map((i,n)=>ts("li",{className:"flex items-baseline justify-between gap-4 border-t border-line py-3 first:border-t-0",children:[ts("span",{className:"min-w-0",children:[i.label&&l4("span",{className:"block text-[15px]",children:C(i.label)}),i.meta&&l4("span",{className:"block font-mono text-[12px] uppercase tracking-[0.12em] opacity-60",children:C(i.meta)})]}),i.amount&&l4("span",{className:"text-[15px] tabular-nums",children:C(i.amount)})]},n))}),s.length>0&&l4("ul",{className:"mt-1 flex flex-col border-t border-line pt-3",children:s.map((i,n)=>ts("li",{className:"flex items-baseline justify-between gap-4 py-1",children:[l4("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-70",children:i.label&&C(i.label)}),i.amount&&l4("span",{className:"text-[14px] tabular-nums opacity-85",children:C(i.amount)})]},n))}),(c||o)&&ts("div",{className:"mt-4 flex items-baseline justify-between gap-4 border-t border-line pt-4",children:[c&&l4("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em]",children:C(c)}),o&&l4("span",{className:"font-display text-[26px] font-medium text-accent tabular-nums",children:C(o)})]}),l&&l4("p",{className:"mt-4 text-[13px] leading-[1.6] opacity-60",children:C(l)})]})})}import{jsx as q$}from"react/jsx-runtime";var as={title:"Order summary",note:"A short reassurance note under the total."},O$=[{label:"Product name",meta:"Finish \xB7 Size \xB7 \xD71",amount:"$0,000"},{label:"Second item",meta:"Detail line",amount:"$000"}],G$=[{label:"Subtotal",amount:"$0,000"},{label:"Delivery",amount:"$00"}],pH={label:"Order Table",defaultProps:{eyebrow:"",title:"",rows:[],subRows:[],totalLabel:"",totalAmount:"",note:"",contained:!0},render:({eyebrow:e,title:t,rows:a,subRows:s,totalLabel:c,totalAmount:o,note:l,contained:r,puck:i})=>q$(Cu,{eyebrow:w(e,A.eyebrow,i),title:w(t,as.title,i),rows:x1(a,O$,i),subRows:x1(s,G$,i),totalLabel:w(c,"Total",i),totalAmount:w(o,"$0,000",i),note:w(l,as.note,i),contained:r})};var uH={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",A.eyebrow),title:B("Heading",as.title),_gItems:x("Items"),rows:{type:"array",label:"Items",arrayFields:{label:u1("Item"),meta:u1("Meta line"),amount:u1("Amount")},getItemSummary:e=>e.label||"Item"},subRows:{type:"array",label:"Sub-total lines",arrayFields:{label:u1("Label"),amount:u1("Amount")},getItemSummary:e=>e.label||"Line"},_gTotal:x("Total"),totalLabel:H("Total label","Total"),totalAmount:H("Total amount","$0,000"),note:B("Note",as.note),_gLayout:x("Layout")}};import{jsx as n6,jsxs as ss}from"react/jsx-runtime";function Mu({eyebrow:e,stats:t,lead:a,foundersHeading:s,foundersBody:c,attribution:o,padTop:l,padBottom:r}={}){let i=typeof l=="number"?l:60,n=typeof r=="number"?r:80,h=(t??[]).filter(u=>(u.value??"").trim()!==""||(u.label??"").trim()!==""),m=!!e||h.length>0,p=!!(s||c||o);return n6("section",{className:"relative z-[2] bg-bg",children:ss("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&&ss("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:[n6("div",{className:"col-span-2 max-[1100px]:col-span-1",children:e&&n6("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:C(e)})}),h.length>0&&n6("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,g)=>ss("div",{children:[u.value?n6("strong",{className:"font-normal text-fg",children:C(u.value)}):null," ",u.label?C(u.label):null]},g))})]}),(a||p)&&ss("div",{className:"grid grid-cols-3 gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-7",children:[a&&n6("div",{className:"col-span-2 max-[1100px]:col-span-1",children:d0(a).map((u,g)=>n6("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:C(u)},g))}),p&&ss("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:[s&&n6("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:j(s,!1)}),c?C(c):null,o&&n6("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:C(o)})]})]})]})})}import{jsx as W$}from"react/jsx-runtime";var h6={eyebrow:A.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"},dH={label:"Lead Text",defaultProps:{eyebrow:"",lead:"",stats:[],foundersHeading:"",foundersBody:"",attribution:"",padTop:60,padBottom:80},render:({eyebrow:e,lead:t,stats:a,foundersHeading:s,foundersBody:c,attribution:o,padTop:l,padBottom:r,puck:i})=>W$(Mu,{eyebrow:w(e,h6.eyebrow,i),lead:w(t,A.body,i),stats:a,foundersHeading:w(s,h6.foundersHeading,i),foundersBody:w(c,h6.foundersBody,i),attribution:w(o,h6.attribution,i),padTop:l,padBottom:r})};var gH={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",h6.eyebrow),lead:B("Lead",A.body),stats:{type:"array",label:"Stats",arrayFields:{value:u1("Number"),label:u1("Unit")},getItemSummary:e=>e.label||e.value||"Stat"},_gFounders:x("Founders"),foundersHeading:B("Founders heading",h6.foundersHeading),foundersBody:B("Founders statement",h6.foundersBody),attribution:H("Attribution",h6.attribution),_gStyle:x("Style"),...p3("ParagraphsA")}};import{jsx as f7,jsxs as vH}from"react/jsx-runtime";function Su({heading:e,badges:t,assurances:a,contained:s}){return f7($0,{contained:s,className:"py-6",children:vH("div",{className:"flex flex-col items-center gap-5 border-y border-line py-8 text-center",children:[e&&f7("span",{className:"font-mono text-[13px] uppercase tracking-[0.3em] opacity-70",children:C(e)}),t.length>0&&f7("ul",{className:"flex flex-wrap items-center justify-center gap-3",children:t.map((c,o)=>f7("li",{className:"sf-card flex h-10 items-center border border-line bg-surface px-4",children:c.src?f7("img",{src:L2(c.src),alt:p2(c.label||""),className:"max-h-5 w-auto opacity-90"}):c.label&&f7("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em]",children:C(c.label)})},o))}),a.length>0&&f7("ul",{className:"flex flex-wrap items-center justify-center gap-x-6 gap-y-1",children:a.map((c,o)=>c.text&&vH("li",{className:"flex items-center gap-2 text-[13px] opacity-60",children:[f7("span",{className:"h-1 w-1 rounded-full bg-accent","aria-hidden":!0}),C(c.text)]},o))})]})})}import{jsx as $$}from"react/jsx-runtime";var Lu={heading:"Ways to pay"},U$=[{label:"Visa"},{label:"Mastercard"},{label:"Amex"},{label:"PayPal"}],K$=[{text:"Secure encrypted checkout"},{text:"30-day returns"}],fH={label:"Payment Methods",defaultProps:{heading:"",badges:[],assurances:[],contained:!0},render:({heading:e,badges:t,assurances:a,contained:s,puck:c})=>$$(Su,{heading:w(e,Lu.heading,c),badges:x1(t,U$,c),assurances:x1(a,K$,c),contained:s})};var bH={fields:{_gContent:x("Content"),heading:H("Heading",Lu.heading),badges:{type:"array",label:"Payment methods",arrayFields:{label:u1("Name"),src:O1("Logo","image/*")},getItemSummary:e=>e.label||e.src||"Method"},assurances:{type:"array",label:"Reassurance lines",arrayFields:{text:u1("Line")},getItemSummary:e=>e.text||"Line"},_gLayout:x("Layout")}};import{jsx as d3,jsxs as A8}from"react/jsx-runtime";var xH=[{label:"Card",value:"card"},{label:"Photo behind the words",value:"cover"}],Ir="card",m6={min:200,max:700,step:10,fallback:330,unit:"px"};function H8({post:e,scaffold:t=!1,layout:a,showCover:s=!0,placement:c,darken:o,darkenStyle:l,href:r,minHeight:i}){let n=r||(t?"#":`/journal/${e.slug}`),h=a==="cover",m=(e.meta||e.dateLabel||e.read)&&A8("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[e.meta&&d3("span",{className:"text-accent",children:C(e.meta)}),e.dateLabel&&d3("span",{children:C(e.dateLabel)}),e.read&&d3("span",{children:C(e.read)})]});if(h){let p=Jl(o,l);return A8(n0,{href:n,className:`${Xl} group relative isolate flex overflow-hidden`,style:{minHeight:`${i??m6.fallback}px`},"aria-disabled":t||void 0,tabIndex:t?-1:void 0,children:[d3("div",{className:"absolute inset-0",children:d3(k0,{label:`post-${e.slug}`,src:e.cover||void 0,sizes:"(max-width: 800px) 100vw, 56vw"})}),p&&d3("div",{className:"absolute inset-0 z-0",style:p,"aria-hidden":!0}),A8("div",{className:`relative z-[1] flex w-full flex-col gap-2 p-8 text-overlay-fg max-[800px]:p-5 ${Ql(c??"bottom-left","column")}`,children:[e.meta&&d3("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-accent",children:C(e.meta)}),d3("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium leading-[1.2] tracking-[-0.02em]",children:j(e.title,!1)}),e.excerpt&&d3("p",{className:"max-w-[46ch] text-[length:var(--size-body,14px)] leading-[1.55] opacity-80",children:C(e.excerpt)}),(e.dateLabel||e.read)&&A8("div",{className:"flex gap-3.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] opacity-75",children:[e.dateLabel&&d3("span",{children:C(e.dateLabel)}),e.read&&d3("span",{children:C(e.read)})]})]})]})}return A8(n0,{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:[s&&d3("div",{className:"sf-card-image relative aspect-[16/10] overflow-hidden bg-bg",children:d3(k0,{label:`event-${e.slug}`,src:e.cover||void 0})}),A8("div",{className:"flex flex-col gap-2.5 px-7 pb-8 pt-6",children:[m,d3("h3",{className:"mt-1 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-[1.2] tracking-[-0.02em]",children:j(e.title,!1)}),e.excerpt&&d3("p",{className:"text-[length:var(--size-body,14px)] leading-[1.55] text-fg-dim",children:C(e.excerpt)}),A8("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",d3("span",{"aria-hidden":!0,children:"\u2192"})]})]})]})}import{HeightIcon as Y$,ImageIcon as X$,LayoutIcon as J$,OpacityIcon as Q$,StylesIcon as ej}from"efficient-easel/icons";import{jsx as j$}from"react/jsx-runtime";var O4={title:"Add a *headline* for this post.",excerpt:"A short summary of the post \u2014 one or two sentences.",category:A.category,date:A.date,readLabel:"0 min read"},zH={label:"Post Card",defaultProps:{source:null,image:"",title:"",excerpt:"",href:"",category:"",date:"",readLabel:"",layout:Ir,showCover:!0,placement:"bottom-left",darken:55,darkenStyle:l7[0].value,minHeight:m6.fallback},render:e=>{let t=e.source,a=!!t?.slug;return j$(H8,{post:{slug:a?t.slug:"post-card",title:(a?t.title:w(e.title,O4.title,e.puck))||"",excerpt:(a?t.dek:w(e.excerpt,O4.excerpt,e.puck))||"",cover:(a?t.image:e.image)||"",meta:w(e.category,O4.category,e.puck)||void 0,dateLabel:(a?t.date:w(e.date,O4.date,e.puck))||void 0,read:w(e.readLabel,O4.readLabel,e.puck)||void 0},href:(a?t.href:t1(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 cs}from"react/jsx-runtime";var yH={fields:{source:t2(z8),image:O1("Cover image","image/*"),title:B("Heading",O4.title),excerpt:B("Excerpt",O4.excerpt),href:A1("Link"),category:H("Category",O4.category),date:H("Date",O4.date),readLabel:H("Read time",O4.readLabel),layout:d1("Card layout",cs(J$,{}),xH,Ir),showCover:c1("Show cover image",!0,cs(X$,{})),placement:j5("Text position",{stacking:!1}),darken:a1("Darken",cs(Q$,{}),P2.min,P2.max,P2.step,P2.fallback,P2.unit),darkenStyle:d1("Darken style",cs(ej,{}),l7,l7[0].value),minHeight:a1("Card height",cs(Y$,{}),m6.min,m6.max,m6.step,m6.fallback,m6.unit)},resolveFields:(e,{fields:t})=>{let a=e.props,s={...t};if(a.layout!=="cover")for(let c of["placement","darken","darkenStyle","minHeight"])delete s[c];else delete s.showCover;if(a.source?.slug)for(let c of["image","title","excerpt","href"])delete s[c];return s}};import{ColumnsIcon as cj,PlacementIcon as oj}from"efficient-easel/icons";import{Fragment as tj,jsx as f2,jsxs as p6}from"react/jsx-runtime";var wH={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"},Au="sf-itc-boxes",kH="sf-itc-steps";function Hu({num:e,title:t,description:a,boxes:s,steps:c,columns:o=3,cta:l,padTop:r,padBottom:i,editing:n=!1,omitHead:h=!1,cardImage:m,cardText:p,...u}){let g=typeof r=="number"?r:120,d=typeof i=="number"?i:120,f=(c??[]).filter(z=>(z?.tag??"").trim()||(z?.meta??"").trim()||(z?.title??"").trim()||(z?.copy??"").trim()||(z?.image??"").trim()||(z?.specs??[]).some(k=>(k?.label??"").trim()||(k?.value??"").trim())),v=f.length>0?f:n&&!s?[{tag:"Column 1"},{tag:"Column 2"},{tag:"Column 3"}]:[],b=wH[o]??wH[3],y=p==="on-image";return p6("section",{className:E0(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:g,paddingBottom:d,...J2(m)},children:[h?null:f2(V2,{num:e,title:t?.trim()?C(t,!0):void 0,desc:a?.trim()?C(a,!1):void 0}),s?p6(tj,{children:[f2("style",{children:`.${Au}:empty{display:none}.${Au}:not(:empty)~.${kH}{display:none}`}),f2(s,{className:`${Au} sf-card grid ${b} gap-[2px] border border-line bg-line [&>*]:min-h-[560px] [&>*]:bg-bg`,minEmptyHeight:260})]}):null,v.length>0&&f2("div",{className:`${kH} sf-card grid ${b} gap-[2px] border border-line bg-line`,children:v.map((z,k)=>{let S=(z.specs??[]).filter(P=>(P?.label??"").trim()||(P?.value??"").trim());return p6("article",{className:y?"flex flex-col bg-bg":"flex min-h-[560px] flex-col bg-bg",children:[p6("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:[f2(k0,{label:z.tag?.trim()||z.title?.trim()||`column-${k+1}`,src:z.image||void 0,sizes:"(max-width: 1100px) 100vw, 33vw",...s?{deferFetch:!0}:{}}),f2("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&&f2("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%)"}}),z.tag?.trim()&&f2("span",{className:"absolute left-5 top-[18px] z-[2] font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] text-accent",children:Y1(z.tag)}),z.meta?.trim()&&f2("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:Y1(z.meta)}),y&&(z.title?.trim()||z.copy?.trim())&&p6("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:[z.title?.trim()&&f2("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:C(z.title,!0)}),z.copy?.trim()&&f2("p",{className:"min-h-[3em] font-display text-[length:var(--size-body,15px)] leading-[1.5] text-overlay-fg/85",children:C(z.copy,!1)})]})]}),y?S.length>0&&f2("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:S.map((P,D)=>p6("div",{className:"flex flex-col gap-1",children:[P.label?.trim()&&f2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:Y1(P.label)}),P.value?.trim()&&f2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:Y1(P.value)})]},D))}):p6("div",{className:"flex flex-1 flex-col gap-4 px-8 py-9 max-[700px]:px-6 max-[700px]:py-7",children:[z.title?.trim()&&f2("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:C(z.title,!0)}),z.copy?.trim()&&f2("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:C(z.copy,!1)}),S.length>0&&f2("div",{className:"mt-auto grid grid-cols-2 gap-2 border-t border-line pt-4",children:S.map((P,D)=>p6("div",{className:"flex flex-col gap-1",children:[P.label?.trim()&&f2("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.24em] text-fg-dim",children:Y1(P.label)}),P.value?.trim()&&f2("span",{className:"font-display text-[length:var(--size-body,18px)] font-medium tracking-[-0.01em] text-fg",children:Y1(P.value)})]},D))})]})]},k)})}),l?.text&&f2("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:p6(n0,{href:l.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:[Y1(l.text),f2("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})}import{jsx as sj}from"react/jsx-runtime";var os={num:A.sectionNumber,title:A.headingAccent,description:A.body,cta:A.viewAll},aj=[{image:"",tag:"A \xB7 Step",meta:"Short detail line",title:"Step *one*",copy:"Describe this step in a sentence or two.",specs:[{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value}]},{image:"",tag:"B \xB7 Step",meta:"Short detail line",title:"Step *two*",copy:"Describe this step in a sentence or two.",specs:[{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value}]},{image:"",tag:"C \xB7 Step",meta:"Short detail line",title:"Step *three*",copy:"Describe this step in a sentence or two.",specs:[{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value},{label:A.label,value:A.value}]}],Fu={boxes:{type:"slot"}},CH={label:"Image & Text Columns",fields:Fu,defaultProps:{num:"",title:"",description:"",columns:3,padTop:120,padBottom:120},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return sj(Hu,{num:a(w(e.num,os.num,e.puck)),title:a(w(e.title,os.title,e.puck)),description:a(w(e.description,A.body,e.puck)),omitHead:t,boxes:e.boxes,steps:x1(e.steps,aj,e.puck),columns:typeof e.columns=="number"?e.columns:3,cta:Z3(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 MH}from"react/jsx-runtime";var SH={fields:{_sHeader:a0("Header"),_gContent:x("Content"),num:H("Number",os.num),title:H("Heading",os.title),description:B("Body",A.body),_sColumns:a0(u9),boxList:s2("ProcessSteps"),boxes:Fu.boxes,_sStyle:a0("Style"),columns:a1("Columns",MH(cj,{}),2,4,1,3),cardImage:G6(),cardText:g1("Text position",MH(oj,{}),[{label:"Below picture",value:"below"},{label:"On picture",value:"on-image"}],"below"),...p3("ProcessSteps")},resolveFields:(e,{fields:t,parent:a})=>{let s=D1(W1(t,a,U1),e.props.headPlacement,R1.ProcessSteps.headRows);if(!(Array.isArray(e.props.boxes)&&e.props.boxes.length>0))return s;let{cardText:o,...l}=s;return l}};import{SquareIcon as hj}from"efficient-easel/icons";import{Fragment as ij,jsx as Zr,jsxs as LH}from"react/jsx-runtime";var lj="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))]",rj="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 Tu({eyebrow:e,title:t,body:a,topBorder:s=!0,omitHead:c=!1,editing:o=!1}={}){let l=d0((a??"").trim()),r=!!(e??"").trim()||!!(t??"").trim()||l.length>0;return!o&&!r?null:Zr("section",{className:`relative z-[2] ${s?"border-t border-line ":""}bg-bg`,children:LH("div",{className:c?rj:lj,children:[c?null:LH(ij,{children:[(e??"").trim()&&Zr(H1,{text:e??"",className:"mb-4 block"}),(t??"").trim()&&Zr("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:j(t??"",!1)})]}),l.map((i,n)=>Zr("p",{className:"mb-[18px] max-w-[680px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim last:mb-0",children:C(i)},n))]})})}import{jsx as nj}from"react/jsx-runtime";var F8={eyebrow:"Label",title:"Section *heading.*",body:"Add this section's copy here. A blank line starts a new paragraph."},AH={label:"Editorial Text",defaultProps:{eyebrow:"",title:"",body:"",topBorder:!0},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return nj(Tu,{eyebrow:a(w(e.eyebrow,F8.eyebrow,e.puck)),title:a(w(e.title,F8.title,e.puck)),omitHead:t,body:w(e.body,F8.body,e.puck),topBorder:e.topBorder,editing:e.puck?.isEditing})}};import{jsx as mj}from"react/jsx-runtime";var HH={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",F8.eyebrow),title:B("Heading",F8.title),body:B("Body",F8.body),_sStyle:a0("Style"),topBorder:c1("Top border",!0,mj(hj,{}))},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.Prose.headRows)};import{WidthIcon as pj}from"efficient-easel/icons";var T8={min:40,max:2e3,step:10,fallback:2e3,unit:"px"};function FH(e){return typeof e!="number"?null:{width:`${e}${T8.unit}`,maxWidth:"100%"}}function TH(e,t){let a=e.props?.id,s=t.appState?.data?.content;return!Array.isArray(s)||typeof a!="string"?!0:!s.some(c=>c?.props?.id===a)}function Dr(e,t){let a=e?.data?.content;if(!Array.isArray(a)||typeof t!="string")return;let s=(c,o)=>{for(let l of c){if(l?.props?.id===t)return o;for(let r of Object.values(l?.props??{}))if(Array.isArray(r)&&r.length>0&&typeof r[0]=="object"&&r[0]!==null&&"type"in r[0]){let i=s(r,l);if(i!==void 0)return i}}};return s(a,null)}import{jsx as Or}from"react/jsx-runtime";var uj=new Set(["SectionHeader","ProductGrid","IntroBleed","RelatedProducts","Banner","Stats","Logos","Divider","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA","Ticker","CategoryBar","DocTabs","CustomHTML","Spacer","Flex","Grid"]),dj=new Set(["Hero","HeroSingle","Manifesto","ProductHero"]),gj=new Set(["ProductHero"]),PH={name:"sectionWidth",applies:(e,t,a)=>t.isSection(e)&&!uj.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.widthField;e.fields={...e.fields,...s("full")};let c=e.resolveFields;e.resolveFields=(o,l)=>{let r=c?c(o,l):l.fields,i=Z2(o?.props??{},"full");return r&&typeof r.then=="function"?r.then(n=>b7(n,i)):b7(r,i)}},draw(e,t){let a=dj.has(t),s=e.render;e.render=c=>{let{mode:o,inherited:l}=Z2(c,"full"),r=s(c);if(o==="full")return a&&!l&&!gj.has(t)?Or("div",{style:{[iz]:"none",[nz]:"initial",[hz]:"initial"},children:r}):r;let i=B6(ea);return a?Or("div",{style:{"--sf-page-cap":ea},children:r}):Or("div",{style:i,children:r})}}};function b7(e,t){if(!e||!("widthMode"in e))return e;let a={...e},s=a.widthMode;return s&&(a.widthMode={...s,currentValue:t.mode,inherited:t.inherited}),a}var vj=new Set(["Heading","Text","ImageBlock","ButtonBlock","Banner","Stats","Logos","Divider","Flex","Grid","OrderSummary","DeliveryOptions","PaymentBadges","CheckoutCTA"]),EH={name:"containedWidth",applies:(e,t,a)=>vj.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.widthField;e.fields={...e.fields,...s("page")};let c=e.resolveFields;e.resolveFields=(o,l)=>{let r=c?c(o,l):l.fields,i=Z2(o?.props??{},"page"),n=h=>bj(b7(h,i),o,l);return r&&typeof r.then=="function"?r.then(n):n(r)}},draw(e){let t=e.render;e.render=a=>{let{mode:s}=Z2(a,"page");return t({...a,contained:s!=="full"})}}},VH={name:"buttonAlignInRow",applies:e=>e==="ButtonBlock",panel(e){let t=e,a=t?.resolveFields;t.resolveFields=(s,c)=>{let o=a?a(s,c):c.fields,l=r=>{let i=Dr(c.appState,s.props?.id);if(!i||i.type!=="HeroGroup"||co("HeroGroup",i.props?.direction)!=="row")return r;let n={...r};return delete n.align,n};return o&&typeof o.then=="function"?o.then(l):l(o)}}};function fj(e){return Object.values(e).some(t=>!!t&&typeof t=="object"&&t.type==="slot")}function bj(e,t,a){if(fj(e)){let c=a.appState?.data?.content;if(cA(c,t.props?.id)!==!0)return e;let o={...e};return delete o.widthMode,delete o.pageWidth,o}if("parent"in a){if(!Ex(a.parent))return e}else if(!TH({props:t.props??{}},a))return e;let s={...e};return delete s.widthMode,delete s.pageWidth,s}var NH={name:"imageWidth",applies:e=>e==="ImageBlock",panel(e,t,a){let s=a.slider;if(e?.fields){let c=s("Image width",Or(pj,{}),T8.min,T8.max,T8.step,T8.fallback,T8.unit),o="focal",l=Object.entries(e.fields),r=l.findIndex(([i])=>i===o);e.fields=Object.fromEntries(r===-1?[...l,["width",c]]:[...l.slice(0,r+1),["width",c],...l.slice(r+1)])}}};import{HashIcon as xj,StylesIcon as DH}from"efficient-easel/icons";var ls="standard",Vu=[{label:"Standard",value:"standard"},{label:"Editorial",value:"editorial"},{label:"Simple",value:"simple"},{label:"Statement",value:"statement"},{label:"Natural",value:"natural"},{label:"Essay",value:"essay"}],Eu=["numStyle","logoSrc","logoAlt","linkText","linkHref","_gLogo"],Pu=[...Eu,"description"],RH={standard:["eyebrowLook"],editorial:[...Eu,"eyebrowLook"],simple:Pu,statement:Pu,natural:Eu,essay:Pu},_H=["gap-5","gap-3"],BH=["text-[length:var(--size-body,16px)]","text-[15px]"];function IH(e){return I2(_H,_H[0],e)}function ZH(e){return I2(BH,BH[0],e)}function Gr(e){return I2(Vu,ls,e)}import{jsx as Nu}from"react/jsx-runtime";var OH={fields:{_gContent:x("Content"),headStyle:d1("Style",Nu(DH,{}),[...Vu],ls),num:H("Number","01 / Section"),eyebrowLook:d1("Eyebrow style",Nu(DH,{}),[...v4],Vo),numStyle:g1("Number style",Nu(xj,{}),[...pp],u8),title:B("Heading","Section *title*"),description:B("Body","Short supporting line"),linkText:H("Button","View all"),linkHref:A1("Link"),_gLogo:x("Logo"),logoSrc:O1("Logo image","image/*"),logoAlt:I("Logo alt text","Logo description"),...i5("full")},resolveFields:(e,{fields:t})=>{let a=b7(t,Z2(e?.props??{},"full")),s=Gr(e?.props?.headStyle),c={...a};for(let o of RH[s])delete c[o];return c}};import{Fragment as zj,jsx as x7,jsxs as $e}from"react/jsx-runtime";function _u({headNum:e,headTitle:t,headDesc:a,cards:s,viewLabel:c,background:o,editing:l=!1,omitHead:r=!1,...i}){let n=(s??[]).filter(p=>(p?.title??"").trim()||(p?.desc??"").trim()||(p?.num??"").trim()),h=n.length>0?n:l?[{title:"Series title"}]:[],m=!!(o&&o!=="transparent");return $e("section",{className:E0(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:o}:void 0,children:[r?null:x7(V2,{num:e,title:t?j(t):void 0,desc:a}),x7("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 g=!!(p.num?.trim()||p.since?.trim()),d=!!p.title?.trim(),f=!!(p.entries?.trim()||p.entriesLabel?.trim()||c);return $e("article",{className:"flex min-h-[340px] flex-col gap-4 bg-bg px-7 pt-9 pb-8",children:[g&&$e("div",{className:"flex items-baseline justify-between gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:[x7("span",{children:p.num?C(p.num):null}),p.since?.trim()?x7("span",{children:C(p.since)}):null]}),d&&x7("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,28px)] font-medium uppercase leading-[1.04] tracking-[-0.02em]",children:j(p.title??"")}),p.desc?.trim()&&x7("p",{className:"font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",children:C(p.desc)}),f&&$e("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:[$e("span",{children:[p.entries?.trim()?x7("strong",{className:"font-normal text-fg",children:C(p.entries)}):null,p.entriesLabel?.trim()?$e(zj,{children:[p.entries?.trim()?" ":"",C(p.entriesLabel)]}):null]}),c&&x7("span",{className:"text-accent",children:C(c)})]})]},u)})})]})}import{jsx as wj}from"react/jsx-runtime";var u6={headNum:A.sectionNumber,headTitle:A.headingAccent,headDesc:A.body,viewLabel:"View series \u2192"},yj=[{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"}],GH={label:"Recurring Columns",defaultProps:{headNum:"",headTitle:"",headDesc:"",cards:[],viewLabel:"",background:"transparent"},render:({headNum:e,headTitle:t,headDesc:a,cards:s,viewLabel:c,background:o,headPlacement:l,puck:r})=>{let i=Z1(l)==="own-box",n=h=>i?void 0:h;return wj(_u,{headNum:n(w(e,u6.headNum,r)),headTitle:n(w(t,u6.headTitle,r)),headDesc:n(w(a,u6.headDesc,r)),omitHead:i,cards:x1(s,yj,r),viewLabel:w(c,u6.viewLabel,r),background:Z6(o,a3.Series),editing:r?.isEditing})}};var qH={fields:{_gHead:x("Section header"),headNum:H("Number",u6.headNum),headTitle:B("Heading",u6.headTitle),headDesc:B("Body",u6.headDesc),_gCards:x("Cards"),cards:{type:"array",label:"Cards",arrayFields:{num:u1("Number"),since:u1("Right Top Text"),title:V1("Title"),desc:V1("Body"),entries:u1("Entries count"),entriesLabel:u1("Button Right Text")},getItemSummary:e=>e?.title||(e?.num?`Column ${e.num}`:"Column")},_gViewLabel:x("Card link"),viewLabel:H("Card button",u6.viewLabel),_gStyle:x("Style"),background:O6("Background",a3.Series)},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.Series.headRows)};var WH={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 kj,ContrastIcon as Cj}from"efficient-easel/icons";import{jsx as UH}from"react/jsx-runtime";var KH={fields:{_gContent:x("Content"),cells:{type:"array",label:"Strip items",arrayFields:{text:I("Label","Label"),tone:g1("Tone",UH(Cj,{}),[{label:"Normal",value:"normal"},{label:"Muted",value:"muted"}],"normal")},defaultItemProps:{text:"",tone:"normal"},getItemSummary:e=>e?.text||"Item",min:2,max:8},_gStyle:x("Style"),fill:g1("Strip fill",UH(kj,{}),[{label:"Dark band",value:"dark"},{label:"None",value:"none"}],"dark")}};import{AlignLeftIcon as Tj,CaseIcon as Pj,OpacityIcon as Ej,PlacementIcon as Vj}from"efficient-easel/icons";import{createContext as Mj,useContext as Sj}from"react";import{jsx as Lj,jsxs as Aj}from"react/jsx-runtime";var $H=Mj(!1);function je(){return Sj($H)}function jH({grayscale:e,children:t}){let a=e===!0;return Aj($H.Provider,{value:a,children:[Object.entries(VS(e)).map(([s,c])=>Lj("style",{children:c},s)),t]})}import{jsx as q2,jsxs as z7}from"react/jsx-runtime";function Bu({imageLabel:e,imageSrc:t,imageTint:a=.4,imageObjectPosition:s,eyebrow:c,title:o,body:l,cta:r,reverse:i=!1,uppercase:n=!1,textAlign:h="left",textBgSrc:m,textBgLabel:p,textBgTint:u=.6,textBgObjectPosition:g,featureBar:d,imageButton:f,grayscale:v}){let b=Fe(v,je()),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"}},z=y[h]??y.left;return q2("section",{className:"relative z-[2] bg-bg p-0",children:z7("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:[z7("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:[q2(k0,{label:e,src:t,objectPosition:s,treatment:b}),t&&a>0&&q2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${a})`}}),(d||f)&&z7("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:[d&&z7(n0,{href:d.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:[q2("span",{children:C(d.wheel)}),q2("span",{"aria-hidden":!0,style:{opacity:.55},children:"\xB7"}),q2("span",{children:C(d.category)}),q2("span",{"aria-hidden":!0,children:"\u2192"}),q2("span",{children:C(d.cta??"Shop now")})]}),f&&z7(n0,{href:f.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:[q2("span",{children:C(f.text??"Learn more")}),q2("span",{"aria-hidden":!0,children:"\u2192"})]})]})]}),z7("div",{className:"relative overflow-hidden [direction:ltr] max-[960px]:order-1",children:[m&&z7("div",{className:"absolute inset-0","aria-hidden":!0,children:[q2(k0,{label:p??e,src:m,objectPosition:g,treatment:b}),u>0&&q2("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${u})`}})]}),q2("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:z7("div",{className:["flex flex-1 flex-col justify-center gap-6",z.items,z.text].join(" "),children:[c&&q2(H1,{text:c,size:14}),o&&q2("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:j(o,!1)}),l&&d0(l).map((k,S)=>q2("p",{className:["max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7]",m?"opacity-85":"text-fg-dim"].join(" "),children:C(k)},S)),r.text&&q2("div",{className:`mt-2 ${z.cta}`,children:q2(G2,{href:r.href,variant:"primary",children:C(r.text)})})]})})]})]})})}import{jsx as Fj}from"react/jsx-runtime";var y7={eyebrow:"\u2014 Label",title:`Section headline *here.*
|
|
63
|
+
*Highlight line*`,body:"Describe this section in a sentence or two."},Ru={text:"Learn more"};function Hj(e,t,a){let s=w(e,Ru.text,a);if(s!==void 0)return{text:s,href:t||"#"}}var YH={label:"Image & Text Split",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",reverse:!1,uppercase:!1,textAlign:"left",ctaText:"",ctaHref:"",imageBtnText:"",imageBtnHref:"",textBgSrc:"",overlay:60},render:e=>Fj(Bu,{eyebrow:w(e.eyebrow,y7.eyebrow,e.puck),title:w(e.title,y7.title,e.puck),body:w(e.body,y7.body,e.puck),imageLabel:t1(e.title)||y7.title,imageSrc:e.imageSrc||void 0,reverse:e.reverse,uppercase:e.uppercase,textAlign:e.textAlign,cta:Z3(e.ctaText,e.ctaHref,e.puck),imageButton:Hj(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 qr}from"react/jsx-runtime";var XH={fields:{_sText:a0("Text column"),_gContent:x("Content"),eyebrow:H("Eyebrow",y7.eyebrow),title:B("Heading",y7.title),body:B("Body",y7.body),uppercase:c1("Uppercase heading",!1,qr(Pj,{})),textAlign:g1("Alignment",qr(Tj,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"left"),_gButton:x("Button"),...b4,_gTextBg:x("Background image"),textBgSrc:O1("Image","image/*"),overlay:a1("Overlay",qr(Ej,{}),0,100,5,60,"%"),_sImage:a0("Image column"),_gImage:x("Image"),imageSrc:O1("Image","image/*"),reverse:g1("Image side",qr(Vj,{}),[{label:"Image left",value:!1},{label:"Image right",value:!0}],!1),_gImageBtn:x("Overlay button"),imageBtnText:H("Button",Ru.text),imageBtnHref:A1("Button link"),_gStyle:x("Style"),grayscale:Te()}};import{ColumnsIcon as Nj}from"efficient-easel/icons";import{jsx as _j}from"react/jsx-runtime";var JH={fields:{_gContent:x("Content"),heading:H("Heading","By the *numbers*"),items:{type:"array",label:"Stats",arrayFields:{value:u1("Value"),label:u1("Label")},getItemSummary:e=>e.label||e.value||"stat"},columns:a1("Columns",_j(Nj,{}),2,4,1,4),_gStyle:x("Style"),background:O6("Background",a3.Stats)}};import{AccentIcon as qj}from"efficient-easel/icons";import{useEffect as Bj,useRef as QH,useState as Rj}from"react";var Ij=1400;function Ye(e,t={}){let{threshold:a=.1,replay:s=!0,durationMs:c=Ij}=t,o=QH(null),l=QH(null),[r,i]=Rj(0);return Bj(()=>{let n=o.current;if(!n)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){i(e);return}let h=()=>{l.current!==null&&(cancelAnimationFrame(l.current),l.current=null)},m=()=>{h();let u=performance.now(),g=d=>{let f=Math.min(1,(d-u)/c),v=1-Math.pow(1-f,3);i(Math.round(v*e)),f<1?l.current=requestAnimationFrame(g):l.current=null};l.current=requestAnimationFrame(g)},p=new IntersectionObserver(u=>{let g=u[0];g&&(g.isIntersecting?(m(),s||p.disconnect()):s&&(h(),i(0)))},{threshold:a});return p.observe(n),()=>{p.disconnect(),h()}},[e,a,s,c]),{ref:o,value:r}}import{Fragment as Dj,jsx as Je,jsxs as Xe}from"react/jsx-runtime";var eF="font-normal italic text-accent";function Zj({value:e,prefix:t,suffix:a,supSuffix:s,emphasizeAll:c,label:o,sub:l}){let r=(e??"").trim(),i=/^\d+$/.test(r),{ref:n,value:h}=Ye(i?parseInt(r,10):0),m=i?String(h):r,p=t??"";return Xe("div",{className:"flex min-h-[240px] flex-col gap-3 bg-bg px-8 py-12",children:[Xe("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:[c?Xe("em",{className:eF,children:[p,m]}):Xe(Dj,{children:[p,m,a?Je("em",{className:eF,children:a}):null]}),s?Je("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:s}):null]}),(o||l)&&Xe("div",{className:"mt-auto font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[o?Je("strong",{className:"mb-1 block font-display text-[length:var(--size-body,16px)] font-normal normal-case tracking-[-0.01em] text-fg",children:o}):null,l?C(l):null]})]})}function Iu({eyebrow:e,title:t,desc:a,stats:s,background:c,padTop:o,padBottom:l,editing:r=!1,omitHead:i=!1,...n}={}){let h=typeof o=="number"?o:120,m=typeof l=="number"?l:120,p=(s??[]).filter(d=>(d.value??"").trim()!==""||(d.label??"").trim()!==""||(d.sub??"").trim()!==""||(d.suffix??"").trim()!==""||(d.supSuffix??"").trim()!==""),u=p.length>0?p:r?[{value:"0",label:"Stat",sub:"Add your numbers."}]:[],g=!!(c&&c!=="transparent");return Xe("section",{className:E0(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,...g?{backgroundColor:c}:{}},children:[i?null:Je(V2,{num:e,title:t?j(t):void 0,desc:a?C(a):void 0}),u.length>0&&Je("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((d,f)=>Je(Zj,{...d},f))})]})}import{jsx as Gj}from"react/jsx-runtime";var P8={eyebrow:A.eyebrow,title:A.headingAccent,desc:A.body},Oj=[{value:"00",label:A.label,sub:"Short description of this figure."},{value:"00",label:A.label,sub:"Short description of this figure."},{value:"00",label:A.label,sub:"Short description of this figure."},{value:"00",label:A.label,sub:"Short description of this figure."}],tF={label:"Stats with Text",defaultProps:{eyebrow:"",title:"",desc:"",stats:[],background:fo,padTop:120,padBottom:120},render:({eyebrow:e,title:t,desc:a,stats:s,background:c,padTop:o,padBottom:l,headPlacement:r,puck:i})=>{let n=Z1(r)==="own-box",h=m=>n?void 0:m;return Gj(Iu,{eyebrow:h(w(e,P8.eyebrow,i)),title:h(w(t,P8.title,i)),desc:h(w(a,P8.desc,i)),omitHead:n,stats:x1(s,Oj,i),background:Z6(c,a3.StatsParagraph),padTop:n?0:typeof o=="number"?o:120,padBottom:typeof l=="number"?l:120,editing:i?.isEditing})}};import{jsx as Wj}from"react/jsx-runtime";var aF={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",P8.eyebrow),title:B("Heading",P8.title),desc:B("Body",P8.desc),stats:{type:"array",label:"Stats",arrayFields:{value:I("Number"),prefix:I("Prefix"),suffix:I("Unit"),supSuffix:I("Superscript"),emphasizeAll:c1("Whole number Theme Color",!1,Wj(qj,{})),label:I("Label"),sub:V1("Body")},defaultItemProps:{value:"",prefix:"",suffix:"",supSuffix:"",emphasizeAll:!1,label:"",sub:""},getItemSummary:e=>e.label||e.value||"Stat"},_gStyle:x("Style"),background:O6("Background",a3.StatsParagraph),...p3("StatsParagraph")},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.StatsParagraph.headRows)};import{ColumnsIcon as Xj,StylesIcon as Jj}from"efficient-easel/icons";import{Fragment as $j,jsx as d6,jsxs as Wr}from"react/jsx-runtime";var Uj="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))]",Kj="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 Zu({look:e,eyebrow:t,title:a,items:s,columns:c,omitHead:o=!1,editing:l=!1}={}){let r=Math.min(3,Math.max(1,c??3)),i=(s??[]).filter(h=>l||(h.quote??"").trim()),n=!!(t??"").trim()||!!(a??"").trim();return!l&&!n&&i.length===0?null:d6("section",{className:"relative z-[2] border-t border-line bg-surface",children:Wr("div",{className:o?Kj:Uj,children:[o?null:Wr($j,{children:[(t??"").trim()&&d6(H1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&d6("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:j(a??"",!1)})]}),i.length>0&&d6("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)=>Wr("figure",{className:"flex flex-col gap-5 bg-bg p-9 max-[800px]:p-7",children:[d6("span",{"aria-hidden":!0,className:"font-heading2 text-[length:var(--size-headingMedium,46px)] leading-none text-accent",children:"\u201C"}),d6("blockquote",{className:"flex-1 text-[length:var(--size-body,16px)] leading-[1.6] text-fg-dim",children:d0((h.quote??"").trim()||"A short customer quote goes here.").map((p,u)=>d6("p",{className:u?"mt-3":"",children:C(p)},u))}),Wr("figcaption",{className:"border-t border-line pt-[18px]",children:[d6("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()&&d6("div",{className:"mt-1 text-[length:var(--size-body,12px)] text-fg-dim",children:h.role})]})]},m))})]})})}import{jsx as Yj}from"react/jsx-runtime";var rs={eyebrow:"Feedback",title:"What people *say.*"},jj=[{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"}],sF={label:"Testimonials",defaultProps:{eyebrow:"",title:"",items:[],columns:3},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Yj(Zu,{look:J3(e.eyebrowLook,"Testimonials"),eyebrow:a(w(e.eyebrow,rs.eyebrow,e.puck)),title:a(w(e.title,rs.title,e.puck)),omitHead:t,items:x1(e.items,jj,e.puck),columns:e.columns,editing:e.puck?.isEditing})}};import{jsx as cF}from"react/jsx-runtime";var oF={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",rs.eyebrow),eyebrowLook:d1("Eyebrow style",cF(Jj,{}),[...v4],q6("Testimonials")),title:B("Heading",rs.title),items:{type:"array",label:"Quotes",arrayFields:{quote:V1("Quote"),name:I("Name"),role:I("Role \xB7 location")},defaultItemProps:{quote:"",name:"",role:""},getItemSummary:e=>e?.name||e?.quote||"Quote"},_gStyle:x("Style"),columns:a1("Columns",cF(Xj,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.Testimonials.headRows)};var lF={fields:{text:B("Body",A.body),align:f5(),tone:tr()}};import{ClockIcon as tY,DirectionIcon as aY,GapIcon as sY,LineBetweenIcon as cY,SquareIcon as oY,StylesIcon as lY,TextSizeIcon as rY}from"efficient-easel/icons";var rF="none",iF=[{label:"Nothing",value:"none"},{label:"Section above",value:"above"},{label:"Section below",value:"below"}];function nF(e){return e==="above"||e==="below"?e:null}var hF="sf-ticker-join";function mF(e){return e==="above"?"sf-ticker-join-above":"sf-ticker-join-below"}import{jsx as Du}from"react/jsx-runtime";var Qj="item";function Ou({items:e,durationSec:t=50,tone:a="scrim",borders:s=!0,size:c,separator:o,scroll:l,join:r,editing:i}){let n=(e??[]).map(u=>u?.text?.trim()?u.text:i?Qj:"").filter(Boolean);if(n.length===0)return null;let h=a!=="plain",m=nF(r),p=Du("div",{className:[m?`absolute inset-x-0 ${mF(m)}`:"relative z-[2]","py-3.5 max-[800px]:py-3",h?"bg-bg":"",s?"border-y border-line":""].filter(Boolean).join(" "),children:Du(Jy,{items:n,durationSec:t,size:c,separator:o,scroll:l,backdrop:h?"themed-band":"themed-section"})});return m?Du("div",{className:hF,children:p}):p}import{jsx as eY}from"react/jsx-runtime";var Gu=[{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"},{text:"Ticker item"}],pF={label:"Scrolling Bar",defaultProps:{items:[],tone:"scrim",borders:!0,size:Bo,separator:Ro,scrollDirection:Io,speed:50},render:({items:e,tone:t,borders:a,size:s,separator:c,scrollDirection:o,speed:l,join:r,puck:i})=>eY(Ou,{items:x1(e,Gu,i),tone:t,borders:a,size:s,separator:c,scroll:o,durationSec:l,join:r,editing:i?.isEditing})};import{jsx as E8}from"react/jsx-runtime";var uF={fields:{_gContent:x("Content"),items:E9(H2(Hh.label,Hh.icon,"item","markup"),Gu),_gStyle:x("Style"),tone:g1("Style",E8(lY,{}),[{label:"Solid",value:"scrim"},{label:"Plain",value:"plain"}],"scrim"),borders:c1("Hairline borders",!0,E8(oY,{})),size:g1("Text size",E8(rY,{}),[...jy],Bo),separator:d1("Separator",E8(cY,{}),Yy,Ro),scrollDirection:Co("Scroll direction",Xy,Io,"A marquee cannot run diagonally, so the corners are not answers.",E8(aY,{}),My),speed:a1("Scroll duration",E8(tY,{}),20,90,5,50,"s"),join:d1("Join",E8(sY,{}),iF,rF)}};import{EyeIcon as hY}from"efficient-easel/icons";import{Fragment as bF,jsx as y0,jsxs as G3}from"react/jsx-runtime";function dF({eyebrow:e,title:t,intro:a,center:s=!1}){return G3(bF,{children:[e&&y0(H1,{text:e,size:12}),t&&y0("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:j(t)}),a&&y0("p",{className:["font-display text-[length:var(--size-body,14px)] leading-[1.6] text-fg-dim",s?"max-w-[520px]":"max-w-[360px]"].join(" "),children:C(a,!0)})]})}function gF({cta:e,className:t=""}){return e?.text?G3(n0,{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:[C(e.text),y0("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]}):null}function vF({src:e,caption:t,meta:a,aspectClass:s,editing:c,sizes:o="100vw",className:l=""}){return!e&&!c?null:G3("figure",{className:["relative overflow-hidden border border-line bg-surface",s,l].join(" "),children:[y0(k0,{label:t||"Image",src:e,alt:p2(t??""),sizes:o}),y0("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)&&G3("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:[y0("span",{children:t?C(t):""}),a&&y0("span",{className:"text-accent",children:C(a)})]})]})}function qu({entry:e}){let t=d0(e.body??"");return G3(bF,{children:[e.title&&y0("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:j(e.title)}),t.length>0&&y0("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,s)=>y0("p",{className:s===0?"text-fg":"text-fg-dim",children:C(a,!0)},s))})]})}var fF={boxShadow:"0 0 0 4px var(--bg)"};function Wu({layout:e="split",eyebrow:t,title:a,intro:s,imageSrc:c,imageCaption:o,imageMeta:l,cta:r,entries:i,padTop:n,padBottom:h,editing:m}={}){let p=typeof n=="number"?n:120,u=typeof h=="number"?h:120,g=(i??[]).filter(d=>(d.date??"").trim()||(d.title??"").trim()||(d.body??"").trim());return y0("section",{className:"relative z-[2] bg-bg",children:y0("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"?G3("div",{className:"grid grid-cols-[1fr_1.4fr] gap-20 max-[1100px]:grid-cols-1 max-[1100px]:gap-12",children:[G3("aside",{className:"sticky top-[120px] flex flex-col gap-6 self-start max-[1100px]:static",children:[y0(dF,{eyebrow:t,title:a,intro:s}),y0(vF,{src:c,caption:o,meta:l,aspectClass:"mt-1 aspect-[4/5]",sizes:"(max-width: 1100px) 100vw, 420px",editing:m}),y0(gF,{cta:r,className:"mt-2 self-start"})]}),y0("ol",{className:"flex flex-col gap-12",children:g.map((d,f)=>G3("li",{className:"grid grid-cols-[80px_1fr] items-start gap-6 max-[700px]:grid-cols-1 max-[700px]:gap-2",children:[y0("span",{className:"pt-1.5 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:d.date?C(d.date):""}),y0("div",{className:"max-w-[640px]",children:y0(qu,{entry:d})})]},f))})]}):G3("div",{children:[G3("header",{className:"mx-auto flex max-w-[760px] flex-col items-center gap-6 text-center",children:[y0(dF,{eyebrow:t,title:a,intro:s,center:!0}),y0(gF,{cta:r})]}),y0(vF,{src:c,caption:o,meta:l,aspectClass:"mx-auto mt-12 aspect-[16/9] w-full max-w-[900px]",sizes:"(max-width: 900px) 100vw, 900px",editing:m}),e==="spine"?y0("ol",{className:"relative mx-auto mt-16 max-w-[760px]",children:g.map((d,f)=>G3("li",{className:"relative border-l border-line pb-12 pl-10 last:pb-0 max-[700px]:pl-8",children:[y0("span",{className:"absolute left-[-5px] top-1.5 h-2.5 w-2.5 rounded-full bg-accent",style:fF}),y0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:d.date?C(d.date):""}),y0("div",{className:"max-w-[640px]",children:y0(qu,{entry:d})})]},f))}):G3("ol",{className:"relative mx-auto mt-16 max-w-[1000px]",children:[y0("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"}),g.map((d,f)=>{let v=f%2===0;return G3("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:[y0("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:fF}),G3("div",{className:v?"min-[801px]:col-start-1 min-[801px]:pr-8 min-[801px]:text-right":"min-[801px]:col-start-2 min-[801px]:pl-8",children:[y0("div",{className:"mb-2 font-mono text-[length:var(--size-label,13px)] tracking-[0.24em] text-accent",children:d.date?C(d.date):""}),y0("div",{className:["max-w-[520px] max-[800px]:max-w-none",v?"min-[801px]:ml-auto":""].join(" "),children:y0(qu,{entry:d})})]})]},f)})]})]})})})}import{jsx as nY}from"react/jsx-runtime";var G4={eyebrow:A.eyebrow,title:`Section heading
|
|
64
|
+
*Highlight line*`,intro:A.body,imageCaption:A.imageCaption,imageMeta:A.imageMeta,cta:d2.text},iY=[{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."}],xF={label:"Story Timeline",defaultProps:{layout:"split",eyebrow:"",title:"",intro:"",imageSrc:"",imageCaption:"",imageMeta:"",ctaText:"",ctaHref:"",entries:[],padTop:120,padBottom:120},render:e=>nY(Wu,{layout:e.layout||"split",eyebrow:w(e.eyebrow,G4.eyebrow,e.puck),title:w(e.title,G4.title,e.puck),intro:w(e.intro,G4.intro,e.puck),imageSrc:e.imageSrc||void 0,imageCaption:w(e.imageCaption,G4.imageCaption,e.puck),imageMeta:w(e.imageMeta,G4.imageMeta,e.puck),cta:Z3(e.ctaText,e.ctaHref,e.puck),entries:x1(e.entries,iY,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 mY}from"react/jsx-runtime";var zF={fields:{_sLayout:a0("Layout"),layout:d1("Display",mY(hY,{}),[{label:"Split (editorial aside)",value:"split"},{label:"Spine (single rail)",value:"spine"},{label:"Alternating (zig-zag)",value:"alternating"}],"split"),_sHeader:a0("Header"),_gContent:x("Content"),eyebrow:H("Eyebrow",G4.eyebrow),title:B("Heading",G4.title),intro:B("Intro",G4.intro),imageSrc:O1("Image","image/*"),imageCaption:H("Image caption",G4.imageCaption),imageMeta:H("Image meta",G4.imageMeta),_gButton:x("Button"),...b4,_sEntries:a0("Timeline entries"),entries:{type:"array",label:"Entries",arrayFields:{date:u1("Sub-title"),title:V1("Title"),body:V1("Body")},defaultItemProps:{date:"",title:"",body:""},getItemSummary:e=>e?.date||e?.title||"Entry"},_sStyle:a0("Style"),...p3("Timeline")}};import{ClockIcon as dY}from"efficient-easel/icons";import{jsx as k4,jsxs as Ur}from"react/jsx-runtime";function Uu({eyebrow:e,title:t,intro:a,entries:s,cta:c,padTop:o,padBottom:l,background:r,editing:i,omitHead:n=!1}={}){let h=typeof o=="number"?o:120,m=typeof l=="number"?l:120,p=r??"var(--section-bg)",u=p!=="transparent",g=(s??[]).filter(v=>(v.date??"").trim()||(v.title??"").trim()||(v.blurb??"").trim());if(g.length===0&&!i)return null;let d=g.filter(v=>!v.future).length,f=g.length?d/g.length*100:0;return k4("section",{className:"relative z-[2]",children:Ur("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:k4(V2,{num:e,title:t?j(t):void 0,desc:a?C(a,!0):void 0,spaceBelow:"",className:"text-fg"}),Ur("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":g.length},children:[k4("div",{className:"pointer-events-none absolute inset-x-0 top-0 h-px bg-line max-[1100px]:hidden",children:k4("div",{className:"absolute -top-px left-0 h-[3px] bg-gradient-to-r from-accent to-transparent",style:{width:`${f}%`}})}),g.map((v,b)=>Ur("div",{className:["relative flex min-h-[280px] flex-col gap-3.5 px-3.5","border-l",v.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:[k4("span",{className:["pointer-events-none absolute h-2.5 w-2.5 rounded-full border-2 border-bg",v.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(" ")}),k4("span",{className:["font-mono text-[length:var(--size-label,13px)] tracking-[0.22em]",v.future?"text-fg-dim":"text-accent"].join(" "),children:v.date?k4(a8,{value:v.date,children:Y1(v.date)}):""}),v.title&&k4("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:k4(a8,{value:v.title,children:Y1(v.title)})}),v.blurb&&k4("p",{className:"mt-auto font-display text-[length:var(--size-body,13px)] leading-[1.55] text-fg-dim",children:C(v.blurb,!0)})]},b))]}),c?.text&&k4("div",{className:"mt-12 flex justify-end border-t border-line pt-8",children:Ur(n0,{href:c.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:[Y1(c.text),k4("span",{"aria-hidden":!0,className:"text-accent transition-transform group-hover:translate-x-[3px]",children:"\u2192"})]})})]})})}import{jsx as uY}from"react/jsx-runtime";var V8={eyebrow:A.eyebrow,title:A.headingAccent,intro:A.body,cta:d2.text},pY=[{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}],yF={label:"Milestone Timeline",defaultProps:{eyebrow:"",title:"",intro:"",entries:[],ctaText:"",ctaHref:"",background:fo,padTop:120,padBottom:120},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return uY(Uu,{eyebrow:a(w(e.eyebrow,V8.eyebrow,e.puck)),title:a(w(e.title,V8.title,e.puck)),intro:a(w(e.intro,V8.intro,e.puck)),omitHead:t,entries:x1(e.entries,pY,e.puck),cta:Z3(e.ctaText,e.ctaHref,e.puck),background:Z6(e.background,a3.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 gY}from"react/jsx-runtime";var wF={fields:{_sHeader:a0("Header"),eyebrow:H("Eyebrow",V8.eyebrow),title:B("Heading",V8.title),intro:B("Body",V8.intro),_sEntries:a0("Milestones"),entries:{type:"array",label:"Milestones",arrayFields:{date:I("Year"),title:V1("Title"),blurb:V1("Body"),future:c1("Upcoming",!1,gY(dY,{}))},defaultItemProps:{date:"",title:"",blurb:"",future:!1},getItemSummary:e=>e?.date||e?.title||"Milestone"},_sButton:a0("Button"),...b4,_sStyle:a0("Style"),background:O6("Background",a3.TimelineTrack),...p3("TimelineTrack")},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.TimelineTrack.headRows)};import{AlignLeftIcon as bY,StylesIcon as xY}from"efficient-easel/icons";import{jsx as is,jsxs as kF}from"react/jsx-runtime";function Ku({title:e,buttons:t,padTop:a,padBottom:s,buttonsAlign:c,editing:o=!1}={}){let l=typeof a=="number"?a:140,r=typeof s=="number"?s:140,i=(t??[]).filter(m=>o||(m.label??"").trim()),n=!!(e??"").trim(),h=!n&&(c==="center"||c==="left")?c:null;return!o&&!n&&i.length===0?null:is("section",{className:"relative z-[2] bg-bg",children:kF("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:l,paddingBottom:r},children:[h===null&&!n&&i.length>0&&is("div",{"aria-hidden":!0,className:"max-[1100px]:hidden"}),n&&is("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:j(e??"")}),i.length>0&&is("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",g=m.href||"#",d=m.variant==="primary";return kF(n0,{href:g,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",d?"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," ",is("span",{"aria-hidden":!0,children:"\u2192"})]},p)})})]})})}import{jsx as fY}from"react/jsx-runtime";var $u={title:`Section heading
|
|
65
|
+
*Highlight line*`},vY=[{label:d2.text,href:d2.href,variant:"primary"},{label:d2.text,href:d2.href,variant:"outline"}],CF={label:"Call-to-Action Heading",defaultProps:{title:"",buttons:[],padTop:140,padBottom:140},render:({title:e,buttons:t,padTop:a,padBottom:s,buttonsAlign:c,puck:o})=>{let l=c,r=l==="center"||l==="left",i=A2(e),n=i.hidden?"":i.text.trim();return fY(Ku,{title:r&&!n?void 0:w(e,$u.title,o),buttons:x1(t,vY,o),padTop:typeof a=="number"?a:140,padBottom:typeof s=="number"?s:140,buttonsAlign:l,editing:o?.isEditing})}};import{jsx as MF}from"react/jsx-runtime";var SF={fields:{_gContent:x("Content"),title:B("Heading",$u.title),buttons:{type:"array",label:"Buttons",arrayFields:{label:I("Button"),href:e3(I("Button link")),variant:d1("Style",MF(xY,{}),[{label:"Primary (Theme Color)",value:"primary"},{label:"Outline",value:"outline"}],"outline")},defaultItemProps:{label:"",href:"#",variant:"outline"},getItemSummary:e=>e?.label||"Button"},_gStyle:x("Style"),buttonsAlign:g1("Alignment",MF(bY,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Right",value:"right"}],"right"),...p3("TitleWithButtons")},resolveFields:(e,{fields:t})=>{let a=A2(e.props.title);if(!(!a.hidden&&!!a.text.trim()))return t;let{buttonsAlign:c,...o}=t;return o}};import{jsx as w7,jsxs as ju}from"react/jsx-runtime";function Yu({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:c,imageSrc:o,contained:l,overlay:r=60}){let i=Math.min(Math.max(r,0),100)/100;return w7($0,{contained:l,className:"py-6",children:ju("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:[o&&ju("div",{className:"absolute inset-0","aria-hidden":!0,children:[w7("img",{src:L2(o),alt:"",className:"h-full w-full object-cover"}),w7("div",{className:"absolute inset-0",style:{background:`rgba(0,0,0,${i})`}})]}),ju("div",{className:"relative z-[1] flex max-w-[680px] flex-col gap-5",style:o?{color:"var(--overlay-fg)"}:void 0,children:[e&&w7(H1,{text:e}),t&&w7("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:j(t,!1)}),a&&d0(a).map((n,h)=>w7("p",{className:"text-[length:var(--size-body,16px)] leading-[1.6] opacity-85",children:C(n)},h)),s&&w7("div",{className:"mt-2 self-start",children:w7(G2,{href:c||"#",variant:"primary",children:C(s)})})]})]})})}import{jsx as zY}from"react/jsx-runtime";var LF={label:"Banner",defaultProps:{eyebrow:"",title:"",body:"",imageSrc:"",ctaText:"",ctaHref:"",contained:!0,overlay:60},render:({eyebrow:e,title:t,body:a,imageSrc:s,ctaText:c,ctaHref:o,contained:l,overlay:r,puck:i})=>{let n=Z3(c,o,i);return zY(Yu,{eyebrow:w(e,"Limited release",i),title:w(t,"Banner headline",i),body:w(a,"A line or two of supporting copy.",i),imageSrc:s,overlay:typeof r=="number"?r:60,ctaText:n.text,ctaHref:n.href,contained:l})}};import{jsx as Xu}from"react/jsx-runtime";var yY="sf-button-block",wY={left:"justify-start",center:"justify-center",right:"justify-end"};function Ju({label:e,href:t,variant:a,align:s,contained:c,arrow:o}){let l=rL(o)?{}:{arrow:null};return Xu($0,{contained:c,className:`${yY} py-4`,children:Xu("div",{className:`flex ${wY[s]}`,children:Xu(G2,{href:t||"#",variant:a,...l,children:C(e)})})})}import{jsx as kY}from"react/jsx-runtime";var AF={label:"Button",defaultProps:{label:"",href:"#",variant:"primary",align:"left",contained:!0},render:({label:e,href:t,variant:a,align:s,contained:c,arrow:o,puck:l})=>kY(Ju,{label:B4(e,d2.text,l)??"",href:t,variant:a,align:s,contained:c,arrow:o})};import{jsx as ns,jsxs as Qu}from"react/jsx-runtime";function ed({tabs:e,activeTab:t,links:a,sticky:s=!0,editing:c=!1}){let o=(e??[]).filter(h=>h?.label?.trim()),l=o.length>0?o:c?[{label:"Tab"}]:[],r=(a??[]).filter(h=>h?.label?.trim());if(l.length===0&&r.length===0)return null;let i=t?l.findIndex(h=>h.label.toLowerCase()===t.toLowerCase()):-1,n=i===-1?0:i;return ns("nav",{className:`${s?`${K9} 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:Qu("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:[l.map((h,m)=>{let p=m===n,u=h.count?.trim()?h.count:"";return Qu("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:[B0(h.label),u&&ns("span",{className:"ml-2 text-[length:var(--size-body,12px)] text-accent opacity-70",children:B0(u)}),p&&ns("span",{className:"absolute inset-x-0 -bottom-px h-[2px] bg-accent"})]},m)}),r.length>0&&ns("div",{className:"ml-auto flex border-l border-line",children:r.map((h,m)=>Qu(n0,{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:[B0(h.label)," ",ns("span",{className:"text-accent",children:"\u2197"})]},m))})]})})}import{jsx as SY}from"react/jsx-runtime";var CY=[{label:"All"},{label:A.category},{label:A.category}],MY=[{label:"Archive",href:"#sub-recent-issues"},{label:"RSS",href:"/contact"}],HF={label:"Category bar",defaultProps:{tabs:[],activeTab:"All",links:MY,sticky:!0},render:({tabs:e,activeTab:t,links:a,sticky:s,puck:c})=>SY(ed,{tabs:x1(e,CY,c),activeTab:t1(t),links:a,sticky:s,editing:c?.isEditing})};import{useEffect as hs,useRef as td,useState as Kr}from"react";import{Fragment as TF,jsx as l0,jsxs as l3}from"react/jsx-runtime";var LY=`
|
|
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
|
+
`,AY=`
|
|
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 ${J5.accent}73;
|
|
129
|
+
}
|
|
130
|
+
.loc-part-pick[data-selected]::after {
|
|
131
|
+
box-shadow: inset 0 0 0 2px ${J5.accent};
|
|
132
|
+
}
|
|
133
|
+
@media (prefers-reduced-motion: reduce) {
|
|
134
|
+
.loc-part-pick::after { transition: none; }
|
|
135
|
+
}
|
|
136
|
+
`;function FF({value:e}){if(typeof e=="string"){let t=e.split(`
|
|
137
|
+
`);return l0(TF,{children:t.map((a,s)=>l3("span",{children:[a,s<t.length-1?l0("br",{}):null]},s))})}return l0(TF,{children:e})}function HY(){return l0("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:l3("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:[l0("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1.5"}),l0("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),l0("path",{d:"M21 16l-5-5-4 4-2-2-7 7"})]})})}function ad({sectionNumber:e=o2.sectionNumber,heading:t=o2.heading,tagline:a=o2.tagline,galleryKicker:s=o2.galleryKicker,galleryHint:c=o2.galleryHint,locations:o=Da,apiKey:l="",mapId:r="",mapTheme:i="auto",imageShape:n,editing:h,nodeId:m,...p}){let[u,g]=Kr(!1);hs(()=>{let F=()=>g(document.documentElement.getAttribute("data-theme")==="light");F();let E=new MutationObserver(F);return E.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>E.disconnect()},[]);let[d,f]=Kr(null),v=F=>`loc-${F}`,b=F=>{f(F),typeof document<"u"&&document.getElementById(F)?.scrollIntoView({behavior:X5(),block:"start"}),!h&&typeof window<"u"&&window.history?.replaceState&&window.history.replaceState(null,"",`#${F}`)};hs(()=>{if(typeof window>"u")return;let F=window.location.hash.replace(/^#/,"");!F||!document.getElementById(F)||(f(F),requestAnimationFrame(()=>{document.getElementById(F)?.scrollIntoView({behavior:X5(),block:"start"})}))},[]);let y=ar(dr(n)),{select:z,selectedLocationPartId:k}=Iy(),S=(F,E)=>m?Fh(m,F,E):"",P=(F,E)=>!!(h&&m&&k===S(F,E)),D=(F,E)=>h&&m?`${F}:${E}`:void 0,q=td(null);hs(()=>{if(!h||!m)return;let F=q.current;if(!F)return;let R=Array.from(F.querySelectorAll("[data-loc-pick]")).map(T=>{let G=f9(T),s1=_=>{let U=T.getAttribute("data-loc-pick")??"",[Y,W]=U.split(":");W!=="image"&&W!=="map"||(_.stopPropagation(),_.preventDefault(),z(Fh(m,Number(Y),W)))};return T.addEventListener("click",s1,{capture:!0}),()=>{G?.(),T.removeEventListener("click",s1,{capture:!0})}});return()=>R.forEach(T=>T())},[h,m,z,o.length]);let N=qo(o,F=>String(F.group??""),F=>String(F.groupName??""));return l3("section",{id:"studios",ref:q,className:E0(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:[l0("style",{dangerouslySetInnerHTML:{__html:LY}}),h&&m&&l0("style",{dangerouslySetInnerHTML:{__html:AY}}),(e||t||a)&&l0(V2,{num:e,title:t?j(t,!0):void 0,desc:a?C(a):void 0,spaceBelow:"mb-10"}),o.length>0&&l3("div",{className:"mb-12",children:[(s||c)&&l3("div",{className:"mb-5 flex items-baseline justify-between gap-6 border-b border-line pb-4",children:[s&&l0(H1,{text:s,size:12}),c&&l0("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.22em] text-fg-dim",children:C(c)})]}),l0("div",{className:"flex flex-col gap-6",children:N.map((F,E)=>{let R=F.items.length===1;return l3("div",{children:[F.key&&l0("div",{className:"mb-2.5 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:F.key}),l0("div",{className:["grid gap-[2px] border border-line bg-line",la(F.items.length),F.items.length>1?"max-[700px]:grid-cols-2":""].join(" "),children:F.items.map(({item:T,index:G})=>{let s1=String(T?.name??""),_=String(T?.photo??""),U=v(G);return l3("a",{href:`#${U}`,"aria-label":`Jump to ${s1||"location"} map`,onClick:Y=>{Y.preventDefault(),b(U)},"data-loc-pick":D(G,"image"),className:["group relative block",y,"overflow-hidden bg-bg outline-none focus-visible:ring-2 focus-visible:ring-accent",R?"max-h-[440px]":"",...D(G,"image")?["loc-part-pick"]:[]].join(" "),"data-selected":P(G,"image")?"":void 0,children:[_?l0(Bc,{src:_,alt:p2(s1||"Location"),fill:!0,sizes:R?"100vw":"(max-width: 700px) 50vw, 33vw",className:"object-cover grayscale transition-[filter] duration-500 group-hover:grayscale-0"}):l0(HY,{}),l0("div",{className:"pointer-events-none absolute inset-0",style:{background:"linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.85) 100%)"}}),l0("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:l0("span",{children:s1})})]},G)})})]},F.key?`g:${F.key}`:`ungrouped:${E}`)})})]}),N.map((F,E)=>l3("div",{className:E===0?"":"mt-10",children:[F.key&&l0(Fr,{groupKey:F.key,name:F.name,count:F.items.length}),l0("div",{className:["grid gap-[2px] border border-line bg-line",la(F.items.length),F.items.length>1?"max-[1100px]:grid-cols-1":""].join(" "),children:F.items.map(({item:R,index:T})=>l0(FY,{id:v(T),card:R,active:d===v(T),apiKey:l,mapId:r,mapTheme:i,mapPick:D(T,"map"),mapSelected:P(T,"map")},T))})]},F.key?`g:${F.key}`:`ungrouped:${E}`)),o.length>0&&l3("p",{className:"mt-8 text-right font-mono text-[10px] uppercase tracking-[0.25em] text-fg-dim/50",children:["Location coordinates \xA9"," ",l0("a",{href:"https://www.openstreetmap.org/copyright",target:"_blank",rel:"noopener noreferrer",className:"hover:text-accent",children:"OpenStreetMap contributors"})]})]})}function FY({id:e,card:t,active:a,apiKey:s,mapId:c,mapTheme:o,mapPick:l,mapSelected:r}){let i=t.phone?`tel:${String(t.phone).replace(/[^+\d]/g,"")}`:void 0,n=gr(t.region),h=String(t.state??"").trim()||n.state,m=String(t.country??"").trim()||n.country,p=[h,m].filter(Boolean).join(" \xB7 ");return l3("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:[l3("div",{className:"flex min-h-[280px] flex-col gap-3 border-b border-line px-7 py-7",children:[l3("div",{className:"flex items-start justify-between gap-3.5",children:[l3("div",{children:[t.name&&l0("div",{className:"font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium uppercase leading-none tracking-[-0.02em]",children:t.name}),p&&l0("div",{className:"mt-1.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:p})]}),t.timezone&&l0("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!==""&&l0("div",{className:"mt-1.5 font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:l0(FF,{value:t.address})}),t.phone&&l0("div",{children:l0("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!==""&&l0("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:l0(FF,{value:t.hours})})]}),l0(PY,{name:String(t.name??""),state:h,country:m,lat:Number(t.lat),lng:Number(t.lng),mapsUrl:String(t.mapsUrl??""),apiKey:s,mapId:c,mapTheme:o,pick:l,selected:r})]})}var TY=13;function PY({name:e,state:t,country:a,lat:s,lng:c,mapsUrl:o,apiKey:l,mapId:r,mapTheme:i="auto",pick:n,selected:h}){let m=Ar(l,Sr()),p=Hr(r,Lr()),u=Xa(s,c),g=!!m&&u,d=t,f=td(null),v=td(null),[b,y]=Kr(!1),z=i!=="auto",k=m7(i),[S,P]=Kr(i==="auto"?h7.dark.background:I4(i));hs(()=>{P(I4(i))},[i]),hs(()=>{if(!g)return;let N=f.current;if(!N)return;let F=null,E=null,R=!1,T=null,G=U=>({path:U.SymbolPath.CIRCLE,scale:7,fillColor:qe(i),fillOpacity:1,strokeColor:qe(i),strokeOpacity:.25,strokeWeight:10}),s1=async()=>{try{let U=await Mr(m);if(R||!v.current)return;F=new U.Map(v.current,{center:{lat:s,lng:c},zoom:TY,disableDefaultUI:!0,gestureHandling:"cooperative",keyboardShortcuts:!1,clickableIcons:!1,backgroundColor:I4(i),...p?{mapId:p}:{styles:Ge(i)}}),E=new U.Marker({map:F,position:{lat:s,lng:c},icon:G(U)}),F.addListener("tilesloaded",()=>{R||y(!0)}),i==="auto"&&!p&&(T=kr(()=>{R||!F||(F.setOptions({styles:Ge(i),backgroundColor:I4(i)}),E?.setIcon(G(U)),P(I4(i)))}))}catch(U){console.error("[StudioMap] Maps SDK failed:",U)}},_=new IntersectionObserver(U=>{for(let Y of U)if(Y.isIntersecting){_.disconnect(),s1();break}},{rootMargin:"200px"});return _.observe(N),()=>{R=!0,_.disconnect(),T?.()}},[g,m,s,c,p,i]);let D=o||(e?`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent([e,t,a].filter(Boolean).join(" "))}`:""),q=l3("div",{className:["absolute left-5 top-5 z-10 flex max-w-[64%] flex-col gap-1.5 border p-3.5",z?"":"border-line bg-bg shadow-[0_8px_24px_rgba(0,0,0,.4)]"].join(" "),style:z?{backgroundColor:k.info.bg,borderColor:`color-mix(in oklab, ${k.info.fgDim} 35%, transparent)`,boxShadow:k.info.shadow}:void 0,children:[l3("span",{className:"font-display text-[length:var(--size-body,14px)] font-medium tracking-[-0.01em]",style:z?{color:k.info.fg}:void 0,children:[e||"Location",d?`, ${d}`:""]}),D&&l0("a",{href:D,target:"_blank",rel:"noopener noreferrer",className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] transition-colors",z?"":"text-accent hover:text-fg"].join(" "),style:z?{color:k.info.accent}:void 0,children:"Get Directions \u2197"})]});if(!g){let N=z?`linear-gradient(135deg, ${k.background}, ${k.info.bg})`:"linear-gradient(135deg, var(--surface-2), var(--surface))";return l3("div",{"data-loc-pick":n,className:["relative overflow-hidden max-[1100px]:aspect-square",z?"":"bg-bg",...n?["loc-part-pick"]:[]].join(" "),"data-selected":h?"":void 0,style:{...z?{backgroundColor:k.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), ${N}`},children:[q,l0("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]",z?"":"text-fg-dim/40"].join(" "),style:z?{color:k.info.fgDim,opacity:.4}:void 0,children:m?"Add latitude & longitude":"Add a Google Maps API key"})]})}return l3("div",{ref:f,"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:S},children:[l0("div",{ref:v,className:"gmap-canvas absolute inset-0"}),l0("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 EY}from"react/jsx-runtime";var PF={label:"Contact / Locations",defaultProps:{sectionNumber:o2.sectionNumber,heading:o2.heading,tagline:o2.tagline,galleryKicker:o2.galleryKicker,galleryHint:o2.galleryHint,locations:Da,apiKey:o2.apiKey,mapId:o2.mapId,mapTheme:o2.mapTheme},render:e=>EY(ad,{sectionNumber:J0(e.sectionNumber,o2.sectionNumber,e.puck),heading:J0(e.heading,o2.heading,e.puck),tagline:J0(e.tagline,o2.tagline,e.puck),galleryKicker:J0(e.galleryKicker,o2.galleryKicker,e.puck),galleryHint:J0(e.galleryHint,o2.galleryHint,e.puck),locations:e.locations??Da,apiKey:t1(e.apiKey),mapId:t1(e.mapId),mapTheme:e.mapTheme??o2.mapTheme,imageShape:e.imageShape,editing:e.puck?.isEditing,nodeId:e.puck?.isEditing?e.id:void 0})};var hd=YZ(XF());hd.default.addHook("afterSanitizeAttributes",e=>{e.tagName==="A"&&e.getAttribute("target")==="_blank"&&e.setAttribute("rel","noopener noreferrer")});function JF(e){return hd.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 dX}from"react/jsx-runtime";var QF={label:"Custom HTML",defaultProps:{html:`<section>
|
|
138
|
+
<h2>Custom section</h2>
|
|
139
|
+
</section>`},render:({html:e})=>dX("div",{dangerouslySetInnerHTML:{__html:JF(e??"")}})};import{jsx as md}from"react/jsx-runtime";var gX={sm:"my-6",md:"my-12",lg:"my-20"};function pd({spacing:e,contained:t,style:a=g8}){let s=LL(SL(a));return md($0,{contained:t,className:gX[e],children:s?md("hr",{className:"border-x-0 border-y border-line",style:{height:ML,backgroundImage:s}}):md("hr",{className:"border-0 border-t border-line"})})}import{jsx as vX}from"react/jsx-runtime";var eT={label:"Divider",defaultProps:{style:g8,spacing:"md",contained:!0},render:({spacing:e,contained:t,style:a})=>vX(pd,{spacing:e,contained:t,style:a})};import{jsx as bX}from"react/jsx-runtime";var fX={left:"",center:"justify-center",right:"justify-end"};function ud({text:e,align:t="left",look:a=No}){return bX(H1,{text:e,look:a,classNameAfter:a==="line"?fX[t]:""})}import{Fragment as xX,jsx as tT}from"react/jsx-runtime";var aT={label:"Eyebrow",defaultProps:{eyebrow:"",align:"left"},render:({eyebrow:e,align:t,eyebrowLook:a,puck:s})=>A2(e).hidden?tT(xX,{}):tT(ud,{text:B4(t1(e),A.eyebrow,s)??"",align:t,look:Zy(a)})};import{jsx as dd}from"react/jsx-runtime";var zX={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]"}},yX="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]",wX={left:"text-left",center:"text-center",right:"text-right"};function gd({level:e,text:t,align:a,contained:s,hero:c=!1}){if(c)return dd("h1",{className:yX,children:j(t,!1)});let o=`h${e}`,l=zX[e],r=D6(void 0,l.size,l.role,l.step),i=l.sizeMobile?D6(void 0,l.sizeMobile,l.role,l.step):void 0,n={"--heading-size":r,...i?{"--heading-size-m":i}:{}},h=l.rank===2?"[font-weight:var(--sf-heading-2-weight,var(--sf-heading-weight,500))]":l.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)]",l.leading,i?"max-[800px]:text-[length:var(--heading-size-m)]":""].filter(Boolean).join(" ");return dd($0,{contained:s,className:"py-6",children:dd(o,{className:`font-display ${h} tracking-[-0.03em] text-fg ${m} ${wX[a]}`,style:n,children:j(t,!1)})})}import{Fragment as kX,jsx as sT}from"react/jsx-runtime";var cT={label:"Heading",defaultProps:{text:"",level:"2",align:"left",contained:!0},render:({text:e,level:t,align:a,contained:s,puck:c})=>A2(e).hidden?sT(kX,{}):sT(gd,{text:B4(t1(e),A.heading,c)??"",level:t,align:a,contained:s})};import{jsx as _8}from"react/jsx-runtime";var CX={auto:"","21/9":"aspect-[21/9]","16/9":"aspect-[16/9]","4/3":"aspect-[4/3]","1/1":"aspect-square"};function vd({src:e,alt:t,aspect:a,contained:s,grayscale:c,href:o,width:l,fit:r,focal:i,corners:n,cornerSides:h}){let m=Fe(c,je()),p=FH(l),u=Ue(r,"cover"),g=Gz(n,h),d={...m.style??{},...i&&_r(a,u)?{objectPosition:i}:{}},f=e?_8("img",{src:L2(e),alt:t,className:`h-full w-full ${a==="auto"?"":KA(u)}${m.className?` ${m.className}`:""}`,...Object.keys(d).length?{style:d}:{}}):_8("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"}),v=(o??"").trim(),b=v&&e?v.startsWith("/")?_8(n0,{href:v,className:"block h-full w-full",children:f}):_8("a",{href:v,className:"block h-full w-full",children:f}):f;return _8($0,{contained:s,className:"py-6",children:_8("figure",{...p?{style:p}:{},children:_8("div",{className:`relative w-full overflow-hidden bg-surface ${CX[a]}`,...g?{style:g}:{},children:b})})})}import{jsx as MX}from"react/jsx-runtime";var oT={label:"Image",defaultProps:{src:"",alt:"",aspect:"16/9",contained:!1},render:({src:e,alt:t,aspect:a,contained:s,grayscale:c,href:o,width:l,fit:r,focal:i,corners:n,cornerSides:h})=>MX(vd,{src:e,alt:t,aspect:a,contained:s,grayscale:c,href:o,width:l,fit:r,focal:i,corners:n,cornerSides:h})};var F1='<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>',T1='</title><path d="',P1='"/></svg>';var lT={title:"Adyen",slug:"adyen",get svg(){return F1+"Adyen"+T1+this.path+P1},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 rT={title:"Afterpay",slug:"afterpay",get svg(){return F1+"Afterpay"+T1+this.path+P1},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 iT={title:"Aircall",slug:"aircall",get svg(){return F1+"Aircall"+T1+this.path+P1},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 fd={title:"American Express",slug:"americanexpress",get svg(){return F1+"American Express"+T1+this.path+P1},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 nT={title:"Apple Pay",slug:"applepay",get svg(){return F1+"Apple Pay"+T1+this.path+P1},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 hT={title:"BigCommerce",slug:"bigcommerce",get svg(){return F1+"BigCommerce"+T1+this.path+P1},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 mT={title:"Brevo",slug:"brevo",get svg(){return F1+"Brevo"+T1+this.path+P1},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 pT={title:"Calendly",slug:"calendly",get svg(){return F1+"Calendly"+T1+this.path+P1},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 uT={title:"Campaign Monitor",slug:"campaignmonitor",get svg(){return F1+"Campaign Monitor"+T1+this.path+P1},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 dT={title:"DHL",slug:"dhl",get svg(){return F1+"DHL"+T1+this.path+P1},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 gT={title:"Dropbox",slug:"dropbox",get svg(){return F1+"Dropbox"+T1+this.path+P1},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 vT={title:"eBay",slug:"ebay",get svg(){return F1+"eBay"+T1+this.path+P1},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 fT={title:"Etsy",slug:"etsy",get svg(){return F1+"Etsy"+T1+this.path+P1},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 bT={title:"Facebook",slug:"facebook",get svg(){return F1+"Facebook"+T1+this.path+P1},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 xT={title:"FedEx",slug:"fedex",get svg(){return F1+"FedEx"+T1+this.path+P1},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 zT={title:"Gmail",slug:"gmail",get svg(){return F1+"Gmail"+T1+this.path+P1},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 yT={title:"Google Ads",slug:"googleads",get svg(){return F1+"Google Ads"+T1+this.path+P1},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 wT={title:"Google Analytics",slug:"googleanalytics",get svg(){return F1+"Google Analytics"+T1+this.path+P1},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 kT={title:"Google Calendar",slug:"googlecalendar",get svg(){return F1+"Google Calendar"+T1+this.path+P1},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 CT={title:"Google Drive",slug:"googledrive",get svg(){return F1+"Google Drive"+T1+this.path+P1},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 MT={title:"Google Pay",slug:"googlepay",get svg(){return F1+"Google Pay"+T1+this.path+P1},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 ST={title:"Google Sheets",slug:"googlesheets",get svg(){return F1+"Google Sheets"+T1+this.path+P1},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 LT={title:"HubSpot",slug:"hubspot",get svg(){return F1+"HubSpot"+T1+this.path+P1},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 AT={title:"Instagram",slug:"instagram",get svg(){return F1+"Instagram"+T1+this.path+P1},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 HT={title:"Intercom",slug:"intercom",get svg(){return F1+"Intercom"+T1+this.path+P1},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 FT={title:"Klarna",slug:"klarna",get svg(){return F1+"Klarna"+T1+this.path+P1},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 TT={title:"MailChimp",slug:"mailchimp",get svg(){return F1+"MailChimp"+T1+this.path+P1},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"},PT={title:"Mailgun",slug:"mailgun",get svg(){return F1+"Mailgun"+T1+this.path+P1},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 ET={title:"Make",slug:"make",get svg(){return F1+"Make"+T1+this.path+P1},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 VT={title:"MasterCard",slug:"mastercard",get svg(){return F1+"MasterCard"+T1+this.path+P1},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 NT={title:"Messenger",slug:"messenger",get svg(){return F1+"Messenger"+T1+this.path+P1},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"},bd={title:"Meta",slug:"meta",get svg(){return F1+"Meta"+T1+this.path+P1},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 _T={title:"MYOB",slug:"myob",get svg(){return F1+"MYOB"+T1+this.path+P1},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 BT={title:"Notion",slug:"notion",get svg(){return F1+"Notion"+T1+this.path+P1},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 RT={title:"PayPal",slug:"paypal",get svg(){return F1+"PayPal"+T1+this.path+P1},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 IT={title:"Pinterest",slug:"pinterest",get svg(){return F1+"Pinterest"+T1+this.path+P1},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 ZT={title:"QuickBooks",slug:"quickbooks",get svg(){return F1+"QuickBooks"+T1+this.path+P1},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 DT={title:"Sage",slug:"sage",get svg(){return F1+"Sage"+T1+this.path+P1},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 OT={title:"Shopify",slug:"shopify",get svg(){return F1+"Shopify"+T1+this.path+P1},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 GT={title:"Square",slug:"square",get svg(){return F1+"Square"+T1+this.path+P1},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 qT={title:"Squarespace",slug:"squarespace",get svg(){return F1+"Squarespace"+T1+this.path+P1},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 WT={title:"Stripe",slug:"stripe",get svg(){return F1+"Stripe"+T1+this.path+P1},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 UT={title:"Telegram",slug:"telegram",get svg(){return F1+"Telegram"+T1+this.path+P1},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 KT={title:"TikTok",slug:"tiktok",get svg(){return F1+"TikTok"+T1+this.path+P1},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 $T={title:"Trello",slug:"trello",get svg(){return F1+"Trello"+T1+this.path+P1},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 jT={title:"UPS",slug:"ups",get svg(){return F1+"UPS"+T1+this.path+P1},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 YT={title:"Visa",slug:"visa",get svg(){return F1+"Visa"+T1+this.path+P1},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 XT={title:"Vonage",slug:"vonage",get svg(){return F1+"Vonage"+T1+this.path+P1},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 JT={title:"WhatsApp",slug:"whatsapp",get svg(){return F1+"WhatsApp"+T1+this.path+P1},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 QT={title:"Wise",slug:"wise",get svg(){return F1+"Wise"+T1+this.path+P1},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 eP={title:"Wix",slug:"wix",get svg(){return F1+"Wix"+T1+this.path+P1},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 tP={title:"WooCommerce",slug:"woocommerce",get svg(){return F1+"WooCommerce"+T1+this.path+P1},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 aP={title:"Xero",slug:"xero",get svg(){return F1+"Xero"+T1+this.path+P1},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 sP={title:"YouTube",slug:"youtube",get svg(){return F1+"YouTube"+T1+this.path+P1},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 cP={title:"Zapier",slug:"zapier",get svg(){return F1+"Zapier"+T1+this.path+P1},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 oP={title:"Zendesk",slug:"zendesk",get svg(){return F1+"Zendesk"+T1+this.path+P1},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 lP={title:"Zoom",slug:"zoom",get svg(){return F1+"Zoom"+T1+this.path+P1},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 SX={adyen:lT,afterpay:rT,aircall:iT,americanexpress:fd,amex:fd,applepay:nT,bigcommerce:hT,brevo:mT,calendly:pT,campaignmonitor:uT,dhl:dT,dropbox:gT,ebay:vT,etsy:fT,facebook:bT,fedex:xT,gmail:zT,googleads:yT,googleanalytics:wT,googlecalendar:kT,googledrive:CT,googlepay:MT,googlesheets:ST,hubspot:LT,instagram:AT,intercom:HT,klarna:FT,mailchimp:TT,mailgun:PT,make:ET,mastercard:VT,messenger:NT,meta:bd,metaads:bd,myob:_T,notion:BT,paypal:RT,pinterest:IT,quickbooks:ZT,sage:DT,shopify:OT,square:GT,squarespace:qT,stripe:WT,telegram:UT,tiktok:KT,trello:$T,ups:jT,visa:YT,vonage:XT,whatsapp:JT,wise:QT,wix:eP,woocommerce:tP,xero:aP,youtube:sP,zapier:cP,zendesk:oP,zoom:lP};function rP(e){return SX[e.toLowerCase().replace(/[^a-z0-9]/g,"")]??null}import{jsx as L3,jsxs as jr}from"react/jsx-runtime";function LX(e,t){let a=Array.from({length:t},()=>[]);return e.forEach((s,c)=>a[c%t].push(s)),a.filter(s=>s.length>0)}function AX({name:e}){let t=rP(e);return jr("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&&L3("svg",{viewBox:"0 0 24 24",className:"h-[16px] w-[16px] flex-shrink-0 fill-current text-fg/85","aria-hidden":!0,children:L3("path",{d:t.path})}),L3("span",{className:"text-[13px] font-medium tracking-wide text-fg/75",children:e})]})}function HX({names:e,reverse:t}){return L3("div",{className:"overflow-hidden","aria-hidden":!1,children:L3("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=>L3("div",{className:"flex gap-3","aria-hidden":a===1,children:e.map((s,c)=>L3(AX,{name:s},c))},a))})})}function xd({eyebrow:e,title:t,body:a,apps:s,statValue:c,statLabel:o,note:l,editing:r=!1}={}){let i=(s??[]).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=LX(i,3);return jr("section",{className:"relative z-[2] overflow-hidden border-y border-line bg-surface py-[76px]",children:[jr("div",{className:"mx-auto mb-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(e??"").trim()&&L3("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:C(e??"")}),(t??"").trim()&&L3("h2",{className:"mt-5 font-display text-[40px] font-medium uppercase leading-[1.04] tracking-[-0.02em] text-fg max-[800px]:text-[30px]",children:j(t??"",!1)}),(a??"").trim()&&L3("p",{className:"mx-auto mt-5 max-w-[60ch] text-[15px] leading-relaxed text-fg/65",children:a})]}),h.length>0&&L3("div",{className:"flex flex-col gap-3",children:h.map((m,p)=>L3(HX,{names:m,reverse:p%2===1},p))}),((c??"").trim()||(l??"").trim())&&jr("div",{className:"mx-auto mt-12 max-w-[860px] px-10 text-center max-[960px]:px-6",children:[(c??"").trim()&&L3("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:c}),(o??"").trim()&&L3("div",{className:"mt-2 font-display text-[18px] font-medium uppercase tracking-[0.06em] text-fg",children:C(o??"")}),(l??"").trim()&&L3("p",{className:"mx-auto mt-4 max-w-[52ch] text-[13px] leading-relaxed text-fg/50",children:l})]})]})}import{jsx as FX}from"react/jsx-runtime";var iP={label:"Integrations Grid",defaultProps:{eyebrow:"",title:"",body:"",apps:[],statValue:"",statLabel:"",note:""},render:({eyebrow:e,title:t,body:a,apps:s,statValue:c,statLabel:o,note:l,puck:r})=>FX(xd,{eyebrow:w(e,"Integrations",r),title:w(t,`Plays well with
|
|
140
|
+
*your favourite apps.*`,r),body:a,apps:s,statValue:c,statLabel:o,note:l,editing:r?.isEditing})};import{useContext as TX}from"react";import{jsx as nP}from"react/jsx-runtime";function zd({src:e,alt:t,href:a,heightPx:s=Y6,reverse:c=!0}){let o=oo(),l=(e??"").trim(),r=l?{src:L2(l),reversedSrc:null,inkIsDark:null,wordmark:t?.trim()||null}:{src:o.src,reversedSrc:o.reversedSrc,inkIsDark:o.inkIsDark,wordmark:o.wordmark},i=TX($p),n=zl(),h=nP(se,{variant:"footer",sizePx:s,src:r.src,reverse:c,reversedSrc:r.reversedSrc,inkIsDark:r.inkIsDark,wordmark:r.wordmark,siteName:o.siteName,fitToContainer:n,...i?.dark?{onLightSurface:!1}:{}});return a?nP(n0,{href:a,className:"inline-flex",children:h}):h}import{jsx as PX}from"react/jsx-runtime";var hP={label:"Logo",defaultProps:{heightPx:Y6,reverse:"auto"},render:({src:e,alt:t,href:a,heightPx:s,reverse:c})=>PX(zd,{src:e||void 0,alt:A2(t).text||void 0,href:a||void 0,heightPx:s,reverse:c!=="off"})};import{jsx as gs,jsxs as EX}from"react/jsx-runtime";function yd({items:e,contained:t,heading:a,columns:s,grayscale:c,logoHeight:o,bandPadding:l}){let r=s!=null?{flex:`0 0 calc((100% - ${(s-1)*3.5}rem) / ${s})`}:void 0;return EX($0,{contained:t,className:l==null?"py-10":"",style:l==null?void 0:{paddingTop:`${l}px`,paddingBottom:`${l}px`},children:[a!=null&&a!==""?gs("h2",{className:"mb-8 text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:j(a,!1)}):null,gs("div",{className:"flex flex-wrap items-center justify-center gap-x-14 gap-y-8",children:(e??[]).map((i,n)=>gs("div",{className:"text-center",style:r,children:i.src?gs("img",{src:L2(i.src),alt:i.alt,className:["mx-auto w-auto opacity-60 transition-opacity hover:opacity-100",o==null?"h-7":"",c===!1?"":"grayscale"].filter(Boolean).join(" "),style:o==null?void 0:{height:`${o}px`}}):gs("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:B0(i.alt||"Logo")})},n))})]})}import{jsx as NX}from"react/jsx-runtime";var VX=[{src:"",alt:"Logo one"},{src:"",alt:"Logo two"},{src:"",alt:"Logo three"},{src:"",alt:"Logo four"},{src:"",alt:"Logo five"}],mP={label:"Logos",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,logoHeight:c,bandPadding:o,grayscale:l,puck:r})=>NX(yd,{items:x1(e,VX,r),contained:t,heading:w(a,"Trusted by *teams worldwide*",r),columns:s,logoHeight:c,bandPadding:o,grayscale:l})};import{jsx as pP,jsxs as _X}from"react/jsx-runtime";function wd({target:e,label:t}){let a=e.match(/^(\d+)(.*)$/),s=a?parseInt(a[1],10):0,c=a?a[2]:"",{ref:o,value:l}=Ye(s),r=a?l+c:e;return _X("div",{ref:o,className:"min-w-0",children:[pP("div",{className:"font-heading2 text-[length:var(--size-headingMedium,40px)] font-medium leading-none tracking-[-0.02em] tabular-nums","aria-label":e,children:r}),pP("div",{className:"mt-1 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:t})]})}import{jsx as g6,jsxs as uP}from"react/jsx-runtime";function kd({eyebrow:e,heading:t,body:a,stats:s,imageSrc:c,grayscale:o,...l}={}){let r=Fe(o,je()),i=e||null,n=t||null,h=a||null,m=(s??[]).filter(p=>(p.value??"").trim()!==""||(p.label??"").trim()!=="");return g6("section",{className:"relative z-[2] bg-bg p-0",children:uP("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:[g6("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:uP("div",{className:E0(l)?"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&&g6(H1,{text:i,size:14}),n!==null&&g6("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:j(n,!0)}),h!==null&&d0(h).map((p,u)=>g6("p",{className:"max-w-[520px] text-[length:var(--size-body,16px)] leading-[1.7] text-fg-dim",children:C(p)},u)),m.length>0&&g6("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)=>g6(wd,{target:p.value??"",label:p.label??""},u))})]})}),g6("div",{className:"sf-card relative flex items-center justify-center bg-surface overflow-hidden max-[960px]:aspect-[4/3]",children:g6(k0,{label:"manifesto",src:c||void 0,objectFit:"cover",objectPosition:"center",treatment:r})})]})})}import{jsx as RX}from"react/jsx-runtime";var BX=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],dP={label:"Brand Text",defaultProps:{eyebrow:"",imageSrc:"",stats:[]},render:({eyebrow:e,heading:t,body:a,stats:s,imageSrc:c,grayscale:o,widthMode:l,fullWidth:r,pageWidth:i,puck:n})=>RX(kd,{eyebrow:J0(e,A.eyebrow,n),heading:J0(t,A.heading,n),body:J0(a,A.body,n),stats:x1(s,BX,n),imageSrc:c||void 0,grayscale:o,widthMode:l,fullWidth:r,pageWidth:i})};import{Fragment as fP,jsx as z1,jsxs as D0}from"react/jsx-runtime";var Cd="#ffffff",y5="#16181d",M7="#5b6470",Yr="#9aa3ae",tt="#f4f6f8",B8="#e3e7ec",Xr="#1f9d55";function IX({rows:e}){return z1("div",{className:"flex flex-col gap-3",children:e.map((t,a)=>{let s=t.state??"ok",c=s==="no";return D0("div",{className:"flex items-center gap-3 rounded-lg border px-4 py-3",style:{background:c?"#fbfbfc":tt,borderColor:B8},children:[s==="no"?z1("span",{"aria-hidden":!0,className:"text-[15px] font-bold",style:{color:Yr},children:"\u2715"}):z1("span",{"aria-hidden":!0,className:"h-[11px] w-[11px] flex-shrink-0 rounded-full",style:{background:s==="warn"?"var(--accent)":Xr}}),z1("span",{className:"text-[14px] font-semibold",style:{color:c?Yr:y5},children:t.lead}),z1("span",{className:"text-[13px]",style:{color:c?Yr:M7},children:t.detail}),(t.status??"").trim()&&z1("span",{className:"ml-auto whitespace-nowrap text-[12px] font-bold",style:{color:s==="ok"?Xr:s==="warn"?"var(--accent)":Yr},children:t.status})]},a)})})}var gP=["#c7cdd5","var(--accent)","#c7cdd5",Xr];function ZX({columns:e}){return z1("div",{className:"grid gap-2 rounded-xl p-3",style:{background:tt,gridTemplateColumns:`repeat(${e.length}, minmax(0, 1fr))`},children:e.map((t,a)=>D0("div",{className:"flex flex-col gap-2",children:[D0("div",{className:"flex items-baseline justify-between px-1",children:[z1("span",{className:"font-mono text-[9px] font-semibold uppercase tracking-[0.14em]",style:{color:M7},children:t.title}),z1("span",{className:"font-mono text-[9px] font-bold",style:{color:"var(--accent)"},children:t.cards.length})]}),t.cards.map((s,c)=>D0("div",{className:"rounded-md border px-2.5 py-2",style:{background:Cd,borderColor:a===e.length-1?"#bfe3ce":B8},children:[z1("span",{"aria-hidden":!0,className:"mb-1.5 block h-[8px] w-[8px] rounded-full",style:{background:gP[a%gP.length]}}),z1("span",{className:"block text-[11px] font-semibold leading-snug",style:{color:y5},children:s})]},c))]},a))})}function DX({heading:e,bars:t}){let a=Math.max(...t.map(c=>c.value),0)||1,s=t.findIndex(c=>c.value===a);return D0("div",{className:"border-t pt-4",style:{borderColor:B8},children:[e.trim()&&z1("div",{className:"mb-3 font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:M7},children:e}),z1("div",{className:"flex flex-col gap-2.5",children:t.map((c,o)=>D0("div",{className:"flex items-center gap-3",children:[z1("span",{className:"w-[84px] flex-shrink-0 text-[12px] font-bold",style:{color:y5},children:c.label}),z1("span",{className:"h-[12px] rounded-full",style:{width:`${Math.max(c.value/a*60,4)}%`,background:o===s?"var(--accent)":o%2?"#c7cdd5":"#9aa3ae"}}),D0("span",{className:"text-[12px]",style:{color:M7},children:[c.value,"%"]})]},o))})]})}function vP({size:e}){let t=e/2;return D0("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,"aria-hidden":!0,children:[z1("circle",{cx:t,cy:t,r:t*.82,fill:"none",stroke:"#9aa3ae",strokeWidth:"2.5"}),z1("circle",{cx:t,cy:t,r:t*.5,fill:"none",stroke:"var(--accent)",strokeWidth:"2"}),z1("circle",{cx:t,cy:t,r:t*.14,fill:"var(--accent)"})]})}function OX({header:e,lines:t}){return D0("div",{style:{background:"#0c0e11"},children:[D0("div",{className:"relative flex items-center gap-2 px-4 py-3",style:{background:"#161a20"},children:[z1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),z1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),z1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&z1("span",{className:"absolute inset-x-0 text-center font-mono text-[11px]",style:{color:"rgba(244,246,242,0.45)"},children:e})]}),D0("div",{className:"flex flex-col gap-1.5 px-5 py-5 font-mono text-[13px] leading-relaxed",children:[t.map((a,s)=>a.startsWith("$ ")?D0("div",{children:[z1("span",{style:{color:"var(--accent)"},children:"$ "}),z1("span",{style:{color:"#f4f6f2"},children:a.slice(2)})]},s):a.startsWith("\u2713")?z1("div",{style:{color:"#6fcf7e"},children:a},s):z1("div",{style:{color:"rgba(244,246,242,0.55)"},children:a},s)),z1("div",{"aria-hidden":!0,className:"mt-1 h-[15px] w-[8px]",style:{background:"var(--accent)"}})]})]})}function GX({urlText:e,heroTitle:t,heroButton:a,products:s}){return D0("div",{children:[D0("div",{className:"flex items-center gap-2 px-4 py-3",style:{background:tt},children:[z1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#e85d5d"}}),z1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#efc65a"}}),z1("span",{"aria-hidden":!0,className:"h-[10px] w-[10px] rounded-full",style:{background:"#6fcf7e"}}),e.trim()&&z1("span",{className:"mx-auto rounded-full border px-6 py-1 text-[11px]",style:{background:Cd,borderColor:B8,color:M7},children:e}),z1("span",{className:"w-[54px]","aria-hidden":!0})]}),D0("div",{className:"relative overflow-hidden px-5 py-6",style:{background:y5},children:[z1("div",{className:"absolute -right-4 top-1/2 -translate-y-1/2 opacity-90",children:z1(vP,{size:104})}),t.trim()&&z1("div",{className:"max-w-[240px] text-[15px] font-bold uppercase leading-snug tracking-wide text-white",children:t}),a.trim()&&z1("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})]}),s.length>0&&z1("div",{className:"grid grid-cols-3 gap-3 p-4",children:s.map((c,o)=>D0("div",{className:"overflow-hidden rounded-lg border",style:{borderColor:B8},children:[z1("div",{className:"flex items-center justify-center py-3",style:{background:tt},children:z1(vP,{size:56})}),D0("div",{className:"flex flex-col gap-1 p-2.5",children:[z1("span",{className:"text-[10.5px] font-bold leading-tight",style:{color:y5},children:c.name}),z1("span",{className:"text-[11px] font-bold",style:{color:"var(--accent)"},children:c.price}),z1("span",{className:"mt-0.5 rounded px-2 py-1 text-center text-[9px] font-bold text-white",style:{background:y5},"aria-hidden":!0,children:"Add to cart"})]})]},o))})]})}function Md({eyebrow:e,title:t,body:a,variant:s="spec-card",cardHeader:c,badge:o,cardTitle:l,cardSubtitle:r,pills:i,tiles:n,rows:h,button:m,footnote:p,col1Title:u,col1Cards:g,col2Title:d,col2Cards:f,col3Title:v,col3Cards:b,col4Title:y,col4Cards:z,barsHeading:k,bars:S,termLines:P,urlText:D,heroTitle:q,heroButton:N,products:F,align:E="right",editing:R=!1}={}){let T=(i??[]).filter(O=>R||(O.value??"").trim()),G=(n??[]).filter(O=>R||(O.label??"").trim()),s1=(h??[]).filter(O=>R||(O.lead??"").trim()),_=[[u,g],[d,f],[v,b],[y,z]].map(([O,e1])=>({title:(O??"").trim(),cards:(e1??[]).map(p1=>(p1.text??"").trim()).filter(Boolean)})).filter(O=>O.title||O.cards.length>0),U=(S??[]).map(O=>({label:(O.label??"").trim(),value:parseFloat(O.value??"")})).filter(O=>O.label&&Number.isFinite(O.value)),Y=(P??[]).map(O=>O.text??"").filter(O=>R||O.trim()),W=(F??[]).map(O=>({name:(O.name??"").trim(),price:(O.price??"").trim()})).filter(O=>O.name),Q=!!(e??"").trim()||!!(t??"").trim(),b1=!!(c??"").trim()||!!(l??"").trim()||T.length>0||G.length>0||s1.length>0||_.length>0||U.length>0||W.length>0||Y.length>0||!!(q??"").trim();if(!R&&!Q&&!b1)return null;let v1=D0("div",{className:`w-full overflow-hidden rounded-2xl shadow-[0_24px_60px_rgba(0,0,0,0.35)] ${s==="kanban"||s==="browser"||s==="terminal"?"max-w-[600px]":"max-w-[520px]"}`,style:{background:Cd},children:[s!=="terminal"&&(c??"").trim()&&D0("div",{className:"flex items-center justify-between px-6 py-4",style:{background:y5},children:[z1("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-white",children:c}),(o??"").trim()&&D0("span",{className:"flex items-center gap-2 font-mono text-[11px] font-semibold uppercase tracking-[0.16em] text-white",children:[z1("span",{"aria-hidden":!0,className:"h-[9px] w-[9px] rounded-full",style:{background:Xr}}),o]})]}),s==="terminal"?z1(OX,{header:c??"",lines:Y}):s==="browser"?z1(GX,{urlText:D??"",heroTitle:q??"",heroButton:N??"",products:W}):D0("div",{className:"flex flex-col gap-5 p-6",children:[((l??"").trim()||(r??"").trim())&&D0("div",{children:[(l??"").trim()&&z1("div",{className:"text-[22px] font-bold leading-tight",style:{color:y5},children:l}),(r??"").trim()&&z1("div",{className:"mt-1 text-[14px]",style:{color:M7},children:r})]}),s==="fitment"&&T.length>0&&z1("div",{className:"flex flex-wrap gap-2.5",children:T.map((O,e1)=>D0("span",{className:"flex items-baseline gap-2 rounded-full border px-4 py-2",style:{background:tt,borderColor:B8},children:[z1("span",{className:"text-[11px]",style:{color:M7},children:O.label}),z1("span",{className:"text-[13px] font-bold",style:{color:y5},children:O.value})]},e1))}),s!=="fitment"&&G.length>0&&z1("div",{className:"grid grid-cols-2 gap-3",children:G.map((O,e1)=>D0("div",{className:"rounded-lg px-4 py-3",style:{background:tt},children:[z1("div",{className:"font-mono text-[10px] font-semibold uppercase tracking-[0.18em]",style:{color:M7},children:O.label}),z1("div",{className:"mt-1 text-[17px] font-bold",style:{color:y5},children:O.value})]},e1))}),s1.length>0&&z1(IX,{rows:s1}),(m??"").trim()&&z1("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}),s==="kanban"&&_.length>0&&z1(ZX,{columns:_}),s==="claims"&&U.length>0&&z1(DX,{heading:k??"",bars:U}),(p??"").trim()&&z1("div",{className:"border-t pt-4",style:{borderColor:B8},children:z1("span",{className:"text-[15px] font-bold",style:{color:"var(--accent)"},children:p})})]})]}),G1=D0("div",{children:[(e??"").trim()&&z1("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:C(e??"")}),(t??"").trim()&&z1("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:j(t??"",!1)}),(a??"").trim()&&z1("p",{className:"mt-5 max-w-[46ch] text-[15px] leading-relaxed text-fg/65",children:a})]});return z1("section",{className:"relative z-[2] border-y border-line bg-surface",children:z1("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:E==="left"?D0(fP,{children:[z1("div",{className:"flex justify-center min-[960px]:justify-start",children:v1}),G1]}):D0(fP,{children:[G1,z1("div",{className:"flex justify-center min-[960px]:justify-end",children:v1})]})})})}import{jsx as qX}from"react/jsx-runtime";var bP={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:s,cardHeader:c,badge:o,cardTitle:l,cardSubtitle:r,pills:i,tiles:n,rows:h,button:m,footnote:p,col1Title:u,col1Cards:g,col2Title:d,col2Cards:f,col3Title:v,col3Cards:b,col4Title:y,col4Cards:z,barsHeading:k,bars:S,termLines:P,urlText:D,heroTitle:q,heroButton:N,products:F,align:E,puck:R})=>qX(Md,{eyebrow:w(e,"In the product",R),title:w(t,`Seen from
|
|
141
|
+
*the counter.*`,R),body:a,variant:s,cardHeader:c,badge:o,cardTitle:l,cardSubtitle:r,pills:i,tiles:n,rows:h,button:m,footnote:p,col1Title:u,col1Cards:g,col2Title:d,col2Cards:f,col3Title:v,col3Cards:b,col4Title:y,col4Cards:z,barsHeading:k,bars:S,termLines:P,urlText:D,heroTitle:q,heroButton:N,products:F,align:E,editing:R?.isEditing})};import{jsx as S7}from"react/jsx-runtime";var xP={label:"Section Header",defaultProps:{headStyle:ls,num:"01 / Section",numStyle:u8,title:"Section *title*",description:"",logoSrc:"",logoAlt:"",linkText:"",linkHref:"",fullWidth:!0,pageWidth:y9.default},render:({headStyle:e,num:t,numStyle:a,eyebrowLook:s,title:c,description:o,logoSrc:l,logoAlt:r,linkText:i,linkHref:n,rowGap:h,descriptionSize:m,widthMode:p,fullWidth:u,pageWidth:g,puck:d})=>{let f=w(i,"View all",d),v=Z2({widthMode:p,fullWidth:u,pageWidth:g},"full"),b=Gr(e);return S7("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:S7("div",{className:v.mode==="page"?Ya:void 0,children:b==="editorial"?S7(V2,{num:w(t,"01 / Section",d),title:(()=>{let y=w(c,"Section *title*",d);return y?j(y,!0):void 0})(),desc:(()=>{let y=w(o,"Short supporting line",d);return y?C(y):void 0})(),spaceBelow:""}):b==="simple"?S7(Q1,{look:"simple",num:w(t,"01 / Section",d),title:w(c,"Section *title*",d),eyebrowLook:J3(s,"SectionHeader")}):b==="statement"?S7(Q1,{look:"statement",num:w(t,"01 / Section",d),title:w(c,"Section *title*",d),eyebrowLook:J3(s,"SectionHeader")}):b==="natural"?S7(Q1,{look:"natural",num:w(t,"01 / Section",d),title:w(c,"Section *title*",d),description:w(o,"Short supporting line",d),eyebrowLook:J3(s,"SectionHeader"),rowGap:IH(h),descriptionSize:ZH(m)}):b==="essay"?S7(Q1,{look:"essay",num:w(t,"01 / Section",d),title:w(c,"Section *title*",d),eyebrowLook:J3(s,"SectionHeader")}):S7(Q1,{num:w(t,"01 / Section",d),title:w(c,"Section *title*",d),description:w(o,"Short supporting line",d),logo:l?{src:l,alt:t1(r)}:void 0,link:f?{text:f,href:t1(n)||"#"}:void 0,numStyle:a,accent:!0})})})}};import{jsx as UX}from"react/jsx-runtime";var WX={sm:"h-6",md:"h-12",lg:"h-24",xl:"h-40"};function Sd({size:e}){return UX("div",{"aria-hidden":!0,className:WX[e]})}import{jsx as KX}from"react/jsx-runtime";var zP={label:"Spacer",defaultProps:{size:"md"},render:({size:e})=>KX(Sd,{size:e})};import{jsx as vs}from"react/jsx-runtime";var $X=[{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"},{text:"Spec label",tone:"normal"},{text:"Spec value",tone:"muted"}];function Ld({cells:e,fill:t="dark",editing:a=!1}){let s=(e??[]).filter(r=>(r?.text??"").trim()),c=s.length>0?s:a?$X:[];if(c.length===0)return null;let o=t!=="none",l=vs("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:c.map((r,i)=>vs("span",{className:o?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 vs("section",{className:"w-full",children:o?vs("div",{className:"bg-plate-band",children:l}):vs("div",{className:"border-t border-line",children:l})})}import{jsx as jX}from"react/jsx-runtime";var yP={label:"Spec Strip",defaultProps:{cells:[{text:"",tone:"normal"},{text:"",tone:"normal"}],fill:"dark"},render:({cells:e,fill:t,puck:a})=>jX(Ld,{cells:e,fill:t,editing:a?.isEditing})};import{Fragment as YX,jsx as wP,jsxs as XX}from"react/jsx-runtime";function Ad({value:e}){let t=e.match(/^(\d+)(.*)$/),{ref:a,value:s}=Ye(t?Number.parseInt(t[1],10):0);return!t||p2(e)!==e?wP(YX,{children:C(e)}):wP(a8,{value:e,children:XX("span",{ref:a,children:[s,t[2]]})})}import{jsx as R8,jsxs as kP}from"react/jsx-runtime";var JX="grid grid-cols-4 gap-8 max-[800px]:grid-cols-2",QX={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 Hd({items:e,contained:t,heading:a,columns:s,background:c,editing:o}){let l=s===void 0?JX:QX[s],r=R8("div",{className:l,children:(e??[]).map((i,n)=>kP("div",{className:"border-t border-line pt-5",children:[R8("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:o?C(i.value):R8(Ad,{value:i.value})}),R8("div",{className:"mt-2 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:C(i.label)})]},n))});return a===void 0&&c===void 0?R8($0,{contained:t,className:"py-12",children:r}):R8($0,{contained:t,className:"py-12",children:kP("div",{style:c?{backgroundColor:c}:void 0,children:[a?R8("div",{className:"mb-6 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:C(a)}):null,r]})})}import{jsx as tJ}from"react/jsx-runtime";var eJ=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],CP={label:"Stats",defaultProps:{items:[],contained:!0},render:({items:e,contained:t,heading:a,columns:s,background:c,puck:o})=>tJ(Hd,{items:x1(e,eJ,o),contained:t,heading:w(a,"By the *numbers*",o),columns:s,background:Z6(c,a3.Stats),editing:o?.isEditing})};import{jsx as Fd}from"react/jsx-runtime";var aJ={left:"text-left",center:"text-center mx-auto",right:"text-right ml-auto"},sJ="max-w-[380px] text-[length:var(--size-body,15px)] leading-[1.5] opacity-80 max-[800px]:text-[length:var(--size-body,14px)]",cJ={default:"text-fg",dim:"text-fg-dim"};function Td({text:e,align:t,tone:a,contained:s,hero:c=!1}){if(c)return Fd("p",{className:sJ,children:C(e)});let o=`max-w-[680px] whitespace-pre-line text-[length:var(--size-body,17px)] leading-[1.7] ${aJ[t]} ${cJ[a]}`;return Fd($0,{contained:s,className:"py-4",children:d0(e).map((l,r)=>Fd("p",{className:o,children:C(l)},r))})}import{Fragment as oJ,jsx as MP}from"react/jsx-runtime";var SP={label:"Text",defaultProps:{text:"",align:"left",tone:"default",contained:!0},render:({text:e,align:t,tone:a,contained:s,puck:c})=>A2(e).hidden?MP(oJ,{}):MP(Td,{text:B4(t1(e),A.body,c)??"",align:t,tone:a,contained:s})};var LP={Banner:LF,Breadcrumb:oL,ButtonBlock:AF,Cards:nL,CategoryBar:HF,Chart:gL,ContactLocations:PF,CustomHTML:QF,Divider:eT,DocBody:HL,DocMasthead:TL,DocMetaCards:EL,DocTabs:NL,Eyebrow:aT,FAQ:GL,FeaturedCover:QL,Flex:iA,Footprint:zA,Grid:CA,Heading:cT,Hero:AA,HeroGroup:EA,HeroSingle:ZA,HeroSlide:GA,ImageBlock:oT,Integrations:iP,IntroBleed:YA,KeyFeatures:QA,LogoBlock:hP,Logos:mP,LongRead:oH,Manifesto:dP,Masthead:iH,Mockup:bP,OrderSummary:pH,ParagraphsA:dH,PaymentBadges:fH,PostCard:zH,ProcessSteps:CH,Prose:AH,SectionHeader:xP,Series:GH,Spacer:zP,SpecStrip:yP,Split:YH,Stats:CP,StatsParagraph:tF,Testimonials:sF,Text:SP,Ticker:pF,Timeline:xF,TimelineTrack:yF,TitleWithButtons:CF};var lJ={Banner:cL,Breadcrumb:lL,ButtonBlock:iL,Cards:mL,CategoryBar:pL,Chart:vL,ContactLocations:kL,CustomHTML:CL,Divider:AL,DocBody:FL,DocMasthead:PL,DocMetaCards:VL,DocTabs:_L,Eyebrow:BL,FAQ:qL,FeaturedCover:eA,Flex:hA,Footprint:wA,Grid:SA,Heading:LA,Hero:TA,HeroGroup:RA,HeroSingle:OA,HeroSlide:qA,ImageBlock:$A,Integrations:jA,IntroBleed:JA,KeyFeatures:tH,LogoBlock:aH,Logos:sH,LongRead:lH,Manifesto:rH,Masthead:nH,Mockup:mH,OrderSummary:uH,ParagraphsA:gH,PaymentBadges:bH,PostCard:yH,ProcessSteps:SH,Prose:HH,SectionHeader:OH,Series:qH,Spacer:WH,SpecStrip:KH,Split:XH,Stats:JH,StatsParagraph:aF,Testimonials:oF,Text:lF,Ticker:uF,Timeline:zF,TimelineTrack:wF,TitleWithButtons:SF},B1=Be(LP,lJ);import{SettingsField as rJ}from"efficient-easel/panel";import{ColumnsIcon as iJ}from"efficient-easel/icons";import{Fragment as AP,jsx as at,jsxs as Pd}from"react/jsx-runtime";function nJ(e,t,a,s){let c=a.indexOf(e[t]),o=c>=0?c:0,l=a[Math.min(Math.max(o+s,0),a.length-1)];return{...e,[t]:l}}function fs({label:e,unit:t,steps:a,value:s,onChange:c,format:o=String,note:l}){let r=c5(),i=a.indexOf(s[r]),n=i>=0?i:0,h=m=>c(nJ(s,r,a,m));return at(rJ,{label:e,icon:at(iJ,{}),action:Pd("div",{className:"sf-colstep",children:[at("button",{type:"button",className:"sf-colstep-btn","aria-label":`Fewer ${t} on ${o5[r]}`,disabled:n<=0,onClick:()=>h(-1),children:"\u2212"}),at("span",{className:"sf-colstep-value","aria-live":"polite",children:o(a[n])}),at("button",{type:"button",className:"sf-colstep-btn","aria-label":`More ${t} on ${o5[r]}`,disabled:n>=a.length-1,onClick:()=>h(1),children:"+"})]}),hint:Pd(AP,{children:["Sets the ",at("strong",{children:o5[r]})," view \u2014 switch views in the top bar to set each one.",l?Pd(AP,{children:[" ",l]}):null]})})}var v6="auto",Vd=1,HP=6,Nd={desktop:v6,tablet:v6,mobile:v6},FP=[v6,...Array.from({length:HP-Vd+1},(e,t)=>Vd+t)],hJ="1rem",TP=`var(--sf-block-gap-rem, var(--sf-card-gap, ${hJ}))`,_d=240,Bd=150,mJ=.5,pJ=e=>`--plp-grid-cols-${e}`,uJ="--plp-grid-gap";function PP(e){return e===v6?"Auto":String(e)}function Ed(e){if(e===v6)return v6;let t=typeof e=="number"?e:NaN;return Number.isFinite(t)?Math.min(Math.max(Math.round(t),Vd),HP):v6}function Jr(e){if(!e||typeof e!="object")return{...Nd};let t=e;return{desktop:Ed(t.desktop),tablet:Ed(t.tablet),mobile:Ed(t.mobile)}}function dJ(e){if(e===v6)return`repeat(auto-fill, minmax(${_d}px, 1fr))`;let a=`calc((100% - ${`${e-1} * ${TP}`}) / ${e} - ${mJ}px)`;return`repeat(auto-fill, minmax(max(${Bd}px, ${a}), 1fr))`}function EP(e,t=null){let a={[uJ]:TP};for(let s of ay)a[pJ(s)]=dJ(e[t??s]);return a}import{Fragment as gJ,jsx as VP,jsxs as vJ}from"react/jsx-runtime";function Rd({value:e,onChange:t}){return VP(fs,{label:"Columns",unit:"items per row",steps:FP,value:Jr(e),format:PP,onChange:t,note:vJ(gJ,{children:[VP("strong",{children:"Auto"})," fits as many ",_d,"px-wide cards as the width allows. A number is a maximum: where it would squeeze cards under"," ",Bd,"px the row shows fewer."]})})}import{useCallback as U4,useEffect as QQ,useId as e11,useMemo as A3,useRef as t11,useState as a11}from"react";import{jsxs as NP}from"react/jsx-runtime";function q4({text:e,linkText:t,linkHref:a}){let s=(t??"").trim(),c=(a??"").trim(),o=!!s&&!!c;return!e&&!o?null:NP("p",{className:"mt-5 font-mono text-[length:var(--size-label,13px)] tracking-[0.06em] text-fg-dim",children:[e?C(e):null,e&&o?" ":null,o&&NP(M1,{href:c,className:"text-accent transition-colors hover:text-fg",children:[C(s)," \u2192"]})]})}import{createContext as fJ,useCallback as _P,useContext as bJ,useEffect as xJ,useId as zJ,useMemo as yJ,useRef as wJ,useState as kJ}from"react";import{jsx as CJ}from"react/jsx-runtime";var BP=fJ(null);function SF1({reason:e,children:t}){let[a,s]=kJ([]),c=wJ(null),o=_P(n=>{s(h=>h.includes(n)?h:[...h,n])},[]),l=_P(n=>{s(h=>h.filter(m=>m!==n))},[]),r=e==="none-configured",i=yJ(()=>({noCurrencyConfigured:r,live:a,firstRendered:c,join:o,leave:l}),[r,a,o,l]);return CJ(BP.Provider,{value:i,children:t})}function RP(e){let t=bJ(BP),a=zJ(),s=!!e&&!!t?.noCurrencyConfigured;s&&t&&t.firstRendered.current===null&&(t.firstRendered.current=a);let c=t?.join,o=t?.leave;return xJ(()=>{if(!(!s||!c||!o))return c(a),()=>o(a)},[s,c,o,a]),!s||!t?!1:(t.live.length>0?t.live[0]:t.firstRendered.current)===a}import{jsx as SJ}from"react/jsx-runtime";var MJ="This website has no currency yet. Add one in Settings and these cards will price. Only you can see this line.";function bs({editing:e}){return RP(e)?SJ(q4,{text:MJ}):null}import{useEffect as LJ,useState as AJ}from"react";var st=De({fetch:(e,t)=>X1.listProducts(e,{siteId:t,kinds:["alloy-wheel","tyre"]}),keyBy:r2}),h3=(e=!1)=>st(e).then(t=>t.filter(a=>a.kind==="alloy-wheel"));function IP(e){let[t,a]=AJ(null);return LJ(()=>{let s=!1;return e().then(c=>{s||a(c)}),()=>{s=!0}},[e]),t}function Qr(){return IP(h3)}function ZP(){return IP(st)}function HJ(e){return e.length===1?f4[e[0]]:"Products"}function ei(e){return e.length===1?e[0]:null}function FJ(e){switch(ei(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 TJ(e){switch(ei(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 PJ(e){switch(ei(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 EJ="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 xs(e){let t=h5(e),a=TJ(e),s=`showing every ${t.one}`;return{promise:FJ(e),showAll:`Show all ${t.many}`,browseInstead:`Browse all ${t.many} instead`,showingEvery:s,eyebrow:`${HJ(e)} \xB7 checked fitment`,gateHeading:a.heading,gateIntro:a.intro,nothingFits:PJ(e),noData:ei(e)==="tyre"?EJ:`No fitment data for this car \u2014 ${s}`,cascadeDown:`Vehicle data is unavailable right now \u2014 browse all ${t.many} and we'll help you check fitment at checkout.`,countFits:c=>`${c} ${c===1?t.one:t.many} fit${c===1?"s":""}`}}function DP(e,t,a,s){let c=xs(a),o=a.length!==s.length;return{heading:!o&&e||c.gateHeading,intro:!o&&t||c.gateIntro}}import{useCallback as lQ,useEffect as rQ,useMemo as iQ,useState as gE}from"react";import{useState as VJ}from"react";import{jsx as Id}from"react/jsx-runtime";function zs({brand:e,logo:t}){let[a,s]=VJ(!1),c=(e??"").trim();if(!c)return null;let o=a?void 0:$3(t??void 0);return Id("div",{className:"sf-card-plate absolute inset-x-0 bottom-0 flex h-1/4 items-center justify-center bg-[var(--card-bg)] px-4 transition-colors duration-200 group-hover:bg-[var(--card-bg-hover)]",children:o?Id("img",{src:o,alt:c,className:"max-h-[52%] max-w-[78%] object-contain",draggable:!1,onError:()=>s(!0)}):Id("span",{className:"truncate font-display text-[length:var(--size-body,18px)] font-medium uppercase leading-none tracking-[-0.01em] text-fg",children:c})})}import{Fragment as NJ,jsx as OP,jsxs as _J}from"react/jsx-runtime";function Zd(e,t){return!e&&!t?null:_J(NJ,{children:[e&&OP("span",{className:"text-fg",children:e}),e&&t?OP("span",{className:"mx-[6px] text-fg-dim",children:"\xB7"}):null,t]})}function ys(e,t){let a=he(t);return e.kind||e.brand&&a("brand")?!0:e.process&&a(me)}function ti({kindLabel:e,brand:t,process:a},s){if(!ys({kind:!!e,brand:!!t,process:!!a},s))return null;let c=he(s);return Zd(e,c("brand")?t:null)??(c(me)?a:null)}import{useEffect as BJ,useState as GP}from"react";var Dd=new Map;function RJ(e){let t=Dd.get(e);if(t)return t;let a=p0.getTyre(e).catch(s=>{throw Dd.delete(e),s});return Dd.set(e,a),a}function qP(e,t){let[a,s]=GP("idle"),[c,o]=GP(null);return BJ(()=>{if(!t||!e)return;let l=!1;return s("loading"),RJ(e).then(r=>{l||(o(r),s("ready"))}).catch(()=>{l||s("error")}),()=>{l=!0}},[e,t]),{state:a,tyre:c}}import{Fragment as IJ}from"react";import{Fragment as Od,jsx as W4,jsxs as w5}from"react/jsx-runtime";var ai="mt-3 flex h-[26px] items-center gap-1",si="flex min-w-0 items-center gap-1 overflow-hidden",ci="shrink-0 border border-line px-1.5 py-0.5 font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] text-fg-dim",ws="border px-1.5 py-0.5 font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] whitespace-nowrap",oi=`${ws} border-accent/60 text-accent`,ZJ=e=>`calc((100% - ${e}px) / 2)`,DJ=2,OJ=28,WP=e=>DJ+2*OJ+(e?10:0);var GJ=16;var qJ="whitespace-nowrap",WJ=e=>typeof e=="string"?e:e.text;function li(e,t="\xB7"){return e.map((a,s)=>{let c=WJ(a),o=typeof a!="string"&&a.accent;return w5(IJ,{children:[W4("span",{className:`${qJ}${o?" text-accent":""}`,children:s<e.length-1?`${c} ${t}`:c}),s<e.length-1?" ":null]},c)})}var ri="mt-3 flex flex-col gap-2",ct="cursor-pointer bg-btn px-4 py-2.5 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.24em] text-btn-ink transition-colors hover:bg-fg",ii="border border-btn px-4 py-2.5 text-center font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.24em] text-btn transition-colors hover:bg-btn hover:text-btn-ink",UJ="border px-2 py-1 font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em]",ks="absolute right-[18px] top-[18px] z-10";function ot({tone:e,className:t,children:a}){return W4("span",{className:[t,UJ,e==="solid"?"border-accent bg-accent text-bg":"border-accent text-accent"].filter(Boolean).join(" "),children:a})}function I8({variant:e="catalog",wide:t=!1,href:a,identityLink:s=!1,outline:c="none",imageBackgroundFill:o=I6,containerProps:l,probes:r,indexBadge:i,badges:n,image:h,imageSecond:m,plate:p,eyebrow:u,reserveEyebrow:g=!1,name:d,spec:f,was:v,price:b,metaLine:y,swatches:z,showPrice:k=!0,reserveSwatches:S=!0,extras:P}){let D=e==="catalog",q=ny(o),N=q&&o===T9,F=N?"bg-[var(--wheel-stage)] p-[5px]":q?"p-[5px]":"",E=q&&!N?{backgroundColor:o}:{},R=(G1,O)=>W4("figure",{className:`m-0 aspect-square [flex:0_0_auto] max-w-full max-[800px]:w-[252px] ${O}`,style:{width:ZJ(WP(q))},children:G1}),T=D?w5("div",{className:t?`relative mt-2 mb-5 flex items-center justify-center [&_img]:object-top max-[800px]:flex-col ${F}`:`relative mt-2 mb-5 flex aspect-square items-center justify-center overflow-hidden [&_img]:object-top ${F}`,style:t?{...E,borderRadius:10,columnGap:WP(q),rowGap:GJ}:{...E,borderRadius:"var(--sf-card-image-radius, 10px)"},children:[t?w5(Od,{children:[R(h,"max-[800px]:-translate-x-[38px]"),R(m??h,"max-[800px]:translate-x-[38px]")]}):h,p]}):w5("div",{className:"relative mb-[18px] aspect-square overflow-hidden bg-bg p-[30px] [&_img]:object-top",style:{borderRadius:"var(--sf-card-image-radius, 10px)"},children:[h,p]}),G=`font-mono text-[length:var(--size-label,12px)] uppercase text-accent ${D?"tracking-[0.3em]":"tracking-[0.25em]"}`,s1=u?W4("div",{className:G,children:u}):D&&g?W4("div",{"aria-hidden":!0,className:G,children:"\xA0"}):null,_=W4("div",{className:D?"mt-2 h-[60px] overflow-hidden break-words font-heading3 text-[length:var(--size-headingSmall,30px)] font-medium uppercase leading-none tracking-[-0.02em]":"mt-[6px] font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium tracking-[-0.02em]",children:d}),U=W4("div",{className:D?"mt-2 h-[38px] overflow-hidden font-mono text-[length:var(--size-label,13px)] leading-[19px] tracking-[0.14em] text-fg-dim":"mt-[4px] font-mono text-[length:var(--size-label,13px)] tracking-[0.1em] text-fg-dim",children:f}),Y=k?w5("div",{className:"mt-2 font-mono text-[length:var(--size-label,13px)]",children:[v&&W4("span",{className:"mr-2 text-fg-dim line-through",children:v}),b]}):null,W=k&&y?W4("div",{className:"mt-[2px] font-mono text-[length:var(--size-label,11px)] tracking-[0.08em] text-fg-dim",children:y}):null,Q=D&&!z?S?W4("div",{"aria-hidden":!0,className:"mt-4 h-4"}):null:z,b1=[D?"sf-card sf-card-fill group relative flex min-h-[460px] flex-col bg-[var(--card-bg)] px-7 pt-8 pb-7 transition-colors duration-200 hover:bg-[var(--card-bg-hover)]":"sf-card sf-card-fill group relative block bg-[var(--card-bg)] p-5 transition-colors duration-300 hover:bg-[var(--card-bg-hover)]",ho(c),t?"col-span-2 max-[800px]:col-span-1 @max-[720px]:col-span-1":""].filter(Boolean).join(" "),X=w5(Od,{children:[T,s1,_]}),v1=w5(Od,{children:[U,Y,W,Q,P]});return a?s?w5("article",{...l,className:b1,children:[r,i,n,W4(M1,{href:a,className:"flex flex-col",children:X}),v1]}):w5(M1,{href:a,className:b1,children:[r,i,n,X,v1]}):w5("article",{...l,className:b1,children:[r,i,n,X,v1]})}function Gd(e){return(e.components??[]).reduce((a,s)=>a+s.wheels,0)>4}function UP(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(Gd)}var KJ=150,$J="Front + rear",KP="L/R pair",$P="Not handed",jJ="L/R";function YJ(e){return e.et==null||e.rearEt==null?0:Math.abs(e.rearEt-e.et)}function XJ(e){return YJ(e)>=KJ}function jP(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(XJ)}function lt(e){return e.directional===!0}function YP(e){return e.rearWidth!=null||e.rearEt!=null&&e.rearEt!==e.et}function XP(e){return{twoObjects:QJ(e),handed:e.handed??!1,staggered:!1}}function JP(e){let t=[e.twoObjects?$J:"",e.handed?jJ:""].filter(Boolean);return t.length?t.join(" \xB7 "):null}function QP(e){return e.handed}function JJ(e){return new Set((e.components??[]).map(t=>t.partNumber)).size>1}function eE(e){return e.kind==="alloy-wheel"&&(e.source.variants??[]).some(JJ)}function QJ(e){return(e.setWheelCount??0)>4}var eQ=new Set(["boltPattern"]);function tE(e,t){return e&&eQ.has(t)}var tQ="dually";function rt(e){let t=e.components.reduce((c,o)=>c+o.wheels,0)||4,a=e.kind,s=[a==="staggered"?"Staggered":a===tQ?"Dually":"",lt(e)?"L/R":""].filter(Boolean);return s.length?`${s.join(" ")} set of ${t}`:`Set of ${t}`}function aQ(e,t){return[...new Set(e.filter(a=>!t||a.finishName===t).map(a=>a.size))]}function it(e,t,a){if(!(!t||!a))return e.find(s=>s.finishName===t&&s.size===a)}function Cs(e){return e!=null&&e.inStock===!1}function aE(e,t){return t?e.filter(a=>a.finishName===t&&Cs(a)):[]}function sE(e,t,a){return t.findIndex((s,c)=>a[c]!==!1&&aQ(e,s).length>0)}function cE(e){if(e.diameter==null||e.width==null)return e.size;let t=e.rearWidth!=null?`${F2(e.width)}/${F2(e.rearWidth)}`:F2(e.width);return`${e.diameter}" \xD7 ${t}`}function ni(e){return e.et==null?null:e.rearEt!=null&&e.rearEt!==e.et?`${e.et}/${e.rearEt}`:String(e.et)}function qd(e){return e.diameter==null||e.width==null?JSON.stringify([e.size]):JSON.stringify([e.kind,e.diameter,e.width,e.rearWidth??null])}function oE(e){return e.diameter==null||e.width==null?e.size:`${e.diameter}" ${e.kind}`}function lE(e){return e.diameter==null||e.width==null?"":e.rearWidth!=null?`${F2(e.width)} front / ${F2(e.rearWidth)} rear`:`${F2(e.width)} all round`}function Ms(e){if(e.diameter==null||e.width==null)return e.size;let t=(a,s)=>`${e.diameter} \xD7 ${F2(a)}${s!=null?` ET ${s}`:""}`;return YP(e)?`${t(e.width,e.et)} front \xB7 ${t(e.rearWidth??e.width,e.rearEt)} rear`:t(e.width,e.et)}function Wd(e,t){return t?e.filter(a=>a.finishName===t):[]}var rE="handed",iE="plain";function Ss(e){let t=e.variants??[],a=e.finishes.map(p=>({value:p.name,label:p.name,swatch:p.color}));function s(p){let u=[];for(let g of t){let d=p(g);!d||u.some(f=>f.value===d.value)||u.push(d)}return u}let c=s(p=>({value:qd(p),label:oE(p),note:lE(p)})),o=s(p=>p.boltPattern?{value:p.boltPattern,label:p.boltPattern}:null),l=s(p=>{let u=ni(p);return u===null?null:{value:u,label:`ET ${u}`}}),r=s(p=>p.centreBore==null?null:{value:F2(p.centreBore),label:`${F2(p.centreBore)} mm`}),i=s(p=>({value:lt(p)?rE:iE,label:lt(p)?KP:$P})),n=t.map(p=>({id:`${p.finishName}|${p.size}`,options:{finish:p.finishName,size:qd(p),variantSize:p.size,...p.boltPattern?{boltPattern:p.boltPattern}:{},...ni(p)!==null?{et:ni(p)}:{},...p.centreBore==null?{}:{centreBore:F2(p.centreBore)},pairing:lt(p)?rE:iE},inStock:!Cs(p),image:null,components:p.components})),m=((e.defaultFinish?a.find(p=>p.value===e.defaultFinish):void 0)??a[0])?.value;return{kind:"alloy-wheel",source:e,slug:e.slug,name:e.name,eyebrow:e.process,badge:e.badge==="new"?"New 2026":e.badge?"Bestseller":"",href:`/wheels/${e.slug}`,crumbs:[{label:"Home",href:"/"},{label:"Wheels",href:"/wheels"},{label:e.process,href:"/wheels"},{label:e.name}],cover:e.coverImage??null,inStock:e.inStock===!0,mediaGroups:e.mediaGroups,optionFields:[{key:"finish",label:"Finish",prompt:"Select a finish",role:"resolves",display:"swatch",defaultValue:m},{key:"size",label:"Size",prompt:"Select a size",role:"resolves",display:"pill",empty:{text:"This wheel isn't available to order online in this finish.",linkText:"Contact us about it \u2192",href:"/contact"}},{key:"boltPattern",label:"Bolt pattern",prompt:"Select a bolt pattern",role:"describes",display:"pill"},{key:"et",label:"Offset",prompt:"Select an offset",role:"describes",display:"pill"},{key:"centreBore",label:"Centre bore",prompt:"Select a centre bore",role:"describes",display:"pill"},{key:"pairing",label:"Wheels",prompt:"Select a pairing",role:"describes",display:"pill"}],optionValues:{finish:a,size:c,boltPattern:o,et:l,centreBore:r,pairing:i},parts:n,anchorPrices:e.prices,anchorMsrpPrices:e.msrpPrices??{}}}function nE(e,t){if(e.kind!=="alloy-wheel"||t===null)return e;let a=new Set(KC(e.source.variants??[],t));if(a.size===0)return e;let s=e.parts.filter(r=>{let i=L7(e.source,r);return i!==null&&a.has(i)});if(s.length===0||s.length===e.parts.length)return e;let c=(r,i)=>new Set(r.map(n=>n.options[i]).filter(n=>n!==void 0)),o={},l=[];for(let r of e.optionFields){let i=c(e.parts,r.key),n=c(s,r.key),h=(e.optionValues[r.key]??[]).filter(p=>n.has(p.value)||!i.has(p.value));o[r.key]=h;let m=r.defaultValue!==void 0&&!h.some(p=>p.value===r.defaultValue)?h[0]?.value:r.defaultValue;l.push(m===r.defaultValue?r:{...r,defaultValue:m})}return{...e,optionFields:l,optionValues:o,parts:s}}function L7(e,t){return t?it(e.variants??[],t.options.finish,t.options.variantSize)??null:null}function hE(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]??Jw}function uE(e){return e.kind==="tyre"?"advisory":"required"}var nt={choice:Iw,qty:1};function sQ(e,t){if(e.kind!=="alloy-wheel")return`Set of ${4}`;let a=L7(e.source,t);return a?rt(a):`Set of ${4}`}var mE=(e,t)=>e===1?t:`${e} \xD7 ${t}`;function pE(e){return e.unit==="set"?{label:`Add a spare \u2014 ${K6+1} instead of ${K6}`}:null}var Z8={howMany:"How many wheels",oneSet:"One set",oneSetPlusSpare:"One set + 1 spare",whichSide:"Which side is the spare?",left:"Left",right:"Right"};function cQ(e,t){return t.unit!=="set"||Dw(e)===null?null:{counts:[{value:K6,label:Z8.oneSet},{value:K6+Ko,label:Z8.oneSetPlusSpare}],side:t.spares>0?{label:Z8.whichSide,options:[{value:"left",label:Z8.left},{value:"right",label:Z8.right}]}:null}}function Ud(e,t,a){if(e.kind==="tyre")return{packs:[{value:"set",label:`A set of ${K6}`},{value:"single",label:"Just one"}],extra:pE(a.choice),spareCounts:[],spareSide:null,components:t?Om({sku:t.id,prices:t.components[0].prices},a.choice):[],quantityLabel:mE(a.qty,$o(a.choice))};let s=t?cQ(t.components,a.choice):null;return{packs:[],extra:s?null:pE(a.choice),spareCounts:s?.counts??[],spareSide:s?.side??null,components:t?Nh(t.components,a.choice):[],quantityLabel:mE(a.qty,Ow(sQ(e,t),a.choice))}}function dE(e,t,a,s,c){if(!t)return null;if(e.kind==="tyre"){let h=(e.source.variants??[]).find(m=>m.sku===t.id);return h?ql(e.source,h,s.choice,s.qty):null}let o=e.source,l=L7(o,t);if(!l)return null;let r=t.options.finish??"",i=l.size,n=s.choice.spares>0;return{id:`${o.slug}|${r}|${i}|${c.fitmentKey}${n?"|spare":""}`,slug:o.slug,name:Se(o.name),process:o.process,positionNo:"01",config:[{label:i},{label:r,gold:!0},{label:c.fitmentLabel},{label:Ud(e,t,s).quantityLabel}],finishName:r,size:i,components:Nh(t.components,s.choice),qty:s.qty,...n?{pack:s.choice}:{}}}function hi(e,t){let a=t.trim(),s=e.trim();return!s||!oQ(a,s)?a:a.slice(s.length).replace(/^[^\p{L}\p{N}]+/u,"")||a}function oQ(e,t){if(e.length<t.length||e.slice(0,t.length).toLowerCase()!==t.toLowerCase())return!1;let a=e[t.length];return a===void 0||!/[\p{L}\p{N}]/u.test(a)}import{Fragment as pQ,jsx as A7,jsxs as Ls}from"react/jsx-runtime";var nQ="from ",hQ=2,mQ=[];function Kd({brand:e,brandLogo:t,brandPlate:a=!0,kindLabel:s=null,showBrand:c=!0,name:o,slug:l,sizes:r,fitSize:i=null,rimDiameters:n,prices:h,image:m,currency:p,editing:u=!1,fieldUsage:g=mQ}){let d=he(g),{add:f,open:v,warmCatalog:b}=Q3();rQ(()=>{u||b("tyre")},[u,b]);let{currency:y}=h0(),z=j6(J9(h,p),null),k=Jo(z,p,nQ),S=[r.length>0?`${r.length} ${r.length===1?"size":"sizes"}`:null,d("rim_diameter")?kl(n):null].filter(Boolean).join(" \xB7 "),P=Me(l),[D,q]=gE(!1),N=lQ(()=>{l&&q(!0)},[l]),{state:F,tyre:E}=qP(l??null,D),R=iQ(()=>E?.variants??[],[E]),[T,G]=gE(null),s1=R.length===1?R[0].size:null,_=T??s1,U=R.find(e1=>e1.size===_),Y=U!=null&&tS(U,y),W=F==="ready",Q=!P||F==="error"||W&&R.length===0;function b1(){!E||!U||!Y||u||(f(ql(E,U,nt.choice,nt.qty)),v())}let X=W&&R.length>0?R.map(e1=>e1.size):r,v1=X.slice(0,hQ),G1=X.length-v1.length,O=e1=>["cursor-pointer transition-colors",ws,e1?"border-accent bg-accent text-bg":"border-accent/60 text-accent hover:border-accent hover:bg-accent/10"].join(" ");return A7(I8,{href:P,identityLink:!0,containerProps:{onPointerEnter:N,onTouchStart:N,onFocusCapture:N},image:A7(s6,{image:m,className:"h-full w-full",sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 280px",showBackground:!1}),plate:a?A7(zs,{brand:e,logo:t}):null,eyebrow:Zd(s,c&&d("brand")&&e||null),name:hi(e??"",o),spec:S,price:k,metaLine:z.priced?"each":null,extras:Ls(pQ,{children:[i&&Ls("p",{className:"font-mono text-[length:var(--size-label,11px)] font-medium uppercase tracking-[0.14em] text-green",children:["Fits \xB7 ",i]}),Ls("div",{className:ai,children:[A7("div",{className:si,children:v1.map(e1=>W&&R.length>0?A7("button",{type:"button",title:e1,"aria-label":e1,"aria-pressed":_===e1,onClick:()=>G(e1),className:O(_===e1),children:e1},e1):A7("span",{className:oi,children:e1},e1))}),G1>0&&Ls("span",{className:ci,children:["+",G1]})]}),Ls("div",{className:ri,children:[!Q&&z.priced&&A7("button",{type:"button",onClick:b1,[X9]:"",disabled:W&&!Y,className:Y||!W?`${ct}${Y?"":" opacity-80"}`:"cursor-not-allowed border border-dashed border-accent/50 px-4 py-2.5 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.24em] text-accent/70",children:W&&!Y?"Select a size":"Add to basket"}),P&&A7(M1,{href:P,className:ii,children:"Open product page"})]})]})})}import{jsx as uQ}from"react/jsx-runtime";function As({item:e,currency:t,kindLabel:a=null,showBrand:s=!0,fitSize:c=null,editing:o=!1,fieldUsage:l}){return uQ(Kd,{brand:e.brand,brandLogo:e.brandLogo,kindLabel:a,showBrand:s,name:e.name,slug:e.slug,sizes:e.sizes,fitSize:c,rimDiameters:e.rimDiameters,prices:e.prices,image:e.coverImage,currency:t,editing:o,fieldUsage:l})}import{jsx as mi,jsxs as dQ}from"react/jsx-runtime";function $d({filters:e,onToggle:t,onPriceMax:a,onInStockOnly:s,onPickType:c}){let{currency:o}=h0(),l=_k(e,o,D2);return l.length===0?null:mi("ul",{className:"flex list-none flex-wrap items-center gap-1.5",children:l.map(r=>mi("li",{children:dQ("button",{type:"button",onClick:()=>r.key==="price"?a(null):r.key==="inStock"?s(!1):r.key==="kind"?c(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,mi("span",{"aria-hidden":"true",children:"\u2715"}),mi("span",{className:"sr-only",children:"Remove filter"})]})},`${r.key}:${r.value}`))})}function ht(e){let t=typeof e=="number"?e:Number.parseInt(String(e??""),10);return!Number.isFinite(t)||t<1||t>5?1:Math.trunc(t)}function Yd(e,t){if(!e||!t||!Number.isFinite(t)||t<=0)return null;let a=e.lugRenderings?.[String(t)];if(!Array.isArray(a))return null;let s=a.filter(c=>typeof c=="string"&&c.length>0);return s.length>0?s:null}function vQ({carRenderings:e,renderings:t,coverIndex:a,shownFinishName:s,defaultFinishName:c,shownSrc:o}){if(e&&e.length>0){let r=Math.min(Math.max(a,1)-1,e.length-1);return e[r]??o}if(a<=1||!t||t.length===0||!c||s!==c)return o;let l=Math.min(a-1,t.length-1);return t[l]??o}function pi({overrideSrc:e,hookSrc:t,failed:a}){return e&&!a.has(e)?e:t&&t!==e&&!a.has(t)?t:null}function ui(e,t,a,s,c){let o=a===void 0?void 0:e.finishes?.find(l=>l.name===a);return vQ({carRenderings:Yd(o,c),renderings:e.defaultFinishRenderings,coverIndex:t,shownFinishName:a,defaultFinishName:e.defaultFinish,shownSrc:s})}import{useState as TQ}from"react";import{jsx as Xd,jsxs as fQ}from"react/jsx-runtime";function Hs({finishes:e,availability:t,selectedIdx:a,hoverIdx:s,activeFinish:c,onSelect:o,onHover:l,showLabel:r=!0,className:i}){return fQ("div",{className:["mt-4",i].filter(Boolean).join(" "),children:[Xd("div",{className:"flex flex-wrap items-center gap-2",onMouseLeave:()=>l(null),onClick:n=>n.preventDefault(),children:e.map((n,h)=>{if(!t[h])return null;let m=h===a,p=s===h&&s!==a;return Xd("button",{type:"button",title:n.name,"aria-label":n.name,"aria-pressed":m,onMouseEnter:()=>l(h),onFocus:()=>l(h),onBlur:()=>l(null),onClick:u=>{u.preventDefault(),u.stopPropagation(),o(h)},className:["h-4 w-4 shrink-0 rounded-full transition-all",m?"ring-2 ring-accent ring-offset-2 ring-offset-surface":p?"ring-1 ring-fg ring-offset-2 ring-offset-surface":"ring-1 ring-fg/30 ring-offset-1 ring-offset-surface"].join(" "),style:{background:n.color,border:"1px solid var(--swatch-border)"}},n.name)})}),r&&c&&Xd("div",{className:"mt-2 truncate font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:c.name})]})}import{useState as bQ}from"react";import{jsx as mt,jsxs as vE}from"react/jsx-runtime";function Fs({src:e,alt:t=""}){let[a,s]=bQ(!1),c=e||"";return mt("div",{className:"relative aspect-square overflow-hidden bg-bg",children:vE("div",{className:"absolute inset-0 flex items-center justify-center transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[60deg]",children:[mt("div",{className:"absolute inset-0 z-[1] flex items-center justify-center",children:vE("div",{className:"relative flex h-[70%] w-[70%] items-center justify-center rounded-full border-2",style:{borderColor:"var(--accent)"},children:[mt("div",{className:"absolute inset-[10%] rounded-full border",style:{borderColor:"var(--accent)",opacity:.4}}),mt("div",{className:"absolute left-1/2 top-1/2 h-[18%] w-[18%] -translate-x-1/2 -translate-y-1/2 rounded-full border-2",style:{borderColor:"var(--accent)"}}),mt("div",{className:"absolute left-1/2 top-1/2 h-[6%] w-[6%] -translate-x-1/2 -translate-y-1/2 rounded-full",style:{background:"var(--accent)"}})]})}),c&&mt("img",{src:c,alt:t,className:"absolute inset-0 z-[2] h-full w-full object-contain",style:{display:a?"none":"block"},onError:()=>s(!0)})]})})}import{useEffect as wQ,useState as kQ}from"react";import{useId as bE,useRef as yQ,useState as Jd}from"react";import{useCallback as fE,useRef as xQ,useState as zQ}from"react";function di(){let[e,t]=zQ("idle"),a=xQ(!1),s=fE(()=>{a.current=!1,t("idle")},[]),c=fE(async({partNumbers:o,email:l,productSlug:r,subscribeToOffers:i=!1,dryRun:n=!1})=>{if(a.current)return;let h=l.trim();if(!ae(h)){t("invalid");return}a.current=!0,t("sending");try{if(!n)for(let m of o)await p0.createStockAlert({partNumber:m,email:h,productSlug:r})}catch{a.current=!1,t("error");return}if(i&&!n)try{await p0.createNewsletterSubscription({email:h,source:R3.stockAlertOptIn})}catch{}a.current=!1,t("sent")},[]);return{status:e,submit:c,reset:s}}import{jsx as N0,jsxs as v3}from"react/jsx-runtime";function Qd({wheelName:e,productSlug:t,finishName:a,variants:s,initialSize:c,onClose:o,editing:l=!1}){let r=bE(),i=bE(),n=yQ(null),{currency:h}=h0(),m=di(),[p,u]=Jd(()=>c??s[0]?.size??""),[g,d]=Jd(""),[f,v]=Jd(!1);s7({active:!0,onDismiss:o,focusRef:n});let b=s.find(P=>P.size===p)??s[0];if(!b)return null;let y=m.status==="sent",z=m.status==="sending",k=m.status==="invalid"?"Please enter a valid email address.":m.status==="error"?"Couldn't save that \u2014 please try again.":null;function S(){b&&m.submit({partNumbers:b.components.map(P=>P.partNumber),email:g,productSlug:t,subscribeToOffers:f,dryRun:l})}return N0("div",{role:"dialog","aria-modal":"true","aria-labelledby":r,onClick:P=>{P.target===P.currentTarget&&o()},className:"fixed inset-0 z-[90] flex items-center justify-center overflow-y-auto p-6 backdrop-blur-[6px]",style:{background:"color-mix(in oklab, var(--bg) 78%, transparent)"},children:v3("div",{ref:n,tabIndex:-1,className:"relative w-[420px] max-w-full border-2 border-accent bg-surface text-left shadow-[0_24px_60px_rgba(0,0,0,0.55)] outline-none",children:[N0("button",{type:"button",onClick:o,"aria-label":"Close",className:"absolute right-[10px] top-[10px] z-[2] flex h-9 w-9 cursor-pointer items-center justify-center text-fg-dim transition-colors hover:text-accent",children:N0("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:N0("path",{d:"M6 6l12 12M18 6 6 18"})})}),y?v3("div",{className:"px-6 py-8 text-center",children:[N0("span",{className:"mx-auto mb-4 grid h-16 w-16 place-items-center rounded-full border-[1.5px] border-accent bg-accent/15",children:N0("svg",{width:"30",height:"30",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2.5","aria-hidden":!0,children:N0("path",{d:"M20 6 9 17l-5-5"})})}),N0("h3",{id:r,className:"font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"You're on the list"}),v3("p",{className:"mx-auto mt-2 max-w-[34ch] text-[13px] leading-[1.6] text-fg-dim",children:["We'll alert ",N0("strong",{className:"font-normal text-fg",children:g.trim()})," as soon as the ",Y1(e)," in ",b.size," is back. Keep an eye on your inbox."]}),N0("button",{type:"button",onClick:o,className:"mt-6 w-full cursor-pointer border border-line px-4 py-3 font-mono text-[11px] font-bold uppercase tracking-[0.24em] text-fg transition-colors hover:border-accent hover:text-accent",children:"Continue browsing"})]}):v3("form",{className:"p-6",noValidate:!0,onSubmit:P=>{P.preventDefault(),S()},children:[v3("div",{className:"mb-2 flex items-center gap-3",children:[N0("span",{className:"grid h-11 w-11 flex-none place-items-center border-[1.5px] border-accent bg-accent/15",children:v3("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":!0,children:[N0("path",{d:"M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9"}),N0("path",{d:"M13.7 21a2 2 0 0 1-3.4 0"})]})}),v3("div",{children:[N0("div",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-accent",children:"Back-in-stock alert"}),N0("h3",{id:r,className:"mt-0.5 font-display text-[22px] font-medium uppercase leading-tight tracking-[-0.02em]",children:"Notify me"})]})]}),v3("p",{className:"mb-5 text-[13px] leading-[1.6] text-fg-dim",children:["We'll email you the moment the"," ",N0("strong",{className:"font-normal text-fg",children:Y1(e)}),a?` in ${a}`:""," ","is back in stock. No spam \u2014 one alert, then we're done."]}),v3("fieldset",{className:"mb-4 border-0 p-0",children:[N0("legend",{className:"mb-2 font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Which fitment?"}),N0("div",{className:"flex flex-wrap gap-2",children:s.map(P=>{let D=P.size===b.size;return v3("button",{type:"button","aria-pressed":D,onClick:()=>u(P.size),className:["flex min-w-[calc(50%-4px)] flex-1 cursor-pointer flex-col items-start gap-0.5 border-[1.5px] px-3 py-2.5 text-left transition-colors",D?"border-accent bg-accent/15":"border-line hover:border-accent/60"].join(" "),children:[N0("span",{className:"font-mono text-[12px] font-bold tracking-[0.08em] text-fg",children:P.size}),N0("span",{className:"font-mono text-[10px] tracking-[0.08em] text-fg-dim",children:(()=>{let q=qw(P.components,h);return q.setTotal!=null?D2(q.setTotal,h):$6})()})]},P.size)})})]}),v3("div",{className:"mb-4",children:[N0("label",{htmlFor:i,className:"mb-2 block font-mono text-[10px] uppercase tracking-[0.16em] text-fg-dim",children:"Email address"}),N0("input",{id:i,type:"email",value:g,onChange:P=>{d(P.target.value),(m.status==="invalid"||m.status==="error")&&m.reset()},placeholder:"you@example.com",disabled:z,className:"w-full 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"})]}),v3("label",{className:"mb-5 flex cursor-pointer items-start gap-2.5 text-[12px] leading-[1.5] text-fg-dim",children:[N0("input",{type:"checkbox",checked:f,onChange:P=>v(P.target.checked),className:"mt-0.5 h-[18px] w-[18px] flex-none cursor-pointer accent-[var(--accent)]"}),N0("span",{children:"Also send me fitment tips and occasional offers for my vehicle."})]}),v3("button",{type:"submit",disabled:z,className:"flex h-[50px] w-full cursor-pointer items-center justify-center gap-2 bg-btn px-4 font-mono text-[12px] font-bold uppercase tracking-[0.24em] text-btn-ink transition-colors hover:bg-fg disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:bg-btn",children:[v3("svg",{width:"17",height:"17",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[N0("path",{d:"m22 2-7 20-4-9-9-4Z"}),N0("path",{d:"M22 2 11 13"})]}),z?"Sending\u2026":"Notify me when available"]}),k&&N0("p",{role:"alert",className:"mt-2.5 text-[12px] leading-[1.5]",style:{color:"var(--alert)"},children:k}),v3("div",{className:"mt-3 flex items-center justify-center gap-1.5 text-[11px] text-fg-dim",children:[v3("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2","aria-hidden":!0,children:[N0("rect",{x:"3",y:"11",width:"18",height:"11",rx:"1"}),N0("path",{d:"M7 11V7a5 5 0 0 1 10 0v4"})]}),"We never share your details."]})]})]})})}import{Fragment as MQ,jsx as b6,jsxs as gi}from"react/jsx-runtime";var eg=3;function CQ({wheel:e,sel:t,price:a,editing:s,detailReady:c}){let{add:o,open:l,warmCatalog:r}=Q3();wQ(()=>{s||r()},[s,r]);function i(){let n=t.selectedVariant;!n||!t.canAdd||a.priced&&(s||(o({id:`${e.slug}|${n.finishName}|${n.size}|quick`,slug:e.slug,name:Se(e.name),process:e.process,positionNo:"01",config:[{label:n.size},{label:n.finishName,gold:!0},{label:rt(n)}],finishName:n.finishName,size:n.size,components:n.components,qty:1}),l()))}return b6("button",{type:"button",onClick:i,[X9]:"",disabled:!t.canAdd,className:t.canAdd?ct:c?"cursor-not-allowed border border-dashed border-accent/50 px-4 py-2.5 font-mono text-[length:var(--size-label,11px)] font-bold uppercase tracking-[0.24em] text-accent/70":`${ct} opacity-80`,children:c&&!t.canAdd?"Select a size":"Add to basket"})}function vi({wheel:e,sel:t,price:a,editing:s,show:c,href:o}){let[l,r]=kQ(!1),i=Sk(e),n=i.length>0?i:e.sizes.map(y=>`${y}\u2033`),h=t.detailState==="ready",m=t.unsellable,p=y=>["cursor-pointer transition-colors",ws,y?"border-accent bg-accent text-bg":"border-accent/60 text-accent hover:border-accent hover:bg-accent/10"].join(" "),u=h&&!m?t.sizeOptions.length:n.length,g=Math.max(0,u-eg),d=c.sizes?gi("div",{className:ai,children:[b6("div",{className:si,children:h&&!m?t.sizeOptions.slice(0,eg).map(y=>b6("button",{type:"button",title:y.size,"aria-label":y.size,"aria-pressed":t.size===y.size,onClick:()=>t.setSize(y.size),className:p(t.size===y.size),children:cE(y)},y.size)):m?b6("span",{className:"truncate font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Options on the product page"}):n.slice(0,eg).map(y=>b6("span",{className:oi,children:y},y))}),!m&&g>0&&gi("span",{className:ci,children:["+",g]})]}):null,f=c.buy&&!m?t.outOfStock?b6("button",{type:"button",onClick:()=>r(!0),className:ct,children:"Notify me when back"}):a.priced?b6(CQ,{wheel:e,sel:t,price:a,editing:s,detailReady:h}):null:null,v=c.page?b6(M1,{href:o,className:ii,children:"Open product page"}):null,b=f||v?gi("div",{className:ri,children:[f,v]}):null;return{extras:d||b?gi(MQ,{children:[d,b]}):null,dialog:l?b6(Qd,{wheelName:e.name,productSlug:e.slug,finishName:t.confirmedFinishName,variants:t.outOfStockVariants,initialSize:t.selectedVariant?.size,onClose:()=>r(!1),editing:s}):null}}import{useCallback as kE,useEffect as sg,useMemo as bi,useRef as cg,useState as CE}from"react";import{useEffect as SQ,useMemo as LQ,useState as tg}from"react";import{jsx as xE}from"react/jsx-runtime";function fi(e,t,a){let[s,c]=tg(()=>{let f=a?e.findIndex(v=>v.name===a):-1;return f>=0?f:0}),[o,l]=tg(null),[r,i]=tg(()=>e.map(()=>!0)),n=f=>{i(v=>{if(v[f]===!1)return v;let b=[...v];return b[f]=!1,b})},h=LQ(()=>r.map((f,v)=>f?v:-1).filter(f=>f!==-1),[r]);SQ(()=>{if(h.length===0){s!==-1&&c(-1),o!==null&&l(null);return}s>=0&&!h.includes(s)&&c(h[0]),o!==null&&!h.includes(o)&&l(null)},[h,s,o]);let m=o??s,p=m>=0?e[m]:void 0,u=p?.src??t,g=h.length>=2,d=e.length>0?xE("div",{className:"hidden","aria-hidden":!0,children:e.map((f,v)=>xE(P3,{src:f.src,alt:"",width:16,height:16,loading:"eager",onError:()=>n(v)},f.src))}):null;return{selectedIdx:s,setSelectedIdx:c,hoverIdx:o,setHoverIdx:l,availability:r,finish:p,shownSrc:u,showSwatches:g,probes:d}}import{useEffect as AQ,useState as zE}from"react";var ag=new Map;function HQ(e){let t=ag.get(e);if(t)return t;let a=p0.getWheel(e).catch(s=>{throw ag.delete(e),s});return ag.set(e,a),a}function yE(e,t){let[a,s]=zE("idle"),[c,o]=zE(null);return AQ(()=>{if(!t)return;let l=!1;return s("loading"),HQ(e).then(r=>{l||(o(r),s("ready"))}).catch(()=>{l||s("error")}),()=>{l=!0}},[e,t]),{state:a,wheel:c}}function wE(e,t){return t.length===0?-1:e.findIndex(a=>t.includes(a.family))}var FQ=[];function xi(e,t=FQ){let a=bi(()=>e.finishes.filter(W6),[e.finishes]),s=a.length>0,c=fi(a,e.coverImage??null,e.defaultFinish??void 0),[o,l]=CE(!1),r=kE(()=>{s&&l(!0)},[s]),{state:i,wheel:n}=yE(e.slug,o),h=bi(()=>n?.variants??[],[n]),m=c.selectedIdx>=0?a[c.selectedIdx]?.name??null:null,[p,u]=CE(null),{setSelectedIdx:g}=c,d=cg(!1),f=kE(N=>{d.current=!0,g(N)},[g]),v=t.join(","),b=cg(null);sg(()=>{if(b.current===v)return;b.current=v;let N=wE(a,t);N<0||(d.current=!0,g(N))},[v,t,a,g]);let y=cg(!1);sg(()=>{if(y.current||d.current||h.length===0||!m||(y.current=!0,Wd(h,m).length>0))return;let N=sE(h,a.map(F=>F.name),c.availability);N>=0&&g(N)},[h,m,a,c.availability,g]);let z=bi(()=>Wd(h,m),[h,m]);sg(()=>{u(N=>N&&z.some(F=>F.size===N)?N:z.length===1?z[0].size:null)},[z]);let k=it(h,m,p),S=Cs(k),P=k!=null&&!S,D=!s||i==="error"||i==="ready"&&z.length===0,q=bi(()=>aE(h,m),[h,m]);return{...c,setSelectedIdx:f,finishes:a,arm:r,detailState:i,confirmedFinishName:m,sizeOptions:z,size:p,setSize:u,selectedVariant:k,outOfStock:S,outOfStockVariants:q,canAdd:P,unsellable:D}}import{Fragment as EQ,jsx as H7,jsxs as ME}from"react/jsx-runtime";var PQ=[];function og({wheel:e,colours:t,fit:a=null,editing:s=!1,brandPlate:c=!1,kindLabel:o=null,showBrand:l=!0,showProcess:r=!1,coverIndex:i=1,fieldUsage:n=PQ,spinOnHover:h=!1,imageBackgroundFill:m=I6,showBadge:p=!0,outline:u=X3,indexBadge:g=Y3,showCardSizes:d=!0,showCardBuy:f=!0,showCardPage:v=!0,showCardPrice:b=!0,showCardFinishes:y=!0}){let{currency:z}=h0(),k=xi(e,t),S=ui(e,i,k.finish?.name,k.shownSrc,a?.holes),P=ee(e,k.selectedVariant,z,1),D=Qo(P,z),[q,N]=TQ(()=>new Set),F=O=>N(e1=>e1.has(O)?e1:new Set(e1).add(O)),E=pi({overrideSrc:S,hookSrc:k.shownSrc,failed:q}),R=ie(e),T=jC(e,a),G=vi({wheel:e,sel:k,price:P,editing:s,href:`/wheels/${e.slug}`,show:{sizes:d,buy:f,page:v}}),s1=k.detailState==="ready",_=k.unsellable,U=h?"transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] group-hover:rotate-[72deg]":"",Y=E?H7(P3,{src:E,alt:k.finish?`${e.name} \u2014 ${k.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",U].filter(Boolean).join(" "),draggable:!1,onError:()=>F(E)},E):H7(Fs,{imageLabel:e.name}),W=g!=="off"?H7("span",{"aria-hidden":!0,className:`${A9} ${H9}`}):null,Q=p?e.badge:null,b1=P.onSale||Q?ME("div",{className:`${ks} pointer-events-none flex flex-col items-end gap-1`,children:[P.onSale&&H7(ot,{tone:"solid",children:"Sale"}),Q&&H7(ot,{tone:Q==="new"?"solid":"outline",children:Q==="new"?"New":"Bestseller"})]}):null,X=y&&k.finishes.length>0&&k.availability.some(Boolean)?H7(Hs,{finishes:k.finishes,availability:k.availability,selectedIdx:k.selectedIdx,hoverIdx:k.hoverIdx,activeFinish:k.finish,onSelect:k.setSelectedIdx,onHover:k.setHoverIdx,showLabel:!1}):null,v1=rl(T.length>0?T:Al(e),n).map(O=>O.text),G1=P.priced?["each",P.setTotal!=null&&k.selectedVariant?`${rt(k.selectedVariant)} \xB7 ${D2(P.setTotal,z)}`:null].filter(Boolean).join(" \xB7 "):null;return ME(EQ,{children:[H7(I8,{href:`/wheels/${e.slug}`,identityLink:!0,containerProps:{onPointerEnter:k.arm,onTouchStart:k.arm,onFocusCapture:k.arm},probes:k.probes,outline:u,imageBackgroundFill:m,indexBadge:W,badges:b1,image:Y,plate:c?H7(zs,{brand:R,logo:e.brandLogo}):null,eyebrow:ti({kindLabel:o,brand:l&&R?Y1(R):null,process:r&&e.process?Y1(e.process):null},n),reserveEyebrow:ys({kind:!!o,brand:l,process:r},n),name:Y1(e.name),spec:li(v1,$C),was:D,price:te(P,z),metaLine:G1,swatches:X,reserveSwatches:y,showPrice:b,extras:G.extras}),G.dialog]})}import{jsx as Ts,jsxs as zi}from"react/jsx-runtime";function lg({page:e,pageCount:t,onPage:a}){if(t<=1)return null;let s=Ok(t,e),c="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 zi("div",{className:"mt-8 flex flex-wrap items-center justify-between gap-4 border-t border-line pt-4",children:[zi("div",{className:"flex items-center gap-1.5",children:[Ts("button",{type:"button",onClick:()=>a(e-1),disabled:e<=1,"aria-label":"Previous page",className:c,children:"\u2039"}),s.map((o,l)=>o===null?Ts("span",{className:"px-1 font-mono text-[13px] text-fg-dim",children:"\u2026"},`gap-${l}`):Ts("button",{type:"button",onClick:()=>a(o),"aria-current":o===e?"page":void 0,className:["h-9 min-w-9 cursor-pointer border px-2 font-mono text-[13px] tabular-nums transition-colors",o===e?"border-accent bg-accent text-bg":"border-line hover:border-accent hover:text-accent"].join(" "),children:o},o)),Ts("button",{type:"button",onClick:()=>a(e+1),disabled:e>=t,"aria-label":"Next page",className:c,children:"\u203A"})]}),zi("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Jump to",Ts("select",{value:e,onChange:o=>a(Number(o.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},(o,l)=>l+1).map(o=>zi("option",{value:o,children:["Page ",o," of ",t]},o))})]})]})}import{useState as BQ}from"react";import{useState as VQ}from"react";import{jsx as Ps,jsxs as NQ}from"react/jsx-runtime";function rg({checked:e,count:t,noun:a,onChange:s}){let[c,o]=VQ(!1);return NQ("label",{className:"flex cursor-pointer items-center gap-2.5 py-1 text-[13px]",children:[Ps("input",{type:"checkbox",role:"switch",checked:e,onChange:l=>s(l.target.checked),onFocus:l=>o(l.target.matches(":focus-visible")),onBlur:()=>o(!1),className:"sr-only","aria-label":`In stock only (${t} ${a})`}),Ps("span",{"aria-hidden":"true",className:`relative inline-block h-[17px] w-[30px] flex-none rounded-full transition-colors ${e?"bg-green":"bg-line"} ${c?"outline outline-2 outline-offset-2 outline-accent":""}`,children:Ps("span",{className:`absolute left-[2px] top-[2px] h-[13px] w-[13px] rounded-full bg-bg transition-transform ${e?"translate-x-[13px]":""}`})}),Ps("span",{className:"flex-1",children:"In stock only"}),Ps("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:t})]})}import{useId as _Q}from"react";import{jsx as Es,jsxs as SE}from"react/jsx-runtime";function ig({options:e,noun:t,onPick:a}){let s=_Q();return e.length===0?null:SE("fieldset",{className:"rounded-lg border border-accent/35 bg-accent/[0.05] px-3 pb-3 pt-2.5",children:[Es("legend",{className:"px-0 font-mono text-[11px] uppercase tracking-[0.2em] text-accent",children:"Product type"}),Es("div",{className:"flex flex-col pt-1.5",children:e.map(c=>{let o=c.count===0&&!c.checked;return SE("label",{className:`flex items-center gap-2.5 py-1 text-[13.5px] ${o?"opacity-40":"cursor-pointer"}`,children:[Es("input",{type:"radio",name:s,checked:c.checked,disabled:o,onChange:()=>a(c.kind),"aria-label":`${c.label} (${c.count} ${t})`,className:"h-[15px] w-[15px] flex-none accent-[var(--accent)]"}),Es("span",{className:`flex-1 ${c.checked?"text-accent":""}`,children:c.label}),Es("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:c.count})]},c.kind??"all")})})]})}import{jsx as ng,jsxs as pt}from"react/jsx-runtime";function hg({boxes:e,composed:t,matches:a,noun:s,onPick:c}){return pt("div",{className:"grid grid-cols-3 gap-1.5",children:[e.map(o=>pt("label",{className:"flex flex-col gap-1",children:[ng("span",{className:"font-mono text-[9.5px] uppercase tracking-[0.14em] text-fg-dim",children:o.label}),pt("select",{value:o.value??"",onChange:l=>c(o.part,l.target.value?Number(l.target.value):null),"aria-label":`Tyre ${o.label.toLowerCase()}`,className:`w-full cursor-pointer rounded border bg-surface px-2 py-1.5 text-[13px] ${o.value===null?"border-line":"border-accent text-accent"}`,children:[ng("option",{value:"",children:"Any"}),o.options.map(l=>pt("option",{value:l.value,children:[l.label,l.count===0?" \xB7 0":""]},l.value))]})]},o.part)),t&&pt("p",{className:"col-span-3 flex items-baseline gap-2 pt-0.5",children:[ng("span",{className:"font-mono text-[12px] tracking-[0.04em] text-accent",children:t}),a!==null&&pt("span",{className:"text-[11.5px] text-fg-dim",children:["\xB7 ",a," ",s]})]})]})}import{jsx as C2,jsxs as x6}from"react/jsx-runtime";function mg({facets:e,filters:t,typeOptions:a,sizeBoxes:s,sizeMatches:c,noun:o,priceBounds:l,inStockCount:r,onToggle:i,onPickType:n,onPickSize:h,onPriceMax:m,onInStockOnly:p,onClearAll:u}){let{currency:g}=h0(),[d,f]=BQ({});return x6("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:[x6("div",{className:"flex items-center justify-between pb-2",children:[C2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Filter"}),ml(t)&&C2("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&&C2("div",{className:"pb-1 pt-1",children:C2(ig,{options:a,noun:o.many,onPick:n})}),r!==null&&C2("div",{className:"border-t border-line py-2",children:C2(rg,{checked:t.inStockOnly,count:r,noun:o.many,onChange:p})}),s&&C2(LE,{label:Xh.tyreSizes,open:!d.tyreSizes,onToggle:()=>f(v=>({...v,tyreSizes:!v.tyreSizes})),children:!d.tyreSizes&&C2("div",{className:"pb-3",children:C2(hg,{boxes:s,composed:t.tyreSizes[0]??"",matches:c,noun:o.many,onPick:h})})}),e.map(v=>{if(v.options.length===0)return null;let b=!d[v.key];return C2(LE,{label:v.label,open:b,onToggle:()=>f(y=>({...y,[v.key]:!y[v.key]})),children:b&&C2("ul",{className:"flex flex-col pb-3",children:v.options.map(y=>{let z=y.count===0&&!y.checked;return C2("li",{children:x6("label",{className:`flex items-center gap-2.5 py-1 text-[13px] ${z?"opacity-40":"cursor-pointer"}`,children:[C2("input",{type:"checkbox",checked:y.checked,disabled:z,onChange:()=>i(v.key,y.value),"aria-label":`${v.label}: ${y.label} (${y.count} ${o.many})`,className:"h-[16px] w-[16px] flex-none accent-[var(--accent)]"}),y.swatch&&C2("span",{className:"inline-block h-[13px] w-[13px] flex-none rounded-full shadow-[inset_0_0_0_1px_var(--line)]",style:{background:y.swatch}}),C2("span",{className:"flex-1 capitalize",children:y.label}),C2("span",{className:"font-mono text-[11px] tabular-nums text-fg-dim",children:y.count})]})},y.value)})})},v.key)}),l&&x6("div",{className:"border-t border-line py-3",children:[x6("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:["Price \xB7 per ",o.one]}),C2("input",{type:"range",min:l.min,max:l.max,step:5,value:t.priceMax??l.max,onChange:v=>{let b=Number(v.target.value);m(b>=l.max?null:b)},className:"mt-2 w-full accent-[var(--accent)]","aria-label":`Maximum price per ${o.one}`}),x6("div",{className:"mt-1.5 flex justify-between font-mono text-[11px] tabular-nums",children:[C2("span",{className:"text-fg-dim",children:D2(l.min,g)}),x6("span",{children:["Up to ",D2(t.priceMax??l.max,g)]})]})]})]})}function LE({label:e,open:t,onToggle:a,children:s}){return x6("div",{className:"border-t border-line",children:[x6("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:[C2("span",{className:"font-mono text-[11px] uppercase tracking-[0.2em]",children:e}),C2("span",{"aria-hidden":"true",className:`font-mono text-[10px] text-fg-dim transition-transform ${t?"rotate-180":""}`,children:"\u25BE"})]}),s]})}import{Fragment as RQ,jsx as AE}from"react/jsx-runtime";function yi({kind:e,children:t}){let a=tz(e);return a?AE("span",{[Ix]:a.stamp,children:t}):AE(RQ,{children:t})}import{jsx as ut,jsxs as HE}from"react/jsx-runtime";function pg(e,t){return[{value:"",label:t??"\u2014"},...e.map(a=>({value:a.value,label:a.label}))]}function Vs({label:e,value:t,options:a,onChange:s,placeholder:c,disabled:o,compact:l=!1,editing:r=!1}){let n=(a.find(u=>u.value===t)?.label??t)||c||"\u2014",h=pg(a,c),m=ce({items:h,value:t,onPick:s}),p=m.open;return HE("div",{ref:m.wrapRef,className:"relative",children:[HE("div",{ref:u=>{m.triggerRef.current=u},role:"button",tabIndex:o?-1:0,"aria-haspopup":"listbox","aria-expanded":p,"aria-controls":p?m.listId:void 0,"aria-activedescendant":m.activeId,"aria-label":e,"aria-disabled":o||void 0,onClick:()=>!o&&m.toggle(),onKeyDown:u=>!o&&m.onTriggerKeyDown(u),className:["relative flex flex-col bg-bg transition-colors",l?"gap-1 px-3.5 py-2.5":"min-h-[160px] gap-3.5 px-6 py-7",o?"opacity-50":"cursor-pointer hover:bg-surface"].join(" "),children:[ut("span",{...r?{[Jt]:mh}:{},className:["font-mono uppercase text-accent",l?"text-[length:var(--size-label,10px)] tracking-[0.2em]":"text-[length:var(--size-label,12px)] tracking-[0.3em]"].join(" "),children:ut(yi,{kind:mh,children:e})}),ut("span",{className:["font-display font-medium tracking-[-0.02em]",l?"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?{[Jt]:ph}:{},children:ut(yi,{kind:ph,children:n})}),ut("span",{className:["pointer-events-none absolute font-mono text-accent",l?"right-3 top-3 text-[length:var(--size-label,11px)]":"right-[22px] top-[22px] text-[length:var(--size-label,14px)]"].join(" "),children:"\u25BE"})]}),p&&!o&&ut(oe,{id:m.listId,tone:"cell",items:h,value:t,focusIdx:m.focusIdx,onFocus:m.setFocusIdx,onPick:m.pick,listRef:m.listRef})]})}var Ns=["make","model","year","trim"],D8={make:"Make",model:"Model",year:"Year",trim:"Trim"};function FE(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 TE(e,t){for(let a of Ns){if(a===e)break;if(!FE(a,t))return a}return e}function PE(e){return Ns.find(t=>!FE(t,e))??null}var _s={make:"Pick a make first",model:"Pick a model first",year:"Pick a year first",trim:"Pick a trim first"};function wi({parentPicked:e,loading:t,options:a,waiting:s,loadingLabel:c,readyLabel:o,emptyLabel:l}){return e?t?{placeholder:c,disabled:!0}:a.length===0?{placeholder:l,disabled:!0}:{placeholder:o,disabled:!1}:{placeholder:s,disabled:!0}}function ki(e){let{vehicle:t,loading:a}=e;return{make:wi({parentPicked:!0,loading:a.makes,options:e.makeOptions,waiting:"",loadingLabel:"Loading makes\u2026",readyLabel:"Select make",emptyLabel:"Vehicle list unavailable"}),model:wi({parentPicked:!!t.make,loading:a.models,options:e.modelOptions,waiting:_s.make,loadingLabel:"Loading models\u2026",readyLabel:"Select model",emptyLabel:"No models listed"}),year:wi({parentPicked:!!t.model,loading:a.years,options:e.yearOptions,waiting:_s.model,loadingLabel:"Loading years\u2026",readyLabel:"Select year",emptyLabel:"No years listed"}),trim:wi({parentPicked:t.year!==null,loading:a.modifications,options:e.modOptions,waiting:_s.year,loadingLabel:"Loading trims\u2026",readyLabel:"Select trim",emptyLabel:"No trims listed"})}}function EE(e){return{make:e.makeOptions,model:e.modelOptions,year:e.yearOptions,trim:e.modOptions}}function VE(e){return{make:e.setMake,model:e.setModel,year:e.setYear,trim:e.setModification}}function NE(e){let{vehicle:t}=e;return{make:t.make,model:t.model,year:t.year!==null?String(t.year):"",trim:t.modification}}function _E(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 Ci,jsxs as IQ}from"react/jsx-runtime";function q3({cascade:e,compact:t=!1,editing:a=!1}){let{vehicle:s}=e,c=ki(e);return IQ("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:[Ci(Vs,{label:D8.make,placeholder:c.make.placeholder,disabled:c.make.disabled,value:s.make,options:e.makeOptions,onChange:e.setMake,compact:t,editing:a}),Ci(Vs,{label:D8.model,placeholder:c.model.placeholder,disabled:c.model.disabled,value:s.model,options:e.modelOptions,onChange:e.setModel,compact:t,editing:a}),Ci(Vs,{label:D8.year,placeholder:c.year.placeholder,disabled:c.year.disabled,value:s.year!==null?String(s.year):"",options:e.yearOptions,onChange:e.setYear,compact:t,editing:a}),Ci(Vs,{label:D8.trim,placeholder:c.trim.placeholder,disabled:c.trim.disabled,value:s.modification,options:e.modOptions,onChange:e.setModification,compact:t,editing:a})]})}import{jsx as U2,jsxs as z6}from"react/jsx-runtime";function ug({cascade:e,appliedName:t,fit:a,fitSummary:s=null,resolving:c,unresolved:o,matchCount:l,copy:r,onAmend:i,onClear:n}){return U2("div",{className:"border-b border-line bg-surface px-5 py-4 md:px-10",children:!(t!=="")?z6("div",{className:"flex flex-wrap items-end gap-4",children:[z6("div",{className:"flex-none",children:[z6("div",{className:"flex items-center gap-2",children:[U2(BE,{}),U2("h2",{className:"font-display text-[18px] font-medium uppercase tracking-[-0.01em]",children:"Select your car"})]}),U2("p",{className:"mt-0.5 font-mono text-[11px] uppercase tracking-[0.14em] text-fg-dim",children:r.promise})]}),U2("div",{className:"min-w-[280px] flex-1",children:U2(q3,{cascade:e,compact:!0})})]}):z6("div",{className:"flex flex-wrap items-center gap-x-5 gap-y-3",children:[z6("div",{className:"flex items-center gap-2.5",children:[U2(BE,{}),z6("div",{children:[U2("p",{className:"font-mono text-[10px] uppercase tracking-[0.2em] text-fg-dim",children:"Fitment for"}),U2("p",{className:"font-display text-[16px] font-medium uppercase leading-[1.1] tracking-[-0.01em]",children:t})]})]}),c?U2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):o?U2("p",{className:"font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:r.noData}):z6("div",{className:"flex flex-wrap items-center gap-1.5",children:[U2("span",{className:"border border-line px-2 py-1 font-mono text-[10px] uppercase tracking-[0.14em] text-fg-dim",children:s??YC(a)}),U2("span",{className:"bg-accent px-2 py-1 font-mono text-[10px] font-bold uppercase tracking-[0.14em] text-bg",children:r.countFits(l)})]}),z6("div",{className:"ml-auto flex items-center gap-4",children:[U2("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"}),U2("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 BE(){return z6("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",stroke:"var(--accent)",strokeWidth:"2","aria-hidden":"true",className:"flex-none",children:[U2("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"}),U2("circle",{cx:"7.5",cy:"17.5",r:"1.8"}),U2("circle",{cx:"16.5",cy:"17.5",r:"1.8"})]})}import{useId as ZQ,useRef as DQ}from"react";import{jsx as y6,jsxs as OQ}from"react/jsx-runtime";function dg({cascade:e,heading:t,intro:a,ready:s,copy:c,onSkip:o}){let l=ZQ(),r=DQ(null);return s7({active:s,onDismiss:o,focusRef:r}),y6("div",{role:"dialog","aria-modal":"true","aria-labelledby":l,"aria-hidden":s?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",s?"opacity-100":"pointer-events-none opacity-0"].join(" "),children:y6("div",{className:"flex min-h-full items-center justify-center px-6 py-14 max-[700px]:px-5 max-[700px]:py-10",children:OQ("div",{ref:r,tabIndex:-1,className:"w-full max-w-[720px] outline-none",children:[y6("p",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.3em] text-accent",children:c.eyebrow}),y6("h2",{id:l,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:Y1(t)}),y6("p",{className:"mt-4 max-w-[52ch] text-[15px] leading-[1.6] text-fg-dim",children:Y1(a)}),y6("div",{className:"mt-8",children:y6(q3,{cascade:e})}),e.cascadeError&&y6("p",{className:"mt-3 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:c.cascadeDown}),y6("button",{type:"button",onClick:o,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:c.browseInstead})]})})})}import{useEffect as qQ,useMemo as WQ,useState as UQ}from"react";var w6={year:null,make:"",model:"",modification:""};var k5={make:"make",model:"model",year:"year",trim:"trim"};function r4(e){return!!e.make&&!!e.model&&e.year!==null&&!!e.modification}function RE(e){let t=Number(e.get(k5.year)),a={...w6,make:e.get(k5.make)??"",model:e.get(k5.model)??"",year:Number.isFinite(t)&&t>0?Math.floor(t):null,modification:e.get(k5.trim)??""};return r4(a)?a:null}function C5(e,t){return!t||!r4(t)||(e.set(k5.make,t.make),e.set(k5.model,t.model),e.set(k5.year,String(t.year)),e.set(k5.trim,t.modification)),e}var GQ=["tyre"];function IE(e){return GQ.filter(t=>e.includes(t))}function ZE(e){return!e||!r4(e)||e.year===null?null:{make:e.make,model:e.model,year:e.year,modification:e.modification}}function DE(e,t,a){return e.length===0||!t&&!a?null:{kinds:[...e],vehicle:t}}function OE(e,t,a){if(a===null||t.length===0)return[...e];let s=new Set(a);return e.filter(c=>!t.includes(W0(c))||s.has(X6(c)))}function GE({catalog:e,shownKinds:t,vehicle:a,editing:s=!1}){let c=IE(t),o=s?null:ZE(a),[l,r]=UQ(null),i=DE(c,o,l!==null),n=i?JSON.stringify(i):"";qQ(()=>{if(!n)return;let p=JSON.parse(n),u=!0;return p0.listCatalog(p.kinds,p.vehicle).then(g=>{u&&r({key:n,slugs:g.map(X6)})}).catch(g=>{console.error("[useVehicleCatalog] catalog refetch failed",g)}),()=>{u=!1}},[n]);let h=l?.slugs??null,m=c.join(",");return WQ(()=>OE(e,m?m.split(","):[],h),[e,m,h])}import{useCallback as vg,useEffect as Bs,useMemo as jQ,useRef as YQ,useState as UE}from"react";import{useCallback as Mi,useEffect as dt,useMemo as Si,useState as F7}from"react";function Li(e){return e instanceof Error?e.message:String(e)}function qE(e=[],t=!0){let[a,s]=F7(w6),[c,o]=F7(e),[l,r]=F7([]),[i,n]=F7([]),[h,m]=F7([]),[p,u]=F7(null),[g,d]=F7({makes:t&&e.length===0}),[f,v]=F7(null);dt(()=>{t&&e.length===0&&(d(T=>({...T,makes:!0})),j9.listMakes().then(o).catch(()=>{}).finally(()=>d(T=>({...T,makes:!1}))))},[t,e.length]),dt(()=>{if(!a.make){r([]);return}let T=!1;return d(G=>({...G,models:!0})),j9.listModels(a.make).then(G=>{T||r(G)}).catch(G=>{T||v(Li(G))}).finally(()=>{T||d(G=>({...G,models:!1}))}),()=>{T=!0}},[a.make]),dt(()=>{if(!a.make||!a.model){n([]);return}let T=!1;return d(G=>({...G,years:!0})),j9.listYears(a.make,a.model).then(G=>{T||n(G)}).catch(G=>{T||v(Li(G))}).finally(()=>{T||d(G=>({...G,years:!1}))}),()=>{T=!0}},[a.make,a.model]),dt(()=>{if(!a.make||!a.model||a.year===null){m([]);return}let T=!1;return d(G=>({...G,modifications:!0})),j9.listModifications(a.make,a.model,a.year).then(G=>{T||m(G)}).catch(G=>{T||v(Li(G))}).finally(()=>{T||d(G=>({...G,modifications:!1}))}),()=>{T=!0}},[a.make,a.model,a.year]),dt(()=>{if(!(a.year!==null&&a.make&&a.model&&a.modification)){u(null);return}let G=!1;return d(s1=>({...s1,stock:!0})),v(null),j9.getStockFitment(a.make,a.model,a.year,a.modification).then(s1=>{G||u(s1)}).catch(s1=>{G||v(Li(s1))}).finally(()=>{G||d(s1=>({...s1,stock:!1}))}),()=>{G=!0}},[a.make,a.model,a.year,a.modification]),dt(()=>{a.year!==null&&a.make&&a.model&&!a.modification&&h.length===1&&s(T=>({...T,modification:h[0].slug}))},[a.year,a.make,a.model,a.modification,h]);let b=Mi(T=>s(G=>({...G,make:T,model:"",year:null,modification:""})),[]),y=Mi(T=>s(G=>({...G,model:T,year:null,modification:""})),[]),z=Mi(T=>s(G=>({...G,year:T?Number(T):null,modification:""})),[]),k=Mi(T=>s(G=>({...G,modification:T})),[]),S=Si(()=>i.map(T=>({value:String(T),label:String(T)})),[i]),P=Si(()=>c.map(T=>({value:T.slug,label:T.name})),[c]),D=Si(()=>l.map(T=>({value:T.slug,label:T.name})),[l]),q=Si(()=>h.map(T=>({value:T.slug,label:T.name})),[h]),N=a.year!==null&&!!a.make&&!!a.model&&!!a.modification,F=c.find(T=>T.slug===a.make)?.name??a.make,E=l.find(T=>T.slug===a.model)?.name??a.model,R=h.find(T=>T.slug===a.modification)?.name??a.modification;return{vehicle:a,setVehicle:s,setMake:b,setModel:y,setYear:z,setModification:k,makeOptions:P,modelOptions:D,yearOptions:S,modOptions:q,loading:g,cascadeError:f,stock:p,fullyPicked:N,makeName:F,modelName:E,modName:R}}var gg="storefront-vehicle";function KQ(e){if(!e||typeof e!="object")return null;let t=e,a={...w6,...t.vehicle??{}};return r4(a)?{vehicle:a,labels:{make:t.labels?.make??a.make,model:t.labels?.model??a.model,modification:t.labels?.modification??a.modification}}:null}function $Q(e){let t,a=new Set,s=()=>{for(let c of[...a])c()};return{read(){if(t!==void 0)return t;try{let c=e()?.getItem(gg);t=c?KQ(JSON.parse(c)):null}catch{t=null}return t},write(c){t=c;try{e()?.setItem(gg,JSON.stringify(c))}catch{}s()},clear(){t=null;try{e()?.removeItem(gg)}catch{}s()},subscribe(c){return a.add(c),()=>{a.delete(c)}}}}var T7=$Q(()=>t3);function WE(){T7.clear()}function fg(e,t,a){return e!==t?e:a||t}function XQ(e,t){return e.make===t.make&&e.model===t.model&&e.modification===t.modification}function gt(e,t){return e.make===t.make&&e.model===t.model&&e.year===t.year&&e.modification===t.modification}function C4({initialMakes:e=[],editing:t=!1,enabled:a=!0,autoApply:s=!1}={}){let c=qE(e,a),{setVehicle:o}=c,[l,r]=UE(null),[i,n]=UE(!1),h=vg(()=>({make:c.makeName,model:c.modelName,modification:c.modName}),[c.makeName,c.modelName,c.modName]);Bs(()=>{if(t||!a){n(!0);return}let v=RE(new URLSearchParams(window.location.search)),b=v?null:T7.read(),y=v??b?.vehicle??null;y&&(o(y),r({vehicle:y,labels:b?.labels??{make:y.make,model:y.model,modification:y.modification},stock:null})),n(!0)},[t,a,o]),Bs(()=>{if(!(t||!a))return T7.subscribe(()=>{let v=T7.read();r(y=>v?y&>(y.vehicle,v.vehicle)?XQ(y.labels,v.labels)?y:{...y,labels:v.labels}:{vehicle:v.vehicle,labels:v.labels,stock:null}:null);let b=v?.vehicle??w6;o(y=>gt(y,b)?y:b)})},[t,a,o]),Bs(()=>{!s||!r4(c.vehicle)||l&>(l.vehicle,c.vehicle)||r({vehicle:c.vehicle,labels:h(),stock:c.stock})},[s,l,c.vehicle,c.stock,h]),Bs(()=>{if(!l||!gt(c.vehicle,l.vehicle))return;let v={make:fg(c.makeName,c.vehicle.make,l.labels.make),model:fg(c.modelName,c.vehicle.model,l.labels.model),modification:fg(c.modName,c.vehicle.modification,l.labels.modification)};(l.stock!==c.stock||l.labels.make!==v.make||l.labels.model!==v.model||l.labels.modification!==v.modification)&&r(y=>y&>(c.vehicle,y.vehicle)?{...y,stock:c.stock,labels:v}:y)},[l,c.vehicle,c.stock,c.makeName,c.modelName,c.modName]);let m=YQ("");Bs(()=>{if(!(t||!a))try{if(!l){m.current!==""&&(T7.clear(),m.current="");return}let v=JSON.stringify({vehicle:l.vehicle,labels:l.labels});if(v===m.current)return;T7.write({vehicle:l.vehicle,labels:l.labels}),m.current=v}catch{}},[l,t,a]);let p=vg(()=>{r4(c.vehicle)&&r({vehicle:c.vehicle,labels:h(),stock:c.stock})},[c.vehicle,c.stock,h]),u=vg(()=>{r(null),o(w6),!t&&a&&WE()},[t,a,o]),g=jQ(()=>OC(l?.stock),[l?.stock]),d=!!l&>(c.vehicle,l.vehicle)&&c.loading.stock!==!1,f=l?[l.vehicle.year,l.labels.make,l.labels.model,l.labels.modification].filter(Boolean).join(" "):"";return{cascade:c,applied:l,fit:g,resolving:d,unresolved:!!l&&g===null&&!d,apply:p,clear:u,canApply:r4(c.vehicle),appliedName:f,restored:i}}import{useEffect as KE,useState as $E}from"react";var bg="plp:locationchange",jE=!1;function JQ(e){if(typeof window>"u")return()=>{};if(!jE){jE=!0;for(let t of["pushState","replaceState"]){let a=window.history[t];window.history[t]=function(...c){a.apply(this,c),window.dispatchEvent(new Event(bg))}}}return window.addEventListener("popstate",e),window.addEventListener(bg,e),()=>{window.removeEventListener("popstate",e),window.removeEventListener(bg,e)}}function YE({editing:e,openingSort:t,appliedVehicle:a,vehicleRestored:s}){let[c,o]=$E({...a6,sort:t}),[l,r]=$E(!1);return KE(()=>{if(e||typeof window>"u")return;let i=()=>{let h=Dk(new URLSearchParams(window.location.search));return r8(h).toString()===""?{...a6,sort:t}:h},n=()=>{let h=i();o(m=>r8(m).toString()===r8(h).toString()?m:h)};return n(),r(!0),JQ(n)},[e,t]),KE(()=>{if(e||!l||!s||typeof window>"u")return;let i=r8(c);C5(i,a);let n=i.toString();window.history.replaceState(null,"",`${window.location.pathname}${n?`?${n}`:""}`)},[e,l,s,c,a]),[c,o]}import{Fragment as XE,jsx as b2,jsxs as K2}from"react/jsx-runtime";var xg={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 s11({level:e,className:t,children:a}){return b2(e===2?"h2":"h1",{className:t,children:a})}var c11=[];function zg({heading:e="",intro:t="",askForCar:a=!0,gateHeading:s="",gateIntro:c="",perPage:o=24,columns:l,defaultSort:r="recommended",hiddenFacets:i=[],fieldUsage:n=c11,showPrice:h=!0,showInStock:m=!0,kinds:p,products:u,wheels:g,editing:d=!1,coverIndex:f=1,cardImage:v,spinOnHover:b=!1,imageBackground:y,showBadge:z=!0,showCardSizes:k,showCardBuy:S,showCardPage:P,showCardPrice:D,showCardFinishes:q,outline:N=X3,indexBadge:F=Y3,titleLevel:E}){let{currency:R}=h0(),T=P9(y,I6),G=t6(p),s1=c5(),_=EP(Jr(l),d?s1:null),U=`plp-${e11().replace(/:/g,"")}`,Y=R6(U,F),W=ZP(),Q=u??g??W??[],b1=A3(()=>nk(Q,G),[Q,G.join(",")]),X=C4({editing:d,enabled:a,autoApply:!0}),[v1,G1]=a11(!1),O=wk(r,G),e1=X.applied?.vehicle??null,[p1,S0]=YE({editing:d,openingSort:O,appliedVehicle:e1,vehicleRestored:X.restored}),A0=Ck(G,p1.kind),y1=U4(I1=>S0(I1),[S0]),e0=U4((I1,u4)=>{let m3=p1[I1],Kt=m3.map(String).includes(u4)?m3.filter(Pc=>String(Pc)!==u4):[...m3,I1==="diameters"?Number(u4):u4];y1({...p1,[I1]:Kt,page:1})},[p1,y1]),k1=U4(I1=>y1({...p1,priceMax:I1,page:1}),[p1,y1]),l2=U4(I1=>y1({...p1,inStockOnly:I1,page:1}),[p1,y1]),j1=U4(I1=>y1({...a6,kind:I1,inStockOnly:p1.inStockOnly,priceMax:p1.priceMax,sort:p1.sort}),[p1.inStockOnly,p1.priceMax,p1.sort,y1]),y2=U4(I1=>y1({...p1,sort:I1,page:1}),[p1,y1]),B2=U4(I1=>{y1({...p1,page:I1}),typeof window<"u"&&window.scrollTo({top:0,behavior:X5()})},[p1,y1]),H0=U4(()=>y1({...a6,sort:p1.sort}),[p1.sort,y1]),{clear:m1}=X,q1=U4(()=>{m1(),G1(!0),S0(I1=>({...I1,page:1}))},[m1]),L0=U4(()=>{m1(),G1(!1),S0(I1=>({...I1,page:1}))},[m1]),F0=e1?[e1.make,e1.model,e1.year,e1.modification].join("|"):"",o0=t11(null);QQ(()=>{if(X.restored){if(o0.current===null){o0.current=F0;return}o0.current!==F0&&(o0.current=F0,S0(I1=>I1.page===1?I1:{...I1,page:1}))}},[X.restored,F0,S0]);let q0=GE({catalog:b1,shownKinds:G,vehicle:e1,editing:d}),$=A3(()=>{if(!X.fit)return q0;let I1=q0.filter(m3=>W0(m3)==="alloy-wheel"),u4=new Set(Ll(I1,X.fit).map(m3=>m3.slug));return q0.filter(m3=>W0(m3)!=="alloy-wheel"||u4.has(X6(m3)))},[q0,X.fit]),E1=i.join(","),i0=A3(()=>{let I1=new Set(E1?E1.split(","):[]);return Jh($,p1,R,A0,n).filter(u4=>!I1.has(u4.key))},[$,p1,R,E1,A0.join(","),n]),e2=A3(()=>Ak($,p1,R),[$,p1,R]),Z5=A0.length>1,S2=A3(()=>E4(n,"alloy-wheel"),[n]),P6=A3(()=>E4(n,"tyre"),[n]),D5=A3(()=>hk(e2),[e2]),O5=A3(()=>mk(e2),[e2]),E6=A3(()=>h?Nk($,R):null,[$,R,h]),V6=A3(()=>Lk($,p1,R),[$,p1,R]),m4=A3(()=>Vk($,G,p1,R),[$,G.join(","),p1,R]),G5=U4((I1,u4)=>{let m3=Ek($.flatMap(ne),p1.tyreSizes[0]??"",I1,u4);y1({...p1,tyreSizes:m3?[m3]:[],page:1})},[$,p1,y1]),k3=A3(()=>{let I1=new Set(E1?E1.split(","):[]);return!Fk($,A0)||I1.has("tyreSizes")?null:Pk($,p1,R)},[$,p1,R,E1,A0.join(","),n]),h2=A3(()=>Gk(e2,p1.page,o),[e2,p1.page,o]),w1=h5(A0),t0=xs(A0),p4=DP(s,c,A0,G),n9=A0.length===1&&A0[0]==="tyre",Wt=X.applied?.stock??null,e5=A3(()=>QM(Wt),[Wt]),h9=A3(()=>$.filter(I1=>A0.includes(W0(I1))).length,[$,A0.join(",")]),K3=b1.length===0,N6=!K3&&$.length===0,Ut=a&&!d&&!X.applied&&!v1;return G.length===0?null:K2("section",{style:J2(v),children:[a&&b2(ug,{cascade:X.cascade,appliedName:X.appliedName,fit:X.fit,fitSummary:n9&&e5.length>0?`Takes ${e5.join(" \xB7 ")}`:null,resolving:X.resolving,unresolved:n9?!!X.applied&&!X.resolving&&e5.length===0:X.unresolved,matchCount:h9,copy:t0,onAmend:L0,onClear:q1}),Ut&&b2(dg,{cascade:X.cascade,heading:p4.heading,intro:p4.intro,ready:X.restored,copy:t0,onSkip:()=>G1(!0)}),K2("div",{className:"px-5 py-10 md:px-10",children:[(e||t)&&K2("header",{className:"mb-6",children:[e&&b2(s11,{level:E,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:Y1(e)}),t&&b2("p",{className:"mt-2 max-w-[60ch] text-[15px] text-fg-dim",children:Y1(t)})]}),K2("div",{className:"flex flex-col gap-8 lg:flex-row lg:items-start",children:[b2(mg,{facets:i0,filters:p1,typeOptions:m4,sizeBoxes:k3,sizeMatches:p1.tyreSizes.length>0?e2.length:null,noun:w1,priceBounds:E6,inStockCount:m?V6:null,onToggle:e0,onPickType:j1,onPickSize:G5,onPriceMax:k1,onInStockOnly:l2,onClearAll:H0}),K2("div",{className:"min-w-0 flex-1",children:[K2("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:[K2("div",{className:"flex min-w-0 flex-1 flex-wrap items-center gap-x-4 gap-y-2",children:[b2("p",{className:"font-mono text-[12px] tabular-nums tracking-[0.08em]",children:h2.total===0?K2("span",{className:"text-fg-dim",children:["No ",w1.many]}):K2(XE,{children:[K2("span",{children:[h2.from,"\u2013",h2.to]}),K2("span",{className:"text-fg-dim",children:[" of ",h2.total," ",w1.many]})]})}),b2($d,{filters:p1,onToggle:e0,onPriceMax:k1,onInStockOnly:l2,onPickType:j1})]}),K2("label",{className:"flex items-center gap-2 font-mono text-[11px] uppercase tracking-[0.16em] text-fg-dim",children:["Sort by",b2("select",{value:p1.sort,onChange:I1=>y2(ue(I1.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:Yh(G).map(I1=>b2("option",{value:I1,children:na[I1]},I1))})]})]}),K3?b2("div",{className:"border border-dashed border-line p-10",children:b2("p",{className:"font-mono text-[12px] uppercase tracking-[0.16em] text-fg-dim",children:d?`No ${w1.many} in this website's catalog yet \u2014 curate products to see them here.`:"Our catalog is being updated. Please check back shortly."})}):N6?K2("div",{className:"border border-line p-10",children:[K2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No confirmed fit for your ",X.appliedName]}),b2("p",{className:"mt-2 max-w-[52ch] text-[14px] text-fg-dim",children:t0.nothingFits}),K2("button",{type:"button",onClick:q1,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 ",w1.many]})]}):h2.total===0?K2("div",{className:"border border-line p-10",children:[K2("h3",{className:"font-display text-[22px] font-medium uppercase tracking-[-0.01em]",children:["No ",w1.many," match those filters"]}),b2("p",{className:"mt-2 max-w-[46ch] text-[14px] text-fg-dim",children:"Try widening the price range or clearing a filter."}),ml(p1)&&b2("button",{type:"button",onClick:H0,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"})]}):K2(XE,{children:[Y&&b2("style",{children:Y}),b2("div",{className:Y?`${U} plp-card-grid`:"plp-card-grid",style:_,children:h2.items.map(I1=>W0(I1)==="tyre"?b2(As,{item:I1,currency:R,fitSize:e5.length>0?eS(I1.sizes,e5):null,kindLabel:Z5?h5(["tyre"]).one:null,showBrand:D5,editing:d,fieldUsage:P6},`tyre:${X6(I1)}`):b2(og,{wheel:I1,colours:p1.finishes,fit:X.fit,editing:d,kindLabel:Z5?h5(["alloy-wheel"]).one:null,showBrand:D5,coverIndex:f,fieldUsage:S2,showProcess:O5,spinOnHover:b,imageBackgroundFill:T,showBadge:z,outline:N,indexBadge:F,showCardSizes:k??!0,showCardBuy:S??!0,showCardPage:P??!0,showCardPrice:D??!0,showCardFinishes:q??!0},`wheel:${X6(I1)}`))})]}),b2(lg,{page:h2.page,pageCount:h2.pageCount,onPage:B2}),b2(bs,{editing:d})]})]})]})]})}import{SortIcon as l11,CarIcon as r11,HashIcon as i11}from"efficient-easel/icons";import{useEasel as n11}from"efficient-easel/easel";import{jsx as o11}from"react/jsx-runtime";var Rs={heading:"Alloy wheels",intro:"Filter by brand, colour, size and fitment to find your set."},JE={label:"List",defaultProps:{heading:"",intro:"",askForCar:!0,gateHeading:"",gateIntro:"",kinds:[...ll],perPage:24,columns:Nd,defaultSort:"recommended",coverIndex:String(1),showInStock:!0,showCollection:!0,showPrice:!0},render:e=>o11(zg,{titleLevel:e.titleLevel,heading:w(e.heading,Rs.heading,e.puck),intro:w(e.intro,Rs.intro,e.puck),askForCar:e.askForCar!==!1,gateHeading:t1(e.gateHeading),gateIntro:t1(e.gateIntro),perPage:e.perPage,columns:e.columns,defaultSort:ue(e.defaultSort),coverIndex:ht(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:X7(e.outline),indexBadge:K5(e.indexBadge),hiddenFacets:Qh(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 O8}from"react/jsx-runtime";var Ai=[{value:"showInStock",label:"In stock"},{value:"showCollection",label:"Collection"},{value:"showPrice",label:"Price"}],h11="Brand, Color, Size and PCD follow the product type. Set them in Product types.",QE="root:default-zone";function m11(){let{appState:e,dispatch:t}=n11(i=>i),a=e.ui.itemSelector,s=e.data.content??[],c=a&&(a.zone===void 0||a.zone===QE)?a.index:-1,o=c>=0?s[c]:void 0,l=o?.props??{},r=Ai.filter(i=>l[i.value]!==!1).map(i=>i.value);return O8(mo,{label:"Filters",options:Ai,value:r,onChange:i=>{if(!o||o.type!=="AlloyWheelsListing")return;let n={};for(let h of Ai){let m=i.includes(h.value);l[h.value]!==!1!==m&&(n[h.value]=m)}Object.keys(n).length&&t({type:"replace",destinationZone:QE,destinationIndex:c,data:{...o,props:{...o.props,...n}}})}})}var eV=()=>Kz({type:"custom",render:()=>O8(Wz,{})},"always"),tV={fields:{_gHeader:x("Header"),heading:H("Heading",Rs.heading),intro:B("Intro",Rs.intro),_gResults:x("Products"),kinds:B9("Product types",re,"None \u2014 this section will be empty"),defaultSort:d1("Opening sort",O8(l11,{}),Object.entries(na).map(([e,t])=>({value:e,label:t})),"recommended"),_gFilters:x("Filters"),showInStock:{type:"custom",label:"Filters",options:Ai,render:()=>O8(m11,{})},showCollection:eV(),showPrice:eV(),_nFieldFilters:l5(h11),_gVehicle:x("Car prompt"),askForCar:c1("Ask for the car first",!0,O8(r11,{})),gateHeading:I("Welcome heading",xg.heading),gateIntro:V1("Welcome intro",xg.intro),...Lo({bottomDefault:!0}),...R9({coverHint:"A card's opening picture \u2014 picking another color opens that color's first picture.",spinDefault:!1}),...I9(),_gGrid:x("Grid"),columns:{type:"custom",render:({value:e,onChange:t})=>O8(Rd,{value:e,onChange:t})},perPage:a1("Products per page",O8(i11,{}),8,60,4,24)},resolveFields:(e,{fields:t})=>{let a=xs(t6(e.props.kinds));return{...t,gateHeading:I("Welcome heading",a.gateHeading),gateIntro:V1("Welcome intro",a.gateIntro)}}};import{useEffect as d11,useState as g11}from"react";function p11(e){return{name:e.name,logo:e.logo,count:e.count}}var Is=null,yg=null;function Hi(e=!1){let t=r2();return!e&&Is&&yg===t||(yg=t,Is=u11(t).catch(()=>(yg===t&&(Is=null),null))),Is}async function u11(e){return e?(await p0.listBrandsForSite(e)).map(p11):null}import{Fragment as v11,jsx as Fi,jsxs as f11}from"react/jsx-runtime";function wg({value:e,onChange:t}){let[a,s]=g11(void 0);d11(()=>{let r=!1;return Hi().then(i=>{r||s(i)}),()=>{r=!0}},[]);let c=Array.isArray(e)?e:[],l=[...a??[],...c.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 f11(v11,{children:[Fi(mo,{label:"Brands",options:l,value:c,onChange:t,emptyLabel:"None"}),a===void 0?Fi("p",{className:"sf-field-hint",children:"Reading this website\u2019s brands\u2026"}):a===null?Fi("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?Fi("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 Zs="picks",aV="available",sV=()=>[];function cV(e,t){let a=new Set((e??[]).map(l=>(l??"").trim()).filter(Boolean));if(a.size===0)return[];let s=t??[],c=[],o=new Set;for(let l of s)a.has(l.name)&&(c.push(l),o.add(l.name));for(let l of e??[]){let r=(l??"").trim();!r||o.has(r)||(o.add(r),c.push({name:r,logo:"",count:0}))}return c}import{LogoIcon as b11,HashIcon as x11}from"efficient-easel/icons";import{jsx as oV}from"react/jsx-runtime";var lV={fields:{_gContent:x("Content"),heading:H("Heading","Shop by brand"),button:H("Button","All brands"),link:A1("Link"),[Zs]:t2(wg),_gStyle:x("Style"),face:g1("Tile",oV(b11,{}),[{label:"Name",value:"name"},{label:"Mark",value:"mark"}],"name"),showCount:c1("Count",!0,oV(x11,{})),_gLayout:x("Layout")}};import{ColumnsIcon as z11}from"efficient-easel/icons";var O0={num:A.sectionNumber,link:A.viewAll};import{jsx as y11}from"react/jsx-runtime";var rV={fields:{_gHeader:x("Header"),num:H("Number",O0.num),title:B("Heading",A.sectionHeading),description:B("Body",A.body),_gLayout:x("Layout"),columns:a1("Columns",y11(z11,{}),2,3,1,3),cardImage:G6()},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.BundleOffer.headRows)};import{StylesIcon as w11}from"efficient-easel/icons";var Ti=[{label:"Icon",value:"icon"},{label:"Text",value:"text"}];import{jsx as k11}from"react/jsx-runtime";var iV={fields:{_gStyle:x("Style"),style:g1("Show as",k11(w11,{}),Ti,"icon")}};import{HashIcon as N11,SortIcon as _11,LayoutIcon as B11}from"efficient-easel/icons";import{createContext as M11,useContext as S11,useMemo as L11}from"react";var C11=["vehicle","process","size","lugs","finish","price"],Pi={vehicle:"My Car",process:"Process",size:"Size",lugs:"Lugs",finish:"Finish",price:"Price"};function nV(e){if(!e)return Pi;let t={...Pi};for(let a of C11){let s=e[a];if(typeof s!="string")continue;let c=s.trim();c&&(t[a]=c)}return t}import{jsx as A11}from"react/jsx-runtime";var hV=M11(Pi);function y_1({labels:e,children:t}){let a=L11(()=>nV(e),[e]);return A11(hV.Provider,{value:a,children:t})}function Ds(){return S11(hV)}import{SettingsField as H11,SettingsSwitch as F11}from"efficient-easel/panel";import{jsx as Os}from"react/jsx-runtime";function T11({facet:e,fallback:t,value:a,onChange:s,fieldId:c}){let l=Ds()[e],r=typeof a=="boolean"?a:t,i=`${c}-label`;return Os(H11,{label:l,labelId:i,action:Os(F11,{checked:r,onChange:s,ariaLabelledBy:i})})}function Gs(e,t){return{type:"custom",render:({value:a,onChange:s,id:c,name:o})=>Os(T11,{facet:e,fallback:t,value:a,onChange:s,fieldId:String(c??o??e)})}}function mV(e,t){return{type:"custom",render:()=>Os(P11,{facets:e,rest:t})}}function P11({facets:e,rest:t}){let a=Ds(),s=e.map(o=>a[o]),c=s.length>1?`${s.slice(0,-1).join(", ")} and ${s[s.length-1]}`:s.join("");return Os(py,{text:`${c} ${t}`})}var pV="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 uV(e){let t=[];return e.lugs!=null&&t.push("lugs"),e.priceMin!=null&&t.push("priceMin"),t}function E11(e){return e==="default"?"recommended":e}function V11(e){return{...a6,collections:e.process?[e.process]:[],diameters:e.size!=null?[e.size]:[],finishes:e.finish?[e.finish]:[],priceMax:e.priceMax,sort:E11(e.sort)}}function dV(e,t,a){let s=e.indexOf("#"),c=s===-1?"":e.slice(s),o=s===-1?e:e.slice(0,s),l=o.indexOf("?"),r=l===-1?o:o.slice(0,l),i=new URLSearchParams(l===-1?"":o.slice(l+1));for(let[h,m]of r8(V11(t)))i.set(h,m);C5(i,a);let n=i.toString();return`${r}${n?`?${n}`:""}${c}`}var G8="pills",kg=[{label:"Pills",value:"pills"},{label:"Columns",value:"columns"}];function gV(e){return I2(kg,G8,e)}import{jsx as Cg}from"react/jsx-runtime";var R11="follow the product type. Set them in Product types.",vV={fields:{_gPills:x("Filters shown"),showProcess:Gs("process",!0),showLugs:Gs("lugs",!0),showPrice:Gs("price",!0),showVehicle:Gs("vehicle",!0),_nFieldFilters:mV(["size","finish"],R11),_gBar:x("Bar"),showCount:c1("Result count",!0,Cg(N11,{})),showSort:c1("Sort + Clear all",!0,Cg(_11,{})),resultsLabel:I("Results button","See all results"),resultsHref:A1("Results link"),resultsBlocked:l5(pV),layout:d1("Layout",Cg(B11,{}),kg,G8)},resolveFields:(e,{fields:t})=>{let a=e.props,s={...t};return a.showLugs?(delete s.resultsHref,delete s.resultsLabel):delete s.resultsBlocked,s}};import{jsx as vt,jsxs as fV}from"react/jsx-runtime";function Mg({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:c,secondaryText:o,secondaryHref:l,contained:r}){return vt($0,{contained:r,className:"py-6",children:fV("div",{className:"flex flex-col items-center gap-5 px-6 py-16 text-center max-[800px]:py-10",children:[e&&vt(H1,{text:e,scaled:!1}),t&&vt("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:j(t,!1)}),a&&d0(a).map((i,n)=>vt("p",{className:"max-w-[560px] text-[16px] leading-[1.6] opacity-85",children:C(i)},n)),(s||o)&&fV("div",{className:"mt-2 flex items-center gap-6",children:[s&&vt(G2,{href:c||"/checkout",variant:"primary",children:C(s)}),o&&vt("a",{href:l||"#",className:"font-mono text-[13px] uppercase tracking-[0.2em] underline underline-offset-4 opacity-70 hover:opacity-100",children:C(o)})]})]})})}import{jsx as I11}from"react/jsx-runtime";var qs={title:"Ready when *you are.*",secondary:"Questions? Talk to us"},bV={label:"Ready-to-Order Banner",defaultProps:{eyebrow:"",title:"",body:"",ctaText:"",ctaHref:"",secondaryText:"",secondaryHref:"",contained:!0},render:({eyebrow:e,title:t,body:a,ctaText:s,ctaHref:c,secondaryText:o,secondaryHref:l,contained:r,puck:i})=>{let n=Z3(s,c,i);return I11(Mg,{eyebrow:w(e,A.eyebrow,i),title:w(t,qs.title,i),body:w(a,A.body,i),ctaText:n.text,ctaHref:n.href||"/checkout",secondaryText:w(o,qs.secondary,i),secondaryHref:t1(l)||"#",contained:r})}};var xV={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",A.eyebrow),title:B("Heading",qs.title),body:B("Body",A.body),_gButton:x("Button"),...b4,secondaryText:H("Secondary button",qs.secondary),secondaryHref:A1("Secondary link"),_gLayout:x("Layout")}};import{SettingsField as Z11}from"efficient-easel/panel";import{FieldSelect as D11}from"efficient-easel/fields";import{CategoryIcon as O11}from"efficient-easel/icons";import{useEffect as zV,useRef as Sg,useState as G11}from"react";var i4=De({fetch:(e,t)=>X1.listCategories(e,{visibleOnly:!0,siteId:t}),keyBy:r2});import{jsx as n4,jsxs as ft}from"react/jsx-runtime";function yV(e){return{id:e.id,name:e.name,slug:e.slug,description:e.description??"",image:e.image??""}}function Lg({value:e,onChange:t}){let a=g4(),[s,c]=G11(null),o=Sg(!0),l=Sg(e);l.current=e;let r=Sg(t);r.current=t;let i=(d=!1)=>i4(d).then(f=>(o.current&&c(f),f)),n=d=>{let f=l.current;if(!f?.id)return;let v=d.find(y=>y.id===f.id);if(!v)return;let b=yV(v);l6(b,f)&&r.current(b)};zV(()=>(o.current=!0,i().then(n),()=>{o.current=!1}),[]),zV(()=>Nz(()=>{i(!0).then(n)}),[]);let h=d=>{if(!d){t(null);return}let f=(s??[]).find(v=>v.id===d);f&&t(yV(f))},m=()=>{e?.id&&a.send("storefront-editor:open-category",{categoryId:e.id,name:e.name})},p=s===null,u=!!e?.id&&!(s??[]).some(d=>d.id===e.id),g=Qm(e?.image);return ft("div",{children:[n4(Z11,{label:"Collection",icon:n4(O11,{}),children:n4(D11,{value:e?.id??"",ariaLabel:"Collection",onChange:h,readOnly:p,options:[{label:p?"Loading\u2026":"None",value:""},...u?[{label:`${e.name} (unavailable)`,value:e.id}]:[],...(s??[]).map(d=>({label:d.name,value:d.id}))]})}),e?.id?ft("div",{className:"sf-blogsource",style:{marginTop:9},children:[ft("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[ft("div",{children:[n4("div",{className:"sf-field-label",style:{opacity:.6},children:"Name"}),n4("div",{style:{fontWeight:600},children:e.name})]}),ft("div",{children:[n4("div",{className:"sf-field-label",style:{opacity:.6},children:"Description"}),n4("div",{style:{fontSize:13,opacity:e.description?.85:.5},children:e.description||"No description yet"})]}),ft("div",{children:[n4("div",{className:"sf-field-label",style:{opacity:.6},children:"Image"}),g?n4("img",{src:g,alt:"",style:{width:"100%",height:96,objectFit:"cover",borderRadius:8}}):n4("div",{style:{fontSize:13,opacity:.5},children:"No image yet"})]})]}),n4("button",{type:"button",className:"sf-blogsource-btn",style:{marginTop:10},onClick:m,children:"Edit category \u270E"}),n4("p",{className:"sf-blogsource-hint",children:"Name, description and image come from Storefront \u2192 Categories. Edit them there \u2014 this card updates to match."})]}):n4("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 q11}from"react/jsx-runtime";var wV={fields:{_gContent:x("Content"),collection:{type:"custom",render:({value:e,onChange:t})=>q11(Lg,{value:e,onChange:t})},altName:V9(u1("Alt name")),tag:H("Tag",A.eyebrow),_gLink:x("Link"),href:A1("Link")}};import{ColumnsIcon as X11,HashIcon as J11}from"efficient-easel/icons";import{useId as W11}from"react";import{Fragment as kV,jsx as q8,jsxs as Ag}from"react/jsx-runtime";function U11({editing:e,nodeId:t,children:a}){return!e||!t?q8(kV,{children:a}):q8(b8,{nodeId:t,sectionType:"Collections",children:a})}var K11="px-[var(--sf-site-gutter,40px)] py-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:py-[70px]",$11="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]",j11={2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5"};function Hg({eyebrow:e,heading:t,columns:a,showPrice:s,cardStyle:c,layout:o,limit:l,cards:r,omitHead:i=!1,nodeId:n,partStyles:h,editing:m=!1}={}){let p=`cg-${W11().replace(/:/g,"")}`,u=typeof l=="number"&&l>0,g=o==="list"?"grid-cols-1":a===void 0?"grid-cols-3":j11[Math.min(5,Math.max(2,Math.round(a)))]??"grid-cols-3";return Ag("section",{className:i?$11:K11,children:[i?null:q8(Q1,{num:e!==void 0?e:"01 / Collections",accentNum:!0,title:t!==void 0?j(t,!1):Ag(kV,{children:["Three ranges,",q8("br",{}),"one standard."]}),link:{text:"View all",href:"/wheels"}}),r&&q8(U11,{editing:m,nodeId:n,children:Ag(ep.Provider,{value:{showPrice:s,cardStyle:c,partStyles:h,editing:m},children:[u&&q8("style",{children:`.${p} > *:nth-child(n+${l+1}){display:none}`}),q8(r,{className:`${p} grid ${g} gap-4 max-[800px]:grid-cols-1 max-[800px]:gap-3`,minEmptyHeight:260})]})})]})}import{jsx as Y11}from"react/jsx-runtime";var Fg={cards:{type:"slot"}},CV={label:"Collections",fields:Fg,defaultProps:{columns:3,limit:6},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return Y11(Hg,{eyebrow:a(J0(e.eyebrow,A.sectionNumber,e.puck)),heading:a(J0(e.heading,A.sectionHeading,e.puck)),omitHead:t,nodeId:typeof e.id=="string"?e.id:void 0,partStyles:x9(e),editing:e.puck?.isEditing,columns:e.columns,limit:e.limit,cards:e.cards})}};import{jsx as MV}from"react/jsx-runtime";var SV={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",A.sectionNumber),heading:B("Heading",A.sectionHeading),cardList:s2("Collections","Cards"),cards:Fg.cards,_gLayout:x("Layout"),columns:a1("Columns",MV(X11,{}),2,5,1,3),limit:a1("Collections to display",MV(J11,{}),1,8,1,6)},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.Collections.headRows)};import{useEffect as R01,useId as I01,useState as Z01}from"react";import{useId as o01}from"react";import{Fragment as a01,jsx as M5,jsxs as bt}from"react/jsx-runtime";var Q11=[],e01="View tyre",t01="flex flex-col bg-[var(--card-bg)] p-5";function LV(e,t){let a=e?ho(e):"";return[t01,t?"relative":"",a].filter(Boolean).join(" ")}function Ws({outline:e,showIndex:t=!1,size:a,specs:s,prices:c,image:o,inStock:l,href:r,linkLabel:i=e01,imageSizes:n="(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",fieldUsage:h=Q11,currency:m,formatPrice:p}){let u=J9(c,m),g=u===null?$6:p(u),d=Kh(h),f=[["load_index","Load index",s.loadIndex],["speed_rating","Speed",s.speedRating],["construction","Construction",s.construction],["tire_type","Type",s.tireType]].filter(([,,y])=>!!y).filter(([y])=>d(y)),v=bt(a01,{children:[M5(s6,{image:o,size:a,type:s.tireType,sizes:n}),M5("h3",{className:"mt-4 font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:a}),s.treadPattern?M5("div",{className:"mt-1 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-accent",children:s.treadPattern}):null,f.length>0&&M5("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:f.map(([y,z,k])=>bt("div",{className:"flex items-baseline justify-between gap-3",children:[M5("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:z}),M5("dd",{className:"text-right text-fg",children:k})]},y))}),bt("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:[M5("span",{className:"text-fg",children:g}),M5("span",{style:l?{color:"var(--green)"}:void 0,className:l?void 0:"text-fg-dim",children:l?"In stock":"Out of stock"})]})]}),b=t?M5("span",{"aria-hidden":!0,className:`${A9} ${H9}`}):null;return r?bt(M1,{href:r,"aria-label":a?`View ${a} tyre`:"View this tyre",className:`group ${LV(e,t)}`,children:[b,v,bt("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,M5("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]}):bt("div",{className:LV(e,t),children:[b,v]})}import{jsx as s01,jsxs as c01}from"react/jsx-runtime";function Us({href:e,label:t}){return c01(M1,{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,s01("span",{"aria-hidden":!0,children:"\u2192"})]})}import{Fragment as i01,jsx as S5,jsxs as Tg}from"react/jsx-runtime";var l01="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={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 Pg({num:e,title:t,description:a,tyres:s,footnote:c,footnoteLinkText:o,footnoteLinkHref:l,viewMore:r,editing:i=!1,frameClassName:n=l01,omitHead:h=!1,columns:m=3,capWidth:p,cardImage:u,outline:g,indexBadge:d}){let{currency:f,formatPrice:v}=h0(),b=s??[],y=`ct-${o01().replace(/:/g,"")}`,z=d??Y3,k=R6(y,z),S=b.some(q=>!q.image),P=[c,S?Dl:null].filter(Boolean).join(" "),D=h?null:S5(Q1,{num:e!=null?C(e):void 0,title:t!=null?j(t,!1):void 0,description:a!=null?C(a):void 0,accent:!0});return b.length===0?i?Tg("section",{className:n,children:[D,S5("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:Tg("section",{className:n,style:J2(u),children:[k&&S5("style",{children:k}),Tg(r01,{px:p,children:[D,S5("div",{className:`${k?`${y} `:""}${AV[m]??AV[3]}`,children:b.map(q=>S5(Ws,{outline:g,showIndex:z!=="off",size:q.size,specs:q.specs,prices:q.prices,image:q.image,inStock:q.inStock,href:Me(q.slug),currency:f,formatPrice:v},q.sku))}),r&&S5("div",{className:"mt-10 flex",children:S5(Us,{href:r.href,label:r.label})}),S5(q4,{text:P,linkText:o,linkHref:l})]})]})}function r01({px:e,children:t}){return typeof e!="number"?S5(i01,{children:t}):S5("div",{style:B6(e),children:t})}import{useMemo as d01,useState as g01}from"react";import{createContext as n01,useContext as h01,useMemo as m01}from"react";import{jsx as u01}from"react/jsx-runtime";var HV=[],p01={imageBackgroundFill:T9,spinOnHover:!0,coverIndex:1,indexBadge:Y3,outline:X3,showBadge:!0,fieldUsage:HV,reserveEyebrow:!1,showCardPrice:!0,showCardFinishes:!0,showCardSizes:!1,showCardBuy:!1,showCardPage:!1},FV=n01(p01);function Ei({imageBackgroundFill:e,spinOnHover:t,coverIndex:a=1,indexBadge:s=Y3,outline:c=X3,showBadge:o=!0,fieldUsage:l=HV,reserveEyebrow:r=!1,showCardPrice:i=!0,showCardFinishes:n=!0,showCardSizes:h=!1,showCardBuy:m=!1,showCardPage:p=!1,children:u}){let g=m01(()=>({imageBackgroundFill:e,spinOnHover:t,coverIndex:a,indexBadge:s,outline:c,showBadge:o,fieldUsage:l,reserveEyebrow:r,showCardPrice:i,showCardFinishes:n,showCardSizes:h,showCardBuy:m,showCardPage:p}),[e,t,a,s,c,o,l,r,i,n,h,m,p]);return u01(FV.Provider,{value:g,children:u})}function TV(){return h01(FV)}import{Fragment as PV,jsx as P7,jsxs as EV}from"react/jsx-runtime";function W8({wheel:e,variant:t="compact",defaultFinish:a}){let s=t==="catalog",c=d01(()=>e.finishes.filter(W6),[e.finishes]),o=e.coverImage??null,{currency:l}=h0(),{imageBackgroundFill:r,spinOnHover:i,coverIndex:n,indexBadge:h,outline:m,showBadge:p,fieldUsage:u,reserveEyebrow:g,showCardPrice:d,showCardFinishes:f,showCardSizes:v,showCardBuy:b,showCardPage:y}=TV(),z=s&&(v||b||y),k=j6(e.prices[l],e.msrpPrices?.[l]),S=Jo(k,l,"from "),P=Gw(k,l),D=XP(e),q=QP(D),N=JP(D),F=rl([...Al(e).map(H0=>({fieldKey:H0.fieldKey,field:H0.text})),...N?[{field:{text:N,accent:!0}}]:[]],u).map(H0=>H0.field),{selectedIdx:E,setSelectedIdx:R,hoverIdx:T,setHoverIdx:G,availability:s1,finish:_,shownSrc:U,showSwatches:Y,probes:W}=fi(c,o,a??e.defaultFinish??void 0),Q=ui(e,n,_?.name,U),b1="h-full w-full",X=i?`transition-transform duration-700 [transition-timing-function:cubic-bezier(.2,.6,.2,1)] ${s?"group-hover:rotate-[72deg]":"group-hover:rotate-[60deg]"}`:"",[v1,G1]=g01(()=>new Set),O=H0=>G1(m1=>m1.has(H0)?m1:new Set(m1).add(H0)),e1=pi({overrideSrc:Q,hookSrc:U,failed:v1}),p1=e1?P7(P3,{src:e1,alt:_?`${e.name} \u2014 ${_.name}`:e.name,width:1e3,height:1e3,sizes:"(max-width: 640px) 90vw, (max-width: 1024px) 45vw, 300px",className:`block object-contain ${X} ${b1}`,draggable:!1,onError:()=>O(e1)},e1):P7(Fs,{imageLabel:e.name}),S0=s&&p&&e.badge?P7(ot,{className:ks,tone:e.badge==="new"?"solid":"outline",children:e.badge==="new"?"New":"Bestseller"}):null,A0=N&&s?P7(ot,{className:ks,tone:"outline",children:N}):S0,y1=ti({kindLabel:null,brand:null,process:e.process?Y1(e.process):null},u),e0=q?EV(PV,{children:[y1,P7("span",{className:`${y1?"ml-2":""} inline-block bg-accent px-1.5 py-[2px] align-middle font-mono text-[10px] font-bold uppercase tracking-[0.18em] text-bg`,children:"Set"})]}):y1,k1=h!=="off"?P7("span",{"aria-hidden":!0,className:`${A9} ${H9}`}):null,l2=xi(e),j1=ee(e,l2.selectedVariant,l,1),y2=vi({wheel:e,sel:l2,price:j1,href:`/wheels/${e.slug}`,show:{sizes:z&&v,buy:z&&b,page:z&&y}}),B2=f&&Y?P7(Hs,{finishes:c,availability:s1,selectedIdx:E,hoverIdx:T,activeFinish:_,onSelect:R,onHover:G,showLabel:!1}):null;return EV(PV,{children:[P7(I8,{variant:t,wide:q&&s,href:`/wheels/${e.slug}`,outline:m,imageBackgroundFill:r,probes:W,reserveEyebrow:g,indexBadge:k1,badges:A0,image:p1,imageSecond:void 0,eyebrow:e0,name:Y1(e.name),spec:li(F),was:q?void 0:P,price:q?k.priced?S:Yo:z?te(j1,l):S,metaLine:q?"the set":void 0,swatches:B2,reserveSwatches:f,showPrice:d,identityLink:z,extras:y2.extras}),y2.dialog]})}import{createContext as v01,useContext as f01,useMemo as b01}from"react";function VV(e,t=[]){let a=iS(oS(),e),s=t.find(c=>{let o=(c?.url??"").trim();return!o||o==="#"||rS(o)!==e?!1:dh(o).startsWith("/")});return s?s.url:a}function NV(e){let t=[];for(let a of e??[]){typeof a?.url=="string"&&t.push({url:a.url});for(let s of a?.dropdownItems??[])typeof s?.url=="string"&&t.push({url:s.url})}return t}import{jsx as x01}from"react/jsx-runtime";var _V=v01([]);function KR1({items:e,children:t}){let a=b01(()=>NV(e),[e]);return x01(_V.Provider,{value:a,children:t})}function BV(){return f01(_V)}import{createContext as S01,useContext as L01,useMemo as uI1}from"react";import{jsx as Eg,jsxs as z01}from"react/jsx-runtime";function xt({item:e,onClose:t}){return e?z01("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:[Eg("img",{src:e.src,alt:e.alt,className:"block max-h-[92vh] max-w-[92vw] cursor-zoom-out object-contain"}),Eg("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"}),Eg("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 y01,useState as w01}from"react";function Ks(){let[e,t]=w01(null);return y01(()=>{if(!e)return;let a=c=>{c.key==="Escape"&&t(null)};window.addEventListener("keydown",a);let s=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",a),document.body.style.overflow=s}},[e]),{item:e,open:(a,s)=>t({src:a,alt:s}),close:()=>t(null)}}import{useEffect as M01,useState as zt}from"react";function k01(e,t,a){let s=new Map;for(let c of e){let o=JSON.stringify(t.map(i=>c.options[i]??null)),l=s.get(o);l||s.set(o,l=new Set);let r=c.options[a];r!==void 0&&l.add(r)}return[...s.values()]}function RV(e,t,a){return a.every(s=>t[s]===void 0||e.options[s]===t[s])}function Vg(e,t){let a={};for(let s of e.optionFields){let c=t[s.key]??s.defaultValue;c!==void 0&&(a[s.key]=c)}return a}function Vi(e,t){return ZV(e,t).rows}function IV(e,t){return ZV(e,t).facts}function ZV(e,t){let a=Vg(e,t),s=e.optionFields.filter(r=>r.role==="resolves").map(r=>r.key),c=[],o=[],l=[];for(let r of e.optionFields){let i=e.optionValues[r.key]??[],n=e.parts.filter(g=>RV(g,a,l)),h=new Set(n.map(g=>g.options[r.key]).filter(g=>g!==void 0)),m=new Set(e.parts.map(g=>g.options[r.key]).filter(g=>g!==void 0)),p=i.filter(g=>h.has(g.value)||!m.has(g.value));if(r.role==="resolves"?!0:k01(n,s,r.key).some(g=>g.size>1))c.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}),l.push(r.key);else if(h.size===1){let[g]=[...h];o.push({key:r.key,label:r.label,value:i.find(d=>d.value===g)??{value:g,label:g}})}}return{rows:c,facts:o}}function C01(e,t){return Vi(e,t).map(a=>a.key)}function DV(e,t){let a=C01(e,t);if(a.length===0||a.some(c=>t[c]===void 0))return null;let s=e.parts.filter(c=>RV(c,t,a));return s.length===1?s[0]:null}function OV(e,t){let a=Vi(e,t);return Object.keys(t).filter(s=>{let c=a.find(o=>o.key===s);return c?!c.values.some(o=>o.value===t[s]):!1})}function Ni(e,t){return e.filter(a=>!t||a.values.length>0).filter(a=>a.role==="resolves").every(a=>a.chosen!==null)}function GV({variants:e,inStock:t,priced:a}){return a&&t===!0&&(e??[]).length===0}function $s(e,{editing:t=!1}={}){let[a,s]=zt({}),[c,o]=zt(nt.qty),[l,r]=zt(nt.choice),[i,n]=zt(0),[h,m]=zt(!1),[p,u]=zt(!1),g=C4({editing:t,autoApply:!0}),d=nE(e,p?null:g.fit),f=Vi(d,a),v=IV(d,a),b=Vg(d,a),y=DV(d,a),z=y!=null&&!y.inStock,k=OV(d,a).join("|");M01(()=>{if(!k)return;let Y=new Set(k.split("|"));s(W=>{let Q={...W};for(let b1 of Y)delete Q[b1];return Q})},[k]);let{currency:S}=h0(),D=Ud(d,y,{choice:l,qty:c}),q=ee({prices:e.anchorPrices,msrpPrices:e.anchorMsrpPrices},y?{components:D.components}:null,S,c),N=q.unit??0,F=q.setTotal??0,E=Qo(q,S),R=p||g.appliedName!=="",T=uE(e)==="required"?R:!0,s1=f.every(Y=>Y.chosen!==null)&&T&&y!=null&&y.inStock&&q.priced,_=GV({variants:e.parts,inStock:e.inStock,priced:q.priced});function U(Y,W){s(Q=>({...Q,[Y]:W}))}return{picked:a,shown:b,pick:U,qty:c,setQty:o,choice:l,setChoice:r,angleIdx:i,setAngleIdx:n,showValidation:h,setShowValidation:m,manualMode:p,setManualMode:u,vehicle:g,fitmentSet:R,rows:f,facts:v,part:y,outOfStock:z,offer:D,preOrder:_,canAddToCart:s1,currency:S,price:q,unit:N,set:F,msrpLabel:E}}import{jsx as xI1,jsxs as zI1}from"react/jsx-runtime";var A01=S01(null);function j0(){return L01(A01)}import{Fragment as H01,jsx as qV,jsxs as F01}from"react/jsx-runtime";function x2({kinds:e,type:t,editing:a=!1,children:s}){let c=j0();return!c||e.includes(c.product.kind)?qV(H01,{children:s}):a?qV("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:F01("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[Xt[t]??t," does not apply to ",f4[c.product.kind],". It is hidden on the live page."]})}):null}var Ng=2,js=6,Ys=12;function _i(e){return typeof e!="number"||!Number.isFinite(e)?js:Math.min(Ys,Math.max(Ng,Math.round(e)))}function WV(e,t=[]){return{href:VV(e.to,t),label:`View more ${h5([e.to]).many}`}}var T01={kind:"tyre",tyres:[]},P01={kind:"alloy-wheel",wheels:[]},UV=[{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??[]}:T01},{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}:P01},{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})}],L5="more-like-this",KV=UV.map(e=>({value:e.key,label:e.label}));function _g(e){return UV.find(t=>t.key===e)}function $V(e,t){return e.from.includes(t)}var jV=["coverIndex","imageBackground","spinOnHover","showBadge"];function YV(e){return _g(e)?.to==="tyre"}var Bg={GBP:0,USD:0,AUD:0},E01=[{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}],JV=[{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:""}],V01=[{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}],N01=JV.flatMap(e=>E01.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:{...Bg},hand:null}],inStock:!0,rearWidth:null,rearEt:null,...t}))),XV=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>`)}`,yt=e=>({url:XV(e),thumbnailUrl:XV(e),kind:"image"}),_01={photos:[{name:"Studio set",finish:"Finish 1",items:[yt("Sample photo 1"),yt("Sample photo 2"),yt("Sample photo 3")]}],lifestyle:[{name:"On location",finish:"",items:[yt("Lifestyle 1"),yt("Lifestyle 2")]},{name:"In the city",finish:"",items:[yt("Lifestyle 3")]}],videos:[],accessories:[],others:[]},B01=[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:{...Bg},image:null,inStock:!0,slug:null})),Rg={bundles:[],name:"Product Name",slug:"sample-product",process:"Precision Forged",categories:["Precision Forged"],sizes:[18,19,20],prices:{...Bg},msrpPrices:{GBP:null,USD:null,AUD:null},spokes:5,mesh:!1,badge:null,finishes:JV,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:V01,photoSets:[],carPhotos:[],details:[],videos:[],mediaGroups:_01,relatedProducts:[],variants:N01,pdpTemplateSlug:null,compatibleTyres:B01},Ig=Array.from({length:Ys},(e,t)=>t+1).map(e=>({...Rg,name:`Product ${e}`,slug:`sample-product-${e}`}));import{Fragment as q01,jsx as f3,jsxs as Bi}from"react/jsx-runtime";var D01=t4,QV={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 U8(e){return f3(x2,{kinds:D01,type:"RelatedProducts",editing:e.editing,children:f3(O01,{...e})})}function O01({num:e,title:t,description:a,columns:s=3,cardCount:c,relationship:o=L5,footnote:l,footnoteLinkText:r,footnoteLinkHref:i,editing:n=!1,omitHead:h=!1,cardImage:m,outline:p,indexBadge:u,showBadge:g,showCardPrice:d,showCardFinishes:f,showCardSizes:v,showCardBuy:b,showCardPage:y,coverIndex:z,imageBackground:k,spinOnHover:S,capWidth:P}){let D=j0(),q=BV(),N=_i(c),[F,E]=Z01([]);R01(()=>{if(D||!n)return;let _=!1;return h3().then(U=>{let Y=U.length>0?U:Ig;_||E(Y)}).catch(()=>{_||E(Ig)}),()=>{_=!0}},[D,n]);let R=_g(o);if(!R)return null;let T=WV(R,q),G=h?null:f3(Q1,{num:e?C(e):void 0,title:j(t||R.heading,!1),description:a?C(a):void 0,accent:!0});if(!D)return n?f3(eN,{header:G,wheels:F.slice(0,N),columns:s,viewMore:T,cardImage:m,outline:p,indexBadge:u,showBadge:g,showCardPrice:d,showCardFinishes:f,showCardSizes:v,showCardBuy:b,showCardPage:y,coverIndex:z,imageBackground:k,spinOnHover:S,capWidth:P}):null;if(!$V(R,D.product.kind))return n?f3("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:J2(m),children:Bi("p",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:["\u201C",R.label,"\u201D does not apply to this product. It is hidden on the live page."]})}):null;let s1=R.resolve(D.product,D.relatedWheels);return s1.kind==="tyre"?f3(Pg,{omitHead:h,columns:s,capWidth:P,cardImage:m,outline:p,indexBadge:u,num:e,title:t||R.heading,description:a,tyres:[...s1.tyres].slice(0,N),footnote:l,footnoteLinkText:r,footnoteLinkHref:i,viewMore:T,editing:n}):s1.wheels.length===0?n?Bi("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:J2(m),children:[G,f3("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:f3(eN,{header:G,wheels:[...s1.wheels].slice(0,N),columns:s,viewMore:T,cardImage:m,outline:p,indexBadge:u,showBadge:g,showCardPrice:d,showCardFinishes:f,showCardSizes:v,showCardBuy:b,showCardPage:y,coverIndex:z,imageBackground:k,spinOnHover:S,capWidth:P})}function eN({header:e,wheels:t,columns:a,viewMore:s,cardImage:c,outline:o,indexBadge:l,showBadge:r,showCardPrice:i,showCardFinishes:n,showCardSizes:h,showCardBuy:m,showCardPage:p,coverIndex:u,imageBackground:g,spinOnHover:d,capWidth:f}){let v=`rp-${I01().replace(/:/g,"")}`;if(t.length===0)return null;let b=QV[Math.min(4,Math.max(2,a))]??QV[3],y=l??Y3,z=R6(v,y);return Bi("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:J2(c),children:[z&&f3("style",{children:z}),Bi(G01,{px:f,children:[e,f3(Ei,{imageBackgroundFill:P9(g,T9),spinOnHover:d??!0,coverIndex:u??1,outline:o??X3,indexBadge:y,showBadge:r??!0,showCardPrice:i??!0,showCardFinishes:n??!0,showCardSizes:h??!1,showCardBuy:m??!1,showCardPage:p??!1,children:f3("div",{className:`${v} grid gap-[2px] bg-[var(--catalog-grid-bg)] ${b}`,children:t.map((k,S)=>f3(W8,{wheel:k,variant:"catalog"},`${k.slug}-${S}`))})}),f3("div",{className:"mt-10 flex",children:f3(Us,{href:s.href,label:s.label})})]})]})}function G01({px:e,children:t}){return typeof e!="number"?f3(q01,{children:t}):f3("div",{style:B6(e),children:t})}import{jsx as W01}from"react/jsx-runtime";var K4={num:A.sectionNumber,title:"Compatible *tyres.*",description:A.body,footnote:"Tyres shown are fitment-matched companions.",footnoteLinkText:"Enquire about tyres"},tN={label:"Compatible Tyres",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return W01(U8,{num:a(w(e.num,K4.num,e.puck)),title:a(w(e.title,K4.title,e.puck)),description:a(w(e.description,K4.description,e.puck)),omitHead:t,footnote:w(e.footnote,K4.footnote,e.puck),footnoteLinkText:w(e.footnoteLinkText,K4.footnoteLinkText,e.puck),footnoteLinkHref:t1(e.footnoteLinkHref),relationship:"tyres-that-fit",cardImage:e.cardImage,editing:e.puck?.isEditing})}};var aN={fields:{_gContent:x("Header"),num:H("Number",K4.num),title:H("Heading",K4.title),description:B("Body",K4.description),_gFootnote:x("Footnote"),footnote:B("Footnote",K4.footnote),footnoteLinkText:H("Footnote button",K4.footnoteLinkText),footnoteLinkHref:A1("Footnote link"),_gCards:x("Cards"),cardImage:G6()},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.CompatibleTyres.headRows)};var sN={fields:{}};import{SettingsIcon as J01,AccentIcon as Q01}from"efficient-easel/icons";import{jsx as A5,jsxs as Zg}from"react/jsx-runtime";var U01="py-6",K01="pt-0 pb-6";function Xs({eyebrow:e,title:t,body:a,options:s=[],highlightBadge:c,contained:o,omitHead:l=!1}){return A5($0,{contained:o,className:l?K01:U01,children:Zg("div",{className:"flex flex-col gap-6",children:[l?null:e||t||a?Zg("div",{className:"flex max-w-[680px] flex-col gap-3",children:[e&&A5(H1,{text:e,scaled:!1}),t&&A5("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:j(t,!1)}),a&&d0(a).map((r,i)=>A5("p",{className:"text-[15px] leading-[1.6] opacity-85",children:C(r)},i))]}):null,s.length>0&&A5("ul",{className:"grid grid-cols-3 gap-4 max-[800px]:grid-cols-1",children:s.map((r,i)=>Zg("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&&c&&A5("span",{className:"absolute -top-2.5 left-5 bg-bg px-2 font-mono text-[10px] uppercase tracking-[0.25em] text-accent",children:C(c)}),r.name&&A5("span",{className:"text-[17px] font-medium",children:C(r.name)}),r.eta&&A5("span",{className:"font-mono text-[12px] uppercase tracking-[0.18em] opacity-60",children:C(r.eta)}),r.blurb&&A5("p",{className:"text-[13.5px] leading-[1.6] opacity-75",children:C(r.blurb)}),r.price&&A5("span",{className:"mt-auto pt-2 font-display text-[20px] font-medium text-accent",children:C(r.price)})]},i))})]})})}import{useEffect as $01,useState as j01}from"react";import{jsx as Y01}from"react/jsx-runtime";function Dg({eyebrow:e,title:t,body:a,highlightBadge:s,contained:c,omitHead:o=!1}){let{currency:l,formatMoney:r}=h0(),[i,n]=j01(null);$01(()=>{let m=!1;return p0.listShippingMethods().then(p=>{m||n(p)}).catch(()=>{m||n([])}),()=>{m=!0}},[]);let h=(i??[]).filter(m=>m.prices[l]!=null).map(m=>{let p=m.prices[l],u=p===0?"Free":r(p,l),g=m.pickupLocation;return{name:g?`${m.name} \u2014 ${g.name}`:m.name,eta:g?g.openingHours||void 0:m.description||void 0,price:m.requiresQuote&&p!==0?`From ${u}`:u,blurb:g&&[g.address,g.city,g.state].filter(Boolean).join(", ")||void 0}});return Y01(Xs,{eyebrow:e,title:t,body:a,options:h,highlightBadge:s,contained:c,omitHead:o})}import{jsx as cN}from"react/jsx-runtime";var K8={title:"Delivery, your way",badge:"Recommended"},X01=[{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."}],oN={label:"Delivery Options",defaultProps:{eyebrow:"",title:"",body:"",options:[],live:!0,highlightBadge:"",contained:!0},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=m=>t?void 0:m,{eyebrow:s,title:c,body:o,options:l,live:r,highlightBadge:i,contained:n,puck:h}=e;return r?cN(Dg,{eyebrow:a(w(s,A.eyebrow,h)),title:a(w(c,K8.title,h)),body:a(w(o,A.body,h)),omitHead:t,highlightBadge:w(i,K8.badge,h),contained:n}):cN(Xs,{eyebrow:a(w(s,A.eyebrow,h)),title:a(w(c,K8.title,h)),body:a(w(o,A.body,h)),omitHead:t,options:x1(l,X01,h),highlightBadge:w(i,K8.badge,h),contained:n})}};import{jsx as lN}from"react/jsx-runtime";var rN={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",A.eyebrow),title:B("Heading",K8.title),body:B("Body",A.body),_gOptions:x("Options"),live:c1("Use my real delivery options",!0,lN(J01,{})),options:{type:"array",label:"Delivery options",arrayFields:{name:u1("Name"),eta:u1("Window"),price:u1("Price"),blurb:V1("Body"),highlighted:c1("Highlight",!1,lN(Q01,{}))},getItemSummary:e=>e.name||"Option"},highlightBadge:H("Highlight badge",K8.badge),_gLayout:x("Layout")},resolveFields:(e,{fields:t})=>D1(t,e.props.headPlacement,R1.DeliveryOptions.headRows)};import{ProductFieldIcon as f21,WordsFromIcon as b21,SquareIcon as zN,ImageIcon as x21}from"efficient-easel/icons";import{jsx as H5,jsxs as Ri}from"react/jsx-runtime";function Js({rows:e,startLeft:t=!1,layout:a="even",padTop:s,padBottom:c,editing:o=!1}){let l=a==="narrow",r=typeof s=="number"?s:100,i=typeof c=="number"?c: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:o?[{tag:"Row 1"},{tag:"Row 2"},{tag:"Row 3"}]:[];return h.length===0?null:H5("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 Ri("div",{className:["grid items-center py-[60px]",l?"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:[Ri("div",{className:["[direction:ltr] flex flex-col gap-4",l?"max-w-[560px]":"",l&&!u?"ml-auto max-[1100px]:ml-0":""].join(" "),children:[m.eyebrow?.trim()&&H5("div",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-accent",children:Y1(m.eyebrow)}),m.title?.trim()&&H5("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:C(m.title,!0)}),m.copy?.trim()&&H5("p",{className:"text-[length:var(--size-body,15px)] leading-[1.6] text-fg-dim",children:C(m.copy,!1)}),(()=>{let g=(m.specs??[]).filter(d=>(d?.label??"").trim()||(d?.value??"").trim());return g.length===0?null:H5("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:g.map((d,f)=>Ri("div",{className:"flex items-baseline justify-between gap-6",children:[H5("dt",{className:"text-fg-dim",children:Y1(d.label??"")}),H5("dd",{className:"text-fg",children:Y1(d.value??"")})]},f))})})()]}),Ri("div",{className:["[direction:ltr] flex flex-col gap-3",l?u?"items-end":"items-start":"",l?"max-[1100px]:items-start":""].join(" "),children:[H5("div",{className:["relative overflow-hidden max-w-full",l?m.imageShape==="wide"?"w-[460px] aspect-[16/9]":"w-[360px] aspect-square":"aspect-square"].join(" "),children:H5(k0,{label:m.tag?.trim()||m.title?.trim()||`row-${p+1}`,src:m.image||void 0,objectFit:"contain",sizes:l?"(max-width: 1100px) 100vw, 460px":"(max-width: 1100px) 100vw, 50vw"})}),m.tag?.trim()&&H5("span",{className:`font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.2em] text-fg-dim ${u?"text-left":"text-right"}`,children:Y1(m.tag)})]})]},p)})})}function iN(e,t){let a=e?.detailShots;if(!Array.isArray(a)||a.length===0)return[];let s=a.filter(r=>!!r&&typeof r.url=="string"&&!!r.url&&typeof r.title=="string"&&!!r.title);if(s.length===0)return[];let c=r=>Array.isArray(r.lugs)?r.lugs.filter(i=>typeof i=="number"):[],o=s.filter(r=>c(r).length>0),l=t;if(l==null){let r=o.flatMap(c);l=r.length?Math.min(...r):null}return s.filter(r=>{let i=c(r);return i.length===0?!0:l!=null&&i.includes(l)})}function nN(e,t){let a=Array.isArray(e.lugs)?e.lugs:[];if(a.length===0)return!1;let s=new Set;for(let c of t)for(let o of c.lugs??[])s.add(o);return a.length<s.size}function Ii(e){return e.manualMode?be(e.shown.boltPattern).holes:e.vehicle.fit?.holes??null}import{useEffect as i21,useState as n21}from"react";var Og=[{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 Zi(e){let t=e.variants??[],a=[];for(let l of t)a.some(r=>r.value===l.size)||a.push({value:l.size,label:l.size});let s={size:a};for(let l of Og){let r=[];for(let i of t){let n=i.specs[l.spec];!n||r.some(h=>h.value===n)||r.push({value:n,label:n})}s[l.key]=r}let c=t.map(l=>({id:l.sku,options:{size:l.size,...Object.fromEntries(Og.map(r=>[r.key,l.specs[r.spec]]).filter(([,r])=>!!r))},inStock:l.inStock,image:l.image??null,components:[{partNumber:l.sku,wheels:1,prices:l.prices}]})),o=[{key:"size",label:"Size",prompt:"Select a size",role:"resolves",display:"pill"},...Og.map(l=>({key:l.key,label:l.label,prompt:l.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:o,optionValues:s,parts:c,anchorPrices:e21(t),anchorMsrpPrices:{}}}function e21(e){let t={};for(let a of e)for(let[s,c]of Object.entries(a.prices??{})){if(typeof c!="number"||!Number.isFinite(c)||c<=0)continue;let o=t[s];(o==null||c<o)&&(t[s]=c)}return t}import{useSyncExternalStore as t21}from"react";var hN="sf-editor-preview-pick",wt=null,Gg=new Set;function qg(){if(wt)return wt;wt={};let e=t3.getItem(hN);if(!e)return wt;try{let t=JSON.parse(e);if(t&&typeof t=="object"&&!Array.isArray(t))for(let[a,s]of Object.entries(t))typeof s=="string"&&(wt[a]=s)}catch{}return wt}function a21(){t3.setItem(hN,JSON.stringify(qg()))}function s21(e,t){return`${e??""}::${t??""}`}function c21(e){return qg()[e]}function mN(e,t){let a=qg();if(a[e]!==t){a[e]=t,a21();for(let s of Gg)s()}}function o21(e){return Gg.add(e),()=>Gg.delete(e)}function pN(e,t){let a=e??t??"";return a.trim()?a:null}function Wg(){return s21(r2(),uS())}function Di(){let e=Wg();return t21(o21,()=>c21(e),()=>{})}var l21={GBP:0,USD:0,AUD:0},r21={loadIndex:"00",speedRating:"\u2014",construction:"Radial",treadPattern:"Tread pattern",tireType:"Season"},uN=["205/55 R16","225/45 R17","245/40 R19"],dN={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:[...uN],variants:uN.map(e=>({sku:`SAMPLE-${e.replace(/[^0-9]/g,"")}`,size:e,specs:{...r21},prices:{...l21},image:null,inStock:!0,eprelRegistrationNumber:""})),mediaGroups:{photos:[],lifestyle:[],videos:[],accessories:[],others:[]},compatibleWheels:[],pdpTemplateSlug:null};var gN=null,vN=null,Ug=new Map;function h21(e){let t=V3(),a=r2();(t!==gN||a!==vN)&&(gN=t,vN=a,Ug.clear());let s=Ug.get(e);return s||(s=t?X1.getWheelDetail(t,e,{siteId:a}).catch(()=>null):Promise.resolve(null),Ug.set(e,s)),s}function m21(e){return e==="tyre"?Zi(dN):Ss(Rg)}var Qs=["alloy-wheel"];function p21(e,t){return e?Ss(e):m21(t)}function b3(e){let t=pN(Di(),fS()),a=zS(),[s,c]=n21(null);return i21(()=>{if(!e||!t||!Qs.includes(a)){c(null);return}let o=!1;return h21(t).then(l=>{o||c(l)}),()=>{o=!0}},[e,t,a]),e?p21(s,a):null}import{jsx as ec}from"react/jsx-runtime";var u21=["alloy-wheel"];function fN(e,t){return e.finishes.find(a=>a.name===t)??e.finishes[0]}function d21(e,t){return(fN(e,t)?.features??[]).map(a=>({eyebrow:a.eyebrow,title:a.heading,copy:a.description,tag:a.mark,image:a.image||void 0}))}function g21(e,t,a){let s=iN(fN(e,t),a);return s.map(c=>({title:c.title,copy:c.line||void 0,image:c.url,tag:a!=null&&nN(c,s)?`Shown for your ${a} lug`:void 0,imageShape:"square"}))}function Kg(e){return ec(x2,{kinds:u21,type:"DetailRows",editing:e.editing,children:ec(v21,{...e})})}function v21({rowsFrom:e,startLeft:t,padTop:a,padBottom:s,editing:c=!1}){let o=j0(),l=b3(c&&!o),r=o?.product??l,i=r?.kind==="alloy-wheel"?r.source:null,n=o?o.selection.shown.finish:void 0,h=o?Ii(o.selection):null,m=e==="details",p=i?m?g21(i,n,h):d21(i,n):[];return m&&p.length===0?c?ec("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:ec("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:ec(Js,{rows:p,startLeft:t,padTop:a,padBottom:s,editing:c})}import{jsx as bN}from"react/jsx-runtime";var $g=[{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"}],xN={label:"Feature Rows",defaultProps:{dynamic:!1,rows:[],startLeft:!1,layout:"even",padTop:100,padBottom:100},render:e=>e.dynamic?bN(Kg,{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}):bN(Js,{rows:x1(e.rows,$g,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 tc}from"react/jsx-runtime";var yN={fields:{_sDynamic:a0("Product page"),dynamic:c1("Connect to product data",!1,tc(f21,{})),rowsFrom:g1("Rows from",tc(b21,{}),[{label:"Product story",value:"story"},{label:"Detail shots",value:"details"}],"story"),_sRows:a0("Rows"),rows:E9({type:"array",label:"Rows",arrayFields:{image:O1("Image","image/*"),imageShape:g1("Image shape",tc(zN,{}),[{label:"Square",value:"square"},{label:"Wide",value:"wide"}],"square"),eyebrow:I("Eyebrow"),title:u1("Title"),copy:V1("Body"),specs:{type:"array",label:"Specs",arrayFields:{label:I("Label","Offset"),value:I("Value","ET -10")},defaultItemProps:{label:"",value:""},getItemSummary:(e,t)=>e?.label||`Spec ${(t??0)+1}`,max:8},tag:I("Image tag")},defaultItemProps:{image:"",imageShape:"square",eyebrow:"",title:"",copy:"",specs:[],tag:""},getItemSummary:(e,t)=>e?.title||e?.eyebrow||`Row ${(t??0)+1}`},$g),_sStyle:a0("Style"),layout:g1("Row shape",tc(zN,{}),[{label:"Even columns",value:"even"},{label:"Narrow image",value:"narrow"}],"even"),startLeft:c1("First image on the left",!1,tc(x21,{})),...p3("DetailRows")},resolveFields:(e,{fields:t})=>{let a=o=>{if(e.props.layout==="narrow")return o;let l=o,r=l.rows;if(!r?.arrayFields)return o;let{imageShape:i,...n}=r.arrayFields;return{...l,rows:{...r,arrayFields:n}}};if(!O2()){let o={...a(t)};return delete o._sDynamic,delete o.dynamic,delete o.rowsFrom,o}if(!e.props.dynamic){let{rowsFrom:o,...l}=a(t);return l}let s=new Set(["_sRows","rows"]),c={};for(let[o,l]of Object.entries(t))s.has(o)||(c[o]=l);return c}};var wN={fields:{_gHeader:x("Header"),num:H("Number",O0.num)}};import{SquareIcon as S21}from"efficient-easel/icons";import{useEffect as y21,useMemo as w21,useRef as k21}from"react";var jg="/shop";function kN({shopperPicked:e,fullyPicked:t,editing:a,pathname:s}){return a||!e||!t?!1:!z21(s)}function z21(e){return(e.split("?")[0]??"").replace(/\/+$/,"")===jg}function CN(e){let a=C5(new URLSearchParams,e).toString();return a?`${jg}?${a}`:jg}import{jsx as F5,jsxs as Yg}from"react/jsx-runtime";function Xg({loading:e,error:t,data:a}){return e?F5("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?Yg("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 ",F5("span",{className:"text-accent",children:t})]}):a?Yg("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:[F5(kt,{label:"Bolt pattern",value:a.boltPattern??"\u2014"}),F5(kt,{label:"PCD",value:a.pcd??"\u2014"}),F5(kt,{label:"Hub bore",value:a.centreBore?`${a.centreBore} mm`:"\u2014"}),F5(kt,{label:"ET range",value:a.etRange&&a.etRange.length===2?`${a.etRange[0]} \u2013 ${a.etRange[1]}`:"\u2014"}),F5(kt,{label:"OEM front",value:a.frontWheels.length?a.frontWheels.join(" \xB7 "):"\u2014"}),F5(kt,{label:"OEM rear",value:a.rearWheels.length?a.rearWheels.join(" \xB7 "):"\u2014"})]}):null}function kt({label:e,value:t}){return Yg("div",{className:"flex min-h-[96px] flex-col gap-1.5 bg-bg px-[18px] py-5",children:[F5("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.26em] text-fg-dim",children:e}),F5("span",{className:"mt-auto font-display text-[length:var(--size-body,17px)] font-medium tracking-[-0.01em] text-fg",children:t})]})}import{Fragment as MN,jsx as $4,jsxs as $8}from"react/jsx-runtime";function C21(e,t,a){if(!a)return e;let[s,c=""]=e.split("?"),l=C5(new URLSearchParams(c),t).toString();return l?`${s}?${l}`:s}function Jg({num:e,title:t,description:a,ctaText:s,ctaHref:c,layout:o="full",omitHead:l=!1,initialMakes:r=[],editing:i=!1,...n}){let{cascade:h}=C4({initialMakes:r,editing:i,autoApply:!0}),m=o==="bar",p=k21(!1),u=w21(()=>{if(!m)return h;let v=b=>(...y)=>{p.current=!0,b(...y)};return{...h,setMake:v(h.setMake),setModel:v(h.setModel),setYear:v(h.setYear),setModification:v(h.setModification)}},[m,h]);y21(()=>{m&&(typeof window>"u"||kN({shopperPicked:p.current,fullyPicked:h.fullyPicked,editing:i,pathname:window.location.pathname})&&window.location.assign(CN(h.vehicle)))},[m,h.fullyPicked,h.vehicle,i]);let g=!l&&!m&&!!(e||t||a),d=!m&&s&&c?{text:s,href:c}:null,f=d?C21(d.href,h.vehicle,h.fullyPicked):null;return $8("section",{className:[E0(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?l?"pt-0 pb-[30px] max-[1100px]:pb-5":"py-[30px] max-[1100px]:py-5":l?"pt-0 pb-20 max-[1100px]:pb-[60px]":"py-20 max-[1100px]:py-[60px]"].join(" "),children:[g&&$4(Q1,{num:e,title:t,description:a,accent:!0}),m?$8("div",{className:"flex flex-wrap items-center gap-[18px]",children:[!l&&t?.trim()&&$4("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:Y1(t)}),$4("div",{className:"min-w-[320px] flex-1 basis-0",children:$4(q3,{cascade:u,compact:!0,editing:i})})]}):$4(q3,{cascade:h,editing:i}),!m&&$4(Xg,{loading:h.loading.stock,error:h.cascadeError,data:h.fullyPicked?h.stock:null}),!m&&$8("div",{className:"mt-9 flex flex-wrap items-center justify-between gap-6 border-t border-line pt-8",children:[$4("p",{className:"max-w-[680px] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:h.fullyPicked?$8(MN,{children:["Your car \xB7"," ",$8("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&&$4("span",{className:"ml-3 not-italic text-accent",children:"OEM fitment loaded."})]}):$8(MN,{children:["Tell us four things \u2014 ",$4("em",{className:"not-italic text-accent",children:"make, model, year, trim"})," \u2014 and we'll show the OEM stock fitment for your car."]})}),d&&f&&$8(M1,{href:f,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:[d.text,$4("span",{className:"transition-transform group-hover:translate-x-[4px]",children:"\u2192"})]})]}),i&&h.makeOptions.length===0&&!h.loading.models&&$4("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 M21}from"react/jsx-runtime";var k6={num:A.sectionNumber,title:"Find your *match.*",description:"A few quick picks and we show the right option for you.",ctaText:"Browse all products"},SN={label:"Fitment Form",defaultProps:{num:"",title:"",description:"",ctaText:"",ctaHref:"",layout:"full"},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return M21(Jg,{num:a(w(e.num,k6.num,e.puck)),title:a(w(e.title,k6.title,e.puck)),description:a(w(e.description,k6.description,e.puck)),omitHead:t,ctaText:w(e.ctaText,k6.ctaText,e.puck),ctaHref:t1(e.ctaHref)||"#",layout:e.layout,editing:e.puck?.isEditing})}};import{jsx as L21}from"react/jsx-runtime";var LN={fields:{_gHeader:x("Header"),num:H("Number",k6.num),title:H("Heading",k6.title),description:B("Body",k6.description),_gCta:x("Call to action"),ctaText:H("Button",k6.ctaText),ctaHref:A1("Button link"),_gStyle:x("Style"),layout:g1("Section shape",L21(S21,{}),[{label:"Stacked",value:"full"},{label:"One row",value:"bar"}],"full")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props??{},c={...t};return s.layout==="bar"&&(delete c._gCta,delete c.ctaText,delete c.ctaHref),c=D1(W1(c,a,U1),s.headPlacement,R1.FitmentFinder.headRows),c}};var L=(e,t,a,s,c,o,l,r,i)=>({diameter:e,width:t,holes:a,pcd:s,et:c,cb:o,cap:l,boltPattern:r,loadRating:i}),$2="CP509PS73",j2="32x15x60\xB0",Y2="880kg / 1,940 lbs",E7="CP506AL82",V7="34x16x60\xB0",N7="915kg / 2,000 lbs",J="CP506AL68",K="32x15x60\xB0",n1="690kg / 1,520 lbs",T0="880kg / 1,940 lbs",A21="34x15x60\xB0",H21="1,060kg / 2,335 lbs",_7="CP507PS68",B7="825kg / 1,820 lbs",o1="CP595AL68",l1="32x15x60\xB0",r1="690kg / 1,520 lbs",Qg="34x15x60\xB0",ev="1,060kg / 2,335 lbs",T5="CP506AL82",P5="34x16x60\xB0",E5="880kg / 1,940 lbs",F21={rotor:[L(20,8.5,5,"112",35,73.1,$2,j2,Y2),L(20,8.5,5,"114.3",35,73.1,$2,j2,Y2),L(20,8.5,5,"120",35,72.6,$2,j2,Y2),L(20,8.5,5,"127",20,71.5,$2,j2,Y2),L(20,10,5,"112",40,73.1,$2,j2,Y2),L(20,10,5,"114.3",40,73.1,$2,j2,Y2),L(20,10,5,"120",40,72.6,$2,j2,Y2),L(20,10,5,"127",20,71.5,$2,j2,Y2),L(22,9,5,"112",35,73.1,$2,j2,Y2),L(22,9,5,"114.3",35,73.1,$2,j2,Y2),L(22,9,5,"115",15,71.5,$2,j2,Y2),L(22,9,5,"120",35,72.6,$2,j2,Y2),L(22,9,5,"127",20,71.5,$2,j2,Y2),L(22,10.5,5,"112",40,73.1,$2,j2,Y2),L(22,10.5,5,"114.3",40,73.1,$2,j2,Y2),L(22,10.5,5,"115",20,71.5,$2,j2,Y2),L(22,10.5,5,"120",40,72.6,$2,j2,Y2),L(22,10.5,5,"127",20,71.5,$2,j2,Y2)],"frixion-6":[L(20,9,6,"135",20,87.1,E7,V7,N7),L(20,9,6,"139.7",20,87.1,E7,V7,N7),L(22,9.5,6,"135",25,87.1,E7,V7,N7),L(22,9.5,6,"139.7",25,87.1,E7,V7,N7),L(22,9.5,6,"135",20,87.1,E7,V7,N7),L(22,9.5,6,"139.7",20,87.1,E7,V7,N7),L(24,10,6,"135",25,87.1,E7,V7,N7),L(24,10,6,"139.7",25,87.1,E7,V7,N7)],"frixion-5":[L(18,8,5,"108",42,73.1,J,K,n1),L(18,8,5,"112",42,73.1,J,K,n1),L(18,8,5,"114.3",42,73.1,J,K,n1),L(18,8,5,"120",35,72.6,J,K,n1),L(19,8.5,5,"112",42,73.1,J,K,n1),L(19,8.5,5,"114.3",42,73.1,J,K,n1),L(19,8.5,5,"112",35,73.1,J,K,n1),L(19,8.5,5,"114.3",35,73.1,J,K,n1),L(19,8.5,5,"120",35,73.1,J,K,n1),L(19,8.5,5,"120",35,72.6,J,K,n1),L(19,9.5,5,"112",38,73.1,J,K,n1),L(19,9.5,5,"114.3",38,73.1,J,K,n1),L(19,9.5,5,"112",40,73.1,J,K,n1),L(19,9.5,5,"114.3",40,73.1,J,K,n1),L(19,9.5,5,"120",38,72.6,J,K,n1),L(20,8.5,5,"112",35,73.1,J,K,n1),L(20,8.5,5,"114.3",35,73.1,J,K,n1),L(20,8.5,5,"120",42,72.6,J,K,n1),L(20,8.5,5,"120",35,72.6,J,K,n1),L(20,8.5,5,"120",33,72.6,J,K,n1),L(20,10,5,"112",40,73.1,J,K,n1),L(20,10,5,"114.3",40,73.1,J,K,n1),L(20,10,5,"120",40,72.6,J,K,n1)],"vector-ii":[L(19,8.5,5,"112",38,73.1,J,K,T0),L(19,8.5,5,"114.3",38,73.1,J,K,T0),L(19,8.5,5,"112",45,73.1,J,K,T0),L(19,8.5,5,"114.3",45,73.1,J,K,T0),L(19,8.5,5,"120",38,72.6,J,K,T0),L(19,9.5,5,"112",42,73.1,J,K,T0),L(19,9.5,5,"114.3",42,73.1,J,K,T0),L(19,9.5,5,"120",42,72.6,J,K,T0),L(20,8.5,5,"112",38,73.1,J,K,T0),L(20,8.5,5,"114.3",38,73.1,J,K,T0),L(20,8.5,5,"120",38,72.6,J,K,T0),L(20,10,5,"112",40,73.1,J,K,T0),L(20,10,5,"114.3",40,73.1,J,K,T0),L(20,10,5,"120",40,72.6,J,K,T0)],"turbine-ii":[L(20,8.5,5,"112",38,73.1,J,K,T0),L(20,8.5,5,"114.3",38,73.1,J,K,T0),L(20,8.5,5,"112",35,73.1,J,K,T0),L(20,8.5,5,"114.3",35,73.1,J,K,T0),L(20,8.5,5,"112",30,73.1,J,K,T0),L(20,8.5,5,"114.3",30,73.1,J,K,T0),L(20,8.5,5,"112",25,73.1,J,K,T0),L(20,8.5,5,"114.3",25,73.1,J,K,T0),L(20,8.5,5,"120",32,72.6,J,K,T0),L(20,8.5,5,"120",35,72.6,J,K,T0),L(20,10,5,"112",40,73.1,J,K,T0),L(20,10,5,"114.3",40,73.1,J,K,T0),L(20,10,5,"112",30,73.1,J,K,T0),L(20,10,5,"114.3",30,73.1,J,K,T0),L(20,10,5,"120",38,72.6,J,K,T0),L(20,10,5,"120",37,72.6,J,K,T0),L(22,10.5,5,"127",35,71.5,J,A21,H21)],torque:[L(18,8,5,"108",42,73.1,J,K,n1),L(18,8,5,"112",42,73.1,J,K,n1),L(18,8,5,"114.3",42,73.1,J,K,n1),L(18,8,5,"120",35,72.6,J,K,n1),L(19,8.5,5,"112",42,73.1,J,K,n1),L(19,8.5,5,"114.3",42,73.1,J,K,n1),L(19,8.5,5,"120",38,72.6,J,K,n1),L(19,9.5,5,"112",35,73.1,J,K,n1),L(19,9.5,5,"114.3",35,73.1,J,K,n1),L(19,9.5,5,"112",38,73.1,J,K,n1),L(19,9.5,5,"114.3",38,73.1,J,K,n1),L(19,9.5,5,"120",40,72.6,J,K,n1),L(20,8.5,5,"112",35,73.1,J,K,n1),L(20,8.5,5,"114.3",35,73.1,J,K,n1),L(20,8.5,5,"120",32,72.6,J,K,n1),L(20,8.5,5,"120",35,72.6,J,K,n1),L(20,10,5,"112",40,73.1,J,K,n1),L(20,10,5,"114.3",40,73.1,J,K,n1),L(20,10,5,"120",40,72.6,J,K,n1)],blitz:[L(18,8,5,"108",40,73.1,J,K,n1),L(18,8,5,"112-114.3",40,73.1,J,K,n1),L(18,8,5,"120",35,72.6,J,K,n1),L(18,8,5,"120",38,72.6,J,K,n1),L(19,8.5,5,"112-114.3",32,73.1,J,K,n1),L(19,8.5,5,"112-114.3",40,73.1,J,K,n1),L(19,8.5,5,"112-114.3",38,73.1,J,K,n1),L(19,8.5,5,"114.3",35,73.1,J,K,n1),L(19,8.5,5,"120",33,72.6,J,K,n1),L(19,9.5,5,"112-114.3",38,73.1,J,K,n1),L(19,9.5,5,"114.3",40,73.1,J,K,n1),L(19,9.5,5,"120",38,72.6,J,K,n1),L(20,8.5,5,"112-114.3",32,73.1,J,K,n1),L(20,8.5,5,"112-114.3",38,73.1,J,K,n1),L(20,8.5,5,"120",32,72.6,J,K,n1),L(20,10,5,"112-114.3",40,73.1,J,K,n1),L(20,10,5,"112-114.3",38,73.1,J,K,n1),L(20,10,5,"120",40,72.6,J,K,n1),L(20,10,5,"120",38,72.6,J,K,n1)],"speed-ii":[L(18,8,5,"108",40,73.1,J,K,n1),L(18,8,5,"112",40,73.1,J,K,n1),L(18,8,5,"114.3",40,73.1,J,K,n1),L(18,8,5,"120",38,72.6,J,K,n1),L(18,8,5,"120",35,72.6,J,K,n1),L(19,8.5,5,"112",40,73.1,J,K,n1),L(19,8.5,5,"114.3",40,73.1,J,K,n1),L(19,8.5,5,"112",32,73.1,J,K,n1),L(19,8.5,5,"114.3",32,73.1,J,K,n1),L(19,8.5,5,"120",33,72.6,J,K,n1),L(19,9.5,5,"112",38,73.1,J,K,n1),L(19,9.5,5,"114.3",38,73.1,J,K,n1),L(19,9.5,5,"120",38,72.6,J,K,n1),L(20,8.5,5,"112",35,73.1,J,K,n1),L(20,8.5,5,"114.3",35,73.1,J,K,n1),L(20,8.5,5,"112",32,73.1,J,K,n1),L(20,8.5,5,"114.3",32,73.1,J,K,n1),L(20,8.5,5,"120",33,72.6,J,K,n1),L(20,10,5,"112",38,73.1,J,K,n1),L(20,10,5,"114.3",38,73.1,J,K,n1),L(20,10,5,"120",38,72.6,J,K,n1)],"force-6":[L(20,9,6,"135",20,87.1,T5,P5,E5),L(20,9,6,"135",25,87.1,T5,P5,E5),L(20,9,6,"135",20,87.1,T5,P5,E5),L(20,9,6,"139.7",20,87.1,T5,P5,E5),L(20,9,6,"139.7",20,87.1,T5,P5,E5),L(20,9,6,"139.7",25,87.1,T5,P5,E5),L(22,9.5,6,"135",20,87.1,T5,P5,E5),L(22,9.5,6,"139.7",20,87.1,T5,P5,E5),L(24,10,6,"135",25,87.1,T5,P5,E5),L(24,10,6,"139.7",25,87.1,T5,P5,E5)],"haste-ii":[L(20,8.5,5,"112",27,73.1,_7,K,B7),L(20,8.5,5,"114.3",27,73.1,_7,K,B7),L(20,8.5,5,"112",34,73.1,_7,K,B7),L(20,8.5,5,"114.3",34,73.1,_7,K,B7),L(20,8.5,5,"120",32,72.6,_7,K,B7),L(20,10,5,"112",38,73.1,_7,K,B7),L(20,10,5,"114.3",38,73.1,_7,K,B7),L(20,10,5,"120",37,72.6,_7,K,B7)],"thrust-ii":[L(18,8,5,"108",40,73.1,o1,l1,r1),L(18,8,5,"112",40,73.1,o1,l1,r1),L(18,8,5,"114.3",40,73.1,o1,l1,r1),L(18,8,5,"120",35,72.6,o1,l1,r1),L(18,8,5,"120",38,72.6,o1,l1,r1),L(19,8.5,5,"112",40,73.1,o1,l1,r1),L(19,8.5,5,"114.3",40,73.1,o1,l1,r1),L(19,8.5,5,"112",38,73.1,o1,l1,r1),L(19,8.5,5,"114.3",38,73.1,o1,l1,r1),L(19,8.5,5,"112",32,73.1,o1,l1,r1),L(19,8.5,5,"114.3",32,73.1,o1,l1,r1),L(19,8.5,5,"114.3",35,73.1,o1,l1,r1),L(19,8.5,5,"120",33,72.6,o1,l1,r1),L(19,9.5,5,"112",38,73.1,o1,l1,r1),L(19,9.5,5,"114.3",38,73.1,o1,l1,r1),L(19,9.5,5,"114.3",40,73.1,o1,l1,r1),L(19,9.5,5,"120",38,72.6,o1,l1,r1),L(20,8.5,5,"112",32,73.1,o1,l1,r1),L(20,8.5,5,"114.3",32,73.1,o1,l1,r1),L(20,8.5,5,"112",38,73.1,o1,l1,r1),L(20,8.5,5,"114.3",38,73.1,o1,l1,r1),L(20,8.5,5,"120",32,72.6,o1,l1,r1),L(20,10,5,"112",40,73.1,o1,l1,r1),L(20,10,5,"114.3",40,73.1,o1,l1,r1),L(20,10,5,"112",38,73.1,o1,l1,r1),L(20,10,5,"114.3",38,73.1,o1,l1,r1),L(20,10,5,"120",38,72.6,o1,l1,r1),L(20,10,5,"120",40,72.6,o1,l1,r1),L(22,10.5,5,"127",35,71.5,o1,Qg,ev)],"vector-iii":[L(18,8,5,"108",40,73.1,o1,l1,r1),L(18,8,5,"112",40,73.1,o1,l1,r1),L(18,8,5,"114.3",40,73.1,o1,l1,r1),L(18,8,5,"120",38,72.6,o1,l1,r1),L(18,8,5,"120",35,72.6,o1,l1,r1),L(19,8.5,5,"112",32,73.1,o1,l1,r1),L(19,8.5,5,"114.3",32,73.1,o1,l1,r1),L(19,8.5,5,"112",40,73.1,o1,l1,r1),L(19,8.5,5,"114.3",40,73.1,o1,l1,r1),L(19,8.5,5,"112",38,73.1,o1,l1,r1),L(19,8.5,5,"114.3",38,73.1,o1,l1,r1),L(19,8.5,5,"114.3",35,73.1,o1,l1,r1),L(19,8.5,5,"120",33,72.6,o1,l1,r1),L(19,9.5,5,"112",38,73.1,o1,l1,r1),L(19,9.5,5,"114.3",38,73.1,o1,l1,r1),L(19,9.5,5,"114.3",40,73.1,o1,l1,r1),L(19,9.5,5,"120",38,72.6,o1,l1,r1),L(20,8.5,5,"112",32,73.1,o1,l1,r1),L(20,8.5,5,"114.3",32,73.1,o1,l1,r1),L(20,8.5,5,"112",38,73.1,o1,l1,r1),L(20,8.5,5,"114.3",38,73.1,o1,l1,r1),L(20,8.5,5,"120",32,72.6,o1,l1,r1),L(20,10,5,"112",40,73.1,o1,l1,r1),L(20,10,5,"114.3",40,73.1,o1,l1,r1),L(20,10,5,"112",38,73.1,o1,l1,r1),L(20,10,5,"114.3",38,73.1,o1,l1,r1),L(20,10,5,"120",38,72.6,o1,l1,r1),L(20,10,5,"120",40,72.6,o1,l1,r1),L(22,10.5,5,"127",35,71.5,o1,Qg,ev)],"blitz-ii":[L(18,8,5,"108",40,73.1,o1,l1,r1),L(18,8,5,"112",40,73.1,o1,l1,r1),L(18,8,5,"114.3",40,73.1,o1,l1,r1),L(18,8,5,"120",38,72.6,o1,l1,r1),L(18,8,5,"120",35,72.6,o1,l1,r1),L(19,8.5,5,"112",32,73.1,o1,l1,r1),L(19,8.5,5,"114.3",32,73.1,o1,l1,r1),L(19,8.5,5,"112",40,73.1,o1,l1,r1),L(19,8.5,5,"114.3",40,73.1,o1,l1,r1),L(19,8.5,5,"112",38,73.1,o1,l1,r1),L(19,8.5,5,"114.3",38,73.1,o1,l1,r1),L(19,8.5,5,"114.3",35,73.1,o1,l1,r1),L(19,8.5,5,"120",33,72.6,o1,l1,r1),L(19,9.5,5,"112",38,73.1,o1,l1,r1),L(19,9.5,5,"114.3",38,73.1,o1,l1,r1),L(19,9.5,5,"114.3",40,73.1,o1,l1,r1),L(19,9.5,5,"120",38,72.6,o1,l1,r1),L(20,8.5,5,"112",32,73.1,o1,l1,r1),L(20,8.5,5,"114.3",32,73.1,o1,l1,r1),L(20,8.5,5,"112",38,73.1,o1,l1,r1),L(20,8.5,5,"114.3",38,73.1,o1,l1,r1),L(20,8.5,5,"120",32,72.6,o1,l1,r1),L(20,10,5,"112",40,73.1,o1,l1,r1),L(20,10,5,"114.3",40,73.1,o1,l1,r1),L(20,10,5,"112",38,73.1,o1,l1,r1),L(20,10,5,"114.3",38,73.1,o1,l1,r1),L(20,10,5,"120",38,72.6,o1,l1,r1),L(20,10,5,"120",40,72.6,o1,l1,r1),L(22,10.5,5,"127",35,71.5,o1,Qg,ev)]};function Ct(e){return F21[e]??[]}var _1={hyperBlack:"#1a1a1c",blackSatin:"#0d0d0d",blackMachined:"#2a2a2a",silverSatin:"#a8a8a8",silverMachined:"#b5b5b5",bronze:"#7a5a3a",anthracite:"#3a3a3a",candyRed:"#9a1f1f",gunmetal:"#4a4d52"},V="/media/images/products",tv="/media/videos/products",AN=["0","20-20","25","35"],HN=["Detail 1","Detail 2","Detail 3"];function R0(e,t,a,s=!0){let c=`${V}/${e}/${a}${t}`,o=AN.map(l=>`${c}${l}.png`);return{src:o[0],angles:o,...s?{details:HN.map(l=>`${c}${l}.png`)}:{}}}function V5(e,t,a,s){let c=AN.map((l,r)=>`${V}/${e}/${t}.${l}.${a[r]}.png`),o={src:c[0],angles:c};return s&&(o.details=HN.map((l,r)=>`${V}/${e}/${t}.${l}.${s[r]}.png`)),o}var T21=[{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:_1.silverSatin,family:"silver",...R0("Haste II",".","Haste II.Ssl"),wheelPhotos:Array.from({length:9},(e,t)=>`${V}/Haste II/haste II Ssl wheel (${t+1}).jpg`)},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...R0("Haste II",".","Haste II.Ksl"),carPhotos:[...[5,6,7,8,9].map(e=>`${V}/Haste II/HasteII ksl 2024 BMW(G83)M4 Competition Convertible (${e}).jpg`),...[1,2,5,6,9].map(e=>`${V}/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:_1.silverMachined,family:"silver",...R0("force 6",".","Froce6.Smfcbtm")},{name:"Black Machined Carbon Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",...R0("force 6",".","Froce6.Kmfcbtdtm")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...R0("force 6",".","Froce6.Ktm")},{name:"Candy Red",color:_1.candyRed,family:"red",...R0("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:_1.silverMachined,family:"silver",...R0("speed_II",".","Speed II.Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",...R0("speed_II",".","Speed II.Kmftdtm")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...R0("speed_II",".","Speed II.Ktm")},{name:"Candy Red",color:_1.candyRed,family:"red",...R0("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:_1.silverMachined,family:"silver",...R0("Vortex II","-","Vortex II-SMFTM")},{name:"Black Machined Face Satin Lacquer Dark Tint",color:_1.blackMachined,family:"black",...R0("Vortex II","-","Vortex II-KMFTMTD")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...R0("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:_1.hyperBlack,family:"black",...R0("vector_III","-","Vector III-H")},{name:"Anthracite",color:_1.anthracite,family:"graphite",...R0("vector_III","-","Vector III-ATM")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...R0("vector_III","-","Vector III-KTM")},{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",...R0("vector_III","-","Vector III-STM")},{name:"Bronze",color:_1.bronze,family:"bronze",...R0("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:_1.hyperBlack,family:"black",src:`${V}/blitz_II/Blitz II.H.0.752 (3).png`,angles:[`${V}/blitz_II/Blitz II.H.0.752 (3).png`,`${V}/blitz_II/Blitz II.H.20-20752 (4).png`,`${V}/blitz_II/Blitz II.H.25.752 (2).png`,`${V}/blitz_II/Blitz II.H.35.752 (1).png`],details:[`${V}/blitz_II/Blitz II.H.Detail 1.1923.png`,`${V}/blitz_II/Blitz II.H.Detail 2.1916.png`,`${V}/blitz_II/Blitz II.H.Detail FusionForge.1930.png`]},{name:"Anthracite",color:_1.anthracite,family:"graphite",src:`${V}/blitz_II/Blitz II.A.0.756 (3).png`,angles:[`${V}/blitz_II/Blitz II.A.0.756 (3).png`,`${V}/blitz_II/Blitz II.A.20-20.756 (4).png`,`${V}/blitz_II/Blitz II.A.25.756 (2).png`,`${V}/blitz_II/Blitz II.A.35.756 (1).png`],details:[`${V}/blitz_II/Blitz II.A.Detail 1.1924.png`,`${V}/blitz_II/Blitz II.A.Detail 2.1917.png`,`${V}/blitz_II/Blitz II.A.Detail FusionForge.1931.png`]},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",src:`${V}/blitz_II/Blitz II.Ktm.0.760 (3).png`,angles:[`${V}/blitz_II/Blitz II.Ktm.0.760 (3).png`,`${V}/blitz_II/Blitz II.Ktm.20-20760 (4).png`,`${V}/blitz_II/Blitz II.Ktm.25.760 (2).png`,`${V}/blitz_II/Blitz II.Ktm.35.760 (1).png`],details:[`${V}/blitz_II/Blitz II.K TM.Detail 1.1925.png`,`${V}/blitz_II/Blitz II.K TM.Detail 2.1918.png`,`${V}/blitz_II/Blitz II.K TM.Detail FusionForge.1932.png`]},{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",src:`${V}/blitz_II/Blitz II.Stm.0.748 (3).png`,angles:[`${V}/blitz_II/Blitz II.Stm.0.748 (3).png`,`${V}/blitz_II/Blitz II.Stm 20-20.748 (4).png`,`${V}/blitz_II/Blitz II.Stm.25.748 (2).png`,`${V}/blitz_II/Blitz II.Stm.35.748 (1).png`],details:[`${V}/blitz_II/Blitz II.S TM.Detail 1.1922.png`,`${V}/blitz_II/Blitz II.S TM.Detail 2.1915.png`,`${V}/blitz_II/Blitz II.S TM.Detail FusionForge.1929.png`]},{name:"Bronze",color:_1.bronze,family:"bronze",src:`${V}/blitz_II/Blitz II.n.0.764 (3).png`,angles:[`${V}/blitz_II/Blitz II.n.0.764 (3).png`,`${V}/blitz_II/Blitz II.n.20-20.764 (4).png`,`${V}/blitz_II/Blitz II.n.25.764 (2).png`,`${V}/blitz_II/Blitz II.n.35.764 (1).png`],details:[`${V}/blitz_II/Blitz II.N.Detail 1.1926.png`,`${V}/blitz_II/Blitz II.N.Detail 2.1919.png`,`${V}/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:_1.hyperBlack,family:"black",src:`${V}/thrust_II/Thrust II v2 2010 H.0.719.png`,angles:[`${V}/thrust_II/Thrust II v2 2010 H.0.719.png`,`${V}/thrust_II/Thrust II v2 2010 H.30.720.png`,`${V}/thrust_II/Thrust II v2 2010 H.30-30.722.png`,`${V}/thrust_II/Thrust II v2 2010 H.45.721.png`],details:[`${V}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 1.png`,`${V}/thrust_II/Thrust II.bip-Thrust II v2 2010 H-Detail 2.png`,`${V}/thrust_II/Thrust II v2 2010 H.30-30.722.png`]},{name:"Anthracite",color:_1.anthracite,family:"graphite",src:`${V}/thrust_II/Thrust II v2 2010 A.0.735.png`,angles:[`${V}/thrust_II/Thrust II v2 2010 A.0.735.png`,`${V}/thrust_II/Thrust II v2 2010 A.30.736.png`,`${V}/thrust_II/Thrust II v2 2010 A.30-30.738.png`,`${V}/thrust_II/Thrust II v2 2010 A.45.737.png`],details:[`${V}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 1.png`,`${V}/thrust_II/Thrust II.bip-Thrust II v2 2010 A-Detail 2.png`,`${V}/thrust_II/Thrust II v2 2010 A.30-30.738.png`]},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",src:`${V}/thrust_II/Thrust II v2 2010 K.0.730.png`,angles:[`${V}/thrust_II/Thrust II v2 2010 K.0.730.png`,`${V}/thrust_II/Thrust II v2 2010 K.30.731.png`,`${V}/thrust_II/Thrust II v2 2010 K.30-30.733.png`,`${V}/thrust_II/Thrust II v2 2010 K.45.732.png`],details:[`${V}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 1.png`,`${V}/thrust_II/Thrust II.bip-Thrust II v2 2010 K-Detail 2.png`,`${V}/thrust_II/Thrust II v2 2010 K.30-30.733.png`]},{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",src:`${V}/thrust_II/Thrust II v2 2010 S.0.725.png`,angles:[`${V}/thrust_II/Thrust II v2 2010 S.0.725.png`,`${V}/thrust_II/Thrust II v2 2010 S.30.726.png`,`${V}/thrust_II/Thrust II v2 2010 S.30-30.728.png`,`${V}/thrust_II/Thrust II v2 2010 S.45.727.png`],details:[`${V}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 1.png`,`${V}/thrust_II/Thrust II.bip-Thrust II v2 2010 S-Detail 2.png`,`${V}/thrust_II/Thrust II v2 2010 S.30-30.728.png`]},{name:"Bronze",color:_1.bronze,family:"bronze",src:`${V}/thrust_II/Thrust II v2 2010 N.0.740.png`,angles:[`${V}/thrust_II/Thrust II v2 2010 N.0.740.png`,`${V}/thrust_II/Thrust II v2 2010 N.30.741.png`,`${V}/thrust_II/Thrust II v2 2010 N.30-30.743.png`,`${V}/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:_1.hyperBlack,family:"black",src:`${V}/torque_II/Torque II-H-0-2195.png`,angles:[`${V}/torque_II/Torque II-H-0-2195.png`,`${V}/torque_II/Torque II-H-20-20-2198.png`,`${V}/torque_II/Torque II-H-25-2196.png`,`${V}/torque_II/Torque II-H-35-2197.png`],details:[`${V}/torque_II/Torque II-H-Detail 1-2199.png`,`${V}/torque_II/Torque II-H-Detail 2-2200.png`,`${V}/torque_II/Torque II-H-Detail 3-2201.png`]},{name:"Anthracite",color:_1.anthracite,family:"graphite",src:`${V}/torque_II/Torque II-A-0-2174.png`,angles:[`${V}/torque_II/Torque II-A-0-2174.png`,`${V}/torque_II/Torque II-A-20-20-2177.png`,`${V}/torque_II/Torque II-A-25-2175.png`,`${V}/torque_II/Torque II-A-35-2176.png`],details:[`${V}/torque_II/Torque II-A-Detail 1-2178.png`,`${V}/torque_II/Torque II-A-Detail 2-2179.png`,`${V}/torque_II/Torque II-A-Detail 3-2180.png`]},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",src:`${V}/torque_II/Torque II-Ktm-0-2202.png`,angles:[`${V}/torque_II/Torque II-Ktm-0-2202.png`,`${V}/torque_II/Torque II-Ktm-20-20-2205.png`,`${V}/torque_II/Torque II-Ktm-25-2203.png`,`${V}/torque_II/Torque II-Ktm-35-2204.png`],details:[`${V}/torque_II/Torque II-Ktm-Detail 1-2206.png`,`${V}/torque_II/Torque II-Ktm-Detail 2-2207.png`,`${V}/torque_II/Torque II-Ktm-Detail 3-2208.png`]},{name:"Silver Satin Lacquer",color:_1.silverSatin,family:"silver",src:`${V}/torque_II/Torque II-S-0-2181.png`,angles:[`${V}/torque_II/Torque II-S-0-2181.png`,`${V}/torque_II/Torque II-S-20-20-2184.png`,`${V}/torque_II/Torque II-S-25-2182.png`,`${V}/torque_II/Torque II-S-35-2183.png`],details:[`${V}/torque_II/Torque II-S-Detail 1-2185.png`,`${V}/torque_II/Torque II-S-Detail 2-2186.png`,`${V}/torque_II/Torque II-S-Detail 3-2187.png`]},{name:"Bronze",color:_1.bronze,family:"bronze",src:`${V}/torque_II/Torque II-N-0-2188.png`,angles:[`${V}/torque_II/Torque II-N-0-2188.png`,`${V}/torque_II/Torque II-N-20-20-2191.png`,`${V}/torque_II/Torque II-N-25-2189.png`,`${V}/torque_II/Torque II-N-35-2190.png`],details:[`${V}/torque_II/Torque II-N-Detail 1-2192.png`,`${V}/torque_II/Torque II-N-Detail 2-2193.png`,`${V}/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:_1.silverMachined,family:"silver",src:`${V}/turbine II/Turbine II L S MF TM.0.png`,angles:[`${V}/turbine II/Turbine II L S MF TM.0.png`,`${V}/turbine II/Turbine II L S MF TM.25.png`,`${V}/turbine II/Turbine II L S MF TM.35.png`,`${V}/turbine II/Turbine II L S MF TM.45.png`],details:[`${V}/turbine II/Turbine II L S MF TM.Detail 1.png`,`${V}/turbine II/Turbine II.L S MF TM.Detail 2.2239.png`,`${V}/turbine II/Turbine II L S MF TM.Detail 3.png`]},{name:"Black Machined Face Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",src:`${V}/turbine II/Turbine II L K MF TD TM.0.png`,angles:[`${V}/turbine II/Turbine II L K MF TD TM.0.png`,`${V}/turbine II/Turbine II L K MF TD TM.25.png`,`${V}/turbine II/Turbine II L K MF TD TM.35.png`,`${V}/turbine II/Turbine II L K MF TD TM.45.png`],details:[`${V}/turbine II/Turbine II L K MF TD TM.Detail 1.png`,`${V}/turbine II/Turbine II L K MF TD TM.LR Detail 2.png`,`${V}/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:_1.silverSatin,family:"silver",...V5("blitz","Blitz.Stm",["2167","2170","2168","2169"],["2171","2172","2173"]),wheelPhotos:Array.from({length:8},(e,t)=>`${V}/blitz/Blitz stm wheel(${t+19}).jpg`),video:`${tv}/blitz/Blitz stm wheel.mp4`},{name:"Silver Machined Face",color:_1.silverMachined,family:"silver",...V5("blitz","Blitz.Smftm",["2160","2163","2161","2162"],["2164","2165","2166"])},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...V5("blitz","Blitz.Ktm",["2146","2149","2147","2148"],["2150","2151","2152"]),wheelPhotos:Array.from({length:8},(e,t)=>`${V}/blitz/Blitz ktm wheel (${t+1}).jpg`),carPhotos:Array.from({length:6},(e,t)=>`${V}/blitz/Blitz ktm Car AUDI 03-03 (${t+1}).png`),video:`${tv}/blitz/Blitz ktm wheel.mp4`},{name:"Black Machined Face Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",...V5("blitz","Blitz.Kmftdtm",["2139","2142","2140","2141"],["2143","2144","2145"]),carPhotos:[5,7,8,9,10].map(e=>`${V}/blitz/Blitz kmftdtm Car 2018 Mercedes-AMG GT R (${e}).jpg`)},{name:"Candy Red",color:_1.candyRed,family:"red",...V5("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:_1.silverMachined,family:"silver",...V5("frixion 5","Frixion5 S MF",["1969","1972","1970","1971"]),details:[`${V}/frixion 5/Frixion5.Smf.Detail 1.2108.png`,`${V}/frixion 5/Frixion5.Smf.Detail 2.2109.png`,`${V}/frixion 5/Frixion5.Smf.Detail 3.2110.png`],wheelPhotos:Array.from({length:11},(e,t)=>`${V}/frixion 5/Frixion 5 Smf wheel (${t+1}).jpg`),carPhotos:[4,5,6,7].map(e=>`${V}/frixion 5/Frixion5 smftm car 2019 Jaguar XE SV Project 8 (${e}).jpg`),video:`${tv}/frixion 5/frixion 5 kmftdtm smftm .mp4`},{name:"Black Machined Face",color:_1.blackMachined,family:"black",...V5("frixion 5","Frixion5 K TM",["1995","1998","1996","1997"]),details:[`${V}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 1.1999.png`,`${V}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 2.2000.png`,`${V}/frixion 5/Frixion 5.bip.Frixion5 K TM.Detail 3.2001.png`],wheelPhotos:[`${V}/frixion 5/Frixion 5 kmftdtm wheel (2).jpg`,`${V}/frixion 5/Frixion 5 kmftdtm wheel (3).jpg`]},{name:"Candy Red",color:_1.candyRed,family:"red",...V5("frixion 5","Frixion5 R ",["1973","1976","1974","1975"]),details:[`${V}/frixion 5/Frixion5 R .Detail 1.1960.png`,`${V}/frixion 5/Frixion5 R .Detail 2.1961.png`,`${V}/frixion 5/Frixion5 R .Detail 3.1962.png`],carPhotos:[5,6,7,8,9].map(e=>`${V}/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:_1.silverMachined,family:"silver",...V5("frixion 6","Frixion6 S MF TM",["2044","2047","2045","2046"]),details:[`${V}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 1.2048.png`,`${V}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 2.2049.png`,`${V}/frixion 6/Frixion6 S MF TM-ALUGS.Detail 3.2050.png`]},{name:"Black Machined Face Dark Tint",color:_1.blackMachined,family:"black",src:`${V}/frixion 6/Frixion6 K MF TD.0.2030.png`,angles:[`${V}/frixion 6/Frixion6 K MF TD.0.2030.png`,`${V}/frixion 6/Frixion6 K MF TD.20-20.2033.png`,`${V}/frixion 6/Frixion6 K MF TD.25.png`,`${V}/frixion 6/Frixion6 K MF TD.35.2032.png`],details:[`${V}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 1.2034.png`,`${V}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 2.2035.png`,`${V}/frixion 6/Frixion6 K MF TD-ALUGS.Detail 3.2036.png`]},{name:"Candy Red",color:_1.candyRed,family:"red",...V5("frixion 6","Frixion6 R MF TR",["2037","2040","2038","2039"]),details:[`${V}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 1.2041.png`,`${V}/frixion 6/Frixion6 R MF TR-ALUGS.Detail 2.2042.png`,`${V}/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:_1.silverMachined,family:"silver",...R0("rotor",".","Rotor.Smftm")},{name:"Black Machined Face Dark Tint",color:_1.blackMachined,family:"black",...R0("rotor",".","Rotor.Kmftdtm")},{name:"Candy Red",color:_1.candyRed,family:"red",...R0("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:_1.silverMachined,family:"silver",...R0("vector II","-","Vector II-Smftm")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...R0("vector II","-","Vector II-Ktm")},{name:"Candy Red",color:_1.candyRed,family:"red",...R0("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:_1.silverMachined,family:"silver",...R0("torque","-","Torque-Smftm")},{name:"Black Machined Face Dark Tint Satin Lacquer",color:_1.blackMachined,family:"black",...R0("torque","-","Torque-Kmftdtm")},{name:"Black Satin Lacquer",color:_1.blackSatin,family:"black",...R0("torque","-","Torque-Ktm")},{name:"Anthracite",color:_1.anthracite,family:"graphite",...R0("torque","-","Torque-A")}]}];function P21(e){return{GBP:e,USD:Math.round(e*1.28/10)*10,AUD:Math.round(e*1.92/10)*10}}var E21={"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."},av=T21.map(({price:e,...t})=>({...t,prices:P21(e),description:E21[t.slug]??"",compatibleTyres:[],finishes:t.finishes.map(a=>({...a,src:a.src?L2(a.src):a.src,angles:a.angles?.map(L2),details:a.details?.map(L2),wheelPhotos:a.wheelPhotos?.map(L2),carPhotos:a.carPhotos?.map(L2),video:a.video?L2(a.video):a.video}))})),V21=new Map(av.map(e=>[e.slug,e]));function Oi(e){return V21.get(e)}import{ProductFieldIcon as U21,BlockProductIcon as K21,ProductSizeIcon as $21,NoteIcon as j21}from"efficient-easel/icons";import{useEffect as I21,useState as RN}from"react";import{Fragment as FN,jsx as N21,jsxs as TN}from"react/jsx-runtime";function sv({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 TN(FN,{children:[N21("span",{className:`uppercase tracking-[0.18em] ${t}`,children:e.lead}),e.detail?TN(FN,{children:[" ",e.detail]}):null]})}function EN({wheel:e,applied:t,fit:a,resolving:s}){if(!t)return{state:"unasked"};if(s)return{state:"checking"};if(!a)return{state:"unknown",missing:"vehicle"};if(!e)return{state:"unknown",missing:"wheel"};let c=e.variants??[],o=c.length===0?xm(e,a):_21(c,a);if(o===null)return{state:"fits",checks:xe(a)};let l=c.length===0?null:xm(e,a),r=l!==null&&l.key===o.key?l:o;return r.key==="unverifiable"?{state:"unknown",missing:"wheel"}:r.key==="et"?{state:"fits-with-warning",checks:xe(a),warning:r}:{state:"no-fit",failure:r}}var PN=["unverifiable","pcd","bore","et"];function _21(e,t){let a=null,s=null,c=!1;for(let o of e){let l=Sl(Ml(o),t);if(l===null){let r=UC(o,t);if(r===null)return null;c=!0,s=s??r;continue}(a===null||PN.indexOf(l.key)>PN.indexOf(a.key))&&(a=l)}return c?s:a}function j8(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 B21="Pick your car",R21="and we will check this size against it.";function VN(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 NN(e,t){let a=t.appliedName;if(a==="")return{tone:"ask",lead:B21,detail:R21};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 s=h8(VN(e),t.fit);if(s===null)return{tone:"fits",lead:`Fits your ${a}`,detail:""};if(s.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(s.key==="et"){let c=h8(VN(e),{...t.fit,etRange:null});return c===null?{tone:"warn",lead:`Fits your ${a}`,detail:`Check the offset. ${j8(s)}`}:{tone:"no-fit",lead:`Does not fit your ${a}`,detail:j8(c)}}return{tone:"no-fit",lead:`Does not fit your ${a}`,detail:j8(s)}}var _N=[{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 BN(e){if(e.length===0)return _N;let t=xk(e),a=_N.filter(s=>t(s.fieldKey));return J6(a,s=>s.fieldKey,e,"fitmentOrder")}import{Fragment as O21,jsx as N2,jsxs as C6}from"react/jsx-runtime";var Z21=[],D21="whitespace-nowrap border-b border-line px-4 py-3.5",IN="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",ZN="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",DN="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",ON={background:"color-mix(in oklab, var(--accent) 14%, transparent)"},GN=(e,t)=>t.map(a=>a.cell(e)).join("|");function ac({num:e,title:t,description:a,rows:s,showFilter:c=!0,tooltipDefaultOn:o=!0,footnote:l,footnoteLinkText:r,footnoteLinkHref:i,editing:n=!1,omitHead:h=!1,fieldUsage:m=Z21}){let p=s??[],u=BN(m),[g,d]=RN(null),[f,v]=RN(o);I21(()=>v(o),[o]);let b=C4({editing:n}),y=u.length===0;if(p.length===0||y)return n?C6("section",{className:h?DN:ZN,children:[h?null:N2(Q1,{num:e!=null?C(e):void 0,title:t!=null?j(t,!1):void 0,description:a!=null?C(a):void 0,accent:!0}),N2("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 z=new Set,k=p.filter(F=>{let E=GN(F,u);return z.has(E)?!1:(z.add(E),!0)}),S=Array.from(new Set(k.map(F=>F.diameter))).sort((F,E)=>F-E),P=g!==null&&S.includes(g)?g:null,D=P===null?k:k.filter(F=>F.diameter===P),q=c&&S.length>1,N=F=>{if(F===0)return!1;let E=D[F-1],R=D[F];return E.diameter!==R.diameter||E.width!==R.width};return C6("section",{className:h?DN:ZN,children:[h?null:N2(Q1,{num:e!=null?C(e):void 0,title:t!=null?j(t,!1):void 0,description:a!=null?C(a):void 0,accent:!0}),C6("div",{className:"mb-6 flex flex-wrap items-center gap-x-2 gap-y-3",children:[q&&C6(O21,{children:[N2("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:"}),C6("button",{type:"button",onClick:()=>d(null),className:`${IN} ${P===null?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:P===null?ON:void 0,children:[P===null&&N2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),"All"]}),S.map(F=>{let E=F===P;return C6("button",{type:"button",onClick:()=>d(E?null:F),className:`${IN} ${E?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"}`,style:E?ON:void 0,children:[E&&N2("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),F,'"']},F)})]}),C6("button",{type:"button",onClick:()=>v(F=>!F),"aria-pressed":f,"aria-label":f?"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:[N2("span",{children:"Vehicle tooltip"}),N2("span",{className:`relative inline-flex h-5 w-9 shrink-0 items-center rounded-full border-2 transition-colors ${f?"border-accent":"border-fg-dim/50"}`,style:f?{background:"color-mix(in oklab, var(--accent) 30%, transparent)"}:void 0,"aria-hidden":!0,children:N2("span",{className:`block h-3 w-3 rounded-full transition-transform ${f?"translate-x-[18px] bg-accent":"translate-x-[2px] bg-fg-dim"}`})}),N2("span",{className:f?"text-accent":"text-fg-dim",children:f?"On":"Off"})]})]}),N2("div",{className:"-mx-1 overflow-x-auto",children:C6("table",{className:"w-full border-collapse font-mono text-[length:var(--size-label,14px)] tracking-[0.06em] text-fg",children:[N2("thead",{children:N2("tr",{children:u.map(({header:F},E)=>N2("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:F},E))})}),N2("tbody",{children:D.map((F,E)=>N2("tr",{className:`group transition-colors hover:[&>td]:bg-surface ${N(E)?"[&>td]:border-t [&>td]:border-line":""}`,children:u.map((R,T)=>{let G=T===u.length-1,s1=R.fieldKey==="diameter";return C6("td",{className:`${G?"relative ":""}${D21}${s1?" text-accent":""}`,children:[R.cell(F),G&&f&&N2("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:N2(sv,{answer:NN(F,b)})})]},R.fieldKey)})},GN(F,u)))})]})}),N2(q4,{text:l,linkText:r,linkHref:i})]})}import{jsx as cv}from"react/jsx-runtime";var G21=["alloy-wheel"];function ov(e){return cv(x2,{kinds:G21,type:"FitmentTable",editing:e.editing,children:cv(q21,{...e})})}function q21({num:e,title:t,description:a,showFilter:s,tooltipDefaultOn:c,footnote:o,footnoteLinkText:l,footnoteLinkHref:r,editing:i=!1,omitHead:n=!1}){let h=j0(),m=b3(i&&!h),p=h?.product??m,u=p?.kind==="alloy-wheel"?p.source.fitments??[]:[];return cv(ac,{num:e,title:t,description:a,rows:u,showFilter:s,tooltipDefaultOn:c,footnote:o,footnoteLinkText:l,footnoteLinkHref:r,editing:i,omitHead:n,fieldUsage:h?.fieldUsage})}function qN(e,t){return t||e.dynamic===!0}import{jsx as WN}from"react/jsx-runtime";function lv({dynamic:e,wheel:t,omitHead:a=!1,...s}){let c=j0()!==null||!!s.editing&&O2();return qN({dynamic:e,wheel:t},c)?WN(ov,{...s,omitHead:a}):WN(ac,{...s,omitHead:a,rows:Ct(typeof t=="string"?t:"")})}import{jsx as W21}from"react/jsx-runtime";var j4={num:A.sectionNumber,title:"Specifications *table.*",description:A.body,footnote:"Add a short footnote here.",footnoteLinkText:"Contact us"},UN={label:"Fitment Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",wheel:"",showFilter:!0,tooltipDefaultOn:!0,footnote:"",footnoteLinkText:"",footnoteLinkHref:""},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return W21(lv,{dynamic:e.dynamic,wheel:e.wheel,num:a(w(e.num,j4.num,e.puck)),title:a(w(e.title,j4.title,e.puck)),description:a(w(e.description,j4.description,e.puck)),omitHead:t,showFilter:e.showFilter,tooltipDefaultOn:e.tooltipDefaultOn,footnote:w(e.footnote,j4.footnote,e.puck),footnoteLinkText:w(e.footnoteLinkText,j4.footnoteLinkText,e.puck),footnoteLinkHref:t1(e.footnoteLinkHref),editing:e.puck?.isEditing})}};import{jsx as Gi}from"react/jsx-runtime";var Y21=av.filter(e=>Ct(e.slug).length>0).map(e=>({value:e.slug,label:e.name})),KN={fields:{_gDynamic:x("Product page"),dynamic:c1("Connect to product data",!1,Gi(U21,{})),_gContent:x("Header"),num:H("Number",j4.num),title:H("Heading",j4.title),description:B("Body",j4.description),_gData:x("Wheel"),wheel:d1("Product",Gi(K21,{}),Y21,"vector-iii"),_gOptions:x("Controls"),showFilter:c1("Size-filter chips",!0,Gi($21,{})),tooltipDefaultOn:c1("Detail tooltip on by default",!0,Gi(j21,{})),_gFootnote:x("Footnote"),footnote:B("Footnote",j4.footnote),footnoteLinkText:H("Footnote button",j4.footnoteLinkText),footnoteLinkHref:A1("Footnote link")},resolveFields:(e,{fields:t,parent:a})=>{let s={...t},c=o=>D1(W1(o,a,U1),e.props.headPlacement,R1.FitmentTable.headRows);return delete s._gDynamic,delete s.dynamic,O2()&&(delete s._gData,delete s.wheel),c(s)}};import{SettingsField as jN}from"efficient-easel/panel";import{FieldSelect as YN}from"efficient-easel/fields";import{BlockProductIcon as e31,CategoryIcon as t31}from"efficient-easel/icons";import{useEffect as iv,useMemo as a31,useRef as qi,useState as Wi}from"react";import{useEffect as X21,useMemo as $N,useState as J21}from"react";var M6="__all__";function Q21(e,t){let a=new Set((e??[]).map(s=>s.name));return t!==M6&&a.add(t),[...a].sort((s,c)=>s.localeCompare(c))}function rv(e,t){return t===M6?e??[]:(e??[]).filter(a=>a.process===t)}function R7(e,t,a){let[s,c]=J21(M6);X21(()=>{a?.process&&c(a.process)},[a]);let o=$N(()=>Q21(t,s),[t,s]),l=$N(()=>rv(e,s),[e,s]);return{category:s,setCategory:c,categoryNames:o,filtered:l}}import{Fragment as XN,jsx as H3,jsxs as Ui}from"react/jsx-runtime";var Y4="__all__";function s31(e,t){return t===Y4?e:e.filter(a=>a.process===t)}function Mt(e,t){return e.map(a=>({image:a.items[0]?.url,photos:a.items.map(s=>({src:s.url})),href:`/wheels/${t.slug}`,process:t.process,eyebrow:a.name,name:t.name,meta:a.finish})).filter(a=>!!a.image)}function JN(e){let t=V3();return t?X1.getWheelDetail(t,e,{siteId:r2()}):Promise.reject(new Error("editor not authenticated"))}async function c31(e){let t=await JN(e),a={slug:t.slug,name:t.name,process:t.process},s=t.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};return{...a,vehicleCards:Mt(s.lifestyle??[],a),wheelCards:Mt(s.photos??[],a),othersCards:Mt(s.others??[],a)}}async function o31(e,t){let a=await Promise.all(e.map(l=>JN(l.slug).catch(()=>null))),s=[],c=[],o=[];for(let l of a){if(!l)continue;let r={slug:l.slug,name:l.name,process:l.process},i=l.mediaGroups??{photos:[],lifestyle:[],videos:[],accessories:[],others:[]};s.push(...Mt(i.lifestyle??[],r)),c.push(...Mt(i.photos??[],r)),o.push(...Mt(i.others??[],r))}return{slug:Y4,name:t===Y4?"All products":t,process:"",vehicleCards:s,wheelCards:c,othersCards:o,category:t}}function nv({value:e,onChange:t}){let a=g4(),[s,c]=Wi(null),[o,l]=Wi(null),[r,i]=Wi(!1),[n,h]=Wi(!1),m=qi(!0),p=qi(e);p.current=e;let u=qi(t);u.current=t;let g=(_,U=!1)=>{i(!0),U||h(!1),_().then(Y=>{m.current&&(l6(Y,p.current)&&u.current(Y),h(!1))}).catch(()=>{m.current&&!U&&h(!0)}).finally(()=>{m.current&&i(!1)})},d=(_,U=!1)=>g(()=>c31(_),U),f=(_,U=!1)=>g(()=>o31(s31(s??[],_),_),U);iv(()=>(m.current=!0,h3().then(_=>{m.current&&c(_)}),i4().then(_=>{m.current&&l(_)}),()=>{m.current=!1}),[]);let v=qi(!1);iv(()=>{if(v.current)return;let _=p.current;if(!_?.slug){v.current=!0;return}if(_.slug===Y4){if(s===null)return;v.current=!0,f(_.category??Y4,!0)}else v.current=!0,d(_.slug,!0)},[s]);let b=e?.slug===Y4,y=a31(()=>s&&e?.slug&&!b?s.find(_=>_.slug===e.slug)??null:null,[s,e?.slug,b]),{category:z,setCategory:k,categoryNames:S,filtered:P}=R7(s,o);iv(()=>{b?e?.category&&k(e.category):y?.process&&k(y.process)},[y,b,e?.category]);let D=s===null,q=!!e?.slug&&!b&&s!==null&&!y,N=_=>{if(!_){t(null);return}if(_===Y4){f(z);return}d(_)},F=_=>{k(_),p.current?.slug===Y4&&f(_)},E=()=>{e?.slug&&(h3(!0).then(_=>{m.current&&c(_)}),b?f(e.category??Y4):d(e.slug))},R=()=>{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),G=n?"error":r?"loading":"idle",s1=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 Ui("div",{children:[H3(jN,{label:"Category",icon:H3(t31,{}),children:H3(YN,{value:z,ariaLabel:"Category",onChange:F,readOnly:D,options:[{label:"All products",value:Y4},...S.map(_=>({label:_,value:_}))]})}),H3(jN,{label:"Product",icon:H3(e31,{}),children:H3(YN,{value:e?.slug??"",ariaLabel:"Product",onChange:N,readOnly:D||r,options:[{label:D?"Loading\u2026":"None (write the cards yourself)",value:""},{label:"All products",value:Y4},...q?[{label:`${e.name} (unavailable)`,value:e.slug}]:[],...P.map(_=>({label:_.name,value:_.slug}))]})}),e?.slug?H3(c4,{status:G,statusText:s1,onRefresh:E,busy:r,edit:b?void 0:{label:"Edit product \u270E",onClick:R},hint:b?Ui(XN,{children:["Pools ",H3("strong",{children:"every product\u2019s"})," grouped media: each one\u2019s"," ",H3("strong",{children:"Relative / lifestyle photos"})," feed Gallery A, its"," ",H3("strong",{children:"Product photos"})," Gallery B and its ",H3("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."]}):Ui(XN,{children:["Gallery A comes from the product\u2019s ",H3("strong",{children:"Relative / lifestyle photos"}),", Gallery B from its ",H3("strong",{children:"Product photos"})," and the Others gallery from its ",H3("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."]})}):Ui("p",{className:"sf-blogsource-hint",style:{marginTop:7},children:["Pick a product \u2014 or ",H3("strong",{children:"All products"})," \u2014 to build the galleries from media groups, or keep \u201CNone\u201D to author the cards yourself."]})]})}import{EyeIcon as i31,TabsIcon as t_,BreadcrumbIcon as n31,HashIcon as a_,SortIcon as h31}from"efficient-easel/icons";import{useEffect as l31,useMemo as QN,useState as Ki}from"react";import{Fragment as $i,jsx as K1,jsxs as Q0}from"react/jsx-runtime";function hv(e,t){return(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||t}function mv(e){let t=[e.image,...(e.photos??[]).map(a=>a?.src)].filter(a=>!!a);return t.length?t:[""]}var pv=Array.from({length:6},(e,t)=>({image:"",process:"Tag",eyebrow:"Category",name:"Item name",meta:`0${t+1} photos`}));function uv({mode:e="both",kicker:t,breadcrumbLabel:a,vehicleTabLabel:s="Gallery A",vehicleTitle:c,vehicleBody1:o,vehicleBody2:l,vehicleStats:r,vehicleCards:i,wheelTabLabel:n="Gallery B",wheelTitle:h,wheelBody1:m,wheelBody2:p,wheelStats:u,wheelCards:g,othersTitle:d,othersBody1:f,othersBody2:v,othersStats:b,othersCards:y,showBreadcrumb:z=!0,showStats:k=!0,showIntro:S=!0,showTabs:P=!0,showFilters:D=!0,showCount:q=!0,showSort:N=!0,previewTab:F,previewHover:E=!1,editing:R=!1}){let T=e==="both",G=T?["vehicles","wheels"]:e==="wheels"?["wheels"]:e==="others"?["others"]:["vehicles"],[s1,_]=Ki(G[0]),Y=(R&&T&&F&&G.includes(F)?F:null)??(G.includes(s1)?s1:G[0]),W=R&&E,[Q,b1]=Ki("all"),[X,v1]=Ki("newest"),[G1,O]=Ki(null);l31(()=>{if(!G1)return;let m1=mv(G1.card).length,q1=F0=>{F0.key==="Escape"?O(null):F0.key==="ArrowLeft"&&m1>1?O(o0=>o0&&{...o0,index:(o0.index-1+m1)%m1}):F0.key==="ArrowRight"&&m1>1&&O(o0=>o0&&{...o0,index:(o0.index+1)%m1})};window.addEventListener("keydown",q1);let L0=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{window.removeEventListener("keydown",q1),document.body.style.overflow=L0}},[G1]);let e1=Y==="vehicles"?{title:c,body1:o,body2:l,stats:r??[],cards:i??[],unit:"items",word:s}:Y==="others"?{title:d,body1:f,body2:v,stats:b??[],cards:y??[],unit:"items",word:"Others"}:{title:h,body1:m,body2:p,stats:u??[],cards:g??[],unit:"items",word:n},p1=QN(()=>{let m1=[];for(let q1 of e1.cards)q1.process&&!m1.includes(q1.process)&&m1.push(q1.process);return m1},[e1.cards]),S0=Q!=="all"&&p1.includes(Q)?Q:"all",A0=S0==="all"?e1.cards:e1.cards.filter(m1=>m1.process===S0),y1=QN(()=>{let m1=[...A0];return X==="name"&&m1.sort((q1,L0)=>(q1.name??"").localeCompare(L0.name??"")),m1},[A0,X]),e0=e1.cards.length===0,k1=R&&e0,l2=k1?pv:y1,j1=k1?pv.length:e1.cards.length,y2=k1?pv.length:y1.length,B2=t?`${t} \xB7 ${p2(e1.word)}`:void 0;function H0(m1){m1!==Y&&(_(m1),b1("all"))}return Q0("section",{className:"relative z-[2] bg-bg",children:[z&&Q0("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:[K1("span",{className:"hover:text-fg",children:"Home"}),K1("span",{className:"opacity-40",children:"/"}),K1("span",{className:"text-fg",children:a?B0(a):"Gallery"})]}),Q0("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:[K1("span",{className:"pb-3.5 font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.3em] text-accent",children:B2?C(B2):null}),K1("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:e1.title?j(e1.title,!0):null}),K1("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:k&&e1.stats.map((m1,q1)=>Q0("div",{children:[m1.value?K1("strong",{className:"font-normal text-fg",children:C(m1.value)}):null," ",m1.label?C(m1.label):null]},q1))})]}),S&&(e1.body1||e1.body2)&&Q0("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:[e1.body1&&K1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:C(e1.body1)}),e1.body2&&K1("p",{className:"max-w-[540px] font-display text-[length:var(--size-body,17px)] leading-[1.6] text-fg-dim",children:C(e1.body2)})]}),T&&P&&K1("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((m1,q1)=>{let L0=Y===m1,F0=m1==="vehicles"?s:n,o0=m1==="vehicles"?(i??[]).length:(g??[]).length,q0=(F0||"").trim().split(/\s+/),$=q0.slice(0,-1).join(" "),E1=q0.slice(-1)[0]??"";return Q0("button",{type:"button",onClick:()=>H0(m1),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",q1===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",L0?"bg-surface":"hover:bg-fg/[0.04]"].join(" "),children:[K1("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]",L0?"text-accent":"text-fg-dim group-hover:text-accent"].join(" "),children:q1===0?"A":"B"}),Q0("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:[$?Q0($i,{children:[B0($)," "]}):null,K1("em",{className:"font-normal italic text-accent",children:B0(E1)})]}),Q0("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:[K1("strong",{className:"font-normal text-fg",children:o0})," ","items",K1("br",{}),m1==="vehicles"?"Community photos":"Featured photos"]}),L0&&K1("span",{className:"pointer-events-none absolute inset-x-0 -bottom-px h-0.5 bg-accent"})]},m1)})}),(D||q||N)&&Q0("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:[K1("div",{className:"flex flex-wrap gap-1",children:D&&["all",...p1].map(m1=>{let q1=S0===m1,L0=m1==="all"?"All":m1;return K1("button",{type:"button",onClick:()=>b1(m1),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] transition-colors",q1?"border-fg bg-fg text-bg":"border-transparent text-fg-dim hover:text-fg"].join(" "),children:B0(L0)},m1)})}),q?Q0("div",{className:"text-center font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[K1("strong",{className:"font-normal text-accent",children:y2})," / ",j1," ",e1.unit]}):K1("div",{}),N?Q0("div",{className:"flex items-center gap-3 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.18em] text-fg-dim",children:[K1("span",{children:"Sort"}),Q0(ia,{value:X,onChange:m1=>v1(m1.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:[K1("option",{value:"newest",children:"Newest"}),K1("option",{value:"featured",children:"Featured"}),K1("option",{value:"name",children:"Name A\u2013Z"})]})]}):K1("div",{})]}),K1("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:l2.length>0?K1("div",{className:"grid grid-cols-6 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:l2.map((m1,q1)=>{let L0=mv(m1)[0],o0=`group relative block aspect-[4/3] w-full overflow-hidden bg-surface-2 text-left ${q1<2?"col-span-3 max-[1100px]:col-span-1":"col-span-2 max-[1100px]:col-span-1"}`,q0=`${m1.name??"card"}-${q1}`,$=Q0($i,{children:[K1(k0,{label:hv(m1.name,`gallery-card-${q1+1}`),src:L0||void 0,alt:p2(m1.name??""),sizes:"(max-width: 720px) 100vw, (max-width: 1100px) 50vw, 33vw",className:`transition-transform duration-700 ${W?"scale-[1.04]":"group-hover:scale-[1.04]"}`}),Q0("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:[Q0("div",{className:"flex items-start justify-between font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em]",children:[m1.process?K1("span",{className:"text-accent",children:C(m1.process)}):K1("span",{}),Q0("span",{className:"text-overlay-fg/70",children:[String(q1+1).padStart(2,"0")," / ",String(l2.length).padStart(2,"0")]})]}),Q0("div",{className:"flex flex-col gap-1.5",children:[m1.eyebrow&&K1("div",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:C(m1.eyebrow)}),m1.name&&K1("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:C(m1.name)}),m1.meta&&K1("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:K1("span",{children:C(m1.meta)})})]})]})]});return R?K1("div",{className:o0,children:$},q0):K1("button",{type:"button",onClick:()=>O({card:m1,index:0}),"aria-label":`Open ${m1.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:$},q0)})}):K1("div",{className:"py-20 text-center font-mono text-[length:var(--size-label,14px)] uppercase tracking-[0.2em] text-fg-dim",children:e0?"No items in this gallery yet.":"No items match this filter."})}),G1&&(()=>{let m1=mv(G1.card),{card:q1,index:L0}=G1,F0=m1.length,o0=m1[L0]??m1[0]??"",q0=E1=>O(i0=>i0&&{...i0,index:(i0.index+E1+F0)%F0}),$=[q1.process,q1.meta].filter(Boolean).join(" \xB7 ");return Q0("div",{role:"dialog","aria-modal":"true","aria-label":q1.name??"Gallery item",onClick:()=>O(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:[Q0("div",{className:"relative flex w-full flex-1 items-center justify-center",children:[K1("div",{className:"relative h-full max-h-[72vh] w-full max-w-[92vw]",children:K1(k0,{label:hv(q1.name,"gallery-photo"),src:o0||void 0,alt:p2(q1.name??""),objectFit:"contain",sizes:"92vw"})}),F0>1&&Q0($i,{children:[K1("button",{type:"button","aria-label":"Previous photo",onClick:E1=>{E1.stopPropagation(),q0(-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"}),K1("button",{type:"button","aria-label":"Next photo",onClick:E1=>{E1.stopPropagation(),q0(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"})]})]}),Q0("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:E1=>E1.stopPropagation(),children:[Q0("div",{className:"flex flex-col items-center gap-1",children:[q1.name&&K1("span",{className:"text-accent",children:C(q1.name)}),q1.eyebrow&&K1("span",{children:C(q1.eyebrow)}),Q0("span",{className:"text-fg-dim/70",children:[$?Q0($i,{children:[C($)," \xB7 "]}):null,L0+1," / ",F0]})]}),q1.href&&K1(M1,{href:q1.href,onClick:()=>O(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"})]}),F0>1&&K1("div",{onClick:E1=>E1.stopPropagation(),className:"mt-5 flex max-w-[92vw] gap-1.5 overflow-x-auto pb-1",children:m1.map((E1,i0)=>K1("button",{type:"button","aria-label":`Photo ${i0+1}`,onClick:()=>O(e2=>e2&&{...e2,index:i0}),className:["relative h-16 w-24 shrink-0 cursor-pointer overflow-hidden border transition-colors max-[720px]:h-12 max-[720px]:w-16",i0===L0?"border-accent":"border-line opacity-60 hover:border-fg-dim hover:opacity-100"].join(" "),children:K1(k0,{label:hv(q1.name,"gallery-photo"),src:E1||void 0,alt:"",sizes:"120px"})},`${E1}-${i0}`))}),K1("button",{type:"button",onClick:()=>O(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 r31}from"react/jsx-runtime";var z2={kicker:A.eyebrow,vehicleTitle:A.headingAccent,wheelTitle:A.headingAccent,vehicleBody1:A.body,vehicleBody2:"Add a second, shorter line if you need one.",wheelBody1:A.body,wheelBody2:"Add a second, shorter line if you need one.",othersTitle:A.headingAccent,othersBody1:A.body,othersBody2:"Add a second, shorter line if you need one."},dv=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],gv=[{image:"",href:"#",process:A.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:A.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:A.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"},{image:"",href:"#",process:A.category,eyebrow:"Subtitle",name:"Item name",meta:"Detail"}],e_={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 r31(uv,{mode:e.mode,kicker:w(e.kicker,z2.kicker,e.puck),breadcrumbLabel:t1(e.breadcrumbLabel)||"Gallery",vehicleTabLabel:t1(e.vehicleTabLabel)||"Gallery A",vehicleTitle:w(e.vehicleTitle,z2.vehicleTitle,e.puck),vehicleBody1:w(e.vehicleBody1,z2.vehicleBody1,e.puck),vehicleBody2:w(e.vehicleBody2,z2.vehicleBody2,e.puck),vehicleStats:x1(e.vehicleStats,dv,e.puck),vehicleCards:x1(t?.vehicleCards??e.vehicleCards,gv,e.puck),wheelTabLabel:t1(e.wheelTabLabel)||"Gallery B",wheelTitle:w(e.wheelTitle,z2.wheelTitle,e.puck),wheelBody1:w(e.wheelBody1,z2.wheelBody1,e.puck),wheelBody2:w(e.wheelBody2,z2.wheelBody2,e.puck),wheelStats:x1(e.wheelStats,dv,e.puck),wheelCards:x1(t?.wheelCards??e.wheelCards,gv,e.puck),othersTitle:w(e.othersTitle,z2.othersTitle,e.puck),othersBody1:w(e.othersBody1,z2.othersBody1,e.puck),othersBody2:w(e.othersBody2,z2.othersBody2,e.puck),othersStats:x1(e.othersStats,dv,e.puck),othersCards:x1(t?.othersCards??e.othersCards,gv,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 S6}from"react/jsx-runtime";var s_={fields:{_sSetup:a0("Setup"),_gGallery:x("Gallery"),mode:g1("Show",S6(i31,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"},{label:"Others",value:"others"},{label:"Both",value:"both"}],"both"),kicker:H("Eyebrow",z2.kicker),breadcrumbLabel:I("Breadcrumb label","Gallery"),_gSource:x("Source product"),source:t2(nv),_sPreview:a0("Preview"),_gPreview:x(Ao),previewTab:g1("Show tab",S6(t_,{}),[{label:"Gallery A",value:"vehicles"},{label:"Gallery B",value:"wheels"}],"vehicles"),_sVehicle:a0("Gallery A"),_gVehicleContent:x("Content"),vehicleTabLabel:I("Tab label","Gallery A"),vehicleTitle:B("Heading",z2.vehicleTitle),vehicleBody1:B("Intro",z2.vehicleBody1),vehicleBody2:B("Body",z2.vehicleBody2),_gVehicleStats:x("Stats"),vehicleStats:{type:"array",label:"Stats",arrayFields:{value:u1("Value"),label:u1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gVehicleCards:x("Cards"),vehicleCards:{type:"array",label:"Cards",arrayFields:{image:O1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:O1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:A1("Product link"),process:u1("Tag"),eyebrow:u1("Eyebrow"),name:u1("Title"),meta:u1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sWheel:a0("Gallery B"),_gWheelContent:x("Content"),wheelTabLabel:I("Tab label","Gallery B"),wheelTitle:B("Heading",z2.wheelTitle),wheelBody1:B("Intro",z2.wheelBody1),wheelBody2:B("Body",z2.wheelBody2),_gWheelStats:x("Stats"),wheelStats:{type:"array",label:"Stats",arrayFields:{value:u1("Value"),label:u1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gWheelCards:x("Cards"),wheelCards:{type:"array",label:"Cards",arrayFields:{image:O1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:O1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:A1("Product link"),process:u1("Tag"),eyebrow:u1("Eyebrow"),name:u1("Title"),meta:u1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sOthers:a0("Others gallery"),_gOthersContent:x("Content"),othersTitle:B("Heading",z2.othersTitle),othersBody1:B("Intro",z2.othersBody1),othersBody2:B("Body",z2.othersBody2),_gOthersStats:x("Stats"),othersStats:{type:"array",label:"Stats",arrayFields:{value:u1("Value"),label:u1("Label")},getItemSummary:e=>e.label||e.value||"stat"},_gOthersCards:x("Cards"),othersCards:{type:"array",label:"Cards",arrayFields:{image:O1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:O1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},href:A1("Product link"),process:u1("Tag"),eyebrow:u1("Eyebrow"),name:u1("Title"),meta:u1("Meta line")},getItemSummary:e=>e.name||e.eyebrow||"card"},_sVisibility:a0("Visibility"),_gElements:x("Show / hide elements"),showBreadcrumb:c1("Breadcrumb",!0,S6(n31,{})),showStats:c1("Stats",!0,S6(a_,{})),showIntro:c1("Intro text",!0,S6(j3,{noun:"intro"})),showTabs:c1("Tab switcher",!0,S6(t_,{})),showFilters:c1("Tag filters",!0,S6(j3,{noun:"tag"})),showCount:c1("Result count",!0,S6(a_,{})),showSort:c1("Sort control",!0,S6(h31,{}))},resolveFields:(e,{fields:t})=>{let a=e.props,s={...t};a.mode!=="both"&&(delete s._sPreview,delete s._gPreview,delete s.previewTab);let c=["_sVehicle","_gVehicleContent","vehicleTabLabel","vehicleTitle","vehicleBody1","vehicleBody2","_gVehicleStats","vehicleStats","_gVehicleCards","vehicleCards"],o=["_sWheel","_gWheelContent","wheelTabLabel","wheelTitle","wheelBody1","wheelBody2","_gWheelStats","wheelStats","_gWheelCards","wheelCards"];return a.mode==="vehicles"&&o.forEach(l=>delete s[l]),a.mode==="wheels"&&c.forEach(l=>delete s[l]),a.source?.slug&&(delete s._gVehicleCards,delete s.vehicleCards,delete s._gWheelCards,delete s.wheelCards,delete s._gOthersCards,delete s.othersCards),s}};import{ProductFieldIcon as f31,ImageIcon as b31,EyeIcon as x31}from"efficient-easel/icons";import{jsx as L6,jsxs as r_}from"react/jsx-runtime";var m31=t4,c_=["photos","lifestyle","accessories","others"];function p31(e,t){if(!e)return[];if(t==="all")return c_.flatMap(s=>e[s]??[]);let a=c_.includes(t)?t:null;return a?e[a]??[]:[]}var o_="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]",l_="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 vv(e){return L6(x2,{kinds:m31,type:"GalleryB",editing:e.editing,children:L6(u31,{...e})})}function u31({omitHead:e=!1,num:t,title:a,linkText:s,linkHref:c,galleryHref:o="/gallery",submitHref:l="/contact",zone:r="all",photoDisplay:i="covers",previewHover:n,editing:h=!1}){let m=j0(),p=b3(h&&!m),u=m?.product??p,g=p31(u?.mediaGroups,r).map(z=>({images:(z.items??[]).filter(k=>k.kind==="image").map(k=>k.url),name:z.name,finish:z.finish})).filter(z=>z.images.length>0),f=(i==="auto"?g.length>=4?"covers":"all":i)==="all"?g.flatMap(z=>z.images.map(k=>({images:[k],name:z.name,finish:z.finish}))):g,v=s?{text:s,href:c||"#"}:void 0,b=a?j(a,!1):void 0,y=e?null:L6(Q1,{num:t,title:b,link:v});return!u||f.length===0?h?r_("section",{className:e?l_:o_,children:[y,L6("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:r_("section",{className:e?l_:o_,children:[y,L6(Ta.Provider,{value:{galleryHref:o,submitHref:l,previewHover:n},children:L6("div",{[Pa]:"",className:"grid grid-cols-4 gap-2 max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1 max-[800px]:gap-1",children:f.map((z,k)=>L6(Ea,{image:z.images[0],photos:z.images.slice(1).map(S=>({src:S})),href:u.href,process:u.eyebrow,eyebrow:z.name,name:u.name,meta:z.finish,editing:h},`${z.name}-${k}`))})}),L6("div",{className:"mt-12 flex flex-col items-center gap-3",children:L6(G2,{href:o,variant:"ghost",children:"See Gallery"})})]})}import{jsx as Y8,jsxs as v31}from"react/jsx-runtime";var d31="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]",g31="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 fv({items:e,num:t,title:a,linkText:s,linkHref:c,galleryHref:o="/gallery",submitHref:l="/contact",previewHover:r,layout:i,columns:n,columnsMobile:h,gap:m,omitHead:p=!1}){let u=Cx(i),g=u?i:null,d=!u&&n!=null&&n!=="",f=N3("GalleryB",m,"both"),v=g?{className:`sf-card-grid sf-gallery-zone ${Mx(g)} grid${f.className}`,style:f.style}:d?{className:`sf-card-grid sf-grid-zone grid${f.className}`,style:{...f.style,"--sf-grid-cols":String(Ic(n)),"--sf-grid-cols-phone":String(Zc(h,n))}}:{className:`sf-card-grid grid grid-cols-4${f.className} max-[1500px]:grid-cols-3 max-[800px]:grid-cols-1`,style:f.style},b=s?{text:s,href:c||"#"}:void 0,y=a?j(a,!1):void 0;return v31("section",{className:p?g31:d31,children:[p?null:Y8(Q1,{num:t,title:y,link:b}),g&&Y8("style",{dangerouslySetInnerHTML:{__html:Sx(g)}}),e&&Y8(Ta.Provider,{value:{galleryHref:o,submitHref:l,previewHover:r},children:Y8("div",{[Pa]:"",style:{display:"contents"},children:Y8(e,{...v,minEmptyHeight:320})})}),Y8("div",{className:"mt-12 flex flex-col items-center gap-3",children:Y8(G2,{href:o,variant:"ghost",children:"See Gallery"})})]})}import{jsx as i_}from"react/jsx-runtime";var N5={num:A.sectionNumber,title:A.headingAccent,link:A.viewAll},bv={items:{type:"slot",allow:["GalleryItem"]}},n_={label:"Customer Photo Grid",fields:bv,defaultProps:{dynamic:!1,mediaZone:"all",photoDisplay:"covers",num:"",title:"",linkText:"",linkHref:"/contact",galleryHref:"/gallery",previewHover:!1},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return e.dynamic?i_(vv,{num:a(w(e.num,N5.num,e.puck)),title:a(w(e.title,N5.title,e.puck)),linkText:a(w(e.linkText,N5.link,e.puck)),linkHref:a(t1(e.linkHref)||"/contact"),omitHead:t,galleryHref:t1(e.galleryHref)||"/gallery",zone:e.mediaZone||"all",photoDisplay:e.photoDisplay||"covers",previewHover:e.previewHover,editing:e.puck?.isEditing}):i_(fv,{num:a(w(e.num,N5.num,e.puck)),title:a(w(e.title,N5.title,e.puck)),omitHead:t,linkText:a(w(e.linkText,N5.link,e.puck)),linkHref:a(t1(e.linkHref)||"/contact"),galleryHref:t1(e.galleryHref)||"/gallery",previewHover:e.previewHover,layout:e.layout,columns:e.columns,columnsMobile:e.columnsMobile,gap:e.gap,items:e.items})}};import{jsx as xv}from"react/jsx-runtime";var z31=[{label:"All media groups",value:"all"},{label:"Lifestyle photos",value:"lifestyle"},{label:"Product photos",value:"photos"},{label:"Accessories",value:"accessories"},{label:"Others",value:"others"}],y31=[{label:"Group covers",value:"covers"},{label:"Every photo",value:"all"},{label:"Auto (covers if 4+ groups)",value:"auto"}],h_={fields:{_gDynamic:x("Product page"),dynamic:c1("Connect to product data",!1,xv(f31,{})),mediaZone:d1("Images from",xv(b31,{}),z31,"all"),photoDisplay:d1("Show",xv(x31,{}),y31,"covers"),_gHeader:x("Header"),num:H("Section number",N5.num),title:B("Heading",N5.title),_gHeaderLink:x("Header link"),linkText:H("Header button",N5.link),linkHref:A1("Header link"),_gImages:x("Images"),imageList:s2("GalleryB"),items:bv.items,_gGalleryLink:x("Gallery link"),galleryHref:A1("\u201CSee gallery\u201D link"),_gArrangement:x("Arrangement"),layout:Ly(),gap:_3("GalleryB")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t},o=l=>D1(W1(l,a,U1),e.props.headPlacement,R1.GalleryB.headRows);return O2()?(s.dynamic?(delete c._gImages,delete c.items,delete c.imageList):(delete c.mediaZone,delete c.photoDisplay),o(c)):(delete c._gDynamic,delete c.dynamic,delete c.mediaZone,delete c.photoDisplay,o(c))}};import{useEffect as u_,useMemo as zv,useState as yv}from"react";import{SettingsField as d_}from"efficient-easel/panel";import{FieldSelect as ji}from"efficient-easel/fields";import{BlockProductIcon as w31,MediaIcon as k31}from"efficient-easel/icons";var m_=new Map;function p_(e){if(!e)return Promise.resolve(null);let t=m_.get(e);return t||(t=p0.getWheel(e).then(a=>a.mediaGroups??null).catch(()=>null),m_.set(e,t)),t}import{Fragment as wv,jsx as M2,jsxs as A6}from"react/jsx-runtime";function Yi({label:e,hidden:t,onToggle:a}){return A6("div",{className:"sf-field-head",children:[M2("span",{className:"sf-field-label sf-field-label--inline",children:e}),a&&M2("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?M2($5,{name:"eye-off",size:14}):M2($5,{name:"eye",size:14})})]})}var C31=[["photos","Photos"],["lifestyle","Lifestyle"],["accessories","Accessories"],["others","Others"],["videos","Videos"]];function M31(e){if(!e)return[];let t=[];for(let[a,s]of C31)(e[a]??[]).forEach((c,o)=>{let l=(c.items??[]).filter(r=>r.kind==="image").map(r=>r.url);l.length!==0&&t.push({key:`${String(a)}:${o}`,label:c.name?`${s} \xB7 ${c.name}`:s,name:c.name||s,images:l})});return t}function g_(e){return e?e.categories&&e.categories.length?e.categories:e.process?[e.process]:[]:[]}function S31(e,t,a){let s=t?.find(i=>i.slug===e.code)??null;if(!s)return{name:void 0,href:void 0,cover:void 0,photos:[],eyebrow:void 0};let c=e.group?a.find(i=>i.name===e.group):void 0,o=e.finish?s.finishes.find(i=>i.name===e.finish&&i.src):void 0,l,r=[];return c&&c.images.length?(l=c.images[0],r=c.images.slice(1)):(l=o?.src||s.coverImage||void 0,r=[]),{name:s.name,href:`/wheels/${s.slug}`,cover:l,photos:r,eyebrow:e.group||void 0}}function kv({value:e,onChange:t}){let a=zv(()=>e??{},[e]),[s,c]=yv(null),[o,l]=yv([]),[r,i]=yv(!1);u_(()=>{let d=!1;return h3().then(f=>{d||c(f)}),()=>{d=!0}},[]),u_(()=>{let d=!1;if(!a.code){l([]);return}return i(!0),p_(a.code).then(f=>{d||(l(M31(f)),i(!1))}),()=>{d=!0}},[a.code]);let n=zv(()=>s?.find(d=>d.slug===a.code)??null,[s,a.code]),h=zv(()=>g_(n),[n]),m=s===null;function p(d,f=o){let v={...a,...d};t({...v,...S31(v,s,f)})}function u(d){if(!d){t({});return}let f=s?.find(v=>v.slug===d)??null;p({code:d,category:g_(f)[0]??"",finish:"",group:""},[])}function g(d){t({...a,[d]:!a[d]})}return A6("div",{children:[M2(d_,{label:"Product",icon:M2(w31,{}),children:M2(ji,{value:a.code??"",ariaLabel:"Product",readOnly:m,onChange:u,options:[{label:m?"Loading\u2026":"Select a product\u2026",value:""},...(s??[]).map(d=>({label:d.name,value:d.slug}))]})}),a.code&&A6(wv,{children:[A6("div",{className:`sf-field${a.hideName?" is-hidden":""}`,children:[M2(Yi,{label:"Title / product",hidden:a.hideName,onToggle:()=>g("hideName")}),A6("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",M2("span",{style:{opacity:.6},children:"(auto)"})]})]}),A6("div",{className:`sf-field${a.hideProcess?" is-hidden":""}`,children:[M2(Yi,{label:"Category",hidden:a.hideProcess,onToggle:()=>g("hideProcess")}),M2(ji,{value:a.category??"",ariaLabel:"Category",readOnly:h.length===0,onChange:d=>p({category:d}),options:h.length===0?[{label:"No categories on this product",value:""}]:h.map(d=>({label:d,value:d}))})]}),M2(d_,{label:"Media group",icon:M2(k31,{}),hint:M2(wv,{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:M2(ji,{value:a.group??"",ariaLabel:"Media group",readOnly:r,onChange:d=>p({group:d}),options:[{label:r?"Loading\u2026":o.length===0?"Cover image only (no media groups)":"Cover image only",value:""},...o.map(d=>({label:d.label,value:d.name}))]})}),A6("div",{className:`sf-field${a.hideEyebrow?" is-hidden":""}`,children:[M2(Yi,{label:A6(wv,{children:["Eyebrow ",M2("span",{style:{fontWeight:400,opacity:.6},children:"(from media group)"})]}),hidden:a.hideEyebrow,onToggle:()=>g("hideEyebrow")}),M2("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"})]}),A6("div",{className:`sf-field${a.hideFinish?" is-hidden":""}`,children:[M2(Yi,{label:"Finish",hidden:a.hideFinish,onToggle:()=>g("hideFinish")}),M2(ji,{value:a.finish??"",ariaLabel:"Finish",onChange:d=>p({finish:d}),options:[{label:"Default (the product\u2019s default finish)",value:""},...(n?.finishes??[]).map(d=>({label:d.src?d.name:`${d.name} \u2014 no render`,value:d.name,disabled:!d.src}))]})]})]})]})}import{ProductFieldIcon as L31,SquareIcon as A31,PlacementIcon as H31}from"efficient-easel/icons";import{jsx as Xi}from"react/jsx-runtime";var v_={fields:{_gSource:x("Content source"),fromProduct:c1("Fill from a product",!1,Xi(L31,{})),product:{type:"custom",render:({value:e,onChange:t})=>Xi(kv,{value:e,onChange:t})},_gMedia:x("Media"),image:O1("Cover image","image/*"),photos:{type:"array",label:"More images",arrayFields:{src:O1("Image","image/*")},getItemSummary:(e,t)=>`Image ${(t??0)+1}`},_gText:x("Text"),process:H("Tag"),eyebrow:H("Eyebrow"),name:H("Heading"),meta:H("Meta line"),_gLink:x("Link"),href:A1("Product link"),ratio:d1("Shape",Xi(A31,{}),[{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:d1("Card text",Xi(H31,{}),[{label:"On the photo",value:"overlay"},{label:"Below the photo",value:"below"}],"overlay")},resolveFields:(e,{fields:t})=>{let a=e.props.fromProduct===!0,s={...t};return a?(delete s._gMedia,delete s.image,delete s.photos,delete s._gText,delete s.process,delete s.eyebrow,delete s.name,delete s.meta,delete s._gLink,delete s.href):delete s.product,s}};var f_={fields:{}};import{SettingsField as F31}from"efficient-easel/panel";import{FieldSelect as T31}from"efficient-easel/fields";import{CategoryIcon as P31}from"efficient-easel/icons";import{useEffect as b_,useRef as E31,useState as Ji}from"react";import{Fragment as V31,jsx as sc,jsxs as N31}from"react/jsx-runtime";var Av=60,Lv="collection:";function x_(e){return Lv+Pl(e)}function Qi(e){if(!e||!e.startsWith(Lv))return;let t=e.slice(Lv.length);return ba.find(a=>Pl(a.key)===t)?.key}function St(e){return e.slug&&e.slug.trim()?e.slug:`cat-${e.id}`}function Cv(e,t){return{slug:St(e),name:e.name,wheels:t.filter(a=>(a.categories??[a.process]).includes(e.name)).slice(0,Av)}}function Mv(e){return{slug:e7,name:qk,wheels:e.slice(0,Av)}}function Sv(e,t){return{slug:x_(e),name:e,process:e,wheels:t.filter(a=>a.process===e).slice(0,Av)}}function Hv({value:e,onChange:t}){let[a,s]=Ji(null),[c,o]=Ji(null),[l,r]=Ji(!1),[i,n]=Ji(!1),h=E31(!0);b_(()=>(h.current=!0,h3().then(b=>{h.current&&o(b)}),i4().then(b=>{h.current&&s(b)}),()=>{h.current=!1}),[]),b_(()=>{if(!e?.slug||a===null||c===null)return;let b,y=Qi(e.slug);if(y)b=Sv(y,c);else if(e.slug===e7)b=Mv(c);else{let z=a.find(k=>St(k)===e.slug);b=z?Cv(z,c):null}b&&l6(b,e)&&t(b)},[a,c]);let m=b=>{if(!b){t(null);return}let y=Qi(b);if(y){c&&t(Sv(y,c));return}if(b===e7){c&&t(Mv(c));return}let z=(a??[]).find(k=>St(k)===b);z&&c&&t(Cv(z,c))},p=()=>{e?.slug&&(r(!0),n(!1),Promise.all([i4(!0),h3(!0)]).then(([b,y])=>{if(!h.current)return;s(b),o(y);let z=Qi(e.slug);if(z)t(Sv(z,y));else if(e.slug===e7)t(Mv(y));else{let k=b.find(S=>St(S)===e.slug);k&&t(Cv(k,y))}}).catch(()=>{h.current&&n(!0)}).finally(()=>{h.current&&r(!1)}))},u=c===null,g=e?.wheels?.length??0,d=e?.slug&&e.slug!==e7&&!Qi(e.slug)&&!(a??[]).some(b=>St(b)===e.slug),f=i?"error":l?"loading":"idle",v=i?"Couldn\u2019t reach Storefront \u2192 Categories.":l?"Syncing from Storefront \u2192 Categories\u2026":`Linked to \u201C${e?.name??""}\u201D \xB7 ${g} product${g===1?"":"s"}`;return N31(F31,{label:"Products source",icon:sc(P31,{}),children:[sc(T31,{value:e?.slug??"",ariaLabel:"Products source",onChange:m,readOnly:u,options:[{label:"None",value:""},{label:"All products",value:e7},...ba.map(b=>({label:b.key,value:x_(b.key),group:"Collections"})),...d?[{label:`${e.name} (unavailable)`,value:e.slug}]:[],...(a??[]).map(b=>({label:b.name,value:St(b),group:"Categories"}))]}),e?.slug?sc(c4,{status:f,statusText:v,onRefresh:p,busy:l,hint:sc(V31,{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."})}):sc("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{useEffect as C_,useId as D31,useMemo as Lt}from"react";import{createContext as _31,useContext as B31,useEffect as R31,useState as z_}from"react";import{jsx as en}from"react/jsx-runtime";var y_=_31({wheels:[],loading:!1});function w_({children:e}){let[t,a]=z_([]),[s,c]=z_(!0);return R31(()=>{let o=!1;return h3().then(l=>{o||(a(l),c(!1))}).catch(()=>{o||c(!1)}),()=>{o=!0}},[]),en(y_.Provider,{value:{wheels:t,loading:s},children:e})}function Fv({code:e,finish:t,wheel:a}){let{wheels:s,loading:c}=B31(y_),o=a??(e?s.find(l=>l.slug===e):void 0);return o?en(W8,{wheel:o,variant:"catalog",defaultFinish:t},t??""):en("div",{className:"sf-card flex aspect-square w-full items-center justify-center bg-surface-2 p-4 text-center",children:en("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:c?"Loading\u2026":e||"Set a design code"})})}function I31(e){if(!e.includes("_"))return e;let t=e.replace(/^_+/,""),a=e.slice(0,e.length-t.length),[s,...c]=t.split("_");return a+s+c.map(o=>o.slice(0,1).toUpperCase()+o.slice(1)).join("")}function Tv(e){if(Array.isArray(e))return e.map(Tv);if(e&&typeof e=="object"){let t={};for(let[a,s]of Object.entries(e))t[I31(a)]=Tv(s);return t}return e}function Z31(e){return Tv(e)}function k_(e){return e.map(t=>W0(t)==="tyre"?t:Z31(t))}import{Fragment as G31,jsx as x3,jsxs as X8}from"react/jsx-runtime";var M_={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",5:"grid-cols-5 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1",6:"grid-cols-6 max-[1100px]:grid-cols-3 max-[800px]:grid-cols-1"},tn=[{value:"para",label:"Paragraph size \u2014 13px",cls:"font-mono font-normal uppercase tracking-[0.22em] text-[length:var(--size-label,13px)]"},{value:"sm",label:"Small \u2014 40px",cls:"font-heading2 font-medium tracking-[-0.03em] text-[length:var(--size-headingMedium,40px)] max-[800px]:text-[length:var(--size-headingMedium,28px)]"},{value:"md",label:"Medium \u2014 48px",cls:"font-heading2 font-medium tracking-[-0.03em] text-[length:var(--size-headingMedium,48px)] max-[800px]:text-[length:var(--size-headingMedium,32px)]"},{value:"lg",label:"Large \u2014 56px",cls:"font-heading2 font-medium tracking-[-0.03em] text-[length:var(--size-headingMedium,56px)] max-[800px]:text-[length:var(--size-headingMedium,36px)]"},{value:"xl",label:"Extra large \u2014 64px",cls:"font-heading2 font-medium tracking-[-0.03em] text-[length:var(--size-headingMedium,64px)] max-[800px]:text-[length:var(--size-headingMedium,40px)]"}],cc="lg";function O31(e){return(tn.find(t=>t.value===e)??tn.find(t=>t.value===cc)).cls}function Pv({num:e,catalog:t,kinds:a,title:s,titleSize:c,padTop:o,description:l,link:r,products:i,source:n,columns:h,limit:m,editing:p,capWidth:u,imageBackground:g,spinOnHover:d,coverIndex:f,indexBadge:v,outline:b,showBadge:y,fieldUsage:z,showCardPrice:k,showCardFinishes:S,showCardSizes:P,showCardBuy:D,showCardPage:q,cardImage:N,gap:F}){let E=Lt(()=>z?E4(z,"alloy-wheel"):void 0,[z]),R=Lt(()=>z?E4(z,"tyre"):void 0,[z]),T=`pg-${D31().replace(/:/g,"")}`,G=M_[Math.min(6,Math.max(1,h??4))]??M_[4],s1=typeof m=="number"&&m>0,_=typeof u=="number",U=Lt(()=>{let $=t??n?.wheels??null;return $?k_($):null},[t,n]),Y=n?.process,W=!!Y,{filters:Q,reportCount:b1,reportLugs:X,reportSizes:v1,reportFinishes:G1,vehicle:O}=Fl(),{currency:e1}=h0(),p1=W&&!!Q.process&&Q.process!==Y,S0=Lt(()=>U?W?XC(U,Q,e1,O.fit):U:null,[U,W,Q,e1,O.fit]);C_(()=>{if(W)return b1(T,p1?0:S0?.length??0),()=>b1(T,0)},[W,p1,S0,b1,T]);let A0=Lt(()=>{let $=(S0??[]).filter(e2=>W0(e2)!=="tyre");if($.length===0)return!1;let E1=$.some(e2=>!!e2.process);return $.some(e2=>!!e2.setWords)||ys({kind:!1,brand:!1,process:E1},E??[])},[S0,E]),y1=Lt(()=>({lugs:_C(U??[]),sizes:BC(U??[]),finishes:ek(U??[])}),[U]);C_(()=>(X(T,y1.lugs),v1(T,y1.sizes),G1(T,y1.finishes),()=>{X(T,[]),v1(T,[]),G1(T,[])}),[y1,X,v1,G1,T]);let e0=N3("ProductGrid",F,"both"),k1=`${T} grid${e0.className} bg-[var(--catalog-grid-bg)] ${G}`,l2=S0?S0.length>0?x3("div",{className:k1,style:e0.style,children:S0.map(($,E1)=>W0($)==="tyre"?x3(As,{item:$,currency:e1,editing:p,fieldUsage:R},`tyre:${$.slug}-${E1}`):x3(W8,{wheel:$,variant:"catalog"},`${$.slug}-${E1}`))}):p?x3("div",{className:"flex min-h-[320px] items-center justify-center rounded bg-surface-2 p-4 text-center",children:X8("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:["No products in \u201C",n?.name,"\u201D yet"]})}):null:x3(i,{className:k1,style:e0.style,minEmptyHeight:320}),j1=S0?S0.length:null,y2=h5(t6(a)),H0=e||s||l||r?X8("div",{className:`${K9} sticky top-[var(--sf-header-h,88px)] z-30 mb-[18px] flex items-center justify-between gap-4 max-[800px]:flex-wrap max-[800px]:gap-y-2 border-b border-line bg-bg/95 py-3 backdrop-blur-md ${_?"":"-mx-[var(--sf-site-gutter,40px)] px-[var(--sf-site-gutter,40px)] max-[800px]:-mx-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]"}`,children:[X8("div",{className:"flex min-w-0 items-end gap-[21px]",children:[e&&x3("span",{className:"font-mono text-[length:var(--size-label,13px)] leading-none uppercase tracking-[0.22em] text-fg-dim",children:C(e)}),s&&x3("h2",{className:`${O31(c)} leading-none text-fg max-[800px]:leading-[1] [&>span]:block`,children:j(s,!1)})]}),(l||r||j1!==null)&&X8("div",{className:"flex items-center gap-5 max-[800px]:gap-3 min-[800px]:grow min-[800px]:justify-end",children:[l&&x3("span",{className:"max-w-[340px] truncate font-display text-[length:var(--size-body,13px)] leading-[1.4] text-fg-dim max-[800px]:hidden min-[800px]:w-0 min-[800px]:grow min-[800px]:text-right",children:C(l)}),r&&X8(M1,{href:r.href,className:"inline-flex items-center gap-2 whitespace-nowrap font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:[C(r.text),x3("span",{"aria-hidden":!0,children:"\u2192"})]}),j1!==null&&X8("span",{className:"whitespace-nowrap font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:[j1," ",j1===1?y2.one:y2.many]})]})]}):null,m1=typeof o=="number"?o:120,q1=K5(v),L0=R6(T,q1),F0=X8(G31,{children:[s1&&x3("style",{children:`.${T} > *:nth-child(n+${m+1}){display:none}`}),L0&&x3("style",{children:L0}),H0,l2,x3(bs,{editing:p})]});if(p1)return null;let o0=x3("section",{...W?{[Hl]:Y}:{},className:"relative z-[2] bg-bg px-[var(--sf-site-gutter,40px)] pt-[var(--pg-pt)] pb-[120px] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))] max-[800px]:pt-[70px] max-[800px]:pb-[70px]",style:{"--pg-pt":`${m1}px`,...J2(N)},children:_?x3("div",{style:oz(!1,u)??void 0,children:F0}):F0}),q0=p&&!U?x3(w_,{children:o0}):o0;return x3(Ei,{imageBackgroundFill:P9(g,I6),spinOnHover:d??!0,coverIndex:f??1,indexBadge:q1,outline:b??X3,showBadge:y??!0,fieldUsage:E,reserveEyebrow:A0,showCardPrice:k??!0,showCardFinishes:S??!0,showCardSizes:P??!1,showCardBuy:D??!1,showCardPage:q??!1,children:q0})}import{ProductFieldIcon as q31,TextSizeIcon as W31,ColumnsIcon as U31,ListIcon as K31,HashIcon as $31}from"efficient-easel/icons";import{jsx as Ev}from"react/jsx-runtime";var Vv={products:{type:"slot"}},S_={label:"Product Grid",fields:Vv,defaultProps:{dynamic:!1,num:"",title:"",titleSize:cc,padTop:120,description:"",linkText:"",linkHref:"",columns:4,limit:8,showAll:!1,spinOnHover:!0,coverIndex:String(1),outline:X3,indexBadge:Y3,showBadge:!0,source:null,fullWidth:!0,pageWidth:y9.default},render:e=>{if(e.dynamic)return Ev(U8,{num:w(e.num,O0.num,e.puck),title:w(e.title,A.sectionHeading,e.puck),description:w(e.description,A.body,e.puck),columns:typeof e.columns=="number"?e.columns:3,relationship:L5,cardImage:e.cardImage,outline:X7(e.outline),indexBadge:K5(e.indexBadge),showBadge:e.showBadge??!0,imageBackground:iy(e.imageBackground),showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage,editing:e.puck?.isEditing});let t=w(e.linkText,O0.link,e.puck),a=e.source,s=Z2(e,"full"),c=Z1(e.headPlacement)==="own-box",o=r=>c?void 0:r,l=Ev(Pv,{gap:e.gap,capWidth:s.mode==="page"?s.pageWidth:void 0,num:o(w(e.num,O0.num,e.puck)),title:o(w(e.title,A.sectionHeading,e.puck)),titleSize:e.titleSize,padTop:c?0:e.padTop,description:o(w(e.description,A.body,e.puck)),link:o(t?{text:t,href:t1(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:ht(e.coverIndex),outline:X7(e.outline),indexBadge:K5(e.indexBadge),showBadge:e.showBadge??!0,showCardPrice:e.showCardPrice,showCardFinishes:e.showCardFinishes,showCardSizes:e.showCardSizes,showCardBuy:e.showCardBuy,showCardPage:e.showCardPage});return s.mode==="page"?Ev("div",{className:Ya,children:l}):l}};import{jsx as oc}from"react/jsx-runtime";var L_=r5({top:120,keys:{top:"padTop",bottom:"padBottom"},group:!1,only:"top"}),A_={fields:{_gDynamic:x("Product page"),dynamic:c1("Connect to product data",!1,oc(q31,{})),_gHeader:x("Header"),num:H("Number",O0.num),title:B("Heading",A.sectionHeading),titleSize:d1("Heading size",oc(W31,{}),tn,cc),description:B("Body",A.body),_gProducts:x("Products"),kinds:B9("Product types",re,"None \u2014 this section will be empty"),source:t2(Hv),productList:s2("ProductGrid"),products:Vv.products,_gLink:x("Link"),linkText:H("Button",O0.link),linkHref:A1("Link"),...Lo({bottomDefault:!1}),...R9(),...I9(),_gLayout:x("Grid"),columns:a1("Columns",oc(U31,{}),1,6,1,4),showAll:c1("Show all items",!1,oc(K31,{})),limit:a1("Items to display",oc($31,{}),1,12,1,8),gap:_3("ProductGrid"),...L_,...i5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=W1(t,a,U1),c=e.props,o=D1(s,c.headPlacement,R1.ProductGrid.headRows);if(!O2()){let r={...o};return delete r._gDynamic,delete r.dynamic,r}if(c.dynamic){let r=new Set([Q7.Content,"_gDynamic","dynamic","_gHeader","num","title","titleSize","description","_gLayout","columns",...Object.keys(L_),...Z9,...D9,...O9,...G9,...Hy,...Ay,...Fy]),i={};for(let[n,h]of Object.entries(o))r.has(n)&&(i[n]=h);return b7(i,Z2(e?.props??{},"full"))}let l={...o};return pl(c.source)||delete l.kinds,c.source?.slug&&(delete l.products,delete l.productList),c.showAll&&delete l.limit,A2(c.linkText).hidden&&delete l.linkHref,b7(l,Z2(e?.props??{},"full"))}};import{SettingsField as j31}from"efficient-easel/panel";import{FieldSelect as Y31}from"efficient-easel/fields";import{CategoryIcon as X31}from"efficient-easel/icons";import{useEffect as J31,useMemo as Nv,useState as Q31}from"react";import{Fragment as a41,jsx as J8,jsxs as s41}from"react/jsx-runtime";var Rv=e=>e.kind==="tyre"?"tyre":"alloy-wheel",lc=e=>`${e.kind}:${e.slug}`;function H_(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(W6).map(t=>({name:t.name,color:t.color,src:t.src})),prices:e.prices,href:`/wheels/${e.slug}`}}function Bv(e,t){let a=Rv(t);return e.find(s=>s.kind===a&&s.slug===t.slug)}function _v(e){return e?.some(t=>t.kind==="tyre")&&e.some(t=>t.kind==="alloy-wheel")?"Category \u2014 wheels only":"Category"}var e41=e=>e===1?"1 size":`${e} sizes`;function t41({rows:e,category:t,value:a,loading:s,currency:c}){let o=e??[],l=o.filter(u=>u.kind==="alloy-wheel"),r=o.filter(u=>u.kind==="tyre"),i=l.length>0&&r.length>0,n={value:"",label:s?"Loading\u2026":"Pick a product\u2026"},h=a&&!(e!==null&&Bv(e,a))?[{value:lc({kind:Rv(a),slug:a.slug}),label:s?a.name:`${a.name} (unavailable)`}]:[],m=rv(l,t).map(u=>{let g=j6(u.prices[c],u.msrpPrices?.[c]);return{value:lc({kind:"alloy-wheel",slug:u.slug}),label:u.name,...i?{group:"Wheels"}:{},thumb:u.coverImage??null,...g.priced?{meta:D2(g.unit,c)}:{}}}),p=r.map(u=>({value:lc(u),label:u.name,...i?{group:"Tyres"}:{},thumb:u.coverImage??null,meta:e41(u.variantCount)}));return[n,...h,...m,...p]}function Iv({value:e,onChange:t}){let a=g4(),{rows:s,loading:c,refreshing:o,errored:l,refresh:r}=Oe({load:st,resolve:Bv,snapshot:H_,value:e,onChange:t}),[i,n]=Q31(null);J31(()=>{let S=!1;return i4().then(P=>{S||n(P)}),()=>{S=!0}},[]);let{currency:h}=h0(),m=Nv(()=>s&&e?Bv(s,e)??null:null,[s,e]),p=Nv(()=>(s??[]).filter(S=>S.kind==="alloy-wheel"),[s]),{category:u,setCategory:g,categoryNames:d}=R7(p,i,m?.kind==="alloy-wheel"?m:null),f=!!e?.slug&&s!==null&&!m,v=Nv(()=>t41({rows:s,category:u,value:e,loading:c,currency:h}),[s,u,e,c,h]),b=S=>{if(!S){t(null);return}let P=(s??[]).find(D=>lc(D)===S);P&&t(H_(P))},y=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},z=l?"error":o?"loading":"idle",k=l?"Couldn\u2019t reach the product catalog.":o?"Syncing from the catalog\u2026":f?`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 s41("div",{children:[J8(F9,{label:"Product",options:v,fallback:"",value:e?lc({kind:Rv(e),slug:e.slug}):"",onChange:b,placeholder:"Search products\u2026"}),J8(j31,{label:_v(s),icon:J8(X31,{}),children:J8(Y31,{value:u,ariaLabel:_v(s),onChange:g,readOnly:c,options:[{label:_v(s)==="Category"?"All products":"All wheel categories",value:M6},...d.map(S=>({label:S,value:S}))]})}),e?.slug?J8(c4,{status:z,statusText:k,onRefresh:r,busy:o,edit:{label:"Edit product \u270E",onClick:y},hint:J8(a41,{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."})}):J8("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 F_,useMemo as T_,useState as Zv}from"react";import{SettingsField as c41}from"efficient-easel/panel";import{FieldSelect as o41}from"efficient-easel/fields";import{Fragment as h41,jsx as an}from"react/jsx-runtime";var Q8="__all__",Dv="";function l41(e){return(e??[]).filter(t=>Qs.includes(t.kind))}var r41=J7("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"),sn=e=>typeof e.brand=="string"?e.brand.trim():"";function P_(e,t){if(e.kind!=="alloy-wheel"||!t)return;let a=e,s=j6(a.prices?.[t],a.msrpPrices?.[t]);return s.priced?D2(s.unit,t):void 0}function i41({rows:e,brand:t,kind:a,slug:s,loading:c=!1,currency:o=""}){let l=e??[],r=[...new Set(l.map(sn).filter(Boolean))].sort((d,f)=>d.localeCompare(f)),i=t===Q8?l:l.filter(d=>sn(d)===t),n=t4.filter(d=>i.some(f=>f.kind===d)),h=a===Q8?i:i.filter(d=>d.kind===a),m=new Set(h.map(d=>d.kind)).size>1,p=h.map(d=>({value:d.slug,label:d.name,...m?{group:f4[d.kind]}:{},thumb:d.coverImage??null,...P_(d,o)?{meta:P_(d,o)}:{}})),u=s&&!h.some(d=>d.slug===s)?[{value:s,label:c?s:`${s} (not in this list)`}]:[],g=[];return r.length>1&&g.push({key:"brand",label:"Brand",options:[{value:Q8,label:"All brands"},...r.map(d=>({value:d,label:d}))]}),n.length>1&&g.push({key:"kind",label:"Product type",options:[{value:Q8,label:ik},...n.map(d=>({value:d,label:f4[d]}))]}),g.push({key:"product",label:"Product",options:[{value:Dv,label:c?"Loading\u2026":"Generic placeholder"},...u,...p]}),g}function Ov(){let[e,t]=Zv(null),[a,s]=Zv(Q8),[c,o]=Zv(Q8),l=Wg(),r=Di()??Dv;F_(()=>{let p=!1;return st().then(u=>{p||t(u)}).catch(()=>{p||t([])}),()=>{p=!0}},[]);let{currency:i}=h0(),n=T_(()=>l41(e),[e]);F_(()=>{let p=n.find(u=>u.slug===r);p&&sn(p)&&s(sn(p))},[r,n]);let h=T_(()=>i41({rows:n,brand:a,kind:c,slug:r,loading:e===null,currency:i}),[n,a,c,r,e,i]),m={brand:p=>{s(p),o(Q8)},kind:o,product:p=>mN(l,p)};return an(h41,{children:h.map(p=>an(c41,{label:p.label,icon:my(r41),hint:p.key==="product"?n41:void 0,children:p.key==="product"?an(F9,{bare:!0,label:p.label,options:p.options,fallback:Dv,value:r,onChange:m.product,placeholder:"Search your catalog\u2026"}):an(o41,{value:p.key==="brand"?a:c,ariaLabel:p.label,onChange:u=>m[p.key](u),options:p.options.map(u=>({label:u.label,value:u.value}))})},p.key))})}var n41="Only for looking at while you design. Shoppers always see the product they opened.";import{PlacementIcon as d41,CarIcon as g41,LayoutIcon as v41,ColumnWidthsIcon as f41,AlignLeftIcon as b41,SpecTableIcon as x41,DollarIcon as z41,GridIcon as y41,ImageIcon as w41}from"efficient-easel/icons";var At="top",Gv=[{label:"Under the title",value:"top"},{label:"Below the specs",value:"belowSpecs"}];function E_(e){return I2(Gv,At,e)}var m41=["split","imageRight","stacked"],I7="split";function Ht(e){return m41.includes(e)?e:I7}var e9="left";function cn(e){return e==="center"?"center":"left"}var qv=35,Wv=70,Z7=50;function on(e){let t=typeof e=="number"?e:Number(e);return Number.isFinite(t)?Math.min(Wv,Math.max(qv,Math.round(t))):Z7}var p41=["main","thumbs","tiled"],D7="thumbs";function ln(e){return p41.includes(e)?e:D7}var u41=["contain","cover"],O7="contain";function rn(e){return Ue(e,O7)}function V_(){return u41.map(e=>({label:pu[e],value:e}))}function N_(e,t){return t?"contain":e}import{jsx as _5}from"react/jsx-runtime";var k41=()=>({type:"custom",render:()=>_5(Ov,{})});function C41(e){let t=e?.data?.root;return Qs.includes(dS(t?.props))}var __={fields:{_gSource:x("Product"),source:t2(Iv),_gPreview:x(Ao),previewPick:k41(),_gPriceLine:x("Price"),pricePlacement:d1("Price position",_5(d41,{}),Gv,At),_gBehaviour:x("Behavior"),showVehicleFitment:c1("Vehicle fitment",!0,_5(g41,{})),_gArrangement:x("Arrangement"),heroLayout:g1("Layout",_5(v41,{}),[{label:"Split",value:"split"},{label:"Image right",value:"imageRight"},{label:"Stacked",value:"stacked"}],I7),imageRatio:a1("Image / buy ratio",_5(f41,{}),qv,Wv,1,Z7,"%"),textAlign:g1("Alignment",_5(b41,{}),[{label:"Left",value:"left"},{label:"Center",value:"center"}],e9),_gShow:x("Show in the buy box"),showSpecTable:c1("Spec table",!0,_5(x41,{})),showPriceQuote:c1("Price / quote",!0,_5(z41,{})),_gImageGallery:x("Image gallery"),galleryMode:g1("Gallery",_5(y41,{}),[{label:"Main only",value:"main"},{label:"Main + thumbs",value:"thumbs"},{label:"Tiled",value:"tiled"}],D7),imageFit:g1(Nr,_5(w41,{}),V_(),O7)},resolveFields:(e,{fields:t,appState:a})=>{let s=e.props,c={...t};if(Ht(s.heroLayout)==="stacked"&&delete c.imageRatio,!O2())return delete c._gPreview,delete c.previewPick,c;let o=c,l=new Set([...Z9,...D9,...O9,...G9,"_gPreview","previewPick","_gPriceLine","pricePlacement","_gBehaviour","showVehicleFitment","_gArrangement","heroLayout","imageRatio","textAlign","_gShow","showSpecTable","showPriceQuote","_gImageGallery","galleryMode","imageFit"]);C41(a)||(l.delete("_gPreview"),l.delete("previewPick"));let r={};for(let[i,n]of Object.entries(o))l.has(i)&&(r[i]=n);return q9(r)}};import{useEasel as S41}from"efficient-easel/easel";import{useEasel as M41}from"efficient-easel/easel";function nn(){let{selectedItem:e,getSelectorForId:t,getItemById:a}=M41(i=>i),s=e?.props?.id;if(!s)return null;let c=t(s)?.zone,o=c&&c.includes(":")?c.split(":")[0]:null,r=(o?a(o):void 0)?.props?.source;return r?.slug?r.name||"the selected source":null}import{jsx as B_,jsxs as L41}from"react/jsx-runtime";function Uv(){let e=g4(),t=Qr(),{selectedItem:a}=S41(r=>r),s=a?.props?.code??"",c=(t??[]).find(r=>r.slug===s)??null,o=nn()!==null;return!c||o?null:L41("div",{className:"sf-blogsource",children:[B_("button",{type:"button",className:"sf-blogsource-btn",onClick:()=>e.send("storefront-editor:open-product",{slug:c.slug,name:c.name}),children:"Edit product \u270E"}),B_("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 A41}from"efficient-easel/easel";import{SettingsField as H41}from"efficient-easel/panel";import{FieldSelect as F41}from"efficient-easel/fields";import{FinishIcon as T41}from"efficient-easel/icons";import{jsx as rc,jsxs as P41}from"react/jsx-runtime";function Kv({value:e,onChange:t}){let a=Qr(),{selectedItem:s}=A41(n=>n),c=s?.props?.code??"",o=a===null,l=(a??[]).find(n=>n.slug===c)?.finishes??[],r=l.filter(W6).map(n=>n.name),i=r.includes(e??"")?e:"";return P41("div",{children:[rc(H41,{label:"Finish",icon:rc(T41,{}),hint:"Pinning one overrides the section\u2019s Cover image.",children:rc(F41,{value:i,ariaLabel:"Finish",onChange:t,readOnly:o||l.length===0,options:[{label:o?"Loading\u2026":l.length===0?"No finishes on this product":"Default (the product's default finish)",value:""},...l.map(n=>({label:n.src?n.name:`${n.name} \u2014 no image`,value:n.name,disabled:!n.src}))]})}),!o&&l.length===0&&c&&rc("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."}),!o&&l.length>0&&r.length===0&&rc("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 R_}from"efficient-easel/panel";import{FieldSelect as I_}from"efficient-easel/fields";import{BlockProductIcon as E41,CategoryIcon as V41}from"efficient-easel/icons";import{useEffect as N41,useMemo as _41,useState as Z_}from"react";import{jsx as G7,jsxs as $v}from"react/jsx-runtime";function jv({value:e,onChange:t}){let[a,s]=Z_(null),[c,o]=Z_(null);N41(()=>{let g=!1;return h3().then(d=>{g||s(d)}),i4().then(d=>{g||o(d)}),()=>{g=!0}},[]);let l=_41(()=>a&&e?a.find(g=>g.slug===e)??null:null,[a,e]),{category:r,setCategory:i,categoryNames:n,filtered:h}=R7(a,c,l),m=a===null,p=nn(),u=p!==null;return $v("div",{children:[u&&$v("p",{className:"sf-blogsource-hint",style:{marginBottom:8},children:["Disabled because this grid\u2019s ",G7("strong",{children:"Products source"})," is set to \u201C",p,"\u201D. The grid fills itself from that source automatically. To pick wheels here, set"," ",G7("strong",{children:"Products source"})," back to \u201CNone\u201D."]}),$v("div",{className:u?"sf-locked":void 0,children:[G7(R_,{label:"Category",icon:G7(V41,{}),children:G7(I_,{value:r,ariaLabel:"Category",onChange:i,readOnly:m||u,options:[{label:"All products",value:M6},...n.map(g=>({label:g,value:g}))]})}),G7(R_,{label:"Product",icon:G7(E41,{}),children:G7(I_,{value:e??"",ariaLabel:"Product",onChange:t,readOnly:m||u,options:[{label:m?"Loading\u2026":h.length===0?"No products in this category":"Select a product\u2026",value:""},...h.map(g=>({label:g.name,value:g.slug}))]})})]})]})}import{jsx as Yv}from"react/jsx-runtime";var D_={fields:{code:{type:"custom",render:({value:e,onChange:t})=>Yv(jv,{value:e,onChange:t})},finish:{type:"custom",render:({value:e,onChange:t})=>Yv(Kv,{value:e,onChange:t})},_editProduct:{type:"custom",render:()=>Yv(Uv,{})}},resolveFields:(e,{fields:t,parent:a})=>{let s={...t},c=a?.props?.source,o=typeof e.props.code=="string"?e.props.code:"";return(c?.slug||!o)&&(delete s.finish,delete s._editProduct),s}};import{EyeIcon as R41,HashIcon as I41,ColumnsIcon as Z41}from"efficient-easel/icons";import{jsx as B41}from"react/jsx-runtime";var ic={footnote:"A note about how these are matched.",footnoteLinkText:"Enquire"},O_={label:"Related Products",defaultProps:{num:"",title:"",description:"",footnote:"",footnoteLinkText:"",footnoteLinkHref:"",cardCount:js,columns:3,relationship:L5},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=Z2(e,"full");return B41(U8,{num:a(w(e.num,O0.num,e.puck)),title:a(w(e.title,A.sectionHeading,e.puck)),description:a(w(e.description,A.body,e.puck)),omitHead:t,capWidth:s.mode==="page"?s.pageWidth:void 0,columns:typeof e.columns=="number"?e.columns:3,cardCount:_i(e.cardCount),relationship:typeof e.relationship=="string"?e.relationship:L5,footnote:w(e.footnote,ic.footnote,e.puck),footnoteLinkText:w(e.footnoteLinkText,ic.footnoteLinkText,e.puck),footnoteLinkHref:t1(e.footnoteLinkHref),cardImage:e.cardImage,coverIndex:ht(e.coverIndex),imageBackground:e.imageBackground,spinOnHover:e.spinOnHover,outline:X7(e.outline),indexBadge:K5(e.indexBadge),showBadge:e.showBadge,editing:e.puck?.isEditing})}};import{jsx as Xv}from"react/jsx-runtime";var G_={fields:{_gHeader:x("Header"),num:H("Number",O0.num),title:B("Heading",A.sectionHeading),description:B("Body",A.body),_gFootnote:x("Footnote"),footnote:B("Footnote",ic.footnote),footnoteLinkText:H("Footnote button",ic.footnoteLinkText),footnoteLinkHref:A1("Footnote link"),...R9(),...I9(),_gLayout:x("Grid"),relationship:d1("Show",Xv(R41,{}),KV,L5),cardCount:a1("Cards to show",Xv(I41,{}),Ng,Ys,1,js),columns:a1("Columns",Xv(Z41,{}),2,4,1,3),...i5("full")},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t};if(YV(typeof s.relationship=="string"?s.relationship:L5))for(let o of jV)delete c[o];return D1(W1(c,a,U1),s.headPlacement,R1.RelatedProducts.headRows)}};import{StylesIcon as D41}from"efficient-easel/icons";import{jsx as O41}from"react/jsx-runtime";var q_={fields:{_gStyle:x("Style"),style:g1("Show as",O41(D41,{}),Ti,"icon")}};import{SettingsField as W_}from"efficient-easel/panel";import{FieldSelect as U_}from"efficient-easel/fields";import{BlockProductIcon as G41,CategoryIcon as q41}from"efficient-easel/icons";import{useEffect as W41,useMemo as U41,useState as K41}from"react";import{Fragment as $41,jsx as H6,jsxs as j41}from"react/jsx-runtime";function K_(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:$3(t.angles?.[0]??t.src)??null}))}}function Jv({value:e,onChange:t}){let a=g4(),{rows:s,loading:c,refreshing:o,errored:l,refresh:r}=Oe({load:h3,resolve:(k,S)=>k.find(P=>P.slug===S.slug),snapshot:K_,value:e,onChange:t}),[i,n]=K41(null);W41(()=>{let k=!1;return i4().then(S=>{k||n(S)}),()=>{k=!0}},[]);let h=U41(()=>s&&e?.slug?s.find(k=>k.slug===e.slug)??null:null,[s,e?.slug]),{category:m,setCategory:p,categoryNames:u,filtered:g}=R7(s,i,h),d=!!e?.slug&&s!==null&&!h,f=k=>{if(!k){t(null);return}let S=(s??[]).find(P=>P.slug===k);S&&t(K_(S))},v=()=>{e?.slug&&a.send("storefront-editor:open-product",{slug:e.slug,name:e.name})},b=!!e?.spec,y=l?"error":o?"loading":"idle",z=l?"Couldn\u2019t reach the product catalog.":o?"Syncing from the catalog\u2026":d?`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 j41("div",{children:[H6(W_,{label:"Category",icon:H6(q41,{}),children:H6(U_,{value:m,ariaLabel:"Category",onChange:p,readOnly:c,options:[{label:"All products",value:M6},...u.map(k=>({label:k,value:k}))]})}),H6(W_,{label:"Product",icon:H6(G41,{}),children:H6(U_,{value:e?.slug??"",ariaLabel:"Product",onChange:f,readOnly:c,options:[{label:c?"Loading\u2026":"None (write the rows yourself)",value:""},...d?[{label:`${e.name} (unavailable)`,value:e.slug}]:[],...g.map(k=>({label:k.name,value:k.slug}))]})}),e?.slug?H6(c4,{status:y,statusText:z,onRefresh:r,busy:o,edit:{label:"Edit product \u270E",onClick:v},hint:H6($41,{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."})}):H6("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 v51,FinishIcon as oB,DiagramIcon as f51}from"efficient-easel/icons";import{useId as J41,useState as Q41}from"react";import{jsx as hn,jsxs as Y41}from"react/jsx-runtime";function Qv({id:e}){return Y41("defs",{children:[hn("marker",{id:`${e}-L`,viewBox:"0 0 10 10",refX:2,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:hn("path",{d:"M10,0 L0,5 L10,10 z",fill:"currentColor"})}),hn("marker",{id:`${e}-R`,viewBox:"0 0 10 10",refX:8,refY:5,markerWidth:6,markerHeight:6,orient:"auto",children:hn("path",{d:"M0,0 L10,5 L0,10 z",fill:"currentColor"})})]})}import{jsx as X41}from"react/jsx-runtime";function ef({nodeId:e,children:t}){return X41(b8,{nodeId:e,sectionType:"SpecTable",children:t})}import{Fragment as a51,jsx as G0,jsxs as T3}from"react/jsx-runtime";function F3(e,t){return e?{[Ky]:t}:{}}function e51({editing:e,nodeId:t,children:a}){return!e||!t?G0(a51,{children:a}):G0(ef,{nodeId:t,children:a})}function $_({row:e,topBorder:t,editing:a}){return T3("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:[G0("span",{...F3(a,"rowLabel"),className:"uppercase text-fg-dim",children:e.label}),G0("span",{...F3(a,"rowValue"),className:`text-right ${e.accent?"text-accent":"text-fg"}`,children:e.value})]})}function t51({diagram:e,editing:t}){let[a,s]=Q41(!1),c=`spec-${J41().replace(/:/g,"")}`,{wheelName:o,imageSrc:l,diameter:r,width:i,offset:n,holes:h,pcd:m,spokes:p,mesh:u,bore:g}=e,d=!!l&&!a;return T3("div",{className:"sf-card bg-surface p-6 max-[1100px]:mt-8",children:[G0("div",{...F3(t,"diagramTitle"),className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.25em] text-fg-dim",children:"Wheel Dimension Diagram"}),T3("div",{className:"relative flex aspect-square items-center justify-center",children:[T3("svg",{viewBox:"0 0 320 320",className:"absolute inset-0 h-full w-full text-fg-dim",fill:"none",stroke:"currentColor",children:[G0("line",{x1:40,y1:20,x2:280,y2:20,strokeWidth:1,markerStart:`url(#${c}-L)`,markerEnd:`url(#${c}-R)`}),G0("line",{x1:40,y1:15,x2:40,y2:25,strokeWidth:1}),G0("line",{x1:280,y1:15,x2:280,y2:25,strokeWidth:1}),G0(Qv,{id:c})]}),d?G0("img",{src:l,alt:`${o} \u2014 face`,onError:()=>s(!0),loading:"lazy",className:"relative z-[1] block h-[80%] w-[80%] object-contain"}):G0(c8,{spokes:p,mesh:u,className:"relative z-[1] block h-[72%] w-[72%] text-accent"}),T3("span",{...F3(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 ",jh(r)]}),T3("span",{...F3(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 ",jh(i)]})]}),T3("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:[T3("div",{children:[G0("div",{...F3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Holes"}),G0("div",{...F3(t,"diagramStatValue"),className:"mt-1 text-fg",children:h})]}),T3("div",{children:[G0("div",{...F3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"PCD"}),G0("div",{...F3(t,"diagramStatValue"),className:"mt-1 text-fg",children:m})]}),T3("div",{children:[G0("div",{...F3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Spokes"}),T3("div",{...F3(t,"diagramStatValue"),className:"mt-1 text-fg",children:[p,u?" + Mesh":""]})]}),T3("div",{children:[G0("div",{...F3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"Bore"}),G0("div",{...F3(t,"diagramStatValue"),className:"mt-1 text-fg",children:g})]}),T3("div",{children:[G0("div",{...F3(t,"diagramStatLabel"),className:"text-fg-dim/60",children:"ET"}),G0("div",{...F3(t,"diagramStatValue"),className:"mt-1 text-accent",children:n})]})]})]})}function Ft({num:e,title:t,description:a,rows:s,diagram:c,editing:o=!1,omitHead:l=!1,nodeId:r,...i}){let n=(s??[]).filter(m=>(m?.label??"").trim()||(m?.value??"").trim()),h=n.length>0?n:o?[{label:"Label",value:"Value"}]:[];return G0("section",{className:E0(i)?l?"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":l?"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:T3(e51,{editing:o,nodeId:r,children:[l?null:G0(Q1,{num:e?C(e):void 0,title:t?j(t,!1):void 0,description:a?C(a):void 0,accent:!0}),c?T3("div",{className:"grid grid-cols-[1fr_400px] gap-12 max-[1100px]:grid-cols-1",children:[G0("div",{children:h.map((m,p)=>G0($_,{row:m,topBorder:p>0,editing:o},p))}),G0(t51,{diagram:c,editing:o})]}):G0("div",{className:"grid grid-cols-2 gap-x-16 max-[900px]:grid-cols-1",children:h.map((m,p)=>G0($_,{row:m,topBorder:!0,editing:o},p))})]})})}import{useEffect as l51,useState as r51}from"react";function mn(e){return e.rollingNoiseDb===null?null:e.rollingNoiseClass?`${e.rollingNoiseDb} dB (${e.rollingNoiseClass})`:`${e.rollingNoiseDb} dB`}function s51(e){return`/api/tire-catalog/models/${encodeURIComponent(e)}/`}function c51(e,t,a){let s=(a.eprel_url??"").trim();if(!s)return null;let c=(a.energy_class??"").trim(),o=(a.wet_grip_class??"").trim(),l=typeof a.external_rolling_noise_value=="number"?a.external_rolling_noise_value:null;return!c&&!o&&l===null?null:{size:e,registrationNumber:t,fuelClass:c,wetGripClass:o,rollingNoiseDb:l,rollingNoiseClass:(a.external_rolling_noise_class??"").trim(),iceGrip:a.ice_tire===!0,severeSnow:a.severe_snow_tire===!0,loadIndicator:(a.load_indicator??"").trim(),eprelUrl:s}}async function o51(e){let t=(e.eprelRegistrationNumber??"").trim();if(!t)return null;try{let a=await U6(s51(t),{baseUrl:Uo});return c51(e.size,t,a)}catch{return null}}async function j_(e){return(await Promise.all(e.map(o51))).filter(a=>a!==null)}function pn(e){let[t,a]=r51([]),s=e.map(c=>c.eprelRegistrationNumber??"").join(",");return l51(()=>{let c=!0;return j_(e).then(o=>{c&&a(o)}),()=>{c=!1}},[s]),t}var i51={"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 Y_(e){return i51[e]}function q7(e){return e&&e.trim()?e:"\u2014"}function X_(e){return e[0]?.replace(/^\s*\d+\s*[×x]\s*/,"")||"\u2014"}function J_(e,t,a,s,c){let o=be(c?.boltPattern).holes,l=o!=null&&o>0?o:e.lugs,r=va(l),i=e.pcds.length?e.pcds.join(" \xB7 "):"\u2014",n=e.centreBores.length?`${e.centreBores.join(" / ")} mm`:"\u2014",h=e.etRange.length>=2?hl(e.etRange[0],e.etRange[1]):"\u2014",m=s??"",p=c?Ms(c):"\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:q7(r&&`${r}-lug`),fieldKey:"holes"},{label:"Bolt Pattern",value:i,fieldKey:"bolt_pattern"},{label:"Offset (ET)",value:h,fieldKey:"et"},{label:"Process",value:q7(t),fieldKey:me},{label:"Centre Bore",value:n,fieldKey:"center_bore"},{label:"Load Rating",value:q7(e.loadRating),fieldKey:"load_rating"},{label:"Bump Profile",value:q7(e.bumpProfile),fieldKey:"hump"},{label:"Rim Profile",value:q7(e.rimProfile),fieldKey:"flange"},{label:"Cap Code",value:q7(e.cap),fieldKey:"cap_code"}],size:m}}function tf(e){return e.length?e[Math.ceil(e.length/2)-1]:void 0}function n51(e,t){let a=e?.diameter??tf(t?.sizes??[]),s=e?.width??tf(t?.widths??[]),c=t?.etRange??[],[o,l]=c,r=e?.et??(c.length>=2&&o===l?o:void 0),i=n=>q7(n!=null?F2(n):void 0);return{diameter:i(a),width:i(s),offset:i(r)}}function Q_(e,t){let a=e?.centreBore??tf(t.centreBores);return{...n51(e,t),bore:q7(a!=null?`${a} mm`:void 0)}}function eB(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 un(e,t,a){let s=e?.spec;if(!e||!s)return{rows:[],diagram:null};let c=e.finishes.find(h=>h.name===t)??e.finishes[0],o=it(e.variants??[],c?.name,a),{rows:l,size:r}=J_(s,e.process,c?.name??"\u2014",a,o),i=Q_(o,s),n={wheelName:e.name,imageSrc:c?.image??e.coverImage??null,...i,holes:va(s.lugs),pcd:X_(s.pcds),spokes:e.spokes,mesh:e.mesh};return{rows:l,diagram:n}}function tB(e,t,a){let s=Oi(e),c=Y_(e);if(!s||!c)return{rows:[],diagram:null};let o=Ct(e),l=s.finishes.find(m=>m.name===t)??s.finishes[0],{rows:r,size:i}=J_(c,s.process,l?.name??"\u2014",a,void 0),n=Q_(void 0,c),h={wheelName:s.name,imageSrc:l?.angles?.[0]??l?.src??null,...n,holes:o[0]?.holes?.toString()??va(c.lugs),pcd:o[0]?.pcd??X_(c.pcds),spokes:s.spokes,mesh:s.mesh};return{rows:r,diagram:h}}function h51(e){let{brand:t,variant:a,euLabel:s}=e;if(!a)return[];let c=e4(a.size),o=a.specs,l=o;return[["size","Size",a.size],["section_width","Section Width",c?`${c.width} mm`:""],["aspect_ratio","Aspect Ratio",c?`${c.profile}`:""],["rim_diameter","Rim Diameter",c?`${c.rim}"`:""],["construction","Construction",o.construction],["load_index","Load Index",o.loadIndex],["speed_rating","Speed Rating",o.speedRating],["max_load_lbs","Max Load",l.maxLoad??""],["max_psi","Max Pressure",l.maxPressure??""],["tread_depth","Tread Depth",l.treadDepth??""],["overall_diameter","Overall Diameter",l.overallDiameter??""],["tread_pattern","Tread Pattern",o.treadPattern],["tire_type","Type",o.tireType],["brand","Manufacturer",t],["","Fuel Efficiency",s?.fuelClass??""],["","Wet Grip",s?.wetGripClass??""],["","Noise",s&&mn(s)||""],["","Snow Grip",s?.severeSnow?"Yes":""],["","Ice Grip",s?.iceGrip?"Yes":""],["","Reinforced",s?.loadIndicator??""]]}function aB(e){let t=[];for(let[a,s,c]of h51(e)){let o=(c??"").trim();o&&t.push(a?{label:s,value:o,fieldKey:a}:{label:s,value:o})}return{rows:t}}import{jsx as dn}from"react/jsx-runtime";var m51=["alloy-wheel","tyre"],p51=[],u51=[];function d51(e,t,a){let s=e.variants??[];return(t?s.find(c=>c.sku===t):void 0)??(a?s.find(c=>c.size===a):void 0)??s[0]??null}function af(e){return dn(x2,{kinds:m51,type:"SpecTable",editing:e.editing,children:dn(g51,{...e})})}function g51({num:e,title:t,description:a,showDiagram:s=!0,editing:c=!1,nodeId:o,omitHead:l=!1}){let r=j0(),i=b3(c&&!r),n=r?.product??i,h=n?.kind==="tyre"?n.source:null,m=pn(h?.variants??p51),p=r?.fieldUsage??u51;if(h){let v=d51(h,r?.selection.part?.id,r?.selection.shown.size),b=m.find(z=>z.size===v?.size)??null,y=aB({brand:h.brand,variant:v,euLabel:b});return dn(Ft,{num:e,title:t,description:a,rows:$h(y.rows,p),diagram:null,editing:c,nodeId:o,omitHead:l})}let u=n?.kind==="alloy-wheel"?n.source:null,g=r?r.selection.shown.finish:u?.finishes[0]?.name,d=r&&u?L7(u,r.selection.part)?.size??void 0:void 0,f=u?un(eB(u),g,d):{rows:[],diagram:null};return dn(Ft,{num:e,title:t,description:a,rows:$h(f.rows,p),diagram:s?f.diagram:null,editing:c,nodeId:o,omitHead:l})}import{jsx as sB}from"react/jsx-runtime";var B5={num:A.sectionNumber,title:"Specifications *table.*",description:A.body},cB={label:"Spec Table",defaultProps:{dynamic:!1,num:"",title:"",description:"",source:null,finish:"",size:"",showDiagram:!0,rows:[]},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=h=>t?void 0:h;if(e.dynamic)return sB(af,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(w(e.num,B5.num,e.puck)),title:a(w(e.title,B5.title,e.puck)),description:a(w(e.description,B5.description,e.puck)),showDiagram:e.showDiagram!==!1,omitHead:t,editing:e.puck?.isEditing});let s=e.source??null,c=e.wheel,o=!s?.slug&&typeof c=="string"?c:"",l=typeof e.finish=="string"?e.finish:"",r=typeof e.size=="string"?e.size:"",i,n=null;if(s?.slug&&s.spec){let h=un(s,l,r);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else if(o){let h=tB(o,l,r);i=h.rows,n=e.showDiagram===!1?null:h.diagram}else i=e.rows??[];return sB(Ft,{nodeId:typeof e.id=="string"?e.id:void 0,num:a(w(e.num,B5.num,e.puck)),title:a(w(e.title,B5.title,e.puck)),description:a(w(e.description,B5.description,e.puck)),rows:i,diagram:n,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as gn}from"react/jsx-runtime";var b51="Size (blank = none selected)",lB={fields:{_gDynamic:x("Product page"),dynamic:c1("Connect to product data",!1,gn(v51,{})),_gHeader:x("Header"),num:H("Number",B5.num),title:B("Heading",B5.title),description:B("Body",B5.description),_gData:x("Product"),source:t2(Jv),finish:d1("Finish",gn(oB,{}),[],""),size:{type:"text",label:b51},_gDiagram:x("Diagram"),showDiagram:c1("Dimension diagram",!0,gn(f51,{})),_gRows:x("Rows"),rows:{type:"array",label:"Rows",arrayFields:{label:I("Label"),value:I("Value")},defaultItemProps:{label:"Label",value:""},getItemSummary:e=>e?.label||e?.value||"Row"}},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c=O2(),o=m=>D1(W1(m,a,U1),e.props.headPlacement,R1.SpecTable.headRows);if(c&&s.dynamic){let m=new Set([Q7.Content,"_gDynamic","dynamic","_gHeader","num","title","description","_gDiagram","showDiagram",...Z9,...D9,...O9,...G9]),p={};for(let[u,g]of Object.entries(t))m.has(u)&&(p[u]=g);return o(p)}let l=s.source,r=!l?.slug&&typeof s.wheel=="string"?s.wheel:"",i={...t};if(c||(delete i._gDynamic,delete i.dynamic),!(l?.slug&&l.spec)&&!r)return delete i.finish,delete i.size,delete i._gDiagram,delete i.showDiagram,o(i);let n=l?.slug?l.finishes.map(m=>m.name):(Oi(r)?.finishes??[]).map(m=>m.name),h=[{value:"",label:"Default (first finish)"},...n.map(m=>({value:m,label:m}))];return i.finish=d1("Finish",gn(oB,{}),h,""),delete i._gRows,delete i.rows,o(i)}};var x51={link:"Know your size? Pick it below"},rB={fields:{_gHeader:x("Header"),num:H("Number",O0.num),title:H("Heading",A.sectionHeading),description:B("Body",A.body),_gCta:x("Call to action"),escapeText:H("Button",x51.link),escapeHref:A1("Button link")},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.TyreFitment.headRows)};var iB={fields:{_gHeader:x("Header"),num:H("Number",O0.num),title:H("Heading",A.sectionHeading),description:B("Body",A.body)},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.TyreSizes.headRows)};import{useEffect as w51,useState as mB}from"react";import{useState as z51}from"react";function nB(e,t){return t==="mark"?(e.logo??"").trim():(e.name??"").trim()}import{jsx as sf,jsxs as y51}from"react/jsx-runtime";function cf({tile:e,face:t,showCount:a,selected:s,onSelect:c}){let[o,l]=z51(!1),r=nB(e,t),i=t==="mark"&&!o?$3(r):void 0;return y51("button",{type:"button","data-sf-brand-tile":"","data-sf-brand-face":t,"aria-pressed":s?"true":"false",onClick:c,className:"flex flex-1 flex-col items-center justify-center gap-[7px] rounded-[9px] px-[10px] py-[14px]",children:[sf("span",{className:"flex h-[22px] items-center justify-center",children:t==="mark"?i&&sf("img",{src:i,alt:e.name,className:"max-h-full max-w-[78%] object-contain",draggable:!1,onError:()=>l(!0)}):r}),a&&sf("span",{children:e.count})]})}import{jsx as nc,jsxs as hB}from"react/jsx-runtime";function of({heading:e,button:t,link:a,brands:s=[],face:c="name",showCount:o=!0,picked:l,onPick:r}){let i=l||s[0]?.name;return hB("section",{className:"sf-brandstrip","data-sf-brand-strip":"",children:[(e||t)&&hB("div",{className:"sf-brandstrip-head",children:[nc("span",{className:"sf-brandstrip-heading",children:e??""}),a?nc("a",{className:"sf-brandstrip-all",href:a,children:t??""}):nc("span",{className:"sf-brandstrip-all",children:t??""})]}),nc("div",{className:"sf-brandstrip-track",children:s.map(n=>nc(cf,{tile:n,face:c,showCount:o,selected:n.name===i,onSelect:r?()=>r(n.name):void 0},n.name))})]})}import{jsx as k51}from"react/jsx-runtime";function lf({heading:e,button:t,link:a,picks:s,available:c,face:o="name",showCount:l=!0}){let[r,i]=mB(null),n=Array.isArray(s)?s:[],h=!c&&n.length>0;w51(()=>{if(!h)return;let g=!1;return Hi().then(d=>d??p0.listBrands()).then(d=>{g||i(d)}).catch(()=>{}),()=>{g=!0}},[h]);let m=cV(n,c??r??[]),[p,u]=mB(void 0);return k51(of,{heading:e,button:t,link:a,brands:m,face:o,showCount:l,picked:p,onPick:u})}import{jsx as C51}from"react/jsx-runtime";var pB={label:"Brand Strip",defaultProps:{heading:"Shop by brand",button:"All brands",link:"",[Zs]:sV(),face:"name",showCount:!0},render:({heading:e,button:t,link:a,face:s,showCount:c,...o})=>C51(lf,{heading:t1(e),button:t1(t),link:t1(a),picks:o[Zs],available:o[aV],face:s,showCount:c})};import{jsx as hc,jsxs as vn}from"react/jsx-runtime";function M51(e,t){let a=e.savings[t];if(a===void 0)return null;let s=D2(a,t);return e.savingIsFrom?`Save from ${s}`:`Save ${s}`}function rf({bundle:e,currency:t}){let a=M51(e,t);return vn(M1,{href:`/bundles/${e.slug}`,className:"sf-card group flex flex-col border border-line bg-bg transition-colors hover:border-accent",children:[vn("div",{className:"sf-card-image relative aspect-[4/3] overflow-hidden bg-surface",children:[e.image?hc(P3,{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]"}):vn("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&&hc("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})]}),vn("div",{className:"flex flex-1 flex-col gap-1.5 px-5 py-4",children:[hc("span",{className:"font-display text-[18px] font-medium tracking-[-0.015em] text-fg",children:e.name}),e.subtitle&&hc("span",{className:"text-[13px] leading-snug text-fg-dim",children:e.subtitle}),!e.inStock&&hc("span",{className:"mt-1 font-mono text-[9px] uppercase tracking-[0.24em] text-fg-dim",children:"Currently unavailable"})]})]})}import{jsx as Tt,jsxs as vB}from"react/jsx-runtime";var uB="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",dB="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",S51=["alloy-wheel"],gB={2:"grid-cols-2 max-[800px]:grid-cols-1",3:"grid-cols-3 max-[1100px]:grid-cols-2 max-[800px]:grid-cols-1"};function nf(e){return Tt(x2,{kinds:S51,type:"BundleOffer",editing:e.editing,children:Tt(L51,{...e})})}function L51({num:e,title:t,description:a,columns:s=3,editing:c=!1,omitHead:o=!1,cardImage:l}){let r=j0(),{currency:i}=h0(),n=r?.product.kind==="alloy-wheel"?r.product.source.bundles??[]:[],h=o?null:Tt(Q1,{num:e?C(e):void 0,title:t?j(t,!1):void 0,description:a?C(a):void 0,accent:!0});return n.length===0?c?vB("section",{className:o?dB:uB,style:J2(l),children:[h,Tt("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:vB("section",{className:o?dB:uB,style:J2(l),children:[h,Tt("div",{className:`mt-10 grid gap-6 ${gB[s]??gB[3]}`,children:n.slice(0,s).map(m=>Tt(rf,{bundle:m,currency:i},m.slug))})]})}import{jsx as A51}from"react/jsx-runtime";var fB={label:"Bundle Products",defaultProps:{num:"",title:"",description:"",columns:3},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return A51(nf,{num:a(w(e.num,O0.num,e.puck)),title:a(w(e.title,A.sectionHeading,e.puck)),description:a(w(e.description,A.body,e.puck)),omitHead:t,columns:typeof e.columns=="number"?e.columns:3,cardImage:e.cardImage,editing:e.puck?.isEditing})}};import{createContext as H51,useContext as mc}from"react";var hf=H51(null);function bB(){let e=mc(ta),t=mc(hf),a=Eo();return e?e.socialLinks??Ny:t?t.socialLinks:a.links}function xB(){return mc(hf)?.commerceEnabled??!0}function zB(){let e=mc(ta),t=mc(hf),a=E3();return e?al({legalName:e.legalName,foundedYear:e.foundedYear,siteName:e.siteName}):t?al({legalName:t.legalName,foundedYear:t.foundedYear,siteName:t.siteName}):al({siteName:a.websiteName?.trim()||Fo})}import{jsx as Pt}from"react/jsx-runtime";function yB({style:e="icon",editing:t=!1}){let{open:a}=ve();return mm("search"),Pt("span",{"data-phone-menu-tool":"search",className:"contents",children:Pt(bl,{onClick:t?void 0:a,asText:e==="text"})})}function wB({style:e="icon",editing:t=!1}){let{open:a,totals:s}=Q3();return xB()?Pt(fl,{onClick:t?()=>{}:a,count:s.sets,asText:e==="text"}):null}function kB({editing:e=!1}){let t=vl();return mm(t?"region":null),t?Pt("span",{"data-phone-menu-tool":"region",className:"contents",children:Pt(n8,{})}):e?Pt("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 F51}from"react/jsx-runtime";var CB={label:"Cart",defaultProps:{style:"icon"},render:({style:e,puck:t})=>F51(wB,{style:e,editing:t?.isEditing})};import{useEffect as _B,useMemo as B51}from"react";import{useState as HB}from"react";import{useEffect as T51,useRef as P51}from"react";import{Fragment as E51,jsx as z3,jsxs as t9}from"react/jsx-runtime";function MB({picker:e,onClose:t}){let{cascade:a}=e,s=P51(r4(a.vehicle));return T51(()=>{let c=r4(a.vehicle);c&&!s.current&&t(),s.current=c},[a.vehicle,t]),t9("div",{className:"border-t border-line bg-surface px-[var(--sf-site-gutter,40px)] py-4 max-[720px]:px-4",children:[z3("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"}),z3(q3,{cascade:a,compact:!0}),a.cascadeError&&z3("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."}),z3("div",{className:"mt-3.5 flex flex-wrap items-center gap-3",children:z3("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 SB="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)] transition-colors";function LB({field:e,picker:t,open:a,onOpenRequest:s,onClose:c}){let{cascade:o}=t,l=ki(o),r=EE(o)[e],i=VE(o)[e],n=NE(o)[e],h=_E(o)[e],m=D8[e],p=TE(e,o.vehicle),u=h||l[e].placeholder,g=pg(r,l[e].placeholder),d=ce({items:g,value:n,onPick:i,open:a,onOpen:()=>s(p),onClose:c});return t9("div",{ref:d.wrapRef,className:"relative",children:[t9("button",{ref:f=>{d.triggerRef.current=f},type:"button","data-vehicle-field":e,"aria-haspopup":"listbox","aria-expanded":a,"aria-controls":a?d.listId:void 0,"aria-activedescendant":d.activeId,"aria-label":`${m}, ${u} \u2014 pick your ${p}`,onClick:()=>s(p),onKeyDown:d.onTriggerKeyDown,className:`${SB} ${a?"border-fg text-fg":"border-line"}`,children:[z3("span",{className:"text-fg-dim",children:m}),z3("span",{"data-vehicle-value":u,className:`truncate ${h?"text-fg":"text-fg-dim"}`,children:u})]}),a&&z3(oe,{id:d.listId,tone:"hairline",items:g,value:n,focusIdx:d.focusIdx,onFocus:d.setFocusIdx,onPick:d.pick,listRef:d.listRef})]})}function AB({picker:e,onOpenRequest:t}){let a=PE(e.cascade.vehicle);if(!a)return null;let s=_s[a];return z3("button",{type:"button","data-vehicle-next":!0,"aria-label":`${s} \u2014 pick your ${a}`,onClick:()=>t(a),className:`${SB} border-line text-fg-dim`,children:z3("span",{"data-vehicle-value":s,children:s})})}function mf({picker:e,total:t}){let{appliedName:a,fit:s,resolving:c,unresolved:o,clear:l}=e;if(!a)return null;let r=xe(s),i=s!==null&&!c&&t===0;return t9("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:[t9("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,z3("button",{type:"button",onClick:l,"aria-label":`Clear ${a} and show all wheels`,className:"cursor-pointer leading-none text-bg hover:opacity-70",children:"\u2715"})]}),c?z3("span",{className:"font-mono text-[length:var(--size-label,11px)] uppercase tracking-[0.16em] text-fg-dim",children:"Checking fitment\u2026"}):o?z3("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"}):z3(E51,{children:r.map(n=>n.value!==null?z3("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):t9("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&&t9("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"," ",z3("button",{type:"button",onClick:l,className:"cursor-pointer uppercase text-accent underline underline-offset-4",children:"show all wheels"})]})]})}import{Fragment as df,jsx as L1,jsxs as P0}from"react/jsx-runtime";var V51=["FusionForge\xAE","Precision Forged","Monoblock Cast"];function FB(e){return e==="FusionForge\xAE"?P0(df,{children:["FusionForge",L1(Y5,{})]}):e}var uf={size:pe("diameters","alloy-wheel"),finish:pe("finishes","alloy-wheel")};function TB(e,t){return J6(e,a=>uf[String(a.key)],t??[],"filterOrder")}function N51({processCount:e,sizeCount:t,lugCount:a,finishCount:s,optionsReported:c,fieldUsage:o}){let l=i=>!c||i>pa,r=il(o??[]);return{process:e>pa,size:r(uf.size)&&l(t),lugs:l(a),finish:r(uf.finish)&&l(s)}}function Et(e,t){return e===t?null:t}function PB({href:e,label:t}){return L1("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 gf({filters:e,setProcess:t,setSize:a,setLugs:s,setFinish:c,setPriceMin:o,setPriceMax:l,setSort:r,clearAll:i,total:n,scrollProcess:h,show:m,picker:p,lugOptions:u=[],sizeOptions:g=[],finishOptions:d,layout:f=G8,processOptions:v=V51,resultsLink:b,optionsReported:y=!1,fieldUsage:z}){let[k,S]=HB(null),[P,D]=HB(null),q=Ds(),{process:N,size:F,lugs:E,finish:R,priceMin:T,priceMax:G,sort:s1}=e,_=d?le.filter(X=>d.includes(X.f)):le,U=N51({processCount:v.length,sizeCount:g.length,lugCount:u.length,finishCount:_.length,optionsReported:y,fieldUsage:z}),Y={process:(m?.process??!0)&&U.process,size:(m?.size??!0)&&U.size,lugs:(m?.lugs??!0)&&U.lugs,finish:(m?.finish??!0)&&U.finish,price:m?.price??!0,vehicle:(m?.vehicle??!0)&&!!p,count:m?.count??!0,sort:m?.sort??!0},W={process:N?1:0,size:F?1:0,lugs:E?1:0,finish:R?1:0,price:T!=null||G!=null?1:0,vehicle:p?.appliedName?1:0},Q=()=>{i(),p?.clear(),S(null),D(null)};if(f==="columns"){let X=O=>D(P===O?null:O),v1=[];Y.vehicle&&p&&v1.push(P0(Vt,{name:"vehicle",label:q.vehicle,children:[Ns.map(O=>L1(LB,{field:O,picker:p,open:P===O,onOpenRequest:X,onClose:()=>D(null)},O)),L1(AB,{picker:p,onOpenRequest:X})]},"vehicle"));let G1=[];return Y.process&&G1.push(L1(Vt,{name:"process",label:q.process,rowsAreOptions:!0,children:v.map(O=>L1(fn,{active:N===O,onClick:()=>t(Et(N,O)),children:FB(O)},O))},"process")),Y.size&&G1.push(L1(Vt,{name:"size",label:q.size,rowsAreOptions:!0,children:g.map(O=>P0(fn,{active:F===O,onClick:()=>a(Et(F,O)),children:[O,'"']},O))},"size")),Y.lugs&&G1.push(L1(Vt,{name:"lugs",label:q.lugs,rowsAreOptions:!0,children:u.map(O=>P0(fn,{active:E===O,onClick:()=>s(Et(E,O)),children:[O,"-Lug"]},O))},"lugs")),Y.finish&&G1.push(L1(Vt,{name:"finish",label:q.finish,rowsAreOptions:!0,children:_.map(O=>L1(fn,{active:R===O.f,onClick:()=>c(R===O.f?null:O.f),children:O.label},O.f))},"finish")),v1.push(...TB(G1,z)),Y.price&&v1.push(P0(Vt,{name:"price",label:q.price,children:[L1(EB,{label:"Min",value:T,onChange:o,ariaLabel:"Minimum price per wheel"}),L1(EB,{label:"Max",value:G,onChange:l,ariaLabel:"Maximum price per wheel"})]},"price")),P0("div",{className:"@container",children:[P0("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:[(Y.count||Y.sort)&&P0("div",{className:"mb-9 flex flex-wrap items-center gap-x-6 gap-y-3 @max-[720px]:mb-7",children:[Y.count&&P0("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:[n," ",n===1?"result":"results"]}),Y.sort&&P0("div",{className:"ml-auto flex items-center gap-5",children:[L1("button",{type:"button",onClick:Q,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-fg",children:"Clear All"}),L1(ia,{value:s1,onChange:O=>r(O.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(fa).map(O=>L1("option",{value:O,children:fa[O]},O))})]})]}),L1("div",{"data-filter-columns":!0,className:`grid grid-cols-1 gap-x-[72px] gap-y-10 ${_51[v1.length]??""}`,children:v1}),b&&L1("div",{className:"mt-10 flex",children:L1(PB,{href:b.href,label:b.label})})]}),Y.vehicle&&p&&L1(mf,{picker:p,total:n})]})}let b1=[];return Y.process&&b1.push(P0(pc,{name:"process",label:h?P0(df,{children:[L1("span",{className:"text-accent @min-[720px]:hidden",children:h==="FusionForge\xAE"?P0(df,{children:["FusionForge",L1(Y5,{})]}):h}),L1("span",{className:"hidden @min-[720px]:inline",children:q.process})]}):q.process,badge:W.process,open:k==="process",onToggle:()=>S(k==="process"?null:"process"),children:[L1(uc,{children:"Series \xB7 single-select"}),L1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Process series",children:v.map(X=>{let v1=N===X;return L1(pf,{active:v1,role:"radio",ariaChecked:v1,onClick:()=>t(Et(N,X)),children:FB(X)},X)})})]},"process")),Y.size&&b1.push(P0(pc,{name:"size",label:q.size,badge:W.size,open:k==="size",onToggle:()=>S(k==="size"?null:"size"),children:[L1(uc,{children:"Diameter \xB7 single-select"}),L1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Wheel diameter",children:g.map(X=>{let v1=F===X;return P0(pf,{active:v1,role:"radio",ariaChecked:v1,onClick:()=>a(Et(F,X)),children:[X,'"']},X)})})]},"size")),Y.lugs&&b1.push(P0(pc,{name:"lugs",label:q.lugs,badge:W.lugs,open:k==="lugs",onToggle:()=>S(k==="lugs"?null:"lugs"),children:[L1(uc,{children:"Lug count \xB7 single-select"}),L1("div",{className:"flex flex-wrap gap-1.5",role:"radiogroup","aria-label":"Lug count",children:u.map(X=>{let v1=E===X;return P0(pf,{active:v1,role:"radio",ariaChecked:v1,onClick:()=>s(Et(E,X)),children:[X,"-Lug"]},X)})})]},"lugs")),Y.finish&&b1.push(P0(pc,{name:"finish",label:q.finish,badge:W.finish,open:k==="finish",onToggle:()=>S(k==="finish"?null:"finish"),children:[L1(uc,{children:"Color family \xB7 single-select"}),L1("div",{className:"flex flex-col gap-1.5",role:"radiogroup","aria-label":"Finish color family",children:_.map(X=>{let v1=R===X.f;return P0("button",{type:"button",role:"radio","aria-checked":v1,onClick:()=>c(v1?null:X.f),className:["flex items-center gap-2.5 border px-3 py-2 text-left transition-colors",v1?"border-accent text-fg":"border-line hover:border-fg-dim"].join(" "),children:[L1("span",{className:"block h-3.5 w-3.5 shrink-0 rounded-full border border-line",style:{background:X.hex}}),L1("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em]",style:v1?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:X.label}),v1&&L1("span",{"aria-hidden":!0,className:"ml-auto text-accent",children:"\u25CF"})]},X.f)})})]},"finish")),P0("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:[P0("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:[P0("div",{className:"flex flex-wrap items-center gap-1 @max-[720px]:gap-1.5",children:[Y.count&&P0("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"]}),TB(b1,z),Y.price&&P0(pc,{name:"price",label:q.price,badge:W.price,open:k==="price",onToggle:()=>S(k==="price"?null:"price"),children:[L1(uc,{children:"Price range (per wheel)"}),P0("div",{className:"mt-1 flex items-center gap-2",children:[L1("input",{type:"number",placeholder:"$ Min",value:T??"",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"}),L1("span",{className:"font-mono text-[length:var(--size-label,12px)] text-fg-dim",children:"\u2014"}),L1("input",{type:"number",placeholder:"$ Max",value:G??"",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"})]})]}),Y.vehicle&&p&&L1(NB,{label:q.vehicle,badge:W.vehicle,open:k==="vehicle",onToggle:()=>S(k==="vehicle"?null:"vehicle")})]}),b&&L1("div",{className:`flex items-center @max-[720px]:hidden ${Y.sort?"":"ml-auto"}`,children:L1(PB,{href:b.href,label:b.label})}),Y.sort&&P0("div",{className:"ml-auto flex items-center gap-3 @max-[720px]:hidden",children:[L1("button",{type:"button",onClick:Q,className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim transition-colors hover:text-accent",children:"Clear All"}),L1(ia,{value:s1,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(fa).map(X=>L1("option",{value:X,children:fa[X]},X))})]})]}),Y.vehicle&&p&&k==="vehicle"&&L1(MB,{picker:p,onClose:()=>S(null)}),Y.vehicle&&p&&L1(mf,{picker:p,total:n})]})}var _51={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"},VB="flex w-full items-center justify-between gap-4 border-b py-3 text-left text-[length:var(--size-body,14px)]";function Vt({name:e,label:t,rowsAreOptions:a,children:s}){return P0("div",{"data-filter-column":e,className:"flex flex-col gap-[22px]",children:[L1("div",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.34em] text-fg-dim",children:t}),L1("div",{role:a?"radiogroup":void 0,"aria-label":a?t:void 0,children:s})]})}function fn({active:e,onClick:t,children:a}){return L1("button",{type:"button",role:"radio","aria-checked":e,onClick:t,className:[VB,"transition-colors",e?"border-fg text-fg":"border-line text-fg-dim hover:text-fg"].join(" "),children:L1("span",{children:a})})}function EB({label:e,value:t,onChange:a,ariaLabel:s}){return P0("label",{className:`${VB} border-line`,children:[L1("span",{className:"text-fg-dim",children:e}),L1("input",{type:"number",inputMode:"numeric","aria-label":s,placeholder:"Any",value:t??"",onChange:c=>a(c.target.value?Number(c.target.value):null),className:"w-24 bg-transparent text-right text-fg outline-none placeholder:text-fg-dim"})]})}function NB({label:e,badge:t,open:a,onToggle:s}){let c=t>0;return P0("button",{type:"button",onClick:s,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",c?"border-accent text-accent":"border-line hover:border-fg-dim"].join(" "),style:c?void 0:{color:"color-mix(in oklab, currentColor 80%, transparent)"},children:[e,t>0&&L1("span",{className:"px-1.5 text-[length:var(--size-body,11px)] tracking-[0.1em] text-bg",style:{background:"var(--accent)"},children:t}),L1("span",{className:`text-[length:var(--size-body,11px)] opacity-65 transition-transform ${a?"rotate-180":""}`,children:"\u25BE"})]})}function pc({label:e,badge:t,open:a,onToggle:s,children:c}){return P0("div",{className:"relative",children:[L1(NB,{label:e,badge:t,open:a,onToggle:s}),a&&L1("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:o=>o.stopPropagation(),children:c})]})}function uc({children:e}){return L1("div",{className:"mb-3 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.32em] text-fg-dim",children:e})}function pf({active:e,onClick:t,children:a,role:s,ariaChecked:c}){return L1("button",{type:"button",role:s,"aria-checked":s==="radio"?c: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 R51}from"react/jsx-runtime";function vf({show:e,layout:t,processOptions:a,fieldUsage:s,editing:c=!1,resultsHref:o,resultsLabel:l}){let{filters:r,setProcess:i,setSize:n,setLugs:h,setFinish:m,setPriceMin:p,setPriceMax:u,setSort:g,clearAll:d,total:f,scrollProcess:v,publishVehicle:b,lugOptions:y,sizeOptions:z,finishOptions:k,optionsReported:S}=Fl(),P=B51(()=>s?E4(s,"alloy-wheel"):void 0,[s]),D=C4({editing:c,autoApply:!0});_B(()=>{b({fit:D.fit,name:D.appliedName,resolving:D.resolving,unresolved:D.unresolved})},[b,D.fit,D.appliedName,D.resolving,D.unresolved]);let q=D.applied?.vehicle??null;_B(()=>{if(c||!D.restored||typeof window>"u")return;let R=new URLSearchParams(window.location.search);for(let G of Object.values(k5))R.delete(G);C5(R,q);let T=R.toString();window.history.replaceState(null,"",`${window.location.pathname}${T?`?${T}`:""}`)},[c,D.restored,q]);let N=uV(r),F=(l??"").trim()||"See all results",E=o&&!c&&N.length===0?{href:dV(o,r,q),label:F}:void 0;return R51(gf,{resultsLink:E,filters:r,setProcess:i,setSize:n,setLugs:h,setFinish:m,setPriceMin:p,setPriceMax:u,setSort:g,clearAll:d,total:f,lugOptions:y,sizeOptions:z,finishOptions:k,scrollProcess:v,show:e,layout:t,processOptions:a,optionsReported:S,fieldUsage:P,picker:D})}import{jsx as I51}from"react/jsx-runtime";var BB={label:"Catalog Filter Bar",defaultProps:{showProcess:!0,showLugs:!0,showPrice:!0,showVehicle:!0,showCount:!0,showSort:!0,layout:G8,resultsHref:"",resultsLabel:""},render:e=>I51(vf,{show:{process:e.showProcess,size:!0,lugs:e.showLugs,finish:!0,price:e.showPrice,vehicle:e.showVehicle,count:e.showCount,sort:e.showSort},layout:gV(e.layout),processOptions:e.processOptions,fieldUsage:e.fieldUsage,resultsHref:t1(e.resultsHref)||void 0,resultsLabel:t1(e.resultsLabel)||void 0,editing:e.puck?.isEditing})};import{jsx as Z51}from"react/jsx-runtime";var RB={label:"Collection Card",defaultProps:{collection:null},render:({collection:e,altName:t,tag:a,href:s,puck:c})=>{let o=e&&typeof e=="object"?e:null,l=(i,n)=>A2(i).hidden?"":t1(i)||(c?.isEditing?n:void 0),r=kw({type:"CollectionCard",props:{altName:t,collection:o}});return Z51(tp,{tag:l(a,A.eyebrow),name:r||(c?.isEditing?"Card title":void 0),desc:o?.description||(c?.isEditing?A.body:void 0),href:t1(s)||void 0,imageSrc:o?.image||void 0,imageLabel:o?.name||void 0})}};import{jsx as D51}from"react/jsx-runtime";var IB={label:"Country Switch",render:({puck:e})=>D51(kB,{editing:e?.isEditing})};import{jsx as a9,jsxs as ff}from"react/jsx-runtime";function O51(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=mn(e);return a&&t.push({key:"Rolling noise",value:a}),t}function G51(e){let t=[];return e.severeSnow&&t.push("3PMSF severe snow"),e.iceGrip&&t.push("Ice grip"),t}function bf({label:e}){let t=O51(e),a=G51(e);return ff("div",{className:"flex flex-col bg-[var(--card-bg)] p-5",children:[a9("h3",{className:"font-heading3 text-[length:var(--size-headingSmall,22px)] font-medium leading-tight",children:e.size}),a9("dl",{className:"mt-3 flex flex-col gap-1.5 font-mono text-[length:var(--size-label,12px)]",children:t.map(s=>ff("div",{className:"flex items-baseline justify-between gap-3",children:[a9("dt",{className:"uppercase tracking-[0.14em] text-fg-dim",children:s.key}),a9("dd",{className:"text-right text-fg",children:s.value})]},s.key))}),a.length>0?a9("ul",{className:"mt-3 flex flex-wrap gap-2",children:a.map(s=>a9("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:s},s))}):null,ff("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}`,a9("span",{"aria-hidden":!0,className:"transition-transform group-hover:translate-x-1",children:"\u2192"})]})]})}import{jsx as bn,jsxs as q51}from"react/jsx-runtime";function xf({labels:e,num:t}){return e.length===0?null:q51("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:[bn(Q1,{num:t,title:"EU tyre *label.*",description:"The registered grades for this tyre, read live from the EU product registry.",accent:!0}),bn("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(a=>bn(bf,{label:a},a.registrationNumber))}),bn(q4,{text:"Source: *EPREL*, the European Product Registry for Energy Labelling. Grades are shown as registered; the registry is the authority."})]})}import{jsx as dc}from"react/jsx-runtime";var W51=["tyre"];function zf(e){return dc(x2,{kinds:W51,type:"EuTyreLabel",editing:e.editing,children:dc(U51,{...e})})}function U51({num:e,editing:t=!1}){let a=j0(),s=b3(t&&!a),c=a?.product??s,o=c?.kind==="tyre"?c.source.variants:[],l=pn(o);return l.length===0&&t?dc("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:dc("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."})}):dc(xf,{labels:l,num:e??""})}import{jsx as K51}from"react/jsx-runtime";var ZB={label:"EU Tyre Label",defaultProps:{num:""},render:e=>K51(zf,{num:w(e.num,O0.num,e.puck),editing:e.puck?.isEditing})};import{jsx as $51}from"react/jsx-runtime";var DB={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 $51(Ea,{image:a?t.cover:e.image,photos:a?(t.photos??[]).map(s=>({src:s})):e.photos,href:a?t.href:e.href,process:a?t.hideProcess?void 0:t.category:w(e.process,"",e.puck),eyebrow:a?t.hideEyebrow?void 0:t.eyebrow:w(e.eyebrow,"",e.puck),name:a?t.hideName?void 0:t.name:w(e.name,"",e.puck),meta:a?t.hideFinish?void 0:t.finish:w(e.meta,"",e.puck),previewHover:e.previewHover,ratio:e.ratio,captionPlace:e.captionPlace,editing:e.puck?.isEditing})}};import{useEffect as Cn,useState as Mn}from"react";import{useEffect as j51,useId as Y51,useRef as OB,useState as X51}from"react";import{jsx as y3,jsxs as yf}from"react/jsx-runtime";function xn({item:e,mobile:t=!1,onNavigate:a,dropdownAlign:s="start"}){let[c,o]=X51(!1),l=Y51(),r=OB(null),i=OB(null),n=e.dropdownItems.length>0,h=!fe(e.href);j51(()=>{if(!c)return;let u=r.current?.ownerDocument??document,g=d=>{r.current?.contains(d.target)||o(!1)};return u.addEventListener("pointerdown",g),()=>u.removeEventListener("pointerdown",g)},[c]);let m=()=>{o(!1),a?.()};if(!n)return h?y3(M1,{href:e.href,onClick:m,className:t?"flex min-h-11 items-center font-display text-3xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent":"whitespace-nowrap opacity-80 transition-opacity hover:opacity-100 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:e.label}):y3("span",{className:t?"flex min-h-11 items-center font-display text-3xl":"whitespace-nowrap opacity-80",children:e.label});let p=y3("button",{ref:i,type:"button","aria-label":`${c?"Close":"Open"} ${e.plainLabel} menu`,"aria-expanded":c,"aria-controls":l,onClick:()=>o(u=>!u),className:t?"flex h-11 w-11 shrink-0 items-center justify-center rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent":"flex h-8 w-8 shrink-0 items-center justify-center rounded-full opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:y3("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",stroke:"currentColor",strokeWidth:"1.5","aria-hidden":"true",className:`transition-transform ${c?"rotate-180":""}`,children:y3("path",{d:"m3 5 4 4 4-4"})})});return t?yf("div",{ref:r,children:[yf("div",{className:"flex min-h-11 items-center justify-between gap-3",children:[h?y3(M1,{href:e.href,onClick:m,className:"min-w-0 flex-1 font-display text-3xl focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:e.label}):y3("span",{className:"min-w-0 flex-1 font-display text-3xl",children:e.label}),p]}),c?y3("div",{id:l,className:"mt-3 flex flex-col border-l border-line pl-5",children:e.dropdownItems.map((u,g)=>fe(u.href)?y3("span",{className:"flex min-h-11 items-center text-base opacity-80",children:u.label},`${u.href}-${g}`):y3(M1,{href:u.href,onClick:m,className:"flex min-h-11 items-center text-base opacity-80 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:u.label},`${u.href}-${g}`))}):null]}):yf("div",{ref:r,className:"relative flex items-center whitespace-nowrap",onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1),onBlurCapture:u=>{u.currentTarget.contains(u.relatedTarget)||o(!1)},onKeyDown:u=>{u.key==="Escape"&&(o(!1),i.current?.focus())},children:[h?y3(M1,{href:e.href,onClick:m,onFocus:()=>o(!0),className:"opacity-80 transition-opacity hover:opacity-100 focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:e.label}):y3("span",{className:"opacity-80",children:e.label}),p,c?y3("div",{id:l,className:`absolute top-full z-[60] w-72 pt-3 text-fg ${s==="end"?"right-0":s==="center"?"left-1/2 -translate-x-1/2":"left-0"}`,children:y3("div",{className:"overflow-hidden rounded-lg border border-line bg-bg p-2 shadow-xl",children:e.dropdownItems.map((u,g)=>fe(u.href)?y3("span",{className:"flex min-h-11 items-center rounded-md px-4 py-2 text-sm opacity-80",children:u.label},`${u.href}-${g}`):y3(M1,{href:u.href,onClick:m,className:"flex min-h-11 items-center rounded-md px-4 py-2 text-sm opacity-80 transition-[background,opacity] hover:bg-[var(--card-bg)] hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent",children:u.label},`${u.href}-${g}`))})}):null]})}import{useEffect as gc,useRef as J51,useState as GB}from"react";function zn({stickyMode:e,heightPx:t}){let a=J51(null),[s,c]=GB(!1),[o,l]=GB(!1);return gc(()=>{let r=a.current?.ownerDocument?.defaultView??window,i=t,n=r.scrollY;function h(){let m=r.scrollY;c(m>10),e==="on_scroll_up"&&(m<=i?l(!1):m>n+4?l(!0):m<n-4&&l(!1)),n=m}return h(),r.addEventListener("scroll",h,{passive:!0}),()=>r.removeEventListener("scroll",h)},[e,t]),gc(()=>{e!=="on_scroll_up"&&l(!1)},[e]),gc(()=>{let r=a.current?.ownerDocument?.documentElement;r&&r.style.setProperty(mw,`${t}px`)},[t]),gc(()=>{let r=a.current,i=r?.ownerDocument,n=i?.defaultView;if(!r||!i||!n)return;let h="",m=u=>{let g=`${Math.round(u)}px`;g!==h&&(h=g,i.documentElement.style.setProperty(Ph,g),i.body?.style.setProperty(Ph,g))};if(typeof n.ResizeObserver!="function"){m(r.getBoundingClientRect().height);return}let p=new n.ResizeObserver(u=>{let g=u[0]?.borderBoxSize?.[0];m(g?g.blockSize:r.getBoundingClientRect().height)});return p.observe(r),()=>p.disconnect()},[]),gc(()=>{let r=a.current?.ownerDocument?.documentElement;r&&r.setAttribute("data-header-sticky",e)},[e]),{headerRef:a,scrolled:s,navHidden:o}}import{useEffect as Q51,useRef as e61,useState as qB}from"react";import{jsx as WB}from"react/jsx-runtime";function wf(){let[e,t]=qB("dark"),[a,s]=qB(!1),c=e61(null),o=()=>c.current?.ownerDocument??document;Q51(()=>{let r=o().documentElement,i=()=>t(Fw(r));i(),s(!0);let n=new MutationObserver(i);return n.observe(r,{attributes:!0,attributeFilter:[Hw]}),()=>n.disconnect()},[]);function l(){let r=o(),i=e==="dark"?"light":"dark";t(i),Tw(r.documentElement,i),Pw(r,i)}return WB("button",{ref:c,type:"button",onClick:l,"aria-label":`Switch to ${e==="dark"?"light":"dark"} theme`,"aria-pressed":e==="light",className:"relative inline-flex h-5 w-9 items-center rounded-full border border-line bg-surface-2 p-0.5",children:WB("span",{className:"block h-3.5 w-3.5 rounded-full bg-accent transition-transform duration-200 ease-out",style:{transform:a&&e==="light"?"translateX(16px)":"translateX(0)"}})})}function UB({editorPreview:e,hasPreviewSettings:t,hasInitialSettings:a}){return!e&&!t&&!a}var ZJ1=-1,a61="sf-header-theme";function s61(e){return typeof e=="number"&&Number.isInteger(e)&&e>=0?e:null}function KB(e){let t=s61(e);return t===null?null:{className:a61,style:vz(t)}}var yn="data-lead-ink",wn="data-header-ink";var c61="auto";function o61(e){return e.type==="IntroBleed"?Ke(e.props?.layout)!=="stacked":!0}function $B(e){let t=pw(e);return t&&uw(e)&&o61(t)?"light":null}function kn(e){return e==="light"||e==="dark"?e:c61}import{Fragment as Sn,jsx as I0,jsxs as i2}from"react/jsx-runtime";var jB={stacked:{grid:"hidden min-[1501px]:grid",flex:"hidden min-[1501px]:flex"},inline:{grid:"hidden min-[801px]:grid",flex:"hidden min-[801px]:flex"}},i61=Array.from({length:6},()=>({href:"#",label:I0(ge,{})}));function kf({previewSettings:e,initialSettings:t,editorPreview:a,showThemeToggle:s,wordmark:c,hideLogo:o,hideMenu:l,siteName:r,commerceEnabled:i=!0}={}){let n=Nl(),[h,m]=Mn(!1);Cn(()=>{let w1=H0.current?.ownerDocument??document,t0=()=>m(w1.querySelector(`[${yn}="light"]`)!=null);t0();let p4=requestAnimationFrame(t0);return()=>cancelAnimationFrame(p4)},[n]);let p=n.startsWith("/wheels/")&&n!=="/wheels",[u,g]=Mn(!1),{open:d,totals:f}=Q3(),{open:v}=ve(),[b,y]=Mn(!1),[z,k]=Mn(t??null),S=e??(z?{logoUrl:z.logoUrl,reverseLogo:z.reverseLogo,logoReversed:z.logoReversed,logoInkIsDark:z.logoInkIsDark,logoPosition:z.logoPosition,logoSize:z.logoSize,logoSizePx:z.logoSizePx,menuItems:(z.menuItems??[]).map(w1=>({label:w1.label,url:w1.url,dropdown_menu:null,dropdown_items:w1.dropdownItems??[]})),menuSplit:z.menuSplit??3,menuPosition:z.menuPosition,menuRow:z.menuRow,menuGapPx:z.menuGapPx??null,searchEnabled:z.searchEnabled,searchPosition:z.searchPosition,searchRow:z.searchRow,countrySelectorEnabled:z.countrySelectorEnabled,countryUrls:z.countryUrls,accountEnabled:z.accountEnabled,cartEnabled:z.cartEnabled,utilStyle:z.utilStyle,navTextCase:z.navTextCase,lightReverseText:z.lightReverseText,topTextColor:z.topTextColor,transparentTop:z.transparentTop,surface:z.surface,theme:z.theme,width:z.width,heightPx:z.heightPx,sticky:z.sticky}:null),P=o?null:S?.logoUrl??null,D=S?.reverseLogo??!1,q=S?.logoReversed??null,N=S?.logoInkIsDark??null,F=S?.logoPosition??"center",E=S?.logoSize??"medium",R=S?.logoSizePx??null,T=Math.min(Math.max(S?.menuSplit??3,1),4),G=(S?.menuPosition??"left")==="center",s1=(S?.menuPosition??"left")==="beside",_=(S?.menuRow??"top")==="inline",U=S?.menuGapPx??null,Y=U!=null?{gap:`${U}px`}:void 0,W=_?jB.inline:jB.stacked,Q=S?.searchEnabled??!1,b1=S?.searchPosition??"right",X=S?.countrySelectorEnabled??!0,v1=S?.accountEnabled??!0,G1=S?.cartEnabled??!0,O=(S?.utilStyle??"icon")==="text",e1=`mono-eyebrow${(S?.navTextCase??"uppercase")==="capitalised"?" mono-eyebrow-plain":""}`,p1=S?.countryUrls??{},S0=Qc(S?.width),A0=Jc(S0)??void 0,y1=S?.heightPx??Zo.default,e0=S?.sticky??"always",k1=kn(S?.topTextColor),l2=KB(S?.theme),j1=Object.keys(p1),y2=vl(j1.length?j1:void 0),B2=X?I0(n8,{countries:j1.length?j1:void 0,urls:e?void 0:p1}):null,{headerRef:H0,scrolled:m1,navHidden:q1}=zn({stickyMode:e0,heightPx:y1});Cn(()=>{let w1=H0.current?.ownerDocument??document,t0=()=>{y(w1.documentElement.getAttribute("data-theme")==="light")};t0();let p4=new MutationObserver(t0);return p4.observe(w1.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>p4.disconnect()},[]);let L0=s??!1?I0(wf,{}):null;Cn(()=>{if(!UB({editorPreview:!!a,hasPreviewSettings:!!e,hasInitialSettings:!!t}))return;let w1=!1;return p0.getHeaderSettings().then(t0=>!w1&&k(t0)).catch(t0=>{console.warn("[header] settings fetch failed; using built-in defaults",t0)}),()=>{w1=!0}},[a,e,t]);let F0=m1||p,o0=k1==="auto"?h:k1==="light",q0=F0||!o0,$=F0?b:b&&!o0,E1=k1==="auto"?null:{[wn]:k1};Cn(()=>{if(!u)return;let w1=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=w1}},[u]);let i0=(w1,t0,p4="start")=>I0(xn,{item:w1,dropdownAlign:p4},t0),e2=!l&&(S?.menuItems?.length??0)>0,Z5=!!a||!!e,S2=e2?S.menuItems.map(w1=>({href:w1.url||"",label:Y1(w1.label),plainLabel:w1.label,dropdownItems:(w1.dropdown_items??[]).map(t0=>({href:t0.url||"",label:Y1(t0.label),plainLabel:t0.label}))})):Z5?i61.map(w1=>({...w1,plainLabel:"Menu item",dropdownItems:[]})):[],P6=F==="center"?S2.slice(0,T):F==="right"?S2:[],D5=F==="center"?S2.slice(T):F==="left"?S2:[],O5=Q?I0(bl,{onClick:Z5?void 0:v,asText:O}):null,E6=i&&v1?I0(iC,{asText:O}):null,V6=w1=>i&&G1?I0(fl,{onClick:d,count:f.sets,asText:O,className:w1}):null,m4=i2(Sn,{children:[b1==="left"?O5:null,B2,L0,E6,V6(),b1==="right"?O5:null]}),G5=(w1,t0=!1)=>I0(M1,{href:"/","aria-label":r?`${r} home`:"Home",className:w1,children:I0(se,{variant:"header",scrolled:q0,src:P,reverse:D,onLightSurface:$,reversedSrc:q,inkIsDark:N,size:E,sizePx:R,wordmark:c,siteName:r,fitToContainer:t0})}),k3=G5("inline-flex shrink-0 items-center justify-center"),h2="flex min-w-0 flex-1 items-center overflow-x-clip [container-type:inline-size]";return i2(Sn,{children:[I0("header",{ref:H0,"data-scrolled":m1||void 0,...E1,className:["sf-site-header",...l2?[l2.className]:[],e0==="none"?"absolute":"fixed","inset-x-0 top-0 z-50","flex items-center","px-[var(--sf-site-gutter,40px)] max-[800px]:px-[min(20px,var(--sf-site-gutter,40px))]",F0?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{...l2?l2.style:null,minHeight:Do,...q1?{transform:"translateY(-100%)"}:null,...F0?{background:!b&&p?"var(--section-bg)":"var(--bg)",color:"var(--fg)"}:{color:"var(--sf-header-overlay-fg)"}},children:i2("div",{className:"w-full",style:A0,children:[G?i2("div",{className:`${W.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[F==="right"?I0("nav",{className:`${e1} flex items-center gap-7`,children:m4}):I0("div",{className:"flex items-center",children:k3}),I0("nav",{className:`${e1} flex items-center justify-center gap-7`,children:S2.map((w1,t0)=>i0(w1,`${w1.href}-${t0}`,"center"))}),F==="right"?I0("div",{className:"flex items-center justify-end",children:k3}):I0("nav",{className:`${e1} flex items-center justify-end gap-7`,children:m4})]}):F==="center"?i2("div",{className:`${W.grid} grid-cols-[1fr_auto_1fr] items-center gap-8`,children:[I0("nav",{className:`${e1} flex items-center gap-7`,children:P6.map((w1,t0)=>i0(w1,`${w1.href}-${t0}`))}),k3,i2("nav",{className:`${e1} flex items-center justify-end gap-7`,children:[D5.map((w1,t0)=>i0(w1,`${w1.href}-${t0}`,"end")),m4]})]}):s1?i2("div",{className:`${W.flex} items-center justify-between gap-8`,children:[i2("div",{className:"flex items-center gap-7",style:Y,children:[k3,I0("nav",{className:`${e1} flex items-center gap-7`,children:S2.map((w1,t0)=>i0(w1,`${w1.href}-${t0}`))})]}),I0("nav",{className:`${e1} flex items-center justify-end gap-7`,children:m4})]}):I0("div",{className:`${W.flex} items-center justify-between gap-8`,children:F==="right"?i2(Sn,{children:[i2("nav",{className:`${e1} flex items-center gap-7`,children:[S2.map((w1,t0)=>i0(w1,`${w1.href}-${t0}`)),m4]}),k3]}):i2(Sn,{children:[k3,i2("nav",{className:`${e1} flex items-center gap-7`,children:[S2.map((w1,t0)=>i0(w1,`${w1.href}-${t0}`)),m4]})]})}),!_&&i2("div",{className:"hidden min-[801px]:max-[1500px]:flex flex-col gap-3",children:[i2("div",{className:"flex items-center justify-between",children:[G5(h2,!0),i2("div",{className:`${e1} flex shrink-0 items-center gap-5`,children:[O5,B2,L0,E6,V6()]})]}),I0("nav",{className:`${e1} flex items-center gap-6 border-t border-line/60 pt-2.5`,children:S2.map((w1,t0)=>i0(w1,`${w1.href}-${t0}`))})]}),i2("div",{className:"hidden max-[800px]:flex items-center justify-between",children:[G5(h2,!0),i2("div",{className:"flex shrink-0 items-center gap-4",children:[O5,E6,V6(e1),i2("button",{type:"button","aria-label":u?"Close menu":"Open menu","aria-expanded":u,onClick:()=>g(w1=>!w1),className:"flex h-11 w-11 flex-col items-center justify-center gap-1.5",children:[I0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"translate-y-[3px] rotate-45":""}`}),I0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"opacity-0":""}`}),I0("span",{className:`block h-px w-5 bg-current transition-transform ${u?"-translate-y-[3px] -rotate-45":""}`})]})]})]})]})}),u&&i2("div",{className:"fixed inset-x-0 top-0 bottom-0 z-40 hidden overflow-y-auto max-[800px]:flex max-[800px]:flex-col max-[800px]:gap-7 max-[800px]:bg-bg max-[800px]:px-6 max-[800px]:pt-24 max-[800px]:pb-10",children:[S2.map((w1,t0)=>I0(xn,{item:w1,mobile:!0,onNavigate:()=>g(!1)},`${w1.href}-${t0}`)),i2("div",{className:"mt-auto flex flex-col gap-4 border-t border-line pt-6",children:[i&&v1&&i2("div",{className:"flex items-center justify-between",children:[I0("span",{className:"mono-eyebrow text-fg-dim",children:"Account"}),I0(M1,{href:"/account",onClick:()=>g(!1),className:"mono-eyebrow underline",children:"Your account"})]}),B2&&y2&&i2("div",{className:"flex items-center justify-between",children:[I0("span",{className:"mono-eyebrow text-fg-dim",children:"Region"}),B2]}),L0&&i2("div",{className:"flex items-center justify-between",children:[I0("span",{className:"mono-eyebrow text-fg-dim",children:"Theme"}),L0]})]})]})]})}import{jsx as YB,jsxs as h61}from"react/jsx-runtime";var n61=`
|
|
142
|
+
.sf-preview-header-pick header { cursor: pointer; }
|
|
143
|
+
.sf-preview-header-pick header:hover {
|
|
144
|
+
outline: 2px solid color-mix(in srgb, ${J5.accent} 45%, transparent);
|
|
145
|
+
outline-offset: -2px;
|
|
146
|
+
}
|
|
147
|
+
.sf-preview-header-pick[data-selected] header {
|
|
148
|
+
outline: 2px solid ${J5.accent};
|
|
149
|
+
outline-offset: -2px;
|
|
150
|
+
}
|
|
151
|
+
`;function XB(){let{settings:e,selected:t,select:a,websiteName:s,templateChrome:c,templateName:o,chromePlaceholder:l,themeSwitchShown:r}=E3(),i=c?o?.trim()||"Template":s?.trim()||Fo,n=c||l;return h61("div",{className:"sf-preview-header-pick sf-theme-surfaces","data-selected":t||void 0,onClick:h=>{h.stopPropagation(),a()},children:[YB("style",{children:n61}),YB(kf,{previewSettings:e??void 0,editorPreview:!0,showThemeToggle:r,wordmark:i,hideLogo:n,hideMenu:n})]})}import{Render as d61}from"efficient-easel/render";import{jsx as u61}from"react/jsx-runtime";var m61=["none","always","on_scroll_up"],p61=e=>m61.includes(e)?e:"always";function Cf({sticky:e,topTextColor:t,children:a}){let s=p61(e),{headerRef:c,scrolled:o,navHidden:l}=zn({stickyMode:s,heightPx:Zo.default}),r=kn(t),i=r==="auto"?null:{[wn]:r};return u61("header",{ref:c,"data-scrolled":o||void 0,"data-box-header":"",...i,className:["sf-site-header","flex flex-col justify-center",s==="none"?"absolute":"fixed","inset-x-0 top-0 z-50",o?"border-b border-line backdrop-blur-md":"border-b border-transparent","transition-[background,border-color,transform] duration-300 ease-out"].join(" "),style:{minHeight:Do,...l?{transform:"translateY(-100%)"}:null,...o?{background:"var(--bg)",color:"var(--fg)"}:{color:"var(--sf-header-overlay-fg)"}},children:a})}import{Fragment as f61,jsx as Mf}from"react/jsx-runtime";var g61=null,v61=()=>g61??={...Sf,root:{...Sf.root,render:({children:e})=>Mf(f61,{children:e})}};function Lf({group:e}){let t=Iz({root:{props:{}},content:[e],zones:{}}),a=e.props??{};return Mf(Cf,{sticky:a.sticky,topTextColor:a.topTextColor,children:Mf(d61,{config:v61(),data:t})})}import{jsx as JB}from"react/jsx-runtime";function Af({editing:e=!1}){let{headerGroup:t}=Ey();return e?t?JB(Lf,{group:t}):JB(XB,{}):null}import{jsx as b61}from"react/jsx-runtime";var QB={label:"Header",render:({puck:e})=>b61(Af,{editing:e?.isEditing})};import{useEffect as U61,useState as MR}from"react";var eR="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 Nf,useRef as B61,useState as kR}from"react";import{jsx as Hf,jsxs as tR}from"react/jsx-runtime";var x61="Please enter a valid email address.";function vc({email:e,onEmailChange:t,status:a,onResetVerdict:s,onSubmit:c,submitLabel:o,errorMessage:l,inputAriaLabel:r,buttonClassName:i,className:n,placeholder:h="you@example.com"}){return tR("form",{className:[n,"flex flex-col gap-2"].filter(Boolean).join(" "),noValidate:!0,onSubmit:m=>{m.preventDefault(),c()},children:[tR("div",{className:"flex items-stretch gap-2",children:[Hf("input",{type:"email",value:e,onChange:m=>{t(m.target.value),(a==="invalid"||a==="error")&&s()},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"}),Hf("button",{type:"submit",disabled:a==="sending",className:i,children:a==="sending"?"Sending\u2026":o})]}),(a==="error"||a==="invalid")&&Hf("p",{role:"alert",className:"font-mono text-[11px] uppercase tracking-[0.18em]",style:{color:"var(--alert)"},children:a==="invalid"?x61:l})]})}import{jsx as R5,jsxs as Nt}from"react/jsx-runtime";function fc({vehicle:e,escape:t,override:a,verdict:s,showChangeCar:c,cascadeErrorNote:o,askNote:l}){let r=e.appliedName!=="";return Nt("div",{className:"pb-2",children:[Nt("div",{className:"mb-3 flex items-center justify-between gap-4 font-mono text-[13px] font-semibold uppercase tracking-[0.2em] text-fg",children:[R5("span",{children:"Vehicle Fitment"}),t]}),a?R5("div",{className:"flex flex-col gap-3",children:a}):r?Nt("div",{className:"flex flex-col gap-3",children:[s,c&&R5("div",{children:R5("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"})})]}):Nt("div",{className:"flex flex-col gap-3",children:[R5(q3,{cascade:e.cascade,compact:!0}),e.cascade.cascadeError&&R5("p",{className:"font-mono text-[12px] leading-relaxed tracking-[0.1em] text-fg-dim",children:o}),R5("span",{className:"font-mono text-[12px] tracking-[0.1em] text-fg-dim",children:l})]})]})}function Ff({vehicle:e}){return e.appliedName?Nt("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:[Nt("span",{children:["Showing fitment for your"," ",R5("strong",{className:"font-semibold text-fg",children:e.appliedName})]}),R5("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 X4({tone:e,children:t}){return R5("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 z61,useState as aR}from"react";function Ln(e,t){let[a,s]=aR(null),[c,o]=aR(!1),l=t?.make??"",r=t?.model??"",i=t?.year??null,n=t?.modification??"",h=t!==null;return z61(()=>{if(!h||i===null){s(null),o(!1);return}let m=!0;return s(null),o(!0),JM(e,{make:l,model:r,year:i,modification:n}).then(p=>{if(!m)return;let u=p.vehicle;u.make!==l||u.model!==r||u.year!==i||u.modification!==n||(s(p),o(!1))}),()=>{m=!1}},[e,l,r,i,n,h]),{answer:a,loading:c}}function An(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 Hn={fits:"Fits",doesNotFit:"Not your size",unknown:"Unknown"};function y61(e,t,a){if(!e)return"unknown";let s=t.filter(o=>o.size===a);if(s.length===0)return"unknown";let c=s.map(o=>ka(e,o.sku));return c.includes("fits")?"fits":c.every(o=>o==="doesNotFit")?"doesNotFit":"unknown"}var Tf={fits:{color:"var(--accent)",dashed:!1},doesNotFit:{color:void 0,dashed:!1},unknown:{color:void 0,dashed:!0}};function sR(e,t){if(!e)return[];let a=[];for(let n of t)a.includes(n.size)||a.push(n.size);let s=a.filter(n=>y61(e,t,n)==="fits"),c=n=>{let h=e4(n);return h?P4(h):null},o=new Map;for(let n of s){let h=c(n);h!==null&&!o.has(h)&&o.set(h,n)}let l=[],r=new Set,i=new Set;for(let n of e.oemSizes){let h=c(n),m=h===null?void 0:o.get(h),p=m??n;r.has(p)||(r.add(p),h!==null&&i.add(h),l.push({size:p,made:m!==void 0}))}for(let n of s){let h=c(n);h!==null&&i.has(h)||r.has(n)||(r.add(n),l.push({size:n,made:!0}))}return l}import{Fragment as cR,jsx as S4,jsxs as M4}from"react/jsx-runtime";function Pf({slug:e,variants:t,vehicle:a,manualMode:s,setManualMode:c}){let{answer:o,loading:l}=Ln(e,s?null:Gl(a.applied?.vehicle)),r=a.appliedName;return S4(fc,{vehicle:a,escape:S4("button",{type:"button",className:"cursor-pointer text-right text-accent hover:underline",onClick:()=>c(i=>!i),children:s?"\u2190 Find by vehicle":"Select by specs instead \u2192"}),override:s?M4(X4,{tone:"quiet",children:[S4("strong",{className:"font-semibold text-fg",children:"You are choosing by size."}),M4("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."," ",S4(M1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]}):null,verdict:S4(w61,{answer:o,loading:l,car:r,variants:t,onChange:a.clear}),showChangeCar:!1,cascadeErrorNote:M4(cR,{children:["Vehicle data is unavailable right now. Pick your size above, or"," ",S4(M1,{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 w61({answer:e,loading:t,car:a,variants:s,onChange:c}){if(t||!e)return M4(X4,{tone:"quiet",children:[S4("strong",{className:"font-semibold text-fg",children:"Checking your car\u2026"})," ",M4("span",{children:["Reading the factory tyre sizes for your ",a,"."]})]});let o=sR(e,s),l=e.status==="doesNotFit"?"You can still order any size here \u2014 check it suits your car first.":"",r=o.length===0?An(e):"",i=r&&l?`${r} ${l}`:r||l;return M4(X4,{tone:e.status==="fits"?"good":"quiet",children:[M4("span",{className:"block",children:[e.status==="fits"?M4("strong",{className:"font-semibold text-accent",children:["\u2713 Made in a size your ",a," takes"]}):e.status==="doesNotFit"?M4("strong",{className:"font-semibold text-fg",children:["Not made in a size your ",a," takes"]}):M4("strong",{className:"font-semibold text-fg",children:["We cannot check this tyre against your ",a]}),M4("span",{className:"whitespace-nowrap",children:[" \xB7 ",S4("button",{type:"button",onClick:c,"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?S4("span",{className:"mt-1.5 block",children:i}):null,o.length>0?M4(cR,{children:[S4("span",{className:"mt-1.5 block",children:"Your car takes:"}),S4("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:o.map(n=>{let h=n.made?Tf.fits:Tf.doesNotFit;return S4("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 ${Hn.fits}`:n.size},n.size)})})]}):null]})}import{useEffect as oR,useState as lR}from"react";var Fn="(max-width: 720px) 88vw, (max-width: 1100px) 44vw, 700px";function rR(e,t,a){return a<=1?0:((e+t)%a+a)%a}function iR(e,t,a){return[{glyph:"\u25C1",label:"Previous angle",onClick:()=>a(rR(e,-1,t))},{glyph:"\u27F3",label:"Reset to first angle",onClick:()=>a(0)},{glyph:"\u25B7",label:"Next angle",onClick:()=>a(rR(e,1,t))}]}function k61(e){let{props:t}=cx({src:e,alt:"",fill:!0,sizes:Fn}),a=new window.Image;return t.sizes&&(a.sizes=t.sizes),t.srcSet&&(a.srcset=t.srcSet),a.src=t.src,a.decode()}function nR(e,t,a=k61){let[s,c]=lR(()=>new Set),[o,l]=lR(t),r=e.join(`
|
|
152
|
+
`);oR(()=>{let n=!0,h=m=>{n&&c(p=>p.has(m)?p:new Set(p).add(m))};for(let m of r?r.split(`
|
|
153
|
+
`):[])a(m).then(()=>h(m),()=>h(m));return()=>{n=!1}},[r]);let i=t===void 0||s.has(t)||o===void 0;return oR(()=>{i&&o!==t&&l(t)},[i,o,t]),i?t:o}import{Fragment as M61,jsx as w3,jsxs as W3}from"react/jsx-runtime";function Ef({selection:e,spec:t,vehicle:a,wheel:s}){let{manualMode:c,setManualMode:o}=e,l=Ni(e.rows,e.preOrder),r=a.appliedName!=="",i=(s?.variants??[]).some(Gd),n=EN({wheel:s,applied:r,fit:a.fit,resolving:a.resolving});return w3(fc,{vehicle:a,escape:w3("button",{type:"button",className:"cursor-pointer text-right text-accent hover:underline",onClick:()=>o(h=>!h),children:c?"\u2190 Find by vehicle":"Select by specs instead \u2192"}),override:c?W3(X4,{tone:"quiet",children:[w3("strong",{className:"font-semibold text-fg",children:"You are choosing by the numbers."}),W3("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.`:l?"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."," ",w3(M1,{href:"/fitment",className:"text-accent hover:underline",children:"Talk to an engineer \u2192"})]})]}):null,verdict:w3(C61,{verdict:n,car:a.appliedName}),showChangeCar:n.state!=="fits"&&n.state!=="checking",cascadeErrorNote:W3(M61,{children:["Vehicle data is unavailable right now. Pick your wheel by its specs instead, or"," ",w3(M1,{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 C61({verdict:e,car:t}){switch(e.state){case"checking":return W3(X4,{tone:"quiet",children:[w3("strong",{className:"font-semibold text-fg",children:"Checking fitment\u2026"})," ",W3("span",{children:["Reading the factory wheel specs for your ",t,"."]})]});case"fits":return W3(X4,{tone:"good",children:[W3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),w3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>w3("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 W3(X4,{tone:"good",children:[W3("strong",{className:"font-semibold text-accent",children:["\u2713 Fits your ",t]}),w3("ul",{className:"mt-2 flex flex-wrap gap-1.5",children:e.checks.map(a=>w3("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))}),W3("span",{className:"mt-2 block border-l-2 border-alert pl-2.5",children:[w3("strong",{className:"font-semibold text-fg",children:"Check the offset. "}),j8(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."," ",w3(M1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us if you are unsure \u2192"})]})]});case"no-fit":return W3(X4,{tone:"bad",children:[W3("strong",{className:"font-semibold",style:{color:"var(--alert)"},children:["\u2717 Does not fit your ",t]}),w3("span",{className:"mt-1.5 block",children:j8(e.failure)})]});case"unknown":return W3(X4,{tone:"quiet",children:[w3("strong",{className:"font-semibold text-fg",children:e.missing==="vehicle"?`We cannot check this wheel against your ${t}`:"We cannot check this wheel"}),W3("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."," ",w3(M1,{href:"/contact",className:"text-accent hover:underline",children:"Ask us before you order \u2192"})]})]});default:return null}}import{useState as uR}from"react";import{useCallback as mR,useRef as S61,useState as L61}from"react";function hR(e,t,a){return{productSlug:e,email:a.trim(),size:t?l8(t):""}}function pR(){let[e,t]=L61("idle"),a=S61(!1),s=mR(()=>{a.current=!1,t("idle")},[]),c=mR(async({productSlug:o,size:l,email:r,dryRun:i=!1})=>{if(!a.current){if(!ae(r)){t("invalid");return}a.current=!0,t("sending");try{i||await p0.createPreOrderIntent(hR(o,l,r))}catch{a.current=!1,t("error");return}a.current=!1,t("sent")}},[]);return{status:e,submit:c,reset:s}}import{jsx as _t,jsxs as Bt}from"react/jsx-runtime";function Vf({wheel:e,editing:t=!1}){let a=e.sizePairs??[],[s,c]=uR(a.length>0?0:-1),[o,l]=uR(""),{status:r,submit:i,reset:n}=pR(),h=s>=0?a[s]??null:null;function m(){i({productSlug:e.slug,size:h,email:o,dryRun:t})}return Bt("div",{className:"flex flex-col gap-5 border-t border-line pt-[18px]",children:[Bt("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:[_t("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&&Bt("div",{children:[Bt("div",{className:"mb-3.5 font-mono text-[13px] font-semibold uppercase tracking-[0.22em] text-fg",children:["Size \xB7"," ",_t("span",{className:"text-accent",children:h?l8(h):"Select a size"})]}),_t("div",{className:"flex flex-wrap gap-1.5",children:a.map((p,u)=>{let g=u===s;return Bt("button",{type:"button",onClick:()=>{c(u),r==="sent"&&n()},className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",g?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:g?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[g&&_t("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),_t("span",{className:"block text-[14px] tracking-[0.18em]",children:l8(p)})]},l8(p))})})]}),r==="sent"?Bt("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,"."]}):_t(vc,{email:o,onEmailChange:l,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 A61}from"react";import{Fragment as H61,jsx as Tn}from"react/jsx-runtime";function Pn({src:e,alt:t,fallback:a,fill:s=!1,width:c,height:o,sizes:l,className:r,style:i,priority:n,draggable:h,imageKey:m,imageWrapperClassName:p,onImageClick:u,imageButtonClassName:g,imageButtonLabel:d}){let[f,v]=A61(null),b=e||"";if(!(b!==""&&f!==b))return Tn(H61,{children:a});let z=Tn(P3,{src:b,alt:t,...s?{fill:!0}:{width:c??1e3,height:o??1e3},sizes:l,className:r,style:i,priority:n,draggable:h,onError:()=>v(b)},m??b),k=p?Tn("div",{className:p,children:z}):z;return u?Tn("button",{type:"button",onClick:u,"aria-label":d,className:g,children:k}):k}function dR(e){let t=e.angles??(e.src?[e.src]:[]),a=[],s=[];for(let c of t)(c.split("/").pop()??"").includes("20-20")?a.push(c):s.push(c);return[...s,...a]}import{Fragment as gR,jsx as L4,jsxs as T61}from"react/jsx-runtime";function En(e,t){return e.captions[t]?.trim()||`Photo ${t+1}`}function Vn({text:e}){return e==="FusionForge\xAE"?T61(gR,{children:["FusionForge",L4(Y5,{})]}):L4(gR,{children:e})}function vR(e,t,a){if(e.kind==="tyre"){let h=e.source,m=t.shown.size??h.sizes[0]??"",p=h.variants.find(d=>d.size===m),u=p?.specs.tireType??h.variants[0]?.specs.tireType??null,g=[p?.image,h.coverImage].filter(d=>!!d);return{heading:hi(h.brand,h.name),photos:g.slice(0,1),tint:void 0,stageImage:()=>L4(s6,{image:p?.image??h.coverImage,size:m,type:u,sizes:Fn,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:L4(Pf,{slug:h.slug,variants:h.variants,vehicle:t.vehicle,manualMode:t.manualMode,setManualMode:t.setManualMode}),vehicleMemory:t.manualMode?null:L4(Ff,{vehicle:t.vehicle}),vehicleAnswersSpecs:!1,preOrder:null}}let s=e.source,c=hE(s,t.shown.finish),o=L7(s,t.part),l=Ii(t),r=Yd(c,l),i=r?[...r]:dR(c),n=i.length>0?i:s.coverImage?[s.coverImage]:[];return{heading:e.name,photos:n,tint:c.color,stageImage:({photo:h,alt:m,label:p,onZoom:u,fit:g})=>L4(Pn,{src:h,alt:m,fill:!0,sizes:Fn,className:g==="cover"?"object-cover":"object-contain",priority:!0,onImageClick:u,imageButtonClassName:"relative block h-[88%] w-[88%] cursor-zoom-in",imageButtonLabel:p,fallback:L4(c8,{spokes:s.spokes,mesh:s.mesh,className:"block h-[70%] w-[70%]"})}),thumbImage:({photo:h,alt:m})=>L4(Pn,{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:L4(c8,{spokes:s.spokes,mesh:s.mesh,className:"block h-[55%] w-[55%]"})}),captions:n.map(h=>c.captions?.[h]),thumbFallbackCells:4,galleryHint:F61(n,c,l,t.manualMode),metaValue:c.name,specCaption:o?Ms(o):"",originCaption:s.process==="FusionForge\xAE"?"FusionForge\xAE \xB7 Hybrid":`${s.process} \xB7 1-piece`,unitLabel:"per wheel",vehicle:L4(Ef,{selection:t,spec:o?Ms(o):"",vehicle:t.vehicle,wheel:s}),vehicleMemory:t.manualMode?null:L4(Ff,{vehicle:t.vehicle}),vehicleAnswersSpecs:!0,preOrder:L4(Vf,{wheel:s,editing:a})}}function F61(e,t,a,s){return e.length>=2||a!=null||!Object.values(t.lugRenderings??{}).some(o=>Array.isArray(o)&&o.filter(Boolean).length>=2)?"":s?"Pick a bolt pattern to see every angle":"Pick your vehicle to see every angle"}import{createContext as P61,useContext as E61,useEffect as V61,useState as fR}from"react";import{jsx as _61}from"react/jsx-runtime";var bR="storefront-wishlist";function N61(e){let t=JSON.parse(e);return Array.isArray(t)?t.filter(a=>typeof a=="string"):[]}var xR=P61(null);function Q10({children:e}){let[t,a]=fR([]),[s,c]=fR(!1);V61(()=>{let r=t3.getItem(bR);try{r&&a(N61(r))}catch{}c(!0)},[]);function o(r){let i=t.includes(r)?t.filter(n=>n!==r):[...t,r];a(i),t3.setItem(bR,JSON.stringify(i))}let l={slugs:t,ready:s,has:r=>t.includes(r),toggle:o,count:t.length};return _61(xR.Provider,{value:l,children:e})}function zR(){let e=E61(xR);if(!e)throw new Error("useWishlist must be used within a WishlistProvider");return e}var yR="data-option-row";import{Fragment as J4,jsx as f1,jsxs as $1}from"react/jsx-runtime";var R61=4e3;function I61(e){return e?[e.year,e.make,e.model,e.modification].join("-"):""}function Rt({product:e,selection:t,onLightbox:a,editing:s=!1,pricePlacement:c="top",showVehicleFitment:o=!0,heroLayout:l=I7,imageRatio:r=Z7,textAlign:i=e9,showSpecTable:n=!0,showPriceQuote:h=!0,galleryMode:m=D7,imageFit:p=O7}){let u=Ht(l),g=cn(i),d=on(r),f=ln(m),v=N_(rn(p),eE(e)),b=u==="imageRight"?`${100-d}fr ${d}fr`:`${d}fr ${100-d}fr`,{picked:y,pick:z,qty:k,setQty:S,choice:P,setChoice:D,angleIdx:q,setAngleIdx:N,showValidation:F,setShowValidation:E,manualMode:R,vehicle:T,rows:G,facts:s1,part:_,outOfStock:U,offer:Y,preOrder:W,canAddToCart:Q,currency:b1,price:X,set:v1,msrpLabel:G1}=t,O=vR(e,t,s),{bullets:e1}=MS(),p1=UP(e),S0=jP(e),A0=o?O.vehicle:null,y1=o?O.vehicleMemory:null,[e0,k1]=kR(!1);Nf(()=>{let $=()=>{k1(document.documentElement.getAttribute("data-theme")==="light")};$();let E1=new MutationObserver($);return E1.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>E1.disconnect()},[]);let{add:l2,open:j1,warmCatalog:y2}=Q3();Nf(()=>{s||y2(e.kind)},[s,e.kind,y2]);let B2=G.filter($=>!W||$.values.length>0),H0=B2.filter($=>$.role==="resolves"),m1=B2.filter($=>$.role==="describes"&&!tE(S0,$.key)),q1=m1.findIndex($=>$.chosen===null),L0=(!A0||!O.vehicleAnswersSpecs||t.fitmentSet)&&Ni(G,W)?q1===-1?m1:m1.slice(0,q1+1):[],F0=[...H0,...L0],o0=$1("div",{className:"flex items-baseline gap-5 border-t border-line pt-[18px]",children:[G1&&f1("div",{className:"font-mono text-[length:var(--size-label,15px)] text-fg-dim line-through",children:G1}),f1("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:p1?Ww(X,b1):te(X,b1)}),X.priced&&f1("div",{className:"font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:O.unitLabel}),X.setTotal!=null&&$1("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:[Y.quantityLabel,": ",D2(v1,b1)]})]}),q0=B61(null);return Nf(()=>{s||q0.current===e.slug||(q0.current=e.slug,Uw({itemId:_?`${e.slug}|${_.id}`:e.slug,itemName:e.name,variant:O.metaValue,pricePerSet:X.setTotal??X.fromSetTotal??0,currency:b1}))},[s,e.slug,e.name,O.metaValue,_,X,b1]),$1(J4,{children:[f1("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:e0?void 0:{background:"var(--section-bg)"},children:e.crumbs.map(($,E1)=>$1("span",{children:[E1>0&&$1(J4,{children:[f1("span",{className:"mx-3 text-accent",children:"/"}),f1("wbr",{})]}),$.href?f1(M1,{href:$.href,className:"hover:text-fg",children:f1(Vn,{text:$.label})}):f1("span",{className:"text-fg",children:f1(Vn,{text:$.label})})]},`${$.label}-${E1}`))}),$1("section",{"data-hero-layout":u,"data-hero-align":g,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:{...e0?{}:{background:"var(--section-bg)"},...u==="stacked"?{}:{"--hero-cols":b}},children:[$1("div",{"data-hero-gallery":f,"data-hero-fit":v,className:f==="tiled"?"flex items-start gap-3 max-[720px]:gap-2":void 0,style:u==="imageRight"?{order:2}:void 0,children:[$1("div",{className:f==="tiled"?"min-w-0 flex-1":void 0,children:[f1(O61,{name:e.name,view:O,angleIdx:q,onSelect:N,isLight:e0,onLightbox:a,fit:v}),O.galleryHint&&f1("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:O.galleryHint})]}),f!=="main"&&f1(G61,{name:e.name,view:O,angleIdx:q,onSelect:N,isLight:e0,tiled:f==="tiled"})]}),$1("div",{className:["flex flex-col gap-7",g==="center"?"items-center text-center":""].filter(Boolean).join(" "),style:u==="imageRight"?{order:1}:void 0,children:[$1("div",{children:[$1("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:[f1("span",{children:f1(Vn,{text:e.eyebrow})}),e.badge&&$1(J4,{children:[f1("span",{children:"\xB7"}),f1("span",{children:e.badge})]})]}),f1("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 $=O.heading.lastIndexOf(" ");if($===-1)return O.heading;let E1=O.heading.slice(0,$),i0=O.heading.slice($+1);return $1(J4,{children:[E1," ",$1("em",{className:"font-normal italic text-accent",children:[i0,"."]})]})})()})]}),c!=="belowSpecs"&&h&&o0,y1,H0.map($=>f1(wR,{row:$,onPick:z},$.key)),W&&O.preOrder?$1(J4,{children:[c==="belowSpecs"&&h&&o0,O.preOrder]}):$1(J4,{children:[A0,L0.map($=>f1(wR,{row:$,onPick:z},$.key)),n&&f1(Z61,{facts:s1}),(Y.packs.length>0||Y.extra||Y.spareCounts.length>0)&&$1("div",{className:"border-b border-line pb-[26px]",children:[Y.packs.length>0&&$1(J4,{children:[f1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:"How many"}),f1("div",{className:"flex flex-wrap gap-1.5",children:Y.packs.map($=>$1("button",{type:"button",onClick:()=>D(E1=>({...E1,unit:$.value})),"aria-pressed":P.unit===$.value,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",P.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:P.unit===$.value?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[P.unit===$.value&&f1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),f1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:$.label})]},$.value))})]}),Y.extra&&$1("label",{className:`${Y.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:[f1("input",{type:"checkbox",checked:P.spares>0,onChange:$=>D(E1=>({...E1,spares:$.target.checked?Ko:0})),className:"h-4 w-4 cursor-pointer accent-[var(--accent)]"}),Y.extra.label]}),Y.spareCounts.length>0&&$1(J4,{children:[f1("div",{className:"mb-3.5 font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:Z8.howMany}),f1("div",{className:"flex flex-col gap-1.5 sm:flex-row sm:flex-wrap",children:Y.spareCounts.map($=>{let E1=$.value-K6,i0=P.spares===E1;return $1("button",{type:"button",onClick:()=>D(e2=>({...e2,spares:E1})),"aria-pressed":i0,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",i0?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:i0?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[i0&&f1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),$1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:[$.value," \xB7 ",$.label]})]},$.value)})})]}),Y.spareSide&&$1(J4,{children:[f1("div",{className:"mb-3.5 mt-[26px] font-mono text-[length:var(--size-label,13px)] font-semibold uppercase tracking-[0.22em] text-fg",children:Y.spareSide.label}),f1("div",{className:"flex flex-wrap gap-1.5",children:Y.spareSide.options.map($=>{let E1=P.spareSide===$.value;return $1("button",{type:"button",onClick:()=>D(i0=>({...i0,spareSide:$.value})),"aria-pressed":E1,className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",E1?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:E1?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[E1&&f1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),f1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:$.label})]},$.value)})})]})]}),c==="belowSpecs"&&h&&o0,$1("div",{className:eR,children:[!(p1&&!X.priced)&&$1("div",{className:"flex items-center border-2 border-fg-dim/50",children:[f1("button",{type:"button",onClick:()=>k>1&&S(k-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"}),f1("span",{className:"w-11 text-center font-mono text-[length:var(--size-label,15px)] font-bold tracking-[0.1em] text-fg",children:k}),f1("button",{type:"button",onClick:()=>k<jo&&S(k+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:"+"})]}),p1&&!X.priced?f1(M1,{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:Yo}):X.priced?U?f1("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"}):$1("button",{type:"button",[X9]:"",onClick:()=>{if(!Q){E(!0),window.setTimeout(()=>E(!1),R61);return}if(E(!1),s)return;let $=dE(e,_,y,{choice:P,qty:k},{fitmentLabel:R?O.specCaption:T.appliedName?`For ${T.appliedName}`:"",fitmentKey:R?`manual|${O.specCaption}`:`vehicle|${I61(T.applied?.vehicle)}`});$&&(l2($),j1())},"aria-disabled":!Q,className:["flex-1 px-6 py-4 font-mono text-[length:var(--size-label,14px)] font-bold uppercase tracking-[0.32em] transition-colors",Q?"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:Q?void 0:{background:"color-mix(in oklab, var(--accent) 6%, transparent)"},children:["Add to Cart",X.setTotal!=null?` \xB7 ${D2(v1,b1)}`:""]}):f1("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:$6}),f1(q61,{slug:e.slug,name:e.name})]}),U&&_&&f1(W61,{partNumbers:_.components.map($=>$.partNumber),productSlug:e.slug},_.id),F&&(()=>{let $=F0.filter(i0=>i0.chosen===null).map(i0=>i0.prompt.replace(/^Select\s+/i,""));if(A0&&O.vehicleAnswersSpecs&&!t.fitmentSet&&$.push("vehicle fitment"),$.length===0)return null;let E1=$.length===1?$[0]:$.length===2?`${$[0]} and ${$[1]}`:`${$.slice(0,-1).join(", ")}, and ${$.at(-1)}`;return $1("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 ",E1," first."]})})()]}),e1.length>0&&f1("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:e1.map(($,E1)=>$1("li",{children:[f1("strong",{className:"font-bold text-accent",children:$.label}),$.detail?` ${Aa} ${$.detail}`:""]},`${$.label}-${E1}`))})]})]})]})}function Z61({facts:e}){return e.length===0?null:$1("div",{className:"border-b border-line pb-[26px]",children:[f1("dl",{className:"flex flex-col gap-2",children:e.map(t=>$1("div",{className:"flex flex-wrap items-baseline gap-x-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.22em]",children:[$1("dt",{className:"text-fg-dim",children:[t.label," \xB7"]}),f1("dd",{className:"font-semibold text-fg",children:t.value.label})]},t.key))}),f1("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 wR({row:e,onPick:t}){if(e.values.length===0&&!e.empty)return null;let a=e.values.find(c=>c.value===e.chosen),s=a&&[a.label,a.note].filter(Boolean).join(" \xB7 ");return $1("div",{className:"border-b border-line pb-[26px]",[yR]:e.key,children:[$1("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 ",f1("span",{className:"text-accent",children:s??e.prompt})]}),e.values.length===0?$1("p",{className:"font-mono text-[length:var(--size-body,12px)] leading-relaxed tracking-[0.1em] text-fg-dim",children:[e.empty.text," ",f1(M1,{href:e.empty.href,className:"text-accent hover:underline",children:e.empty.linkText})]}):e.display==="swatch"?f1("div",{className:"grid grid-cols-2 gap-2",children:e.values.map(c=>{let o=c.value===e.chosen;return $1("button",{type:"button",onClick:()=>t(e.key,c.value),className:["relative flex items-center gap-3 border-2 px-3 py-3 text-left transition-colors",o?"border-accent outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 hover:border-accent"].join(" "),style:o?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[o&&f1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),f1("span",{className:"block h-5 w-5 shrink-0 rounded-full border border-fg-dim",style:{background:c.swatch}}),f1("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:c.label})]},c.value)})}):f1("div",{className:"flex flex-wrap gap-1.5",children:e.values.map(c=>{let o=c.value===e.chosen;return $1("button",{type:"button",onClick:()=>t(e.key,c.value),className:["relative cursor-pointer border-2 px-4 py-3 text-left font-mono uppercase transition-colors",o?"border-accent text-fg outline outline-1 outline-accent -outline-offset-1":"border-fg-dim/50 text-fg hover:border-accent"].join(" "),style:o?{background:"color-mix(in oklab, var(--accent) 14%, transparent)"}:void 0,children:[o&&f1("span",{"aria-hidden":!0,className:"absolute inset-y-0 left-0 w-[3px] bg-accent"}),f1("span",{className:"block text-[length:var(--size-label,14px)] tracking-[0.18em]",children:c.label}),c.note&&f1("span",{className:"mt-1 block text-[length:var(--size-label,11px)] tracking-[0.12em] text-fg-dim",children:c.note})]},c.value)})})]})}function CR(e){return e.photos.length>0?e.photos.length:e.thumbFallbackCells}var D61=6;function O61({name:e,view:t,angleIdx:a,onSelect:s,isLight:c,onLightbox:o,fit:l}){let r=t.photos[Math.min(a,t.photos.length-1)],i=nR(t.photos,r),n=CR(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]?En(t,p):"",g=[e,t.metaValue,u].filter(Boolean).join(" \u2014 "),d="max-[720px]:static",f=["relative flex aspect-square items-center justify-center overflow-hidden max-[720px]:col-span-2",c?"bg-bg":""].join(" ");return $1("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:[$1("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 ${d} max-[720px]:min-w-0 max-[720px]:flex-wrap max-[720px]:gap-x-2 max-[720px]:gap-y-1`,children:[h&&$1(J4,{children:[$1("span",{className:"text-accent",children:[String(a+1).padStart(2,"0")," / ",m]}),f1("span",{className:"text-fg-dim",children:"\xB7"})]}),f1("span",{children:e}),t.metaValue&&$1(J4,{children:[f1("span",{className:"text-fg-dim",children:"\xB7"}),f1("span",{className:"text-accent",children:t.metaValue})]})]}),h&&f1("div",{className:`absolute right-5 top-5 z-10 flex gap-1 ${d}`,children:iR(a,n,s).map(b=>f1("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))}),$1("div",{className:f,children:[["top-3 left-3","top-3 right-3","bottom-3 left-3","bottom-3 right-3"].map((b,y)=>f1("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:g,label:`Open ${[e,t.metaValue].filter(Boolean).join(" ")} at full resolution`,onZoom:()=>o(i,g),fit:l})]}),$1("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 ${d} max-[720px]:col-span-2 max-[720px]:flex-wrap`,children:[f1("span",{children:t.specCaption}),f1("span",{children:t.originCaption})]})]})}function G61({name:e,view:t,angleIdx:a,onSelect:s,isLight:c,tiled:o=!1}){let l=CR(t);return l<2?null:f1("div",{className:o?"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:!o&&l>4?{gridTemplateColumns:`repeat(${Math.min(l,D61)}, minmax(0, 1fr))`}:void 0,children:Array.from({length:l}).map((r,i)=>{let n=t.photos[i];return $1("button",{type:"button",onClick:()=>s(i),"aria-label":`View ${En(t,i)}`,className:["relative flex aspect-square items-center justify-center overflow-hidden transition-colors",c?"bg-bg":"",i===a?"border border-accent":"border border-transparent hover:border-fg-dim"].join(" "),style:{color:t.tint},children:[f1("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 ${En(t,i)}`})]},i)})})}function q61({slug:e,name:t}){let{has:a,toggle:s}=zR(),c=a(e);return f1("button",{type:"button",title:c?"Saved":"Save","aria-label":c?`Remove ${t} from wishlist`:`Save ${t} to wishlist`,"aria-pressed":c,onClick:()=>s(e),className:["h-12 w-12 cursor-pointer border-2 bg-transparent transition-colors",c?"border-accent text-accent":"border-fg-dim/50 text-fg hover:border-accent hover:text-accent"].join(" "),children:c?"\u2665":"\u2661"})}function W61({partNumbers:e,productSlug:t}){let[a,s]=kR(""),{status:c,submit:o,reset:l}=di();function r(){o({partNumbers:e,email:a,productSlug:t})}return c==="sent"?f1("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."}):f1(vc,{className:"-mt-1",email:a,onEmailChange:s,status:c,onResetVerdict:l,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 $61,jsx as s9,jsxs as j61}from"react/jsx-runtime";function _f({slug:e,kind:t="wheel",editing:a=!1,pricePlacement:s,showVehicleFitment:c=!0,...o}){let[l,r]=MR(null),[i,n]=MR(!1);return U61(()=>{let h=!1;return r(null),n(!1),(t==="tyre"?p0.getTyre(e).then(p=>({kind:"tyre",tyre:p})):p0.getWheel(e).then(p=>({kind:"wheel",wheel:p}))).then(p=>{h||r(p)}).catch(()=>{h||n(!0)}),()=>{h=!0}},[e,t]),i?s9(SR,{message:"Couldn\u2019t load this product."}):l?s9(K61,{record:l,editing:a,pricePlacement:s,showVehicleFitment:c,...o}):s9(SR,{message:"Loading product\u2026"})}function K61({record:e,editing:t=!1,pricePlacement:a,showVehicleFitment:s=!0,...c}){let o=e.kind==="tyre"?Zi(e.tyre):Ss(e.wheel),l=$s(o,{editing:t}),r=Ks();return j61($61,{children:[s9(Rt,{product:o,selection:l,onLightbox:r.open,editing:t,pricePlacement:a,showVehicleFitment:s,...c}),s9(xt,{item:r.item,onClose:r.close})]})}function SR({message:e}){return s9("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:s9("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:e})})}import{Fragment as Q61,jsx as I5,jsxs as e71}from"react/jsx-runtime";var Y61=t4;function Nn({editing:e=!1,pricePlacement:t,showVehicleFitment:a=!0,...s}){let c=j0();return I5(x2,{kinds:Y61,type:"ProductHero",editing:e,children:c?I5(Rt,{product:c.product,selection:c.selection,onLightbox:c.openLightbox,editing:e,pricePlacement:t,showVehicleFitment:a,...s}):e?I5(X61,{pricePlacement:t,showVehicleFitment:a,...s}):I5(_n,{message:"Bound to the current product \u2014 preview on a product page."})})}function X61({pricePlacement:e,showVehicleFitment:t,...a}){let s=b3(!0);return s?I5(J61,{product:s,pricePlacement:e,showVehicleFitment:t,...a}):I5(_n,{message:"Loading sample product\u2026"})}function J61({product:e,pricePlacement:t,showVehicleFitment:a,...s}){let c=$s(e,{editing:!0}),o=Ks();return e71(Q61,{children:[I5(Rt,{product:e,selection:c,onLightbox:o.open,editing:!0,pricePlacement:t,showVehicleFitment:a,...s}),I5(xt,{item:o.item,onClose:o.close})]})}function _n({message:e}){return I5("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:I5("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.2em] text-fg-dim",children:e})})}import{jsx as bc}from"react/jsx-runtime";function t71({source:e,editing:t=!1,pricePlacement:a=At,showVehicleFitment:s=!0,heroLayout:c=I7,imageRatio:o=Z7,textAlign:l=e9,showSpecTable:r=!0,showPriceQuote:i=!0,galleryMode:n=D7,imageFit:h=O7}){let m={heroLayout:c,imageRatio:o,textAlign:l,showSpecTable:r,showPriceQuote:i,galleryMode:n,imageFit:h};return j0()||t&&O2()?bc(Nn,{editing:t,pricePlacement:a,showVehicleFitment:s,...m}):e?.slug?bc(_f,{slug:e.slug,kind:e.kind??"wheel",editing:t,pricePlacement:a,showVehicleFitment:s,...m}):t?bc(_n,{message:"Pick a product in the panel to fill this hero."}):bc(Nn,{pricePlacement:a,showVehicleFitment:s,...m})}var LR={label:"Product Hero",defaultProps:{source:null,pricePlacement:At,showVehicleFitment:!0,heroLayout:I7,imageRatio:Z7,textAlign:e9,showSpecTable:!0,showPriceQuote:!0,galleryMode:D7,imageFit:O7},render:e=>bc(t71,{source:e.source,editing:e.puck?.isEditing,pricePlacement:E_(e.pricePlacement),showVehicleFitment:e.showVehicleFitment??!0,heroLayout:Ht(e.heroLayout),imageRatio:on(e.imageRatio),textAlign:cn(e.textAlign),showSpecTable:e.showSpecTable??!0,showPriceQuote:e.showPriceQuote??!0,galleryMode:ln(e.galleryMode),imageFit:rn(e.imageFit)})};import{jsx as a71}from"react/jsx-runtime";var AR={label:"Product",defaultProps:{code:"",finish:""},render:e=>a71(Fv,{code:e.code||void 0,finish:e.finish||void 0,wheel:e.wheel})};import{jsx as s71}from"react/jsx-runtime";var HR={label:"Search",defaultProps:{style:"icon"},render:({style:e,puck:t})=>s71(yB,{style:e,editing:t?.isEditing})};import{useEffect as o71,useRef as l71}from"react";import{jsx as xc,jsxs as FR}from"react/jsx-runtime";var c71={fits:{className:"font-medium",style:{color:"var(--green)"}},doesNotFit:{className:"text-fg-dim"},unknown:{className:"text-fg-dim"}};function Bf({variants:e,answer:t,loading:a=!1}){return t?FR("div",{className:"mt-9",children:[xc("p",{className:"max-w-[68ch] font-serif text-[length:var(--size-body,18px)] italic leading-[1.55] text-fg-dim",children:An(t)}),xc("ul",{className:"mt-6 grid gap-[2px] border border-line bg-line",children:e.map(s=>{let c=ka(t,s.sku),o=c71[c];return FR("li",{className:"flex items-baseline justify-between gap-6 bg-bg px-[18px] py-4",children:[xc("span",{className:"font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.14em] text-fg",children:s.size}),xc("span",{className:`font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] ${o.className}`,style:o.style,children:Hn[c]})]},s.sku)})})]}):a?xc("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 Rf,jsxs as TR}from"react/jsx-runtime";var If="Will it fit *your car?*",Zf="Pick your vehicle and we\u2019ll tell you which of these sizes matches what it came on.",Df="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",Of="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 Gf({num:e,title:t=If,description:a=Zf,escapeText:s,escapeHref:c,omitHead:o=!1,slug:l,variants:r,onAnswer:i}){let n=C4({autoApply:!0}),{answer:h,loading:m}=Ln(l,Gl(n.applied?.vehicle)),p=l71(i);return p.current=i,o71(()=>{p.current?.(h)},[h]),TR("section",{className:o?Of:Df,children:[o?null:Rf(Q1,{num:e,title:t,description:a,accent:!0}),Rf(q3,{cascade:n.cascade}),s&&c?TR("a",{href:c,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:[s," \u2192"]}):null,Rf(Bf,{variants:r,answer:h,loading:m})]})}import{jsx as zc,jsxs as n71}from"react/jsx-runtime";var r71=["tyre"];function qf(e){return zc(x2,{kinds:r71,type:"TyreFitment",editing:e.editing,children:zc(i71,{...e})})}function i71({num:e,title:t,description:a,escapeText:s,escapeHref:c,omitHead:o=!1,editing:l=!1}){let r=j0(),i=b3(l&&!r),n=r?.product??i,h=n?.kind==="tyre"?n.source:null;return!h||h.variants.length===0?l?n71("section",{className:o?Of:Df,children:[o?null:zc(Q1,{num:e,title:t||If,description:a||Zf,accent:!0}),zc("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:zc(Gf,{num:e,title:t||void 0,description:a||void 0,escapeText:s,escapeHref:c,omitHead:o,slug:h.slug,variants:h.variants})}import{jsx as h71}from"react/jsx-runtime";var PR={label:"Tyre Fitment Form",defaultProps:{num:"",title:"",description:"",escapeText:"",escapeHref:""},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=o=>t?void 0:o,s=t1(e.escapeText),c=t1(e.escapeHref);return h71(qf,{num:a(w(e.num,O0.num,e.puck)),title:a(w(e.title,A.sectionHeading,e.puck)),description:a(w(e.description,A.body,e.puck)),escapeText:s,escapeHref:c,omitHead:t,editing:e.puck?.isEditing})}};import{jsx as W7,jsxs as NR}from"react/jsx-runtime";var ER="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",VR="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",m71=[],p71=["tyre"];function Wf(e){return W7(x2,{kinds:p71,type:"TyreSizes",editing:e.editing,children:W7(u71,{...e})})}function u71({num:e,title:t,description:a,editing:s=!1,omitHead:c=!1}){let o=j0(),l=b3(s&&!o),r=o?.product??l,i=r?.kind==="tyre"?r.source.variants:[],n=c?null:W7(Q1,{num:e?C(e):void 0,title:j(t||"Available *sizes.*",!1),description:C(a||"Every size this tyre is made in, with its own price and stock."),accent:!0});if(i.length===0)return s?NR("section",{className:c?VR:ER,children:[n,W7("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 NR("section",{className:c?VR:ER,children:[n,W7(d71,{variants:i,fieldUsage:o?.fieldUsage??m71}),W7(q4,{text:h?Dl:""})]})}function d71({variants:e,fieldUsage:t}){let{currency:a,formatPrice:s}=h0();return W7("div",{className:"grid grid-cols-3 gap-2 max-[1100px]:grid-cols-2 max-[720px]:grid-cols-1",children:e.map(c=>W7(Ws,{fieldUsage:t,size:c.size,specs:c.specs,prices:c.prices,image:c.image,inStock:c.inStock,currency:a,formatPrice:s},c.sku))})}import{jsx as g71}from"react/jsx-runtime";var _R={label:"Tyre Sizes",defaultProps:{num:"",title:"",description:""},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return g71(Wf,{num:a(w(e.num,O0.num,e.puck)),title:a(w(e.title,A.sectionHeading,e.puck)),description:a(w(e.description,A.body,e.puck)),omitHead:t,editing:e.puck?.isEditing})}};var BR={AlloyWheelsListing:JE,BrandStrip:pB,BundleOffer:fB,CartBlock:CB,CatalogFilterBar:BB,CheckoutCTA:bV,CollectionCard:RB,Collections:CV,CompatibleTyres:tN,CountrySwitchBlock:IB,DeliveryOptions:oN,DetailRows:xN,EuTyreLabel:ZB,FitmentFinder:SN,FitmentTable:UN,Gallery:e_,GalleryB:n_,GalleryItem:DB,Header:QB,ProductGrid:S_,ProductHero:LR,ProductRef:AR,RelatedProducts:O_,SearchBlock:HR,SpecTable:cB,TyreFitment:PR,TyreSizes:_R};var v71={AlloyWheelsListing:tV,BrandStrip:lV,BundleOffer:rV,CartBlock:iV,CatalogFilterBar:vV,CheckoutCTA:xV,CollectionCard:wV,Collections:SV,CompatibleTyres:aN,CountrySwitchBlock:sN,DeliveryOptions:rN,DetailRows:yN,EuTyreLabel:wN,FitmentFinder:LN,FitmentTable:KN,Gallery:s_,GalleryB:h_,GalleryItem:v_,Header:f_,ProductGrid:A_,ProductHero:__,ProductRef:D_,RelatedProducts:G_,SearchBlock:q_,SpecTable:lB,TyreFitment:rB,TyreSizes:iB},Z0=Be(BR,v71);import{jsx as h4,jsxs as Bn}from"react/jsx-runtime";function Kf(e={}){let t=ww();return h4(OS,{editing:e.editing,previewConfirmation:!!e.nodeId&&t===e.nodeId,children:h4(f71,{...e})})}var RR="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]",Uf="grid gap-8 min-[960px]:grid-cols-[minmax(0,1fr)_minmax(360px,0.8fr)] min-[960px]:gap-12";function f71({eyebrow:e,heading:t,intro:a,buttonLabel:s,successMessage:c,boxes:o,inBoxes:l=!1}){let{fieldPrefix:r,editing:i,services:n,currency:h,serviceId:m,setServiceId:p,requiresPayment:u,date:g,earliestDate:d,setDate:f,setDateTouched:v,availability:b,loadingSlots:y,noSlotsMessage:z,selectedStart:k,setSelectedStart:S,customerTimezone:P,name:D,setName:q,email:N,setEmail:F,phone:E,setPhone:R,notes:T,setNotes:G,confirmation:s1,submitting:_,error:U,canSubmit:Y,handleSubmit:W,sample:Q}=n7(),b1=Q?h4("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?h4("p",{className:"font-mono text-[12px] uppercase tracking-[0.2em] text-fg-dim",children:"Loading appointments\u2026"}):n?.length===0?h4("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 l&&o?h4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Bn("div",{className:RR,children:[b1,s1?h4(o,{className:`${Uf} items-start`}):Bn("form",{onSubmit:W,children:[h4(o,{className:`${Uf} items-start`}),X]})]})}):h4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Bn("div",{className:RR,children:[b1,h4(cr,{eyebrow:e,heading:t,intro:a}),s1?h4(rr,{successMessage:c}):X||Bn("form",{onSubmit:W,className:Uf,children:[h4(or,{}),h4(lr,{buttonLabel:s})]})]})})}import{jsx as b71}from"react/jsx-runtime";var $f={boxes:{type:"slot",allow:["BookingBox"]}},IR={label:"Booking Form",fields:$f,defaultProps:{eyebrow:"",heading:"",intro:"",buttonLabel:"",successMessage:""},render:e=>b71(Kf,{eyebrow:w(e.eyebrow,A.eyebrow,e.puck),heading:w(e.heading,A.heading,e.puck),intro:w(e.intro,A.body,e.puck),buttonLabel:w(e.buttonLabel,A.button,e.puck),successMessage:w(e.successMessage,A.bookingConfirmation,e.puck),boxes:e.boxes,inBoxes:e.layout==="boxes",nodeId:typeof e.id=="string"?e.id:void 0,editing:e.puck?.isEditing})};var ZR={fields:{_gContent:x("Content"),eyebrow:I("Eyebrow"),heading:V1("Heading"),intro:V1("Introduction"),buttonLabel:I("Submit button"),successMessage:V1("Confirmation message"),boxes:$f.boxes},resolveFields:(e,{fields:t})=>{if(e.props.layout!=="boxes")return t;let{eyebrow:a,heading:s,intro:c,buttonLabel:o,successMessage:l,...r}=t;return r}};var DR={fields:{_gTextStyle:x("Text style"),...Object.fromEntries(ir.map(e=>[nr[e],d1(hp[e],Pe(hp[e]),[{label:"Section's own",value:""},...t5.map(t=>({label:b9[t],value:t}))],"")])),_gContent:x("Content"),eyebrow:I("Eyebrow"),heading:V1("Heading"),intro:V1("Introduction"),buttonLabel:I("Submit button"),successMessage:V1("Confirmation message")},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,c=ir.map(l=>nr[l]),o=l=>Object.fromEntries(Object.entries(s).filter(([r])=>r.startsWith("_")||c.includes(r)||l.includes(r)));return o(a==="head"?["eyebrow","heading","intro"]:a==="details"?["buttonLabel"]:a==="confirm"?["successMessage"]:[])}};import{EyeIcon as x71,LinkIcon as OR,EyeOffIcon as z71}from"efficient-easel/icons";import{jsx as yc}from"react/jsx-runtime";var GR={fields:{_gTop:x("Routing groups"),routingNumber:H("Section number",u0.routingNumber),routingTagline:H("Eyebrow",u0.routingTagline),groups:{type:"array",label:"Groups",arrayFields:{eyebrow:I("Eyebrow"),title:V1("Title"),copy:V1("Body"),response:I("Response time")},getItemSummary:e=>e?.title||e?.eyebrow||"Group"},_gForm:x("Message form"),formSlug:v5(),formNumber:H("Section number",u0.formNumber),formHeading:B("Heading",u0.formHeading),metaItems:H2("Meta lines",yc(j3,{noun:"meta"}),"Encrypted in transit","verbatim"),_gOther:x("\u201COther\u201D reason"),showOther:c1("Show \u201COther\u201D reason",u0.showOther,yc(x71,{})),otherLabel:I("\u201COther\u201D chip label",u0.otherLabel),otherNoteTitle:H("\u201COther\u201D note title",u0.otherNoteTitle),otherNoteBody:B("\u201COther\u201D note body",u0.otherNoteBody),_gSubmit:x("Submit button"),buttonText:I("Submit button",u0.buttonText),consent:B("Consent line",u0.consent),_gChannels:x("Contact info"),channels:{type:"array",label:"Channels",arrayFields:{label:I("Label"),value:I("Value"),href:e3(I("Link")),sub:I("Sub line"),groupId:d1("Link to group",yc(OR,{}),[{label:"\u2014 Not linked \u2014",value:""},...u0.groups.map(e=>({label:e.title,value:e.id}))],""),hidden:c1("Hidden",!1,yc(z71,{}))},getItemSummary:e=>`${e?.label||e?.value||"Channel"}${e?.hidden?" \xB7 hidden":""}`}},resolveData:e=>{let t=e.props.groups??[];if(!t.some(c=>!c?.id))return e;let a=new Set,s=t.map((c,o)=>{if(c?.id)return a.add(c.id),c;let l=kp(c?.title)||`group-${o+1}`;for(;a.has(l);)l=`${l}-${o+1}`;return a.add(l),{...c,id:l}});return{...e,props:{...e.props,groups:s}}},resolveFields:(e,{fields:t})=>{let a=e.props.groups??[],s=[{label:"\u2014 Not linked \u2014",value:""},...a.map((l,r)=>({label:l?.title||l?.eyebrow||`Group ${r+1}`,value:l?.id||kp(l?.title)||`group-${r+1}`}))],c=t,o=c.channels;return o?.type==="array"&&o.arrayFields&&(c.channels={...o,arrayFields:{...o.arrayFields,groupId:d1("Link to group",yc(OR,{}),s,"")}}),t}};import{useEffect as y71,useRef as w71,useState as k71}from"react";import{Fragment as A71,jsx as jf,jsxs as H71}from"react/jsx-runtime";var C71=12,Rn=null,qR=null;function M71(e=!1){let t=r2();if((e||qR!==t)&&(Rn=null),!Rn){let a=V3();qR=t,Rn=X1.listBlogPosts(a,{visibleOnly:!0,siteId:t}).catch(()=>null)}return Rn}function S71(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 L71(e){return{slug:e.slug,title:e.title,excerpt:e.excerpt,cover:e.cover_image?d9(e.cover_image)??"":"",meta:e.category||void 0,dateLabel:S71(e.published_at)||void 0}}function c9({value:e,onChange:t,snapshotCount:a=C71}){let[s,c]=k71("idle"),o=Array.isArray(e),l=o?e.length:0,r=w71(!0),i=h=>{c("loading"),M71(h).then(m=>{if(!r.current)return;if(m===null){c("error");return}c("idle");let p=m.slice(0,a).map(L71);l6(p,e??null)&&t(p)})};y71(()=>(r.current=!0,i(!1),()=>{r.current=!1}),[]);let n=s==="loading"?"Syncing from Storefront \u2192 Blog\u2026":s==="error"?"Couldn\u2019t reach Storefront \u2192 Blog.":o?`Auto-synced from Storefront \u2192 Blog \xB7 ${l} post${l===1?"":"s"}`:"Linking to Storefront \u2192 Blog\u2026";return H71("div",{children:[jf(N9,{label:"Blog posts"}),jf(c4,{status:s,statusText:n,onRefresh:()=>i(!0),busy:s==="loading",spaced:!1,hint:jf(A71,{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 It,jsxs as KR}from"react/jsx-runtime";var WR=3,$R="featured",jR=[{label:"Even grid",value:"even"},{label:"Featured first",value:$R}],YR="even",F6={min:2,max:11,step:1,fallback:7,unit:"of 12"},F71="bottom-left",T71=55,P71="bottom";function E71(e){let t=typeof e=="number"?e:Number.parseFloat(String(e??"")),a=Number.isFinite(t)?Math.min(F6.max,Math.max(F6.min,Math.round(t))):F6.fallback;return`${a}fr ${12-a}fr`}var UR={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"},V71="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]",N71="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 Yf({num:e,title:t,link:a,posts:s,columns:c,limit:o,showAll:l=!1,editing:r=!1,cardImage:i,gap:n,layout:h,featuredWidth:m,listCover:p=!0,featuredDarken:u,omitHead:g=!1}){let d=s??[],f=l?d.length:typeof o=="number"&&o>0?o:WR,v=d.slice(0,f),b=r&&v.length===0;if(v.length===0&&!r)return null;let y=b?Array.from({length:l?WR:f},(P,D)=>({slug:`placeholder-${D}`,title:"Blog post title",excerpt:"A short summary of the post appears here.",cover:"",meta:"Journal",dateLabel:"Date"})):v,z=N3("Events",n,"both"),k=h===$R&&y.length>1,S=E71(m);return KR("section",{className:g?N71:V71,style:J2(i),children:[g?null:It(Q1,{num:e!==void 0?C(e):void 0,title:t!==void 0?j(t,!1):void 0,link:a?{text:C(a.text),href:a.href}:void 0}),k?KR("div",{className:`sf-card-grid grid grid-cols-[var(--sf-events-split)] max-[800px]:grid-cols-1${z.className}`,style:{...z.style,"--sf-events-split":S},children:[It(H8,{post:y[0],scaffold:b,layout:"cover",darken:u??T71,darkenStyle:P71,placement:F71},`${y[0].slug}-0`),It("div",{className:`grid auto-rows-min${z.className}`,style:z.style,children:y.slice(1).map((P,D)=>It(H8,{post:P,scaffold:b,showCover:p},`${P.slug}-${D+1}`))})]}):It("div",{className:`sf-card-grid grid${z.className} ${UR[Math.min(4,Math.max(1,c??3))]??UR[3]}`,style:z.style,children:y.map((P,D)=>It(H8,{post:P,scaffold:b},`${P.slug}-${D}`))})]})}import{LayoutIcon as B71,ColumnsIcon as R71,WidthIcon as I71,ImageIcon as Z71,OpacityIcon as D71,ListIcon as O71,HashIcon as G71}from"efficient-easel/icons";import{jsx as _71}from"react/jsx-runtime";var o9={num:A.sectionNumber,title:"Section title",link:A.viewAll},XR={label:"Latest Posts",defaultProps:{num:"",title:"",linkText:"",linkHref:"/journal",columns:3,limit:3,showAll:!1},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=c=>t?void 0:c,s=w(e.linkText,o9.link,e.puck);return _71(Yf,{num:a(w(e.num,o9.num,e.puck)),title:a(w(e.title,o9.title,e.puck)),link:a(s?{text:s,href:t1(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 l9}from"react/jsx-runtime";var q71=50,JR={fields:{_gContent:x("Content"),num:H("Number",o9.num),title:B("Heading",o9.title),linkText:H("Button",o9.link),linkHref:A1("Link"),_gPosts:x("Blog posts"),posts:t2(c9,{snapshotCount:q71}),_gLayout:x("Layout"),layout:d1("Arrangement",l9(B71,{}),jR,YR),columns:a1("Columns",l9(R71,{}),2,4,1,3),featuredWidth:a1("Featured width",l9(I71,{}),F6.min,F6.max,F6.step,F6.fallback,F6.unit),listCover:c1("Show cover image on the smaller cards",!0,l9(Z71,{})),featuredDarken:a1("Darken",l9(D71,{}),P2.min,P2.max,P2.step,55,P2.unit),gap:_3("Events"),showAll:c1("Show all blog posts",!1,l9(O71,{})),limit:a1("Posts to display",l9(G71,{}),1,20,1,3),cardImage:G6()},resolveFields:(e,{fields:t,parent:a})=>{let s=e.props,c={...t},o=l=>D1(W1(l,a,U1),e.props.headPlacement,R1.Events.headRows);if(s.showAll&&delete c.limit,s.layout==="featured")delete c.columns;else for(let l of["featuredWidth","listCover","featuredDarken"])delete c[l];return o(c)}};import{SettingsField as W71,SettingsSegmented as U71}from"efficient-easel/panel";import{WidthIcon as K71}from"efficient-easel/icons";import{jsx as In}from"react/jsx-runtime";function wc({value:e,resolved:t,onChange:a,label:s="Width",labelId:c,followsLabel:o,hint:l}){let r=e===void 0,i=r?t:e;return In(W71,{label:s,labelId:c,icon:In(K71,{}),value:r?o:void 0,changed:!r,action:r?void 0:In(Oz,{label:s,what:"change",onClear:()=>a(void 0)}),hint:l,children:In(U71,{options:[{label:uh.page,id:"content"},{label:uh.full,id:"full"}],value:i,ariaLabel:s,onChange:a})})}import{SettingsField as $71,SettingsSwitch as j71}from"efficient-easel/panel";import{BlockColumnIcon as Y71}from"efficient-easel/icons";import{Fragment as X71,jsx as Zn,jsxs as J71}from"react/jsx-runtime";function Xf({value:e,onChange:t}){let a=c5(),s={...M9,...e},c=s[a];return Zn($71,{label:"Logo fills its column",icon:Zn(Y71,{}),action:Zn(j71,{checked:c,onChange:o=>t({...s,[a]:o}),ariaLabel:`Logo fills its column on ${o5[a]}`}),hint:J71(X71,{children:["Sets the ",Zn("strong",{children:o5[a]})," view \u2014 switch views in the top bar to set each one."]})})}import{SettingsField as Q71,SettingsSwitch as e81}from"efficient-easel/panel";import{FullWidthIcon as t81}from"efficient-easel/icons";import{Fragment as a81,jsx as Dn,jsxs as s81}from"react/jsx-runtime";function Jf({value:e,onChange:t}){let a=c5(),s={...S9,...e},c=s[a];return Dn(Q71,{label:"Logo fills its row",icon:Dn(t81,{}),action:Dn(e81,{checked:c,onChange:o=>t({...s,[a]:o}),ariaLabel:`Logo fills its row on ${o5[a]}`}),hint:s81(a81,{children:["Sets the ",Dn("strong",{children:o5[a]})," view \u2014 switch views in the top bar to set each one."]})})}import{jsx as c81}from"react/jsx-runtime";function Qf({value:e,onChange:t}){return c81(fs,{label:"Columns per line",unit:"columns",steps:Ez,value:lo(e),onChange:t})}import{useContext as o81,useEffect as l81,useRef as r81,useState as eI}from"react";import{jsx as Zt,jsxs as QR}from"react/jsx-runtime";function kc(){let e=zB();return QR("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:[Zt("span",{children:e}),QR("span",{className:"flex flex-wrap items-center gap-3",children:[Zt("span",{children:"Privacy"}),Zt("span",{"aria-hidden":!0,children:"\xB7"}),Zt("span",{children:"Terms"}),Zt("span",{"aria-hidden":!0,children:"\xB7"}),Zt("span",{children:"Cookies"})]})]})}import{jsx as eb,jsxs as h81}from"react/jsx-runtime";var tI={1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6"},i81={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"},n81={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 tb({blocks:e,editing:t=!1,width:a,columns:s,logoFill:c,logoRowFill:o}){let l=o81(ta),{desktop:r,tablet:i,mobile:n}=lo(s),{desktop:h,tablet:m,mobile:p}={...M9,...c},{desktop:u,tablet:g,mobile:d}={...S9,...o},f=c5(),b=t?tI[f==="desktop"?r:f==="tablet"?i:n]:`${tI[n]} ${i81[i]} ${n81[r]}`,y=r81(null),[z,k]=eI(1),[S,P]=eI(!1);if(l81(()=>{if(!t&&!l)return;let q=y.current;if(!q)return;let N=()=>{let s1=q.querySelector(".footer-block-grid");if(!s1)return;let _=t?f:sy(window.innerWidth),U=_==="desktop"?u:_==="tablet"?g:d;P(U);let Y=_==="desktop"?h:_==="tablet"?m:p,W=getComputedStyle(s1).gridTemplateColumns.split(" ").filter(Boolean).length-1,Q=Math.max(s1.childElementCount-1,0);k(!U&&Y&&W>=1?Math.max(Math.ceil(Q/W),1):1)},F,E=()=>{clearTimeout(F),F=setTimeout(N,0)},R=[0,80,250,600].map(s1=>setTimeout(N,s1)),T=new MutationObserver(E);T.observe(q,{childList:!0,subtree:!0});let G=new ResizeObserver(E);return G.observe(q),()=>{clearTimeout(F),R.forEach(clearTimeout),T.disconnect(),G.disconnect()}},[r,i,n,t,l,f,h,m,p,u,g,d]),!t&&!l)return null;let D=Jc(Qc(a))??void 0;return eb("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":z,"--footer-logo-col":S?"1 / -1":"1"},children:h81("div",{style:D,children:[eb(e,{className:`footer-block-grid mb-[60px] grid items-start gap-x-10 gap-y-12 ${b}`,minEmptyHeight:160}),eb(kc,{})]})})}import{jsx as m81}from"react/jsx-runtime";var ab={blocks:{type:"slot",allow:["FooterLogo","FooterMenu","FooterDivider","FooterGroup","FooterText","FooterEmailSignup","FooterSocial"]}},aI={label:"Footer",fields:ab,defaultProps:{columns:Vz,logoFill:M9,logoRowFill:S9},render:({blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,puck:o})=>m81(tb,{blocks:e,width:t,columns:a,logoFill:s,logoRowFill:c,editing:o?.isEditing})};import{jsx as On}from"react/jsx-runtime";var sI={fields:{_gLayout:x("Layout"),width:{type:"custom",render:({value:e,onChange:t})=>On(wc,{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})=>On(Qf,{value:e,onChange:t})},logoFill:{type:"custom",render:({value:e,onChange:t})=>On(Xf,{value:e,onChange:t})},logoRowFill:{type:"custom",render:({value:e,onChange:t})=>On(Jf,{value:e,onChange:t})},_gBlocks:x("Blocks"),blockList:s2("Footer"),blocks:ab.blocks}};import{WeightIcon as p81,WidthIcon as u81,PhoneIcon as d81}from"efficient-easel/icons";import{jsx as sb}from"react/jsx-runtime";var cI={fields:{_gStyle:x("Style"),thickness:a1("Thickness",sb(p81,{}),1,8,1,1,"px"),lengthPct:a1("Length",sb(u81,{}),10,100,1,100,"%"),hideOnMobile:c1("Hide on mobile",!1,sb(d81,{}))}};var oI={fields:{_gContent:x("Content"),heading:V1("Heading","Join our email list"),placeholder:I("Field placeholder","Email address"),buttonLabel:I("Button","Subscribe")}};import{AlignLeftIcon as f81}from"efficient-easel/icons";import{jsx as lI}from"react/jsx-runtime";var g81={start:"items-start",center:"items-center",end:"items-end"};function cb({direction:e="vertical",gap:t,align:a="start",content:s}){let c=N3("FooterGroup",t,e==="horizontal"?"inline":"block");return lI("div",{className:"min-w-0",children:lI(s,{className:`flex ${e==="horizontal"?"flex-row flex-wrap":"flex-col"} ${g81[a]}${c.className}`,style:c.style,minEmptyHeight:80})})}import{jsx as v81}from"react/jsx-runtime";var ob={blocks:{type:"slot",allow:["FooterText","FooterEmailSignup","FooterMenu","FooterDivider","FooterSocial"]}},rI={label:"Footer Box",fields:ob,defaultProps:{direction:"vertical",align:"start"},render:({direction:e,gap:t,align:a,blocks:s})=>v81(cb,{direction:e,gap:t,align:a,content:s})};import{jsx as b81}from"react/jsx-runtime";var iI={fields:{_gLayout:x("Layout"),direction:g1("Direction",J7("`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:_3("FooterGroup"),align:g1("Alignment",b81(f81,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),_gBlocks:x("Blocks"),blockList:s2("FooterGroup"),blocks:ob.blocks}};import{WidthIcon as x81,AlignLeftIcon as z81,LogoIcon as y81,PaddingTopIcon as w81,PaddingRightIcon as k81,PaddingBottomIcon as C81,PaddingLeftIcon as M81}from"efficient-easel/icons";import{jsx as r9}from"react/jsx-runtime";var nI={fields:{_gContent:x("Content"),tagline:V1("Body","Short brand tagline"),_gStyle:x("Style"),widthPct:a1("Width",r9(x81,{}),40,400,1,100,"%"),align:g1("Alignment",r9(z81,{}),[{label:"Start",value:"left"},{label:"Center",value:"center"},{label:"End",value:"right"}],"left"),reverse:g1("Logo color",r9(y81,{}),[{label:"Auto contrast",value:"auto"},{label:"As uploaded",value:"off"}],"auto"),padTop:a1("Padding top",r9(w81,{}),0,120,2,0,"px"),padRight:a1("Padding right",r9(k81,{}),0,120,2,0,"px"),padBottom:a1("Padding bottom",r9(C81,{}),0,120,2,0,"px"),padLeft:a1("Padding left",r9(M81,{}),0,120,2,0,"px")}};import{SettingsField as S81}from"efficient-easel/panel";import{FieldSelect as L81}from"efficient-easel/fields";import{MenuIcon as A81}from"efficient-easel/icons";import{useCallback as H81,useEffect as hI,useState as lb}from"react";import{jsx as Dt,jsxs as rb}from"react/jsx-runtime";function ib({value:e,onChange:t}){let[a,s]=lb(null),[c,o]=lb(!1),l=H81(v=>{s(v),o(!0)},[]);hI(()=>{let v=!1;return dm(V3()).then(b=>{v||l(b)}).catch(()=>{v||s([])}),()=>{v=!0}},[l]),hI(()=>{let v=!1,b=_z(()=>{wC(V3()).then(y=>{v||l(y)}).catch(()=>{})});return()=>{v=!0,b()}},[l]);let r=a===null,i=!!(e?.id||e?.handle),n=c&&i&&!wl(a??[],e),h=!i&&(e?.items?.length??0)>0,m=n?"":wl(a??[],e)?.id??"",p=v=>t({id:v.id,handle:v.handle,name:v.name,items:v.items.map(b=>({label:b.label,url:b.url}))}),u=v=>{if(!v){t(null);return}let b=(a??[]).find(y=>y.id===v);b&&p(b)},[g,d]=lb(!1),f=()=>{i&&(d(!0),dm(V3(),!0).then(v=>{l(v);let b=wl(v,e);b&&p(b)}).catch(()=>{}).finally(()=>d(!1)))};return rb("div",{children:[Dt(S81,{label:"Menu",icon:Dt(A81,{}),hint:!r&&a&&a.length===0?"Create menus in Storefront \u2192 Menus, then pick one here.":void 0,children:Dt(L81,{value:m,ariaLabel:"Menu",onChange:u,readOnly:r||(a?.length??0)===0,options:[{label:r?"Loading menus\u2026":a&&a.length===0?"No menus found":"Select a menu\u2026",value:""},...(a??[]).map(v=>({label:`${v.name} (${v.item_count??v.items.length})`,value:v.id}))]})}),h?Dt("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:uC}):null,n?Dt("p",{className:"mt-1.5 text-[12px] text-[var(--sf-warning,#b45309)]",children:dC(e?.name??"The linked menu")}):null,i&&!n?rb("div",{className:"mt-1.5 flex items-center justify-between gap-2",children:[rb("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:"]}),Dt("button",{type:"button",className:"shrink-0 text-[12px] font-medium text-[var(--sf-accent,#0f7c4f)] underline-offset-2 hover:underline disabled:opacity-50",onClick:f,disabled:g,children:g?"Updating\u2026":"Update links"})]}):null]})}import{PhoneIcon as F81,LineBetweenIcon as T81}from"efficient-easel/icons";import{jsx as nb}from"react/jsx-runtime";var mI={fields:{_gContent:x("Content"),menu:{type:"custom",render:({value:e,onChange:t})=>nb(ib,{value:e,onChange:t})},heading:I("Heading","Column heading"),_gStyle:x("Style"),accordionMobile:c1("Show as accordion on mobile",!1,nb(F81,{})),showDividers:c1("Dividers between links",!1,nb(T81,{}))}};import{jsx as Cc}from"react/jsx-runtime";var pI={small:16,medium:20,large:24},hb=0,mb=32,dI=2,Mc=0,uI={start:"justify-start",center:"justify-center",end:"justify-end"};function pb({iconStyle:e=$9,iconSize:t="medium",align:a="start",gap:s=Mc,editing:c=!1}){let o=bB(),l=By(_y(o));if(l.length===0)return c?Cc("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=pI[t]??pI.medium,n={gap:Math.min(mb,Math.max(hb,Number.isFinite(s)?s:0)),"--social-mark":`${r}px`};return Cc("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)] ${uI[a]??uI.start}`,style:n,children:l.map(({platform:h,href:m,label:p})=>Cc("li",{children:Cc("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:Cc(zw,{platform:h,iconStyle:e,size:r})})},h))})}import{Fragment as P81,jsx as ub,jsxs as E81}from"react/jsx-runtime";function db(){let{openPanel:e}=Eo();return E81(P81,{children:[ub(N9,{label:"Social links"}),ub("p",{className:"sf-field-hint",children:"The links are typed once for the whole website, in Site settings."}),ub("button",{type:"button",className:"sf-part-link",onClick:e,children:"Edit social links \u2192"})]})}import{StylesIcon as V81,TextSizeIcon as N81,AlignLeftIcon as _81,GapIcon as B81}from"efficient-easel/icons";import{jsx as Sc}from"react/jsx-runtime";var gI={fields:{_gStyle:x("Style"),iconStyle:g1("Icon style",Sc(V81,{}),[{label:"Outline",value:"outline"},{label:"Solid",value:"solid"}],$9),iconSize:g1("Icon size",Sc(N81,{}),[{label:"Small",value:"small"},{label:"Medium",value:"medium"},{label:"Large",value:"large"}],"medium"),_socialLinks:{type:"custom",render:()=>Sc(db,{})},_gLayout:x("Layout"),align:g1("Alignment",Sc(_81,{}),[{label:"Start",value:"start"},{label:"Center",value:"center"},{label:"End",value:"end"}],"start"),gap:a1("Gap",Sc(B81,{}),hb,mb,dI,Mc,"px")}};import{TextSizeIcon as R81}from"efficient-easel/icons";import{jsx as I81}from"react/jsx-runtime";var vI={fields:{_gContent:x("Content"),text:V1("Body","Footer text"),_gStyle:x("Style"),size:g1("Size",I81(R81,{}),[{label:"S",value:"sm"},{label:"M",value:"md"},{label:"L",value:"lg"}],"md"),tone:tr()}};var fI={fields:{_gForm:x("Form"),formSlug:v5(),_gContent:x("Content"),heading:I("Heading override"),intro:V1("Intro"),submitText:I("Submit button"),finePrint:I("Fine print")}};var bI={fields:{}};var Gn="e.g. D00123 \xB7 blank = the whole store";import{useState as U7}from"react";import{Fragment as O81,jsx as X2,jsxs as Ot}from"react/jsx-runtime";var qn="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",Z81="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))]",D81="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 Wn({label:e,children:t}){return Ot("label",{className:"flex flex-col gap-2",children:[X2("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-fg",children:e}),t]})}function gb({eyebrow:e,title:t,designCode:a,omitHead:s=!1,editing:c=!1}={}){let[o,l]=U7(""),[r,i]=U7(""),[n,h]=U7(0),[m,p]=U7(""),[u,g]=U7(""),[d,f]=U7(!1),[v,b]=U7(!1),[y,z]=U7(null);async function k(S){if(S.preventDefault(),!(c||d)){if(n<1){z("Choose a star rating.");return}f(!0),z(null);try{await p0.submitReview({authorName:o.trim(),...r.trim()?{email:r.trim()}:{},rating:n,...m.trim()?{title:m.trim()}:{},body:u.trim(),...a?.trim()?{designCode:a.trim()}:{}}),b(!0)}catch{z("Something went wrong \u2014 your review wasn't sent. Please try again.")}finally{f(!1)}}}return X2("section",{className:"relative z-[2] border-t border-line bg-surface",children:Ot("div",{className:s?D81:Z81,children:[s?null:Ot(O81,{children:[(e??"").trim()&&X2(H1,{text:e??"",scaled:!1,className:"mb-4 block"}),(t??"").trim()&&X2("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:j(t??"",!1)})]}),v?X2("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."}):Ot("form",{className:"flex max-w-[720px] flex-col gap-5",onSubmit:k,children:[Ot("div",{className:"grid grid-cols-2 gap-3 max-[640px]:grid-cols-1",children:[X2(Wn,{label:"Name",children:X2("input",{type:"text",required:!0,value:o,onChange:S=>l(S.target.value),className:qn})}),X2(Wn,{label:"Email \u2014 never shown publicly",children:X2("input",{type:"email",value:r,onChange:S=>i(S.target.value),className:qn})})]}),Ot("div",{className:"flex flex-col gap-2",children:[X2("span",{className:"font-mono text-[12px] font-semibold uppercase tracking-[0.22em] text-fg",children:"Rating"}),X2("div",{role:"group","aria-label":"Rating",className:"flex gap-1",children:[1,2,3,4,5].map(S=>X2("button",{type:"button","aria-pressed":n>=S,"aria-label":`${S} star${S===1?"":"s"}`,onClick:()=>{h(S),z(null)},className:["cursor-pointer text-[30px] leading-none transition-colors",n>=S?"text-accent":"text-fg-dim/30 hover:text-fg-dim"].join(" "),children:"\u2605"},S))})]}),X2(Wn,{label:"Review title (optional)",children:X2("input",{type:"text",value:m,onChange:S=>p(S.target.value),className:qn})}),X2(Wn,{label:"Your review",children:X2("textarea",{required:!0,rows:5,value:u,onChange:S=>g(S.target.value),className:qn+" resize-y"})}),y&&X2("p",{role:"alert",className:"font-mono text-[12px] uppercase tracking-[0.18em] text-alert",children:y}),X2("button",{type:c?"button":"submit",disabled:d,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:d?"Sending\u2026":"Submit review \u2192"})]})]})})}import{jsx as G81}from"react/jsx-runtime";var Lc={eyebrow:"Your turn",title:"Leave a *review.*"},xI={label:"Review Form",defaultProps:{eyebrow:"",title:"",designCode:""},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return G81(gb,{eyebrow:a(w(e.eyebrow,Lc.eyebrow,e.puck)),title:a(w(e.title,Lc.title,e.puck)),omitHead:t,designCode:t1(e.designCode)||void 0,editing:e.puck?.isEditing})}};var zI={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",Lc.eyebrow),title:B("Heading",Lc.title),_gSource:x("Reviews"),designCode:e3(I("Design code",Gn))},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.ReviewForm.headRows)};import{StylesIcon as J81,HashIcon as Q81,ColumnsIcon as e91}from"efficient-easel/icons";import{useEffect as q81,useState as W81}from"react";function yI(e,t){let[a,s]=W81(null);return q81(()=>{let c=!1;return s(null),p0.listReviews({...e?{limit:e}:{},...t?{designCode:t}:{}}).then(o=>{c||s(o)}),()=>{c=!0}},[e,t]),a}import{Fragment as Y81,jsx as A4,jsxs as Un}from"react/jsx-runtime";var wI=[{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 U81(e){let t=new Date(e);return Number.isNaN(t.getTime())?"":t.toLocaleDateString("en-US",{month:"long",year:"numeric"})}function K81({rating:e}){let t=Math.min(5,Math.max(0,Math.round(e)));return A4("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,s)=>A4("span",{"aria-hidden":!0,className:s<t?"text-accent":"text-fg-dim/30",children:"\u2605"},s))})}var $81="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))]",j81="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 vb({look:e,eyebrow:t,title:a,columns:s,limit:c,designCode:o,omitHead:l=!1,editing:r=!1}={}){let i=yI(c??6,o),n=Math.min(3,Math.max(1,s??3)),h=i&&i.length>0?i:r?wI:[],m=h===wI;return!r&&h.length===0?null:A4("section",{className:"relative z-[2] border-t border-line bg-surface",children:Un("div",{className:l?j81:$81,children:[l?null:Un(Y81,{children:[(t??"").trim()&&A4(H1,{text:t??"",look:e,className:"mb-4 block"}),(a??"").trim()&&A4("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:j(a??"",!1)})]}),A4("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=>Un("article",{className:["flex flex-col gap-4 bg-bg p-9 max-[800px]:p-7",m?"opacity-60":""].join(" "),children:[A4(K81,{rating:p.rating}),p.title.trim()&&A4("h3",{className:"font-display text-[length:var(--size-body,19px)] font-medium uppercase leading-[1.2] tracking-[-0.01em] text-fg",children:p.title}),A4("div",{className:"flex-1 font-serif text-[length:var(--size-body,15px)] leading-[1.65] text-fg-dim",children:d0(p.body).map((u,g)=>A4("p",{className:g?"mt-3":"",children:u},g))}),Un("footer",{className:"flex items-baseline justify-between gap-4 border-t border-line pt-[18px]",children:[A4("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg",children:p.authorName}),A4("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.18em] text-fg-dim",children:U81(p.createdAt)})]})]},p.id))})]})})}import{jsx as X81}from"react/jsx-runtime";var Ac={eyebrow:"Reviews",title:"From our *customers.*"},kI={label:"Reviews",defaultProps:{eyebrow:"",title:"",columns:3,limit:6,designCode:""},render:e=>{let t=Z1(e.headPlacement)==="own-box",a=s=>t?void 0:s;return X81(vb,{look:J3(e.eyebrowLook,"Reviews"),eyebrow:a(w(e.eyebrow,Ac.eyebrow,e.puck)),title:a(w(e.title,Ac.title,e.puck)),omitHead:t,columns:e.columns,limit:e.limit,designCode:t1(e.designCode)||void 0,editing:e.puck?.isEditing})}};import{jsx as fb}from"react/jsx-runtime";var CI={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",Ac.eyebrow),eyebrowLook:d1("Eyebrow style",fb(J81,{}),[...v4],q6("Reviews")),title:B("Heading",Ac.title),_gSource:x("Reviews"),limit:a1("Reviews to display",fb(Q81,{}),3,12,1,6),designCode:e3(I("Design code",Gn)),_gStyle:x("Style"),columns:a1("Columns",fb(e91,{}),1,3,1,3)},resolveFields:(e,{fields:t,parent:a})=>D1(W1(t,a,U1),e.props.headPlacement,R1.Reviews.headRows)};import{jsx as bb,jsxs as t91}from"react/jsx-runtime";function Hc({place:e,sections:t,editing:a=!1}){let c=t91(e==="footer"?"footer":"div",{"data-section-group":e,children:[a?bb("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,bb(t,{minEmptyHeight:120})]});return e==="header"?bb(fC,{children:c}):c}import{jsx as a91}from"react/jsx-runtime";var xb={sections:{type:"slot"}},MI={label:"Site Footer",fields:xb,render:({sections:e,puck:t})=>a91(Hc,{place:"footer",sections:e,editing:t?.isEditing})};var SI={fields:{sections:xb.sections}};import{StickyIcon as c91,ContrastIcon as o91}from"efficient-easel/icons";import{jsx as s91}from"react/jsx-runtime";var zb={sections:{type:"slot"}},LI={label:"Site Header",fields:zb,defaultProps:{sticky:"always",topTextColor:"auto",sections:[]},render:({sections:e,puck:t})=>s91(Hc,{place:"header",sections:e,editing:t?.isEditing})};import{jsx as AI}from"react/jsx-runtime";var HI={fields:{sticky:g1("Sticky header",AI(c91,{}),[{label:"None",value:"none"},{label:"Always",value:"always"},{label:"On scroll up",value:"on_scroll_up"}],"always"),topTextColor:g1("Text color at the top",AI(o91,{}),[{label:"Auto",value:"auto"},{label:"Light",value:"light"},{label:"Dark",value:"dark"}],"auto"),sections:zb.sections}};import{jsx as Kn,jsxs as l91}from"react/jsx-runtime";var f0={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 Fc(e,t){return e===void 0?t:e}function yb({eyebrow:e,title:t,body:a,buttonText:s,consent:c,formSlug:o,form:l,editing:r=!1,boxes:i,inBoxes:n=!1,...h}){let m=Fc(e,f0.eyebrow),p=Fc(t,f0.title),u=Fc(a,f0.body),g=Fc(s,f0.buttonText),d=Fc(c,f0.consent),f=u5(o,l),v=t7({form:f,formSlug:o,editing:r}),b=f===void 0,y=!!f||r;return!y&&!m&&!p&&!u?null:n&&i?Kn("section",{className:E0(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:Kn(i,{className:"grid grid-cols-2 items-start gap-[60px] max-[1100px]:grid-cols-1 max-[1100px]:gap-9"})}):l91("section",{className:E0(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:[Kn(QS,{eyebrow:m,title:p}),Kn(hr,{body:u,buttonLabel:g,consent:d,form:f,submission:v,showForm:y,resolving:b,editing:r})]})}var FI={fields:{_gTextStyle:x("Text style"),...Object.fromEntries(mr.map(e=>[pr[e],d1(dp[e],Pe(dp[e]),[{label:"Section's own",value:""},...t5.map(t=>({label:b9[t],value:t}))],"")])),_gContent:x("Content"),eyebrow:H("Eyebrow",f0.eyebrow),title:B("Heading",f0.title),body:B("Body",f0.body),formSlug:v5(),buttonText:H("Button",f0.buttonText),consent:B("Consent line",f0.consent)},resolveFields:(e,{fields:t})=>{let a=e.props.region,s=t,c=["eyebrow","title"],o=["body","formSlug","buttonText","consent"],l=mr.map(n=>pr[n]),r=a==="head"?c:o,i={};for(let[n,h]of Object.entries(s)){if(n.startsWith("_")){i[n]=h;continue}if(l.includes(n)){a!=="head"&&(i[n]=h);continue}r.includes(n)&&(i[n]=h)}return i}};import{jsx as r91}from"react/jsx-runtime";var wb={boxes:{type:"slot",allow:["SubmitBox"]}},TI={label:"Photo Submission Form",fields:wb,defaultProps:{eyebrow:f0.eyebrow,title:f0.title,body:f0.body,formSlug:"",buttonText:f0.buttonText,consent:f0.consent},render:e=>r91(yb,{boxes:e.boxes,inBoxes:e.layout==="boxes",eyebrow:J0(e.eyebrow,f0.eyebrow,e.puck),title:J0(e.title,f0.title,e.puck),body:J0(e.body,f0.body,e.puck),buttonText:J0(e.buttonText,f0.buttonText,e.puck),consent:J0(e.consent,f0.consent,e.puck),formSlug:t1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};var PI={fields:{_gContent:x("Content"),eyebrow:H("Eyebrow",f0.eyebrow),title:B("Heading",f0.title),body:B("Body",f0.body),_gForm:x("Form"),formSlug:v5(),_gButton:x("Button"),buttonText:H("Button",f0.buttonText),_gFootnote:x("Footnote"),consent:B("Consent line",f0.consent),boxes:wb.boxes},resolveFields:(e,{fields:t})=>{if(e.props.layout!=="boxes")return t;let{_gContent:a,eyebrow:s,title:c,body:o,_gForm:l,formSlug:r,_gButton:i,buttonText:n,_gFootnote:h,consent:m,...p}=t;return p}};var i91=["issues","posts"],EI=[{label:"Issues",value:"issues"},{label:"Blog posts",value:"posts"}],kb="issues";function Cb(e){return i91.includes(e)?e:kb}var n91={issues:["issues"],_gPosts:["posts"],posts:["posts"],limit:["posts"]};function VI(e,t){let a=Cb(t),s={...e};for(let[c,o]of Object.entries(n91))o.includes(a)||delete s[c];return s}import{CategoryIcon as m91,HashIcon as p91}from"efficient-easel/icons";var _0={headNum:A.sectionNumber,headTitle:A.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:d2.href},NI=[{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 h91(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 $n(e,t){if(e==="issues")return x1(t.issues,NI,t.puck);let a=t.posts,s=typeof t.limit=="number"&&t.limit>0?t.limit:4,c=Array.isArray(a)?h91(a.slice(0,s)):[];return x1(c,NI,t.puck)}import{jsx as _I}from"react/jsx-runtime";var BI={fields:{_sHead:a0("Section header"),_gHeadCopy:x("Content"),headNum:H("Number",_0.headNum),headTitle:B("Heading",_0.headTitle),headDesc:B("Body",_0.headDesc),_sLeft:a0("Newsletter panel"),_gLeftCopy:x("Content"),kicker:H("Eyebrow",_0.kicker),leadTitle:B("Heading",_0.leadTitle),intro:B("Intro",_0.intro),_gForm:x("Signup form"),emailPlaceholder:I("Email placeholder",_0.emailPlaceholder),submitText:I("Submit button",_0.submitText),subscribedText:I("Subscribed button",_0.subscribedText),finePrint:B("Fine print",_0.finePrint),_sRight:a0("Recent issues"),_gRightCopy:x("Content"),contentType:g1("Type",_I(m91,{}),[...EI],kb),issuesHeading:H("Panel heading",_0.issuesHeading),issues:{type:"array",label:"Issues",arrayFields:{n:u1("Number"),title:u1("Title"),small:u1("Sub-line"),date:u1("Date")},getItemSummary:e=>[e?.n,e?.title].filter(Boolean).join(" \xB7 ")||"Issue"},_gPosts:x("Blog posts"),posts:t2(c9),limit:a1("Posts to display",_I(p91,{}),1,6,1,4),_gArchive:x("Archive link"),archiveText:H("Archive button",_0.archiveText),archiveHref:A1("Archive link")},resolveFields:(e,{fields:t})=>VI(t,e.props.contentType)};import{HashIcon as v91}from"efficient-easel/icons";import{useState as u91}from"react";import{jsx as U3,jsxs as i9}from"react/jsx-runtime";var d91="That didn't go through \u2014 please try again.";function Tc({headNum:e,headTitle:t,headDesc:a,kicker:s,leadTitle:c,intro:o,emailPlaceholder:l,submitText:r,subscribedText:i,finePrint:n,issuesHeading:h,issues:m,archiveText:p,archiveHref:u,source:g=R3.subscribeSection,editing:d=!1,...f}){let[v,b]=u91(""),{status:y,submit:z}=Vl({source:g,dryRun:d}),k=y==="sent",S=y==="sending",P=y==="error"||y==="invalid",D=(m??[]).filter(E=>(E?.n??"").trim()||(E?.title??"").trim()||(E?.date??"").trim()),q=D.length>0,N=k?i||"Subscribed \u2713":S?"Sending\u2026":r||"Subscribe \u2192";function F(E){E.preventDefault(),!k&&z({email:v})}return i9("section",{className:E0(f)?"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:[U3(V2,{num:e,title:t?j(t,!0):void 0,desc:a,accentTracking:"-0.025em"}),i9("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:[i9("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:[s&&U3(H1,{text:s}),c&&U3("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:j(c,!0)}),o&&U3("p",{className:"max-w-[480px] font-serif text-[length:var(--size-body,19px)] italic leading-[1.5] text-fg-dim",children:C(o,!0)}),i9("form",{className:"mt-2 flex max-w-[520px]",onSubmit:F,children:[U3("input",{type:"email",placeholder:l||"your@email.com",required:!0,value:v,onChange:E=>b(E.target.value),disabled:k,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"}),U3("button",{type:"submit",disabled:k||S,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:B0(N)})]}),P&&U3("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:d91}),n&&U3("p",{className:"max-w-[480px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.7] tracking-[0.18em] text-fg-dim",children:C(n)})]}),q&&i9("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&&U3(H1,{text:h,size:12}),U3("div",{className:"flex flex-col",children:D.map((E,R)=>i9("div",{className:["grid grid-cols-[60px_1fr_auto] items-start gap-[18px] border-b border-line py-[18px]",R===0?"border-t border-line":""].join(" "),children:[U3("span",{className:"font-mono text-[length:var(--size-label,13px)] tracking-[0.22em] text-accent",children:E.n?C(E.n):""}),i9("span",{className:"font-display text-[length:var(--size-body,16px)] font-medium leading-[1.3] tracking-[-0.01em]",children:[E.title?C(E.title):"",E.small?.trim()&&U3("small",{className:"mt-1 block font-serif text-[length:var(--size-body,13px)] font-normal italic text-fg-dim",children:C(E.small,!0)})]}),U3("span",{className:"whitespace-nowrap pt-[3px] text-right font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:E.date?C(E.date):""})]},R))}),p&&U3(n0,{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:C(p)})]})]})]})}import{jsx as g91}from"react/jsx-runtime";var Y0={..._0,issuesHeading:"Recent posts",archiveText:"Read all posts \u2192"},RI={label:"Subscribe with Posts",defaultProps:{headNum:"",headTitle:"",headDesc:"",kicker:"",leadTitle:"",intro:"",emailPlaceholder:"",submitText:"",subscribedText:"",finePrint:"",issuesHeading:"",limit:4,archiveText:"",archiveHref:""},render:e=>{let t=$n("posts",e);return g91(Tc,{headNum:w(e.headNum,Y0.headNum,e.puck),headTitle:w(e.headTitle,Y0.headTitle,e.puck),headDesc:w(e.headDesc,Y0.headDesc,e.puck),kicker:w(e.kicker,Y0.kicker,e.puck),leadTitle:w(e.leadTitle,Y0.leadTitle,e.puck),intro:w(e.intro,Y0.intro,e.puck),emailPlaceholder:t1(e.emailPlaceholder)||Y0.emailPlaceholder,submitText:t1(e.submitText)||Y0.submitText,subscribedText:t1(e.subscribedText)||Y0.subscribedText,finePrint:w(e.finePrint,Y0.finePrint,e.puck),issuesHeading:w(e.issuesHeading,Y0.issuesHeading,e.puck),issues:t,source:R3.subscribeBlogsSection,editing:e.puck?.isEditing,archiveText:w(e.archiveText,Y0.archiveText,e.puck),archiveHref:t1(e.archiveHref)||Y0.archiveHref})}};import{jsx as f91}from"react/jsx-runtime";var II={fields:{_sHead:a0("Section header"),_gHeadCopy:x("Content"),headNum:H("Number",Y0.headNum),headTitle:B("Heading",Y0.headTitle),headDesc:B("Body",Y0.headDesc),_sLeft:a0("Newsletter panel"),_gLeftCopy:x("Content"),kicker:H("Eyebrow",Y0.kicker),leadTitle:B("Heading",Y0.leadTitle),intro:B("Intro",Y0.intro),_gForm:x("Signup form"),emailPlaceholder:I("Email placeholder",Y0.emailPlaceholder),submitText:I("Submit button",Y0.submitText),subscribedText:I("Subscribed button",Y0.subscribedText),finePrint:B("Fine print",Y0.finePrint),_sRight:a0("Recent posts"),_gRightCopy:x("Content"),issuesHeading:H("Panel heading",Y0.issuesHeading),_gPosts:x("Blog posts"),posts:t2(c9),limit:a1("Posts to display",f91(v91,{}),1,6,1,4),_gArchive:x("Archive link"),archiveText:H("Archive button",Y0.archiveText),archiveHref:A1("Archive link")}};import{jsx as b91}from"react/jsx-runtime";var ZI={label:"Booking box",defaultProps:{},render:e=>b91(mp,{region:typeof e.region=="string"?e.region:void 0,eyebrow:w(e.eyebrow,A.eyebrow,e.puck),heading:w(e.heading,A.heading,e.puck),intro:w(e.intro,A.body,e.puck),buttonLabel:w(e.buttonLabel,A.button,e.puck),successMessage:w(e.successMessage,A.bookingConfirmation,e.puck),styleStep:e.styleStep,styleName:e.styleName,styleValue:e.styleValue,styleNote:e.styleNote})};import{useEffect as Mb,useState as Sb}from"react";import{Fragment as z91,jsx as w0,jsxs as _2}from"react/jsx-runtime";var DI="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 x91({label:e,required:t,full:a,children:s}){return _2("div",{className:["flex flex-col gap-2",a?"col-span-2 max-[700px]:col-span-1":""].join(" "),children:[_2("label",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:[e," ",t&&w0("span",{className:"text-accent",children:"*"})]}),s]})}function Lb({routingNumber:e,routingTagline:t,groups:a,formNumber:s,formHeading:c,metaLines:o,showOther:l=!0,otherLabel:r="Other",otherNoteTitle:i,otherNoteBody:n,buttonText:h,consent:m,channels:p,formSlug:u,form:g,editing:d,initialActiveId:f,onActiveChange:v,reasonExtras:b,...y}){let z=[...a.map(W=>W.id),...l?[d8]:[]],k=f&&z.includes(f)?f:z[0]??d8,[S,P]=Sb(k);Mb(()=>{z.includes(S)||P(z[0]??d8)},[z.join("|")]),Mb(()=>{f&&z.includes(f)&&P(f)},[f]);let D=W=>{P(W),N(null),v?.(W)},[q,N]=Sb(null),F=(p??[]).filter(W=>!W.hidden),E=F.find(W=>W.groupId===S)?.value??null,R=q??E,T=u5(u,g),G=t7({form:T,formSlug:u,editing:d}),s1=T===void 0,_=!!T||!!d,[U,Y]=Sb(!1);return Mb(()=>{let W=()=>Y(document.documentElement.getAttribute("data-theme")==="light");W();let Q=new MutationObserver(W);return Q.observe(document.documentElement,{attributes:!0,attributeFilter:["data-theme"]}),()=>Q.disconnect()},[]),_2(z91,{children:[_2("section",{className:E0(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:U?void 0:{background:"var(--section-bg)"},children:[(e||t)&&_2("div",{className:"mb-6 flex items-center gap-6 border-b border-line pb-6",children:[e&&w0(H1,{text:e}),t&&w0("span",{className:"font-display text-[length:var(--size-body,14px)] uppercase tracking-[0.04em] text-fg-dim",children:C(t)})]}),w0("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(W=>{let Q=S===W.id;return _2("button",{type:"button",onClick:()=>{D(W.id),typeof window<"u"&&window.matchMedia("(max-width: 1100px)").matches&&document.getElementById("contact-form")?.scrollIntoView({behavior:X5(),block:"start"})},className:["flex min-h-[240px] cursor-pointer flex-col gap-3.5 px-7 py-9 text-left transition-colors",Q?"bg-surface outline outline-2 -outline-offset-2 outline-accent":"bg-bg hover:bg-surface"].join(" "),children:[W.eyebrow&&w0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:W.eyebrow}),w0("h3",{className:"whitespace-pre-line font-heading3 text-[length:var(--size-headingSmall,26px)] font-medium uppercase leading-[1.05] tracking-[-0.02em]",children:W.title}),W.copy&&w0("p",{className:"mt-auto font-display text-[length:var(--size-body,14px)] leading-[1.5] text-fg-dim",children:W.copy}),W.response&&_2("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:[w0("span",{children:"Response"}),w0("strong",{className:"font-normal text-fg",children:W.response})]})]},W.id)})})]}),(_||F.length>0)&&_2("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]",_&&F.length>0?"grid-cols-[1.3fr_1fr]":"grid-cols-1"].join(" "),children:[_&&_2("div",{children:[_2("div",{className:"mb-7 flex items-end justify-between gap-6 border-b border-line pb-6",children:[_2("div",{children:[s&&w0("div",{className:"pb-2 font-mono text-[length:var(--size-label,13px)] uppercase tracking-[0.3em] text-accent",children:C(s)}),c&&w0("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:j(c,!0)})]}),!!(o&&o.length)&&w0("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:o.map((W,Q)=>w0("div",{children:W},Q))})]}),T?G.done?w0("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:we(T,"Thanks \u2014 we've received your message.")}):_2("form",{className:"grid grid-cols-2 gap-5 max-[700px]:grid-cols-1",onSubmit:G.handleSubmit,children:[T.fields.map(W=>w0(x91,{label:W.label,required:W.required,full:W.type==="textarea"||W.type==="checkbox",children:w0(a7,{field:W,value:G.valueOf(W.key),onChange:Q=>G.set(W.key,Q),className:W.type==="textarea"?`${DI} min-h-[140px] resize-y leading-[1.5]`:W.type==="checkbox"?"size-4 self-start accent-accent":DI})},W.key)),_2("div",{className:"col-span-2 flex flex-col gap-2 max-[700px]:col-span-1",children:[_2("label",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-fg-dim",children:["Reason ",w0("span",{className:"text-accent",children:"*"})]}),_2("div",{className:"mt-1 flex flex-wrap gap-2",children:[a.map(W=>{let Q=S===W.id;return w0("button",{type:"button",onClick:()=>D(W.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",Q?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:W.title},W.id)}),l&&w0("button",{type:"button",onClick:()=>D(d8),className:["cursor-pointer border px-3.5 py-2.5 font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] transition-colors",S===d8?"border-accent bg-accent text-bg":"border-line text-fg-dim hover:text-fg"].join(" "),children:B0(r)})]})]}),b?.(S),S===d8&&(i||n)&&_2("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&&w0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:C(i)}),n&&d0(n).map((W,Q)=>w0("p",{className:"font-display text-[length:var(--size-body,15px)] leading-[1.55] text-fg-dim",children:C(W)},Q))]}),w0(ke,{value:G.honeypot,onChange:G.setHoneypot}),G.error&&w0("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:G.error}),_2("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&&w0("span",{className:"max-w-[380px] font-mono text-[length:var(--size-label,12px)] uppercase leading-[1.6] tracking-[0.18em] text-fg-dim",children:C(m)}),w0("button",{type:d?"button":"submit",disabled:G.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:G.submitting?"Sending\u2026":h?B0(h):"Send Message \u2192"})]})]}):w0("p",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.22em] text-fg-dim",children:s1?"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."})]}),F.length>0&&w0("aside",{className:"flex flex-col gap-0 max-[1100px]:hidden",children:F.map((W,Q)=>{let b1=R===W.value,v1=!!!W.groupId;return _2("div",{onClick:v1?()=>N(W.value):void 0,className:["relative flex flex-col gap-2.5 border-b border-line border-l-2 px-5 py-7 transition-all",v1?"cursor-pointer border-t-2 border-t-accent":"",b1?"border-l-accent pl-6":v1?"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&&_2("span",{className:"absolute right-[18px] top-6 flex flex-col items-end gap-0.5 text-right",children:[w0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.24em] text-accent",children:"\u2192 Message routes here"}),w0("span",{className:"font-mono text-[length:var(--size-label,10px)] uppercase tracking-[0.18em] text-fg-dim",children:"Other inboxes filter as spam"})]}),w0("span",{className:["font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.3em] transition-colors",b1?"text-fg":"text-accent"].join(" "),children:W.label}),v1?w0("a",{href:W.href,onClick:G1=>G1.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:W.value}):w0("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:W.value}),W.sub&&w0("span",{className:"font-mono text-[length:var(--size-label,12px)] uppercase tracking-[0.2em] text-fg-dim",children:W.sub})]},`${W.value}-${Q}`)})})]})]})}import{jsx as y91}from"react/jsx-runtime";var OI={label:"Contact Form",defaultProps:{routingNumber:u0.routingNumber,routingTagline:u0.routingTagline,groups:u0.groups,formSlug:"",formNumber:u0.formNumber,formHeading:u0.formHeading,metaItems:u0.metaLines.map(e=>({text:e})),showOther:u0.showOther,otherLabel:u0.otherLabel,otherNoteTitle:u0.otherNoteTitle,otherNoteBody:u0.otherNoteBody,buttonText:u0.buttonText,consent:u0.consent,channels:u0.channels},render:e=>y91(Lb,{routingNumber:w(e.routingNumber,u0.routingNumber,e.puck),routingTagline:w(e.routingTagline,u0.routingTagline,e.puck),groups:e.groups??[],formNumber:w(e.formNumber,u0.formNumber,e.puck),formHeading:w(e.formHeading,u0.formHeading,e.puck),metaLines:(e.metaItems??[]).map(t=>t?.text??"").filter(Boolean),showOther:e.showOther,otherLabel:t1(e.otherLabel)||u0.otherLabel,otherNoteTitle:w(e.otherNoteTitle,u0.otherNoteTitle,e.puck),otherNoteBody:w(e.otherNoteBody,u0.otherNoteBody,e.puck),buttonText:t1(e.buttonText)||u0.buttonText,consent:w(e.consent,u0.consent,e.puck),channels:e.channels??[],formSlug:t1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as GI}from"react/jsx-runtime";function Ab({thickness:e=1,lengthPct:t=100,hideOnMobile:a=!1}){return GI("div",{className:`col-span-full w-full basis-full ${a?"max-[800px]:hidden":""}`,"aria-hidden":"true",children:GI("div",{className:"bg-line",style:{height:`${e}px`,width:`${t}%`}})})}import{jsx as w91}from"react/jsx-runtime";var qI={label:"Divider",defaultProps:{thickness:1,lengthPct:100,hideOnMobile:!1},render:({thickness:e,lengthPct:t,hideOnMobile:a})=>w91(Ab,{thickness:e,lengthPct:t,hideOnMobile:a})};import{useState as k91}from"react";import{jsx as Hb,jsxs as WI}from"react/jsx-runtime";function Fb({heading:e,placeholder:t="Email address",buttonLabel:a="Subscribe"}){let{open:s}=Hm(),[c,o]=k91("");return WI("div",{className:"w-full min-w-0",children:[e?Hb("h4",{className:"mb-3 font-mono text-[13px] uppercase tracking-[0.2em] text-fg-dim",children:j(e,!1)}):null,WI("form",{className:"flex max-w-[320px] flex-wrap items-stretch gap-2",onSubmit:l=>{l.preventDefault(),s({email:c.trim(),source:R3.footerSignup})},children:[Hb("input",{type:"email",placeholder:t,value:c,onChange:l=>o(l.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":p2(e??"")||"Email address"}),Hb("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:B0(a)})]})]})}import{jsx as C91}from"react/jsx-runtime";var UI={label:"Email Form",defaultProps:{heading:"",placeholder:"Email address",buttonLabel:"Subscribe"},render:({heading:e,placeholder:t,buttonLabel:a,puck:s})=>C91(Fb,{heading:B4(e,"Join our email list",s),placeholder:t||void 0,buttonLabel:a||void 0})};import{jsx as jn,jsxs as S91}from"react/jsx-runtime";var M91={left:"items-start text-left",center:"items-center text-center",right:"items-end text-right"};function Tb({tagline:e,widthPct:t=100,align:a="left",reverse:s=!0,padTop:c=0,padRight:o=0,padBottom:l=0,padLeft:r=0,editing:i=!1}){let{src:n,reversedSrc:h,inkIsDark:m,wordmark:p,siteName:u}=oo(),g=Math.round(Y6*(t/100)),d={...c?{paddingTop:c}:{},...o?{paddingRight:o}:{},...l?{paddingBottom:l}:{},...r?{paddingLeft:r}:{}};return S91("div",{className:`flex min-w-0 flex-col ${M91[a]} [container-type:inline-size]`,style:d,children:[jn(M1,{href:"/","aria-label":u?`${u} home`:"Home",className:"inline-flex max-w-full overflow-x-clip",children:jn(se,{variant:"footer",sizePx:g,src:n,reverse:s,reversedSrc:h,inkIsDark:m,wordmark:p,siteName:u,fitWordmarkToContainer:!0,fitFloorPx:Yw})}),e?jn("p",{className:"mt-3.5 max-w-[280px] text-[13px] leading-[1.5] text-fg-dim",children:C(e)}):i?jn("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 L91}from"react/jsx-runtime";var KI={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:s,padTop:c,padRight:o,padBottom:l,padLeft:r,puck:i})=>L91(Tb,{tagline:e||void 0,widthPct:t,align:a,reverse:s!=="off",padTop:c,padRight:o,padBottom:l,padLeft:r,editing:i?.isEditing})};import{jsx as A91}from"react/jsx-runtime";var $I={label:"Menu",defaultProps:{accordionMobile:!1,showDividers:!1},render:({menu:e,heading:t,accordionMobile:a,showDividers:s,puck:c})=>A91(ga,{menu:e,heading:t||void 0,accordionMobile:a,showDividers:s,editing:c?.isEditing})};import{jsx as H91}from"react/jsx-runtime";var jI={label:"Social Logos",defaultProps:{iconStyle:$9,iconSize:"medium",align:"start",gap:Mc},render:({iconStyle:e,iconSize:t,align:a,gap:s,puck:c})=>H91(pb,{iconStyle:e,iconSize:t,align:a,gap:s,editing:c?.isEditing})};import{jsx as T91}from"react/jsx-runtime";var F91={sm:"text-[12px]",md:"text-[13px]",lg:"text-[15px]"};function Pb({text:e,size:t="md",tone:a="default",editing:s=!1}){let c=e||(s?"Add a line of footer text.":"");return c?T91("p",{className:`${F91[t]} leading-[1.5] ${a==="dim"?"text-fg-dim":"text-fg"}`,children:C(c)}):null}import{jsx as P91}from"react/jsx-runtime";var YI={label:"Text",defaultProps:{size:"md",tone:"default"},render:({text:e,size:t,tone:a,puck:s})=>P91(Pb,{text:e||void 0,size:t,tone:a,editing:s?.isEditing})};import{jsx as E91}from"react/jsx-runtime";var XI={label:"Form",defaultProps:{formSlug:"",heading:"",intro:"",submitText:"",finePrint:""},render:e=>E91(ym,{formSlug:t1(e.formSlug)||void 0,heading:t1(e.heading)||void 0,intro:t1(e.intro)||void 0,submitText:t1(e.submitText)||void 0,finePrint:t1(e.finePrint)||void 0,form:e.form,editing:e.puck?.isEditing})};import{jsx as V91}from"react/jsx-runtime";var JI={label:"Legal Line",render:()=>V91(kc,{})};import{jsx as N91}from"react/jsx-runtime";var QI={label:"Submit box",defaultProps:{},render:e=>N91(gp,{region:typeof e.region=="string"?e.region:void 0,eyebrow:J0(e.eyebrow,f0.eyebrow,e.puck),title:J0(e.title,f0.title,e.puck),body:J0(e.body,f0.body,e.puck),buttonText:J0(e.buttonText,f0.buttonText,e.puck),consent:J0(e.consent,f0.consent,e.puck),formSlug:t1(e.formSlug)||void 0,form:e.form,editing:e.puck?.isEditing,styleField:e.styleField,styleTick:e.styleTick,styleThanks:e.styleThanks})};import{jsx as _91}from"react/jsx-runtime";var eZ={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:s,leadTitle:c,intro:o,emailPlaceholder:l,submitText:r,subscribedText:i,finePrint:n,issuesHeading:h,issues:m,contentType:p,posts:u,limit:g,archiveText:d,archiveHref:f,puck:v})=>_91(Tc,{headNum:w(e,_0.headNum,v),headTitle:w(t,_0.headTitle,v),headDesc:w(a,_0.headDesc,v),kicker:w(s,_0.kicker,v),leadTitle:w(c,_0.leadTitle,v),intro:w(o,_0.intro,v),emailPlaceholder:t1(l)||_0.emailPlaceholder,submitText:t1(r)||_0.submitText,subscribedText:t1(i)||_0.subscribedText,finePrint:w(n,_0.finePrint,v),issuesHeading:w(h,_0.issuesHeading,v),issues:$n(Cb(p),{issues:m,posts:u,limit:g,puck:v}),source:R3.subscribeSection,editing:v?.isEditing,archiveText:w(d,_0.archiveText,v),archiveHref:t1(f)||_0.archiveHref})};var tZ={AppointmentBooking:IR,BookingBox:ZI,ContactRouting:OI,Events:XR,Footer:aI,FooterDivider:qI,FooterEmailSignup:UI,FooterGroup:rI,FooterLogo:KI,FooterMenu:$I,FooterSocial:jI,FooterText:YI,Form:XI,LegalLineBlock:JI,ReviewForm:xI,Reviews:kI,[v9]:MI,[g9]:LI,SubmitBox:QI,SubmitBuild:TI,Subscribe:eZ,SubscribeBlogs:RI};var B91={AppointmentBooking:ZR,BookingBox:DR,ContactRouting:GR,Events:JR,Footer:sI,FooterDivider:cI,FooterEmailSignup:oI,FooterGroup:iI,FooterLogo:nI,FooterMenu:mI,FooterSocial:gI,FooterText:vI,Form:fI,LegalLineBlock:bI,ReviewForm:zI,Reviews:CI,[v9]:SI,[g9]:HI,SubmitBox:FI,SubmitBuild:PI,Subscribe:BI,SubscribeBlogs:II},n2=Be(tZ,B91);import{useEasel as R91}from"efficient-easel/easel";import{jsx as T6,jsxs as O91}from"react/jsx-runtime";var I91="color-mix(in oklab, var(--bg) 40%, #ffffff)",Z91="12vh";function D91({style:e,frameClass:t,children:a}){let{appState:s}=R91(u=>u),c=s.data.content,o=s.data.root;if(dw(c))return T6("div",{className:`sf-themed-content${t?` ${t}`:""}`,style:{...e,background:I91,minHeight:"100vh",paddingBottom:Z91},children:T6("div",{style:{background:"var(--bg)"},children:a})});let l=oa(c)&&Go(o,c),r=oa(c)?fw(o,c):null,i=r?{[vw]:r}:null,n=uz(o?.widthChoice),h=n?{[pz]:n}:null,m=l?null:$B(c),p=m?{[yn]:m}:null;return T6("div",{className:`sf-themed-content${l?` ${Oo}`:""}${t?` ${t}`:""}`,style:e,...p,...i,...h,children:T6("div",{style:{background:"var(--bg)",minHeight:"100%"},children:a})})}function aZ(e){return{frameClass:void 0,style:{"--sf-page-width":ea}}}function Eb({w:e,children:t}){let{frameClass:a,style:s}=aZ(e);return T6("div",{className:a,style:s,children:t})}function Vb({propsTheme:e,propsFonts:t,propsCornerStyle:a,propsCornerRadiusPx:s,propsHeadingCompression:c,propsHeadingTypography:o,widthMode:l,fullWidth:r,pageWidth:i,pageBackground:n,chromeInheritsSiteBackground:h,suppressPreviewNav:m,footer:p,overlay:u,children:g}){let{theme:d,fonts:f,sizes:v,cornerRadiusPx:b,cardShadow:y,shadowColor:z,cardGap:k,hoverEffect:S,headingCompression:P,siteWidth:D,siteGutter:q,blockGap:N,headingTypography:F,heroBackgroundFollowsWidth:E,photographyGrayscale:R,themeFromDocument:T}=E3(),G=T?e:d,s1=T?t:f,_=T?void 0:v,U=T?s===void 0?Wx[qx(a)]:Ux(s):b,Y=T?c:P,W=T?o:F,Q=aZ({widthMode:l,fullWidth:r,pageWidth:i}),b1={...Qt(G),...Yc(_),...Jx(W),...Q.style,...h?{}:fh(n)};return T6("div",{className:"sf-theme-surfaces sf-theme-accent",style:{...Wc(s1),...Uc(G),...Kc(G),...$c(G),...jc(G),...hh(U),...cz(hh(U)),...Yx(T?void 0:y,T?void 0:z,T?void 0:S),...lz(T?void 0:D),...rz(T?void 0:q),...ry(T?void 0:N),...mz(T?void 0:E)},"data-sf-headings":Xx(Y),"data-sf-card-shadow":T?void 0:Kx(y),"data-sf-card-gap":T?void 0:$x(k),"data-sf-card-hover":T?void 0:jx(S),onClickCapture:m,children:O91(jH,{grayscale:T?void 0:R,children:[T6(D91,{style:b1,frameClass:Q.frameClass,children:g}),p,u]})})}var Nb=e=>{e.target?.closest?.("a")&&e.preventDefault()};function sZ({pageBackground:e,inheritBackground:t=!1,w:a,children:s}){return T6("div",{style:{...t?{}:fh(e),background:"var(--bg)",minHeight:"100%",overflowX:"clip"},children:T6(Eb,{w:a,children:s})})}import{PaddingTopIcon as G91}from"efficient-easel/icons";import{jsx as oZ}from"react/jsx-runtime";function q91(){return{type:"custom",render:({value:e,onChange:t})=>oZ(wc,{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 W91=[{label:"Auto",value:"auto"},{label:"Shared",value:"shared"},{label:"Its own",value:"own"}],cZ={title:I("Page Title"),pageBackground:Cy(),topSpace:d1("Top space",oZ(G91,{}),W91,gw),widthChoice:q91()};function U91(e,t){let a=bh(t),s=a?a.inner:t;if(Ah(s))return!1;if(s?.type==="slot")return!0;let c=Uz(s);return c==="always"?!1:c==="authored-copy"?Bx(e):!0}function lZ(e){let t=bh(e),a=t?t.inner:e,s=Ah(a);return s?uy(a)?0:s.level:null}function K91(e,t,a){return a&&t===0&&e===Q7.Content}var $91=new WeakMap,j91=new WeakMap;function Gt(e,t="section"){let a=t==="page"?j91:$91,s=a.get(e);if(s)return s;let c=Object.entries(e).map(([m,p])=>({key:m,field:p,level:lZ(p),draws:U91(m,p)||t==="page"&&lZ(p)===null&&rh(m,p)})),o=t==="section"&&c.some(m=>rh(m.key,m.field)),l=new Set;for(let m=0;m<c.length;m++){let p=c[m].level;if(p===null)continue;let u=0;for(let g=m+1;g<c.length;g++){let d=c[g].level;if(d!==null&&d<=p)break;c[g].draws&&(u+=1)}u===0&&!K91(c[m].key,p,o)&&l.add(c[m].key)}let r=o&&Py(e),i=r&&!(Q7.Content in e);if(!l.size&&!i)return a.set(e,e),e;let n={};for(let m of c)l.has(m.key)||(n[m.key]=m.field);let h=q9(r?Ty(n):n);return a.set(e,h),h}var rZ={name:"catalogueLabel",applies:e=>Object.prototype.hasOwnProperty.call(Xt,e),draw(e,t){e.label=Xt[t]}};var iZ={name:"sectionGroupAllow",applies:e=>Dc.includes(e),panel(e,t,a,s){let c=e.fields?.sections;c&&(c.allow=[...s.sectionGroupAllow])}},_b=new Set(Object.keys(R1)),nZ={name:"openSlotDisallow",applies:()=>!0,panel(e,t,a,s){let c=s.contentSectionKeys;if(e?.fields)for(let o of Object.values(e.fields)){let l=o;if(l.type!=="slot"||l.allow)continue;let r=t==="Flex"?c.filter(i=>!_b.has(i)):c;l.disallow=Array.from(new Set([...l.disallow??[],...r]))}}};import{jsx as X91}from"react/jsx-runtime";var Y91=Array.from(new Set([...ax.map(e=>e.type),..._b,..._c,"GalleryItem"])),hZ={name:"cellWidth",applies:(e,t,a)=>Y91.includes(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.cellWidthFields;e.fields={...e.fields,...s()};let c=e.resolveFields;e.resolveFields=(o,l)=>{let r=c?c(o,l):l.fields,i=Dr(l.appState,o.props?.id);if(i===void 0||Px(i))return r;let n={...r};for(let h of Object.keys(s()))delete n[h];return n}},draw(e){let t=e.render;e.render=a=>{let s=Fx(a.gridSpan),c=t(a);return s==null?c:X91("div",{className:"sf-grid-cell",[Tx]:String(s),children:c})}}};import{jsx as mZ}from"react/jsx-runtime";var pZ={name:"clickableParts",applies:(e,t,a)=>typeof a?.render=="function",draw(e,t){let a=e,s=a.render;a.render=c=>{let o=x9(c);return c.puck?.isEditing?mZ(Ip,{needles:lh(a.fields,c),styles:o,type:t,children:s(c)}):Object.keys(o).length?mZ(ez,{needles:lh(a.fields,c),styles:o,type:t,children:s(c)}):s(c)}}};import{jsx as gZ}from"react/jsx-runtime";var uZ={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 s=Xc(a.sectionCorners,a.sectionCornerSides),c=t(a),o=E0(a)?`sf-section-corners ${az}`:"sf-section-corners";return s?gZ("div",{className:o,style:{display:"contents",...s},children:c}):c}}},J91=["CollectionCard"],dZ={name:"cardCorners",applies:(e,t,a)=>J91.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 s=sz(a.cardCorners,a.cardCornerSides),c=t(a);return s?gZ("div",{className:"sf-card-corners",style:{display:"contents",...s},children:c}):c}}};var vZ={name:"emptyHeadings",applies:()=>!0,panel(e,t,a){let s=a.dropEmptyHeadings,c=e.resolveFields;e.resolveFields=c?(o,l)=>{let r=c(o,l);return r instanceof Promise?r.then(i=>s(i??l.fields)):s(r??l.fields)}:(o,l)=>s(l.fields)}};var fZ={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 ee1,jsx as xZ,jsxs as te1}from"react/jsx-runtime";function Q91({anchor:e}){let t=ao(typeof e=="string"?e:"");return t?xZ("span",{id:t,className:"sf-section-anchor","aria-hidden":"true"}):null}var bZ={name:"sectionAnchor",applies:(e,t,a)=>t.isSection(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.anchorFields;e.fields={...e.fields,...s()}},draw(e){e.defaultProps={...e.defaultProps,anchor:""};let t=e.render;e.render=a=>te1(ee1,{children:[xZ(Q91,{anchor:a.anchor}),t(a)]})}};import{useEffect as ae1,useRef as zZ}from"react";import{jsx as se1}from"react/jsx-runtime";function yZ({motion:e,editing:t,children:a}){let s=zZ(null),c=zZ(e);return ae1(()=>{let o=s.current;if(o){if(t){if(c.current===e)return;c.current=e,zz(o);return}return xz(o)}},[e,t]),se1("div",{ref:s,[bz]:e,children:a})}import{jsx as ce1}from"react/jsx-runtime";var wZ={name:"sectionAnimation",applies:(e,t,a)=>t.isSection(e)&&!yz.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.sectionAnimationFields;e.fields={...e.fields,...s()}},draw(e){let t=e,a=t.render;t.render=s=>{let c=fz(s.sectionAnimation);return c?ce1(yZ,{motion:c,editing:!!s.puck?.isEditing,children:a(s)}):a(s)}}};import{jsx as oe1}from"react/jsx-runtime";var MZ={name:"sectionHeight",applies:(e,t,a)=>t.isSection(e)&&!kz.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let s=a.heightFields;e.fields={...e.fields,...s()};let c=e.resolveFields;e.resolveFields=(o,l)=>{let r=c?c(o,l):l.fields,i=o?.props??{},n=wz(i),h=Cz(i)?Mz(i):null;return r&&typeof r.then=="function"?r.then(m=>CZ(kZ(m,n),h)):CZ(kZ(r,n),h)}},draw(e){let t=e.render;e.render=a=>{let s=Sz(a);return s?oe1("div",{className:s.className,style:s.style,children:t(a)}):t(a)}}};function kZ(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 s=a.sectionHeightValue;return s&&(a.sectionHeightValue={...s,unit:t.unit}),a}function CZ(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 s=a.sectionHeightValuePhone;return s&&(a.sectionHeightValuePhone={...s,unit:t.unit}),a}import{jsx as le1}from"react/jsx-runtime";var SZ={name:"sectionTheme",applies:(e,t,a)=>t.isSection(e)&&!gz.has(e)&&!!a&&typeof a.render=="function",panel(e,t,a){let{sectionThemeFields:s,SECTION_THEME_FOLLOW_LABEL:c}=a,o=gh.has(t);e.fields={...e.fields,...o?s(a5,c):s()}},draw(e,t){let a=gh.has(t),s=e.render;e.render=c=>{let o=w9(a?{...c,sectionAccent:a5(c.sectionAccent)}:c),l=s(c);return o?le1("div",{className:o.className,style:o.style,children:l}):l}}},LZ={name:"slideTheme",applies:e=>e==="HeroSlide",panel(e,t,a){let{sectionThemeFields:s,BLOCK_THEME_FOLLOW_LABEL:c}=a;e?.fields&&(e.fields={...e.fields,...s(a5,c)})}};var re1=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"]),AZ={name:"sectionGroups",applies:(e,t)=>t.isSection(e)&&(re1.has(e)||t.isHostBlock(e)),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}},ie1=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"]),HZ={name:"blockGroups",applies:e=>ie1.has(e),panel(e,t,a){let s=a.assignSectionGroups;e?.fields&&(e.fields=s(e.fields,t))}};var ne1=["Form","Stats"];function Bb(e,t){let a=new Set(e),s=ex.filter(i=>a.has(i)),c=s.filter(i=>i!=="Header"&&i!=="Footer"&&!Dc.includes(i)),o=new Set([...t,..._c,...ne1]),l=s.filter(i=>!o.has(i)),r=new Set(s);return{isSection:i=>r.has(i),isHostBlock:()=>!1,sectionGroupAllow:c,contentSectionKeys:l}}var he1=[iZ,nZ,FS,uZ,dZ,TS,hZ,PH,EH,VH,NH,MZ,bZ,SZ,wZ,LZ,AZ,HZ,vZ,pZ,fZ,rZ];function FZ(e,t,a){let s=t;for(let c of he1)c.applies(e,a,s)&&(a.inspector&&c.panel?.(s,e,a.inspector,a),c.draw?.(s,e,a));return t}var TZ={spacingFields:r5,sectionShapeFields:zo,cardShapeFields:vy,cellWidthFields:yy,widthField:i5,heightFields:wy,anchorFields:ky,sectionThemeFields:xo,sectionAnimationFields:gy,slider:a1,assignSectionGroups:Ho,dropEmptyHeadings:Gt,SECTION_THEME_FOLLOW_LABEL:no,BLOCK_THEME_FOLLOW_LABEL:Zz};function PZ(e){let t={...Bb(Object.keys(e.components),e.categories?.structure?.components??[]),inspector:TZ};for(let[c,o]of Object.entries(e.components))FZ(c,o,t);let a=e.root,s=a.resolveFields;return a.resolveFields=s?(c,o)=>{let l=s(c,o);return l instanceof Promise?l.then(r=>Gt(r??o.fields,"page")):Gt(l??o.fields,"page")}:(c,o)=>Gt(o.fields,"page"),t}import{Fragment as Te1,jsx as r0,jsxs as qt}from"react/jsx-runtime";var Mc0=[{value:"00",label:A.label},{value:"00",label:A.label},{value:"00",label:A.label}],ze1=ah(()=>import("./PreviewFooter-34YJU76X.js")),ye1=ah(()=>import("./render-client-VMLB4BTY.js")),we1={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 ke1({propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:o,chromeInheritsSiteBackground:l,suppressPreviewNav:r,children:i}){let{originData:n,exitFocus:h}=cC(),{theme:m,fonts:p,sizes:u,themeFromDocument:g}=E3();if(!n)return qt(Vb,{propsTheme:e,propsFonts:t,widthMode:a,fullWidth:s,pageWidth:c,pageBackground:o,chromeInheritsSiteBackground:l,suppressPreviewNav:r,footer:null,children:[r0("div",{style:we1,children:"This is your site footer \u2014 it shows at the bottom of every page."}),i]});let d=g?e:m,f=g?t:p,v=n.content??[],b=n.root,y=oa(v)&&Go(b,v);return qt("div",{className:"sf-theme-accent",style:{...Wc(f),...Uc(d),...Kc(d),...$c(d)},onClickCapture:r,children:[qt("div",{style:{position:"relative"},children:[r0("div",{className:y?Oo:void 0,style:{...Qt(d),...Yc(g?void 0:u),pointerEvents:"none",userSelect:"none"},"aria-hidden":"true",children:r0(ye1,{data:n})}),r0("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}})]}),r0("div",{className:"sf-theme-surfaces",style:{...Qt(d),...jc(d)},children:r0(Eb,{w:{widthMode:a,fullWidth:s,pageWidth:c},children:i})})]})}var M0=Sh,Ce1={formSlug:v5(void 0,"Newsletter (built in)"),_gLeft:x("Left panel"),metaLabel:I("Meta label",M0.metaLabel),issueLabel:I("Issue label",M0.issueLabel),issueNumber:I("Issue number",M0.issueNumber),kicker:I("Eyebrow",M0.kicker),heading:V1("Heading",M0.heading),deck:V1("Deck",M0.deck),stats:{type:"array",label:"Stats",arrayFields:{label:I("Label"),value:I("Value")},getItemSummary:e=>e?.label||e?.value||"Stat"},_gForm:x("Right panel \xB7 form"),formLabel:I("Section label",M0.formLabel),formHeading:I("Heading",M0.formHeading),formIntro:V1("Intro",M0.formIntro),firstNameLabel:I("First-name label",M0.firstNameLabel),firstNamePlaceholder:I("First-name placeholder",M0.firstNamePlaceholder),emailLabel:I("Email label",M0.emailLabel),emailPlaceholder:I("Email placeholder",M0.emailPlaceholder),_gChoices:x("Right panel \xB7 choices"),interestsLabel:I("Interests label",M0.interestsLabel),interests:H2("Interest chips",r0(j3,{noun:"tag"}),"Chip label","verbatim"),frequencyLabel:I("Frequency label",M0.frequencyLabel),frequencies:H2("Frequency options",r0(ge1,{}),"Option label","verbatim"),_gActions:x("Right panel \xB7 actions"),submitText:I("Submit button",M0.submitText),finePrint:I("Fine print",M0.finePrint),dismissText:I("Dismiss link",M0.dismissText),emailInvalidText:I("Invalid-email error",M0.emailInvalidText),submitErrorText:I("Submit-failed error",M0.submitErrorText),_gSuccess:x("Success state"),successHeading:I("Heading",M0.successHeading),successBody:V1("Message",M0.successBody),keepBrowsingText:I("Dismiss button",M0.keepBrowsingText),...xo(a5,no),...zo(),_gTextStyle:x("Text style"),...Object.fromEntries(uo.map(e=>[Qz[e],d1(zh[e],Pe(zh[e]),[{label:"Popup's own",value:""},...t5.map(t=>({label:b9[t],value:t}))],"")])),_gBehaviour:x("Behavior"),autoOpen:c1("Show by itself",M0.autoOpen,r0(de1,{})),trigger:g1("Trigger",r0(xe1,{}),[{label:"Delay",value:"delay"},{label:"Scroll",value:"scroll"},{label:"Exit",value:"exit"}],M0.trigger),autoOpenDelaySec:a1("Delay",r0(Rb,{}),kh.min,kh.max,1,M0.autoOpenDelaySec,"s"),scrollPercent:a1("Scroll",r0(be1,{}),Ch.min,Ch.max,5,M0.scrollPercent,"%"),showOn:g1("Pages",r0(ve1,{}),[{label:"All",value:"all"},{label:"Chosen",value:"chosen"}],M0.showOn),showOnPages:B9("Chosen pages",[],"None"),hideAfter:g1("After close",r0(Rb,{}),[{label:"This visit",value:"visit"},{label:"Days",value:"days"},{label:"Never",value:"never"}],M0.hideAfter),hideDays:a1("Days",r0(Rb,{}),Mh.min,Mh.max,1,M0.hideDays),_gArrangement:x("Arrangement"),formSide:g1("Form side",r0(fe1,{}),[{label:"Right",value:"right"},{label:"Left",value:"left"}],M0.formSide),_gPhone:x("On a phone"),valuePanelOnPhone:c1("Left panel",M0.valuePanelOnPhone,r0(pe1,{}))},Me1=Ho(Ce1,"SubscribePopup");async function Se1(){return(await ty(r2()??"")).filter(t=>!aa(t.slug)).map(t=>({label:t.label,value:j7(t.slug)}))}async function Le1(e){let t=Lh(e),a=new Set;t.autoOpen||["trigger","autoOpenDelaySec","scrollPercent","showOn","showOnPages","hideAfter","hideDays"].forEach(c=>a.add(c)),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 s={};for(let[c,o]of Object.entries(Me1))a.has(c)||(s[c]=c==="showOnPages"?{...o,options:await Se1().catch(()=>[])}:o);return q9(s)}var Q4=po,Ae1={_gHeader:x("Header"),kickerBadge:I("Eyebrow badge",Q4.kickerBadge),kickerText:I("Eyebrow text",Q4.kickerText),titleLead:I("Heading",Q4.titleLead),titleAccent:I("Heading accent",Q4.titleAccent),subtitleEmpty:V1("Sub-line \xB7 empty",Q4.subtitleEmpty),subtitleOne:V1("Sub-line \xB7 one set",Q4.subtitleOne),subtitleMany:V1("Sub-line \xB7 several sets",Q4.subtitleMany,"{count} becomes the number of sets"),_gStatus:x("Status rail"),leadTimeValue:I("Lead time",Q4.leadTimeValue),shipsToFallback:I("Ships to \xB7 fallback",Q4.shipsToFallback,"Shown only while the site serves no countries \u2014 otherwise the site's default country is stated"),_gPromises:x("Promise row"),promises:H2("Trust markers",r0(EZ,{}),"Marker","verbatim"),_gEmpty:x("Empty basket"),emptyKicker:I("Eyebrow",Q4.emptyKicker),emptyBody:V1("Message",Q4.emptyBody)},Yn={root:{fields:{...cZ,_gOpening:x("Opening filter"),openingProcess:d1("Process",J7("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"),mM,El),openingSize:I("Size","Any"),openingLugs:I("Lugs","Any"),openingFinish:d1("Finish",J7("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"),hM,El),openingPriceMin:I("Price from","Any"),openingPriceMax:I("Price to","Any")},resolveFields:async(e,{fields:t})=>{if(e?.props?.kind===wh)return Le1(e.props);if(e?.props?.kind===xh)return Ae1;let a=t;return O2()?{[cm]:d1("Product type",r0(me1,{}),re,"alloy-wheel"),...a,_gHeroBullets:x("Product hero"),_nHeroBullets:l5("The promises under Add to Cart. Text before the \xB7 is bold. Leave the list empty to show no promises at all."),[jm]:H2("Trust bullets",r0(EZ,{}),yS(Ha.bullets[0]),"verbatim")}:a},render:e=>{let{children:t,puck:a,widthMode:s,fullWidth:c,pageWidth:o,pageBackground:l,theme:r,fonts:i,scales:n,kind:h,previewProduct:m}=e,p=dl(typeof h=="string"?h:"",e);if(h===wh){let v=Lh(e);return qt("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[a?.isEditing?r0("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,r0(FM,{inline:!0,content:v})]})}if(h===xh){let v=Jz(e);return qt("div",{style:{background:"var(--bg)",minHeight:"100%"},children:[a?.isEditing?r0("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,r0(el,{children:r0(tl,{preview:!0,children:r0(Ma,{content:v})})})]})}let u=!!a?.isEditing,g=r0(xS,{kind:p,children:r0(CS,{content:wS(e),children:r0(vS,{slug:u?m:null,children:r0(sM,{initial:iM(e),children:t})})})}),d=h===Pz&&!qz(l);return u?h===C9?r0(ke1,{propsTheme:r,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:o,pageBackground:typeof l=="string"?l:void 0,chromeInheritsSiteBackground:d,suppressPreviewNav:Nb,children:g}):r0(Vb,{propsTheme:r,propsFonts:i,widthMode:s,fullWidth:c,pageWidth:o,pageBackground:typeof l=="string"?l:void 0,suppressPreviewNav:Nb,footer:r0(ze1,{}),overlay:qt(Te1,{children:[r0(_m,{}),r0(Wm,{})]}),children:g}):r0(sZ,{pageBackground:l,inheritBackground:d,w:{widthMode:s,fullWidth:c,pageWidth:o},children:g})}},categories:Qb(),components:{Heading:B1.Heading,Text:B1.Text,Eyebrow:B1.Eyebrow,ImageBlock:B1.ImageBlock,LogoBlock:B1.LogoBlock,ButtonBlock:B1.ButtonBlock,Spacer:B1.Spacer,Divider:B1.Divider,Grid:B1.Grid,Flex:B1.Flex,Breadcrumb:B1.Breadcrumb,Masthead:B1.Masthead,CategoryBar:B1.CategoryBar,FeaturedCover:B1.FeaturedCover,LongRead:B1.LongRead,Series:B1.Series,Subscribe:n2.Subscribe,SubscribeBlogs:n2.SubscribeBlogs,Banner:B1.Banner,ParagraphsA:B1.ParagraphsA,StatsParagraph:B1.StatsParagraph,Timeline:B1.Timeline,Footprint:B1.Footprint,TimelineTrack:B1.TimelineTrack,TitleWithButtons:B1.TitleWithButtons,Stats:B1.Stats,Integrations:B1.Integrations,Mockup:B1.Mockup,Chart:B1.Chart,KeyFeatures:B1.KeyFeatures,Testimonials:B1.Testimonials,Reviews:n2.Reviews,Prose:B1.Prose,Cards:B1.Cards,Logos:B1.Logos,Ticker:B1.Ticker,ContactRouting:n2.ContactRouting,ContactLocations:B1.ContactLocations,HeroSingle:B1.HeroSingle,Hero:B1.Hero,HeroSlide:B1.HeroSlide,HeroGroup:B1.HeroGroup,Collections:Z0.Collections,CollectionCard:Z0.CollectionCard,Events:n2.Events,PostCard:B1.PostCard,DocMetaCards:B1.DocMetaCards,DocTabs:B1.DocTabs,DocMasthead:B1.DocMasthead,DocBody:B1.DocBody,FAQ:B1.FAQ,Gallery:Z0.Gallery,GalleryB:Z0.GalleryB,BrandStrip:Z0.BrandStrip,SpecStrip:B1.SpecStrip,GalleryItem:Z0.GalleryItem,Manifesto:B1.Manifesto,SectionHeader:B1.SectionHeader,IntroBleed:B1.IntroBleed,Split:B1.Split,SubmitBuild:n2.SubmitBuild,SubmitBox:n2.SubmitBox,ReviewForm:n2.ReviewForm,Form:n2.Form,AppointmentBooking:n2.AppointmentBooking,BookingBox:n2.BookingBox,CatalogFilterBar:Z0.CatalogFilterBar,AlloyWheelsListing:Z0.AlloyWheelsListing,ProductGrid:Z0.ProductGrid,ProductHero:Z0.ProductHero,SpecTable:Z0.SpecTable,ProcessSteps:B1.ProcessSteps,DetailRows:Z0.DetailRows,FitmentTable:Z0.FitmentTable,RelatedProducts:Z0.RelatedProducts,BundleOffer:Z0.BundleOffer,CompatibleTyres:Z0.CompatibleTyres,TyreSizes:Z0.TyreSizes,TyreFitment:Z0.TyreFitment,EuTyreLabel:Z0.EuTyreLabel,FitmentFinder:Z0.FitmentFinder,OrderSummary:B1.OrderSummary,DeliveryOptions:Z0.DeliveryOptions,PaymentBadges:B1.PaymentBadges,CheckoutCTA:Z0.CheckoutCTA,ProductRef:Z0.ProductRef,CustomHTML:B1.CustomHTML,Header:Z0.Header,Footer:n2.Footer,FooterLogo:n2.FooterLogo,FooterMenu:n2.FooterMenu,FooterDivider:n2.FooterDivider,FooterGroup:n2.FooterGroup,FooterText:n2.FooterText,FooterEmailSignup:n2.FooterEmailSignup,FooterSocial:n2.FooterSocial,LegalLineBlock:n2.LegalLineBlock,SearchBlock:Z0.SearchBlock,CartBlock:Z0.CartBlock,CountrySwitchBlock:Z0.CountrySwitchBlock,[g9]:n2.SiteHeader,[v9]:n2.SiteFooter}},He1={MenuBlock:"FooterMenu",EmailFormBlock:"FooterEmailSignup",SocialLogosBlock:"FooterSocial"};for(let[e,t]of Object.entries(He1)){let a=Yn.components;a[e]={...a[t]}}{let e=Yn.components.MenuBlock;e.fields={...e.fields,direction:g1("Direction",r0(ue1,{}),[{label:vh.column,value:"column"},{label:vh.row,value:"row"}],"column")},e.defaultProps={...e.defaultProps,direction:"column"},e.render=({menu:t,heading:a,accordionMobile:s,showDividers:c,direction:o,puck:l})=>r0(ga,{menu:t,heading:a||void 0,accordionMobile:s,showDividers:c,layout:o==="row"?"row":"column",editing:l?.isEditing})}var Fe1=PZ(Yn),Sc0=Fe1.sectionGroupAllow,Sf=Yn;export{ad1 as a,sd1 as b,cd1 as c,od1 as d,ld1 as e,Bm as f,Bb as g,FZ as h,TZ as i,bq as j,kl1 as k,qt1 as l,y_1 as m,t4 as n,f4 as o,ik as p,Qe1 as q,et1 as r,tt1 as s,at1 as t,sl1 as u,rS as v,iS as w,KR1 as x,ua1 as y,Ys1 as z,Q10 as A,SF1 as B,dm as C,wC as D,ba1 as E,xa1 as F,za1 as G,Ca1 as H,SC as I,ca1 as J,ZJ1 as K,kn as L,st as M,h3 as N,lq as O,Pl as P,ba as Q,FO as R,is1 as S,Dt1 as T,k_ as U,cc as V,Sf as W};
|